/* html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, select, textarea, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 16px;
    color: $main-color;
    box-sizing: border-box;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    font-family: Mulish-Regular;
}
html {
    scroll-behavior: smooth;
    overflow-x: hidden;
    &.overflow{
        overflow-y: hidden;
    }
}
body{
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-x: clip;
    scroll-behavior: smooth;
    font-family: 'Muslih-Regular';
}
.main-navbar. footer {
    display: none;
} */
.umbraco-forms-form {
    max-width: 770px;
    width: 100%;
    background-color: #F0F2F5;
    border-radius: 8px;
    margin: 0 auto;
}
.umbraco-forms-form form {
    width: inherit;
    padding: 32px;
}
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-fieldset {
    padding: unset!important;
    margin: unset!important;
}
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field {
    position: relative;
    /*height: 72px;*/
}
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field label {
    position: absolute;
    left: 16px;
    top: 26px;
    /*top: 50%;
    transform: translateY(-50%);*/
    color: #586473!important;
    font-size: 16px!important;
    z-index: 10;
    font-weight: 400!important;
}

.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-field .umbraco-forms-field-wrapper {
    width: 100%;
}
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-field .umbraco-forms-field-wrapper :is(input, select, textarea){
    height: 72px!important;
    max-width: unset!important;
    width: 100%!important;
    margin: unset!important;
    padding: 24px 16px;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid #DEE3ED;
    background: #FFF;
    resize: none;
}
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-field .umbraco-forms-field-wrapper textarea{
    padding-top: 34px;
}
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-field .umbraco-forms-field-wrapper :is(input, select, textarea).input-validation-valid{
   border: 1px solid #586473;
}
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-field .umbraco-forms-field-wrapper select{
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
}
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-field .umbraco-forms-field-wrapper:has(select) {
    position: relative;
}
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-field .umbraco-forms-field-wrapper:has(select)::after{
    content: url('/assets/img/icon/icon-combobox.svg');
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    object-fit: contain;
    pointer-events: none;
}
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-field .umbraco-forms-field-wrapper :is(input, select, textarea):focus-visible{
    outline: none!important;
}
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-field:has(.umbraco-forms-field-wrapper textarea) {
    min-height: 110px;
    height: auto;
}
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-field .umbraco-forms-field-wrapper,
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-field .umbraco-forms-field-wrapper textarea {
    min-height: inherit!important;
}
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-field:has(input[animPlaceholder], select[animPlaceholder], textarea[animPlaceholder]) label {
    font-size: 12px!important;
    top: 16px;
} 
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-field :is(input[animPlaceholder], select[animPlaceholder], textarea[animPlaceholder]) {
    padding-bottom: 6px;
}
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-field .umbraco-forms-field-wrapper .field-validation-valid {
    color:#CC2D1F!important;
}
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-field .umbraco-forms-field-wrapper .field-validation-valid:not(:empty) {
    padding-bottom: 12px;
}
.btn.primary {
    width: 100%;
    min-height: 44px;
    padding: 10px 24px;
    color: white;
    background-color: #002855;
    border-radius: 100px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}
.btn.primary[disabled] {
    background-color: #E2E6EB;
    color: #B8BEC6;
    cursor: default;
    pointer-events: none;
}

/*Success Page*/
.success-form {
	 max-width: 770px;
	 margin: 0 auto;
	 padding: 32px;
	 border-radius: 8px;
	 background: #f0f2f5;
}
 .success-form .content {
	 background-color: white;
	 padding: 20px 16px 32px;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 gap: 16px;
}
 .success-form .content .icon {
	 width: 60px;
	 height: 60px;
	 object-fit: contain;
}
 .success-form .content .title {
	 font-family: 'Mulish-Bold';
	 font-size: 20px;
	 font-style: normal;
	 font-weight: 700;
	 line-height: 24px;
}
 .success-form .content .message {
	 font-size: 16px;
	 font-style: normal;
	 font-weight: 400;
	 line-height: 22px;
}
 .success-form .btn.primary {
	display: block;
    text-align: center;
    width: 100% !important;
    margin: 32px auto 0;
}