input[type=email], input[type=tel], input[type=text], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none
}

.input {
    background: var(--white);
    border: .0625rem solid var(--black-20);
    border-radius: .25rem;
    caret-color: inherit;
    display: block;
    font-size: .875rem;
    line-height: 1.5rem;
    padding: .6875rem 1rem;
    width: 100%
}

.input.--form-focus {
    border: .0625rem solid var(--blue)
}

.input.--form-error {
    border: .0625rem solid var(--red)
}

.input[placeholder]:not([data-fls-placeholder-nohiden])::placeholder {
    transition: opacity .3s
}

.input[placeholder]:not([data-fls-placeholder-nohiden]):focus::placeholder {
    opacity: 0
}

textarea.input {
    height: 12.5rem;
    padding: .6875rem 1rem;
    resize: none
}

.dropdown {
    min-width: 0
}

.dropdown, .dropdown__body {
    position: relative
}

.dropdown__title {
    background-color: var(--white);
    border: .0625rem solid var(--black-20);
    border-radius: .25rem;
    color: inherit;
    cursor: pointer;
    outline: none;
    padding: .6875rem 1rem;
    text-align: left;
    width: 100%
}

.dropdown__value {
    align-items: center;
    display: flex;
    min-width: 0
}

.dropdown__value > * {
    flex: 1 1 auto
}

.dropdown__value:after {
    align-items: center;
    align-self: stretch;
    color: var(--blue);
    content: "--icon-arrow-down";
    display: flex;
    flex: 0 0 0.625rem;
    font-family: iconfont;
    font-size: 1.125rem;
    height: 1.5rem;
    justify-content: center;
    transition: all .3s ease 0s
}

.--dropdown-open .dropdown__value:after {
    transform: rotate(-180deg)
}

.dropdown__value.--dropdown-pseudo-label:before {
    content: attr(data-pseudo-label);
    opacity: .5
}

.dropdown__content {
    font-family: Suisse;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

.dropdown__content, .dropdown__text {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dropdown__input {
    background-color: transparent;
    height: 100%;
    padding: 0 .625rem;
    width: 100%
}

.--dropdown-active .dropdown__input::placeholder {
    color: var(--black)
}

.--dropdown-focus .dropdown__input::placeholder {
    opacity: .5
}

.dropdown__options {
    background-color: var(--white);
    border: .0625rem solid var(--black-20);
    border-radius: 0 0 .25rem .25rem;
    border-top: 0;
    color: #000;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: calc(100% - .0625rem)
}

.dropdown__scroll {
    max-height: 12.5rem;
    overflow-x: hidden;
    overflow-y: auto
}

.dropdown__option {
    color: inherit;
    cursor: pointer;
    font-family: Suisse;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    padding: .3125rem .625rem;
    text-align: left;
    width: 100%
}

.dropdown__option.--dropdown-dropdowned {
    background-color: #eee
}

.dropdown__row {
    align-items: center;
    display: inline-flex
}

.dropdown--show-top .dropdown__options {
    border: .0625rem solid #f4f3ef;
    border-bottom: 0;
    border-radius: .25rem .25rem 0 0;
    bottom: calc(100% - .0625rem);
    padding: .3125rem 0 .625rem;
    top: auto
}

.dropdown.--dropdown-open .dropdown__title {
    border-color: var(--blue);
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.dropdown.--dropdown-focus .dropdown__options, .dropdown.--dropdown-focus .dropdown__title, .dropdown.--dropdown-open .dropdown__options {
    border-color: var(--blue)
}

.--dropdown-tag {
    cursor: pointer
}

.checkbox {
    display: inline-block;
    position: relative
}

.checkbox:not(:last-child) {
    margin-bottom: .3125rem
}

.checkbox__input {
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.checkbox__input:focus-visible + .checkbox__text {
    outline: .0625rem solid var(--black-20)
}

.checkbox__input:checked + .checkbox__text:after {
    opacity: 1
}

.checkbox__input:checked + .checkbox__text:before {
    background-color: var(--blue);
    border: .0625rem solid var(--blue)
}

.checkbox__text {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    position: relative
}

.checkbox__text:before {
    align-self: flex-start;
    border: .0625rem solid var(--black-20);
    border-radius: 0;
    content: " ";
    flex: 0 0 1rem;
    height: 1rem;
    margin-right: .6875rem;
    transition: all .3s ease 0s;
    width: 1rem
}

.checkbox__text:after {
    color: #fff;
    content: "\f107";
    font-family: iconfont;
    font-size: .75rem;
    height: .75rem;
    left: .125rem;
    opacity: 0;
    position: absolute;
    top: -.0625rem;
    transition: all .3s ease 0s;
    width: .75rem
}

.contactusform {
    position: relative;
    z-index: 2
}

.contactusform__body {
    background: var(--beige);
    border-top: .25rem solid var(--brown);
    padding: 1.5rem 1rem;
}

@media (min-width: 48rem) {
    .contactusform__body {
        padding: 2.5rem
    }
}

.contactusform__title {
    font-family: Chronicle;
    font-size: 1.625rem;
    letter-spacing: -.01625rem;
    line-height: 1.95rem;
    margin-bottom: 2rem;
    max-width: 45.4375rem
}

.contactusform__required {
    color: var(--black-40);
    display: block;
    font-size: .75rem;
    line-height: 1.125rem;
    margin-bottom: 1.5rem
}

.contactusform__fields, .contactusform__line {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%
}

.contactusform__field {
    width: 100%
}

.contactusform__field label {
    margin-bottom: .5rem
}

.contactusform__button {
    margin-top: 2rem
}

.contactusform__agree {
    font-size: .75rem;
    line-height: 1.125rem
}

.contactusform__agree a {
    text-decoration: underline;
    transition: color .3s ease-out;
    transition-delay: 1ms
}

@media (min-width: 48rem) {
    .contactusform__title {
        font-size: 2.25rem;
        letter-spacing: -.0225rem;
        line-height: 2.7rem
    }

    .contactusform__required {
        margin-bottom: 2rem
    }

    .contactusform__fields {
        gap: 2rem
    }

    .contactusform__line {
        flex-direction: row;
        gap: 2rem
    }

    .contactusform__button {
        margin-top: 3rem
    }
}

@media (min-width: 75rem) {
    .contactusform__container {
        margin-left: auto;
        margin-right: auto;
        max-width: 70.875rem;
        padding-left: 0;
        padding-right: 0
    }
}

@media (any-hover: hover) {
    .dropdown__option:hover {
        background: #f4f3ef
    }

    .contactusform__agree a:hover {
        color: var(--blue)
    }
}

.contactusform__response {
    background: var(--beige);
    border-top: .25rem solid var(--brown);
    padding: 1.5rem 1rem;
}

@media (min-width: 48rem) {
    .contactusform__response {
        padding: 2.5rem
    }
}