::-webkit-input-placeholder {
    color: var(--brand--light);
}

::-moz-placeholder {
    color: var(--brand--light);
}

:-ms-input-placeholder {
    color: var(--brand--light);
}

:-moz-placeholder {
    color: var(--brand--light);
}

::placeholder {
    color: var(--brand--light);
}

.grecaptcha-badge {
    z-index: 1;
}

.blog-single-newsletter-form > div {
    background: var(--c_neutral--white);
     box-shadow: 5px 10px 30px 0 rgba(24, 26, 31, 0.18);
}

.container-single-newsletter-form {
    width: 750px;
    margin: 0 auto;
}

@media only screen and (max-width: 1280px) {
    .container-single-newsletter-form {
        width: 650px;
    }
}

@media only screen and (max-width: 768px) {
    .container-single-newsletter-form {
        width: 80%;
    }
}

.hs-form h1,
.hs-form h2,
.hs-form h3,
.hs-form h4 {
    margin-bottom: 20px;
}

.hs-form p {
    font-size: var(--p);
    line-height: var(--line-height--xl);
}

.lightboxContainer .hs-form p {
    margin-bottom: 0;
}

.hs-form-required {
    display: none;
}

.hs-form fieldset {
    max-width: unset !important;
}

@media only screen and (max-width: 768px) {
    .hs-form fieldset.form-columns-2 .hs-form-field {
        width: 100% !important;
    }
}

.hs-form fieldset > div {
    margin-bottom: 30px !important;
}

.hs-form fieldset.form-columns-2 .input {
    margin-right: 30px !important;
}

@media only screen and (max-width: 768px) {
    .hs-form fieldset.form-columns-2 .input {
        margin-right: 0 !important;
    }
}

.hs-form fieldset.form-columns-2 .hs-form-field:last-child .input {
    margin-right: 0 !important;
}

.container-contact-form--form .hs-form,
.contact-from-container .hs-form {
    display: block;
}


.container-contact-form--form .policy,
.contact-from-container .policy {
    padding-right: 25%;
}

@media only screen and (max-width: 1280px) {
    .container-contact-form--form .policy,
    .contact-from-container .policy {
        padding-right: 0;
    }
}

.hs-form h2 {
    font-size: var(--h2);
    line-height: var(--line-height--m);
}

@media only screen and (max-width: 1440px) {
    .hs-form h2 {
        font-size: var(--h2--large);
    }
}

@media only screen and (max-width: 1280px) {
    .hs-form h2 {
        font-size: var(--h2--desktop);
    }
}

@media only screen and (max-width: 1024px) {
    .hs-form h2 {
        font-size: var(--h2--tablet);
    }
}

@media only screen and (max-width: 768px) {
    .hs-form h2 {
        font-size: var(--h2--mobile_landscape);
    }
}

@media only screen and (max-width: 460px) {
    .hs-form h2 {
        font-size: var(--h2--mobile);
    }
}

.hs-form label {
    position: relative;

    display: block;

    margin-bottom: 10px;

    white-space: nowrap;

    font-size: var(--label);
    font-weight: var(--font_weight--semibold);
    line-height: var(--line_hight--large);
}

@media only screen and (max-width: 1440px) {
    .hs-form label {
        font-size: var(--label--large);
    }
}

@media only screen and (max-width: 1280px) {
    .hs-form label {
        font-size: var(--label--desktop);
    }
}

@media only screen and (max-width: 1024px) {
    .hs-form label {
        font-size: var(--label--tablet);
    }
}

@media only screen and (max-width: 768px) {
    .hs-form label {
        font-size: var(--label--mobile_landscape);
    }
}

@media only screen and (max-width: 460px) {
    .hs-form label {
        font-size: var(--label--mobile);
    }
}

.hs-form label em {
    font-size: var(--tech-stack--font-size);
    font-weight: var(--font_weight--normal);
    font-style: normal;
}

@media only screen and (max-width: 1024px) {
    .hs-form label em {
        font-size: var(--tech-stack--font-size--mobile);
    }
}

.hs-form .policy-chechbox label {
    position: relative;

    display: block;

    padding-left: 45px;

    white-space: normal;

    font-size: var(--caption-font-size);
    font-weight: 300;
    line-height: 24px;
}

@media only screen and (max-width: 1440px) {
    .hs-form .policy-chechbox label {
        font-size: var(--p--large);
    }
}

@media only screen and (max-width: 1280px) {
    .hs-form .policy-chechbox label {
        font-size: var(--p--desktop);
    }
}

@media only screen and (max-width: 1024px) {
    .hs-form .policy-chechbox label {
        font-size: var(--p--tablet);
    }
}

@media only screen and (max-width: 768px) {
    .hs-form .policy-chechbox label {
        font-size: var(--p--mobile_landscape);
    }
}

@media only screen and (max-width: 460px) {
    .hs-form .policy-chechbox label {
        font-size: var(--p--mobile);
    }
}

.hs-form .policy-chechbox label a {
    text-decoration: underline;

    color: var(--brand);

    text-underline-offset: 3px;
}

.hs-form input[type="email"],
.hs-form input[type="tel"],
.hs-form input[type="text"] {
    width: 100%;
    padding: 15px 20px;

    transition: all var(--translation_duration);

    color: var(--brand);
    border: 1px solid var(--brand--light);
    background-color: transparent;

    font-family: var(--font_family);
    font-size: var(--p);
}

@media only screen and (max-width: 1440px) {
    .hs-form input[type="email"],
    .hs-form input[type="tel"],
    .hs-form input[type="text"] {
        font-size: var(--p--large);
    }
}

@media only screen and (max-width: 1280px) {
    .hs-form input[type="email"],
    .hs-form input[type="tel"],
    .hs-form input[type="text"] {
        padding: 10px 15px;

        font-size: var(--p--desktop);
    }
}

@media only screen and (max-width: 1024px) {
    .hs-form input[type="email"],
    .hs-form input[type="tel"],
    .hs-form input[type="text"] {
        font-size: var(--p--tablet);
    }
}

@media only screen and (max-width: 768px) {
    .hs-form input[type="email"],
    .hs-form input[type="tel"],
    .hs-form input[type="text"] {
        font-size: var(--p--mobile_landscape);
    }
}

@media only screen and (max-width: 460px) {
    .hs-form input[type="email"],
    .hs-form input[type="tel"],
    .hs-form input[type="text"] {
        width: 100% !important;

        font-size: var(--p--mobile);
    }
}

.hs_message .input {
    margin-right: unset !important;
}

.hs-form textarea {
    width: 100% !important;
    min-height: 120px;
    max-height: 144px;
    padding: 15px 20px;

    resize: none;
    transition: all var(--translation_duration);

    color: var(--brand);
    border: 1px solid var(--brand--light);
    background-color: transparent;

    font-family: var(--font_family);
    font-size: var(--p);
}

@media only screen and (max-width: 1440px) {
    .hs-form textarea {
        font-size: var(--p--large);
    }
}

@media only screen and (max-width: 1280px) {
    .hs-form textarea {
        padding: 10px 15px;

        font-size: var(--p--desktop);
    }
}

@media only screen and (max-width: 1024px) {
    .hs-form textarea {
        font-size: var(--p--tablet);
    }
}

@media only screen and (max-width: 768px) {
    .hs-form textarea {
        font-size: var(--p--mobile_landscape);
    }
}

@media only screen and (max-width: 460px) {
    .hs-form textarea {
        font-size: var(--p--mobile);
    }
}

.hs-form input[type="email"]:focus,
.hs-form input[type="tel"]:focus,
.hs-form input[type="text"]:focus,
.hs-form textarea:focus {
    border: 1px solid var(--brand);
}

.hs-form .hs-richtext {
    margin-top: 10px;
    padding-right: 25%;
}

.hs-form .hs-richtext ul li {
    position: relative;

    margin-bottom: 5px;
    padding-left: 30px;
}

.hs-form .hs-richtext ul li:before {
    position: absolute;
    top: 15px;
    left: 0;

    display: block;

    width: 7px;
    height: 7px;

    content: '';

    border-radius: 50%;
    background: var(--orange);
}

@media only screen and (max-width: 1024px) {
    .hs-form .hs-richtext ul li:before {
        top: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .hs-form .hs-richtext ul li {
        padding-left: 20px;
    }

    .hs-form .hs-richtext ul li:before {
        top: 8px;
    }
}

.container-dark .hs-form input[type="email"],
.container-dark .hs-form input[type="text"] {
    color: var(--white);
}

.hs-form input[type="submit"] {
    height: 52px;
    margin-top: 15px;
    padding: 12px 24px;

    cursor: pointer;
    transition: all var(--translation_duration);
    text-align: center;

    color: var(--white);
    border: none;
    border-radius: 4px;
    background-color: var(--red);

    font-family: var(--font_family);
    font-size: 18px;
    font-weight: var(--font_weight--semibold);
}

@media only screen and (max-width: 460px) {
    .hs-form input[type="submit"] {
        height: 47px;

        font-size: var(--link-primary--mobile);
    }
}

.hs-form input[type="submit"]:hover {
    padding: 16px 24px 8px;

    color: var(--c_neutral--white);
    background: var(--c_brand--400);
}

p .form-legend {
    display: inline-block;

    margin-top: 10px;

    opacity: 0.5;

    font-size: 11px;
    line-height: var(--line-height--xl);
}

p .form-legend .policy-more {
    display: none;
}

p .cookie-policy-more {
    position: relative;

    display: inline-block;

    padding-right: 15px;

    cursor: pointer;
    transition: all var(--translation_duration);

    line-height: var(--line-height--xl);
}

p .cookie-policy-more:hover {
    color: var(--red);
}

p .cookie-policy-more .form-legend {
    margin-top: 0;

    opacity: 1;
}

p .cookie-policy-more:after {
    position: absolute;
    top: 14px;
    right: 0;

    display: block;

    width: 10px;
    height: 6px;

    content: '';
    transition: transform var(--translation_duration);

    background: url(../../img/shapes/miquido-arrow-show-more.svg) 0 0 no-repeat;
}

p .cookie-policy-more:hover:after {
    background: url(../../img/shapes/miquido-arrow-show-more-red.svg) 0 0 no-repeat;
}

.container-dark p .cookie-policy-more:after {
    background: url(../../img/shapes/miquido-arrow-show-more-white.svg) 0 0 no-repeat;
}

.container-dark p .cookie-policy-more:hover:after {
    background: url(../../img/shapes/miquido-arrow-show-more-red.svg) 0 0 no-repeat;
}

@media only screen and (max-width: 1440px) {
    p .cookie-policy-more:after {
        top: 11px;
    }
}

@media only screen and (max-width: 1280px) {
    p .cookie-policy-more:after {
        top: 8px;
    }
}

@media only screen and (max-width: 1024px) {
    p .cookie-policy-more:after {
        top: 11px;
    }
}

@media only screen and (max-width: 460px) {
    p .cookie-policy-more:after {
        top: 9px;
    }
}

p .cookie-policy-more.cookie_open:after {
    transform: rotate(180deg);
}

.hbspt-form .hs-error-msgs label {
    white-space: normal;

    color: var(--red) !important;

    font-size: var(--tech-stack--font-size);
    font-weight: var(--font_weight--semibold) !important;
    line-height: 24px;
}

.hs-form input.error,
.hs-form textarea.error {
    border: 1px solid var(--red);
}

.hs_error_rollup {
    display: none !important;
}

.hbspt-form input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;

    width: 0;
    height: 0;

    border: none;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.hbspt-form input[type="checkbox"]:before {
    position: absolute;
    top: 3px;
    left: 0;

    width: 24px;
    height: 24px;

    content: "";

    border: 1px solid var(--brand--light);
    background-color: transparent;
}

@media only screen and (max-width: 1440px) {
    .hbspt-form input[type="checkbox"]:before {
        top: 0;
    }
}

@media only screen and (max-width: 460px) {
    .hbspt-form input[type="checkbox"]:before {
        width: 20px;
        height: 20px;
    }
}

.hbspt-form input[type="checkbox"]:after {
    top: 1px;
}

.hbspt-form input[type="checkbox"].error:before {
    border: 1px solid var(--red);
}

.hbspt-form input[type="checkbox"].error ~ label.error {
    margin-top: 0 !important;
}

.hbspt-form input[type="checkbox"].error ~ span {
    color: var(--red);
}

.hbspt-form input[type="checkbox"]:checked:before {
    border: 1px solid var(--brand);
    background: var(--brand);
}

.hbspt-form input[type="checkbox"]:checked:after {
    position: absolute;
    top: 7px;
    left: 9px;

    display: block;

    width: 7px;
    height: 13px;

    content: "";
    transform: rotate(45deg);

    border: solid var(--white);
    border-width: 0 2px 2px 0;
}

@media only screen and (max-width: 1440px) {
    .hbspt-form input[type="checkbox"]:checked:after {
        top: 4px;
    }
}

@media only screen and (max-width: 460px) {
    .hbspt-form input[type="checkbox"]:checked:after {
        top: 2px;
        left: 7px;
    }
}

.hbspt-form input[type="radio"]:before {
    position: absolute;
    top: 7px;
    left: 0;

    width: 24px;
    height: 24px;

    content: "";

    border: 1px solid var(--brand--light);
    border-radius: 50%;
    background-color: transparent;
}

@media only screen and (max-width: 1440px) {
    .hbspt-form input[type="radio"]:before {
        top: 4px;
    }
}

@media only screen and (max-width: 460px) {
    .hbspt-form input[type="radio"]:before {
        top: 2px;
    }
}

.hbspt-form input[type="radio"]:checked:after {
    position: absolute;
    top: 12px;
    left: 5px;

    width: 14px;
    height: 14px;

    content: '';

    border-radius: 50%;
    background-color: var(--brand);
}

@media only screen and (max-width: 1440px) {
    .hbspt-form input[type="radio"]:checked:after {
        top: 9px;
    }
}

@media only screen and (max-width: 460px) {
    .hbspt-form input[type="radio"]:checked:after {
        top: 7px;
    }
}

.hbspt-form input[type="checkbox"] + span,
.hbspt-form input[type="radio"] + span {
    display: inline-block;

    margin-left: unset !important;
    padding-left: 40px;

    white-space: normal;
    white-space: nowrap;

    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
}

.hbspt-form input[type="radio"] + span {
    padding-left: 25px;
}

.hs-fieldtype-select .select-hidden {
    display: none;
    visibility: hidden;

    padding-right: 10px;
}

.hs-fieldtype-select .select {
    position: relative;

    display: inline-block;

    width: 100%;
    max-width: 300px;
    margin: 0;

    cursor: pointer;

    color: var(--brand);

    font-family: var(--font_family);
    font-size: 18px;

    appearance: none;
}

.hs-fieldtype-select  .select-styled {
    padding: 16px 20px;

    border: 1px solid var(--brand--light);
}

.hs-fieldtype-select  .select-styled.active {
    border: 1px solid var(--brand);
}

.hs-fieldtype-select .select-styled:after {
    position: absolute;
    z-index: 2;
    top: 20px;
    left: 270px;

    display: block;

    width: 12px;
    height: 12px;

    content: '';
    transition: all var(--translation_duration);

    background: url('/wp-content/themes/wpmiquido/img/shapes/icon__dropdown.svg') 0 0 no-repeat;
}

.hs-fieldtype-select  .select-styled.active:after {
    transform: rotate(180deg);
}

.hs-fieldtype-select .select-options {
  position: absolute;
  z-index: 999;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;

  display: none;

  margin: 0;
  padding: 0;

  list-style: none;

  border: 1px solid var(--brand);
  background: var(--white);
}

.hs-fieldtype-select .select-options li {
    margin: 0;
    padding: 8px 0;

    text-indent: 20px;

    font-size: inherit;
}

.hs-fieldtype-select .select-options li:hover,
.hs-fieldtype-select .select-options li.is-selected {
    background: var(--grey_blue);
}

.hs-file label {
    position: relative;

    padding-left: 40px;
}

.hs-file label:before {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 30px;
    height: 30px;

    content: '';

    background: url('/wp-content/themes/wpmiquido/img/icons/icon__attachment.svg') 0 0 no-repeat;
}

.hs-file input {
    display: none;
}

.hbspt-form .submitted-message p {
    font-size: var(--primary-link--font-size);
    line-height: var(--line_hight--large);
}

@media only screen and (max-width: 1440px) {
    .hbspt-form .submitted-message p {
        font-size: var(--primary-link--font-size--large);
    }
}

@media only screen and (max-width: 1280px) {
    .hbspt-form .submitted-message p {
        font-size: var(--primary-link--font-size--desktop);
    }
}

@media only screen and (max-width: 1024px) {
    .hbspt-form .submitted-message p {
        font-size: var(--primary-link--font-size--tablet);
    }
}

@media only screen and (max-width: 768px) {
    .hbspt-form .submitted-message p {
        font-size: var(--primary-link--font-size--mobile_landscape);
    }
}

@media only screen and (max-width: 460px) {
    .hbspt-form .submitted-message p {
        font-size: var(--primary-link--font-size--mobile);
    }
}

.hbspt-form .submitted-message p a {
    display: inline-block;

    margin-top: 10px;

    font-weight: var(--font_weight--semibold);
}

.hs-form-checkbox > span,
.hs-form-checkbox > span p,
.legal-consent-container .hs-form-booleancheckbox-display>span,
.legal-consent-container .hs-form-booleancheckbox-display>span p {
    margin-left: unset !important;
    padding-left: 40px;

    white-space: normal;

    font-size: var(--tech-stack--font-size) !important;
    font-weight: 300;
    line-height: var(--line-height--l);
}

.hs-form-checkbox > span,
.hs-form-checkbox > span p,
.legal-consent-container .hs-form-booleancheckbox-display>span,
.legal-consent-container .hs-form-booleancheckbox-display>span p {
    font-size: var(--tech-stack--font-size--mobile) !important;
}

.hs-form-checkbox > span p,
.legal-consent-container .hs-form-booleancheckbox-display>span p {
    padding-left: 0;
}
.hs-form-checkbox > span a:hover,
.legal-consent-container .hs-form-booleancheckbox-display>span p a:hover {
    text-decoration: underline;
}

.legal-consent-container input[type="checkbox"]:before {
    top: 5px;
}

.legal-consent-container input[type="checkbox"]:checked:after {
    top: 8px;
}

@media only screen and (max-width: 460px) {
    .legal-consent-container input[type="checkbox"]:before {
        top: 0;
    }

    .legal-consent-container input[type="checkbox"]:checked:after {
        top: 2px;
    }
}

.legal-consent-container label {
    margin-bottom: 0;
}

.more-form {
    position: relative;

    display: inline-block;

    padding-bottom: 5px;

    cursor: pointer;
    text-decoration: underline;

    font-weight: var(--font_weight--semibold);
    line-height: var(--line_hight--large);

    text-underline-offset: 6px;
}

.hs_n1__what_do_you_need_ ul,
.hs_n2__what_is_your_budget ul {
    display: grid;

    gap: 20px;
    grid-template-columns: repeat(3,1fr);
}

.hs_n2__what_is_your_budget ul li:nth-child(2n) {
    grid-column: span 2;
}

@media only screen and (max-width: 1280px) {
    .hs_n1__what_do_you_need_ ul,
    .hs_n2__what_is_your_budget ul {
        display: grid;

        gap: 20px;
        grid-template-columns: repeat(2,1fr);
    }

    .hs_n2__what_is_your_budget ul li:nth-child(2n) {
        grid-column: unset;
    }
}

@media only screen and (max-width: 768px) {
    .hs_n1__what_do_you_need_ ul,
    ul[data-reactid=".hbspt-forms-0.1:$6.1:$n2__what_is_your_budget.$n2__what_is_your_budget.0"] {
        display: grid;

        gap: 20px;
        grid-template-columns: repeat(1,1fr);
    }
}

.hs_n4__do_you_want_to_sign_nda_in_advance
ul {
    display: flex;

    gap: 0 40px;
}

.hs_n1__what_do_you_need_,
.hs_n2__what_is_your_budget,
.hs_n3__how_did_you_find_us_,
.hs_n4__do_you_want_to_sign_nda_in_advance {
    display: none;
}

.show-more .hs_n1__what_do_you_need_,
.show-more .hs_n2__what_is_your_budget,
.show-more .hs_n3__how_did_you_find_us_,
.show-more .hs_n4__do_you_want_to_sign_nda_in_advance {
    display: block;
}