/********************/
/********FORMS*******/
/********************/

/****************************/
/***********INPUTS***********/
/****************************/

.form .input {
    position: relative;
}

.form .input-wrapper input,
.form .input-wrapper textarea {
    padding: 13.5px 22px 14.5px;
    border-radius: 30px;
    border: solid 2px #f0f0f0;
    position: relative;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.43;
    width: 100%;
    font-family: var(--font-family);
    transition: var(--transition);
}

.form .input-wrapper input:focus,
.form .input-wrapper textarea:focus,
.form .filter-wrapper.ifilled .custom-select .placeholder {
    border: 2px solid var(--primary);
}

.form .select-wrapper.tours .custom-select .reset {
    right: 20px;
}

.form .filter-wrapper .options>div {
    padding: 5px 0;
}

.form textarea.not-filled,
.form select.not-filled,
.form .select-wrapper:has(select.not-filled) .placeholder,
.form input[type="checkbox"].not-filled+label,
.form input:not([type="checkbox"],
    [type="file"]).not-filled {
    border-color: var(--warning) !important;
}

.form .warning {
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--warning);
    height: 20px;
    margin: 0;
    margin-top: 3px;
    padding-left: 20px;
    position: absolute;
    bottom: -25px;
}

.input-wrapper.filled textarea,
.input-wrapper.filled input,
.input-wrapper.filled .custom-select .placeholder {
    border-color: var(--primary) !important;
}

/****************************/
/*********CHECKBOXES******+**/
/****************************/

.form input[type='radio']+label {
    display: inline-block;
    min-width: 25px;
    height: 25px;
    border: 2px solid #f0f0f0;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    margin-right: 14px;
    vertical-align: middle;
    pointer-events: all;
}

.form input[type='radio']:checked+label {
    background-color: var(--primary);
    border: none;
}

.form input[type='radio']:checked+label::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 9px;
    height: 9px;
    background-color: white;
    border-radius: 50%;
    transition: opacity 0.2 ease-in-out;
    opacity: 0;
}

.form .checkbox-wrapper.flexible {
    margin-top: -10px;
    display: flex;
    gap: 15px;
    align-items: center;
}

.journeys .form .checkbox-wrapper,
.accomodation .form .checkbox-wrapper {
    margin: 0px;
}

.journeys .form .checkbox-wrapper:first-of-type,
.accomodation .form .checkbox-wrapper:first-of-type {
    margin: 0px 0 0px;
}

.form .checkbox-wrapper label {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contacts .form .checkbox-wrapper label {
    border: solid 2px #ebe7dc;
}

.checkbox-wrapper p a {
    color: #98b26b;
    font-weight: 500;
    transition: var(--transition);
}

.checkbox-wrapper p a:hover {
    color: var(--green-mo)
}

.contacts.content .select-wrapper.tours {
    margin-top: 10px;
}

.form .input-wrapper textarea {
    border-radius: 20px;
}

.form .input-wrapper:has(textarea) {
    width: 100%;
    max-width: 100%;
    margin-top: 14px;
}

.custom-journey .form .input-wrapper:has(textarea) {
    margin-top: 0px;
}

.custom-journey .form .row.hidden_fields+.col-12 {
    margin-top: -30px;
}

.custom-journey .form .row.hidden_fields.show+.col-12 {
    margin-top: 0px;
}

.contacts .form .row.hidden_fields+.col-12 {
    top: -30px;
}

.contacts .form .row.hidden_fields.show+.col-12 {
    top: 14px;
}

.contacts .form .input-wrapper:has(textarea) {
    margin-top: 0;
}

.content.custom-journey .form .bot-container .checkbox-wrapper {
    margin-top: 0px;
}

.contacts.content .form .checkbox-wrapper {
    margin-top: 0;
}

.contacts.content .form .checkbox-wrapper.flexible {
    margin-top: 0px;
}

.contacts.content .form .checkbox-wrapper p {
    margin-top: 0px;
}

.contacts.content .form .checkbox-wrapper.flexible p {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.57;
    color: #373e37;
}

.form .radio-wrapper {
    display: flex;
    align-items: center;
    padding: 19px;
    border-radius: 15px;
    background-color: white;
    cursor: pointer;
}


.form .input-wrapper input,
.form .input-wrapper textarea,
.form .radio-wrapper {
    border: solid 2px #f0f0f0;
    transition: var(--transition);
}

.form .input-wrapper input:hover,
.form .input-wrapper textarea:hover,
.form .radio-wrapper:hover {
    border: solid 2px #d8d8d8;
}

.contact .form .input-wrapper input,
.contact .form .input-wrapper textarea,
.contact .form .radio-wrapper {
    border: solid 2px #ebe7dc;
}

.contact .form .input-wrapper input:hover
.contact .form .input-wrapper textarea:hover
.contact .form .radio-wrapper:hover {
    border: solid 2px #d8d8d8;
}

.form input[type='radio']+label {
    border: solid 2px #ebe7dc;
}

.form input[type='radio']:checked+label {
    border: 8px solid var(--primary);
    border-color: var(--primary);
    background-color: white;
}

.form .radio-wrapper:has(input[type="radio"]:checked) {
    border: solid 2px var(--primary);
}

.form .radio-wrapper label {
    position: relative;
    top: unset;
    left: unset;
}

.contacts .form .radio-wrapper p,
.custom-journey .form .radio-wrapper p {
    margin-top: 0;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form .radio-wrapper p::after {
    content: "";
    inset: 0;
    top: 5px;
    left: unset;
    right: 0;
    position: absolute;
    width: 19px;
    height: 19px;
    mask-image: url(/assets/img/svg/traveler.svg);
    -webkit-mask-image: url(/assets/img/svg/traveler.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    background-color: var(--black);
}

.form .radio-wrapper.agency p::after {
    content: "";
    inset: 0;
    top: 5px;
    left: unset;
    right: 0;
    position: absolute;
    width: 19px;
    height: 19px;
    mask-image: url(/assets/img/svg/bag.svg);
    -webkit-mask-image: url(/assets/img/svg/bag.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    background-color: var(--black);
}

.form .checkbox-wrapper-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-top: -15px;
    position: relative;
}

.form .checkbox-wrapper-container .checkbox-wrapper {
    width: auto;
    display: flex;
    gap: 15px;
}

.form .checkbox-wrapper-container .checkbox-wrapper>p {
    margin: unset;
    margin-bottom: unset;
    margin-top: unset;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.38;
    color: #373e37;
}

.content .container .checkbox-wrapper p,
.content.newsletter .container .checkbox-wrapper p {
    text-align: left;
    margin: 0;
    line-height: 1.38;
    font-weight: 300;
    font-size: 1rem;
    color: #373e37;
}

@media(max-width: 1024px) {

    .content.contacts p,
    .content.custom-journey p {
        font-size: 0.938rem;
        padding-inline: 30px;
    }

    .content.contacts p,
    .content.custom-journey p {
        padding-inline: 0;
    }

    .content .radio-wrapper p {
        padding-inline: 0px;
    }
}

@media(min-width: 992px) {

    .newsletter .button,
    .newsletter .button:hover,
    .newsletter .button:focus {
        align-self: center;
        margin-top: 30px;
    }
}

/****************************/
/***********LABELS********+**/
/****************************/

label,
.custom-journey .input-wrapper.day-counter input:focus+label,
.custom-journey .input-wrapper.custom-calendar input:focus+label {
    position: absolute;
    top: 17px;
    left: 23px;
    color: var(--black);
    pointer-events: none;
    transition: var(--transition);
    z-index: 2;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.38;
}

.custom-journey .input-wrapper.not-filled.day-counter input {
    border: 2px solid var(--warning);
}

.content.contacts:has(.isSelected)+label,
.content.custom-journey:has(.isSelected)+label,
.content.newsletter:has(.isSelected)+label {
    top: -10px;
    left: 18px;
    font-size: 0.688rem;
    color: var(--primary);
    font-weight: normal;
    border-radius: 10px;
    background: linear-gradient(to top, white, #f6f1e8);
    padding: 1px 6px;
    z-index: 2;
    opacity: 1;
}

.content.custom-journey .input-wrapper.custom-calendar.filled input+label,
.content.custom-journey .input-wrapper.custom-calendar.filled input:focus+label {
    top: -10px;
    left: 18px;
    font-size: 0.688rem;
    color: var(--primary);
    font-weight: normal;
    border-radius: 10px;
    background: white;
    padding: 2px 6px;
    z-index: 2;
    opacity: 1;
    line-height: 1.43;
}

.select-wrapper .newsletter .select-wrapper:has(.isSelected) label,
.newsletter .filter-wrapper:has(.isSelected)+label,
.newsletter .content.contacts:has(.isSelected)+label,
.newsletter .content.newsletter:has(.isSelected)+label,
.newsletter .content.custom-journey:has(.isSelected)+label,
.newsletter input:focus+label,
.newsletter textarea:focus+label,




.newsletter .contacts.content .custom-select.open+label,
.newsletter .input-wrapper.filled label,
.newsletter .input-wrapper.filled input:focus+label,
.newsletter .input-wrapper.filled textarea:focus+label,
.newsletter .input-wrapper.filled input:not(:focus)+label,
.newsletter .input-wrapper.filled textarea:not(:focus)+label {
    background: white;
}

.content.custom-journey .input-wrapper.day-counter input:focus+label,
.content.custom-journey .input-wrapper.custom-calendar input:focus+label {
    border-radius: 0;
    background: var(--transparent);
    padding: 0;
    left: 22px;
    top: 16px;
}

.select-wrapper:has(.open),
.select-wrapper:has(.open)+label {
    z-index: 3;
}

.custom-journey.select-wrapper:has(.isSelected) label,
.filter-wrapper:has(.isSelected)+label,
input:focus+label,
textarea:focus+label,
.input-wrapper.filled:not(:has(.day-input)) label,
.input-wrapper.filled:not(:has(.day-input)) input:focus+label,
.input-wrapper.filled textarea:focus+label,
.input-wrapper.filled:not(:has(.day-input)) input:not(:focus)+label,
.input-wrapper.filled textarea:not(:focus)+label {
    top: -10px;
    left: 18px;
    font-size: 0.688rem;
    color: var(--primary);
    font-weight: normal;
    border-radius: 10px;
    background: linear-gradient(to top, white, #f6f1e8);
    padding: 1px 6px;
    z-index: 2;
    opacity: 1;
}

.input-wrapper.filled label {
    z-index: 3;
}

.select-wrapper .newsletter .select-wrapper:has(.isSelected) label,
.newsletter .filter-wrapper:has(.isSelected)+label,
.newsletter .content.contacts:has(.isSelected)+label,
.newsletter .content.newsletter:has(.isSelected)+label,
.newsletter .content.custom-journey:has(.isSelected)+label,
.newsletter input:focus+label,
.newsletter textarea:focus+label,
.newsletter .contacts.content .custom-select.open+label,
.newsletter .input-wrapper.filled label,
.newsletter .input-wrapper.filled input:focus+label,
.newsletter .input-wrapper.filled textarea:focus+label,
.newsletter .input-wrapper.filled input:not(:focus)+label,
.newsletter .input-wrapper.filled textarea:not(:focus)+label,
.custom-journey .select-wrapper:has(.isSelected) label,
.custom-journey .filter-wrapper:has(.isSelected)+label,
.custom-journey .content.contacts:has(.isSelected)+label,
.custom-journey .content.custom-journey:has(.isSelected)+label,
.custom-journey .content.custom-journey:has(.isSelected)+label,
.custom-journey input:focus+label,
.custom-journey textarea:focus+label,
.custom-journey .contacts.content .custom-select.open+label,
.custom-journey .input-wrapper.filled label,
.custom-journey .input-wrapper.filled input:focus+label,
.custom-journey .input-wrapper.filled textarea:focus+label,
.custom-journey .input-wrapper.filled input:not(:focus)+label,
.custom-journey .input-wrapper.filled textarea:not(:focus)+label {
    background: white;
}

.content.newsletter .container .button-wrapper {
    display: flex;
    justify-content: center;
}

.content.newsletter .container a.button {
    margin-top: 30px;
}

.bot-container a.button {
    margin-top: 30px;
}

.content.custom-journey .bot-container a.button:hover::before,
.content.newsletter .container a.button:hover::before {
    background-color: #6c7e4e;
}

.content.newsletter .container .button-wrapper+p {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.43;
    text-align: center;
    color: #8d8e8d;
    margin-top: 55px;
}

.content.newsletter .container .button-wrapper+p a {
    color: #98b26b;
    font-weight: 600;
}

.content.newsletter .container .button::after {
    content: none;
}

.content.contacts footer {
    background-color: #f6f1e8;
    margin-top: 0;
    padding-top: 100px;
}

.contacts.content .form .checkbox-wrapper {
    gap: 12px;
    display: flex;
    width: 100%;
    gap: 7px;
    margin-top: 20px;
}

.content.newsletter .container div.button {
    padding-block: 15px;
    width: 100%;
    justify-content: center;
    margin-top: 35px;
}

.content.newsletter .container div.button+p {
    font-size: 0.846rem;
    margin-top: 27px;
}

.content.newsletter .container div.button+p a {
    display: block;
}

.content.newsletter footer {
    margin-top: 30px;
}

.content.newsletter .container .checkbox-wrapper {
    display: flex;
    width: 100%;
    gap: 7px;
    margin-top: 20px;
}

.content.newsletter .container .checkbox-wrapper p {
    font-size: 1.077rem;
}

.content.contacts .bot-container,
.content.custom-journey .bot-container {
    margin-top: 20px;
}

.content.contacts .bot-container a.button,
.content.custom-journey .bot-container a.button {
    display: flex;
    justify-content: center;
    padding-block: 14px;
    display: flex;
    margin: auto;
    margin-top: 30px;
}


.content.contacts .custom-select .placeholder,
.content.custom-journey .custom-select .placeholder {
    border: 2px solid #f0f0f0;
    border-radius: 28px;
    padding: 13.5px 0 14.5px;
    padding-left: 21px;
    color: var(--black);
    cursor: pointer;
    z-index: 3;
    background-color: white;
    line-height: 1.43;
}

.content.custom-journey .custom-select.has-reset .placeholder > .reset{
    display: none;
}

.content.contacts .custom-select .placeholder {
    border: solid 2px #ebe7dc;
}

.content.custom-journey .custom-select.open .placeholder,
.content.custom-journey .custom-select.isSelected .placeholder,
.content.custom-journey .custom-select select:focus .placeholder {
    border: 2px solid var(--primary);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.content.custom-journey .custom-select.isSelected .placeholder {
    border-bottom-left-radius: 28px;
    border-bottom-right-radius: 28px;
}

.content.custom-journey .custom-select.open .placeholder,
.content.custom-journey .custom-select.isSelected.open .placeholder {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


.content.contacts .select-wrapper select,
.content.custom-journey input {
    padding: 13.5px 22px 14.5px;
    border-radius: 30px;
    border: solid 2px #f0f0f0;
    position: relative;
    font-size: 1rem;
    line-height: 1.43;
    width: 100%;
    font-family: var(--font-family);
    transition: var(--transition);
}


.content.contacts .custom-select:not(.has-reset) .placeholder::before,
.content.custom-journey .custom-select:not(.has-reset) .placeholder::before,
.content.custom-journey .custom-select .placeholder::before {
    content: "";
    position: absolute;
    top: -2px;
    bottom: 0;
    right: 28px;
    margin: auto;
    width: 6px;
    height: 6px;
    border-right: 1px solid #a5ae01;
    border-bottom: 1px solid #a5ae01;
    transform: rotate(45deg);
    pointer-events: none;
}

.content.contacts .custom-select:not(.has-reset).open .placeholder,
.content.custom-journey .custom-select:not(.has-reset).open .placeholder,
.content.custom-journey .custom-select.open .placeholder {
    border-bottom: 2px solid var(--transparent) !important;
    border-top: 2px solid var(--primary);
    border-left: 2px solid var(--primary);
    border-right: 2px solid var(--primary);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.content.contacts .custom-select .options-wrapper,
.content.custom-journey .custom-select .options-wrapper {
    border-left: 2px solid var(--primary);
    border-right: 2px solid var(--primary);
    border-bottom: 2px solid var(--primary);
    border-bottom-left-radius: 28px;
    border-bottom-right-radius: 28px;
    padding-left: 18px;
    top: 53px;
}

.content.custom-journey .custom-select.open .options-wrapper {
    z-index: 3;
}

.content.custom-journey .custom-select.open {
    z-index: unset;
    transition: var(--transition)
}

.content.custom-journey .select-wrapper .custom-select.open {
    z-index: 3;
    /* border-left: 2px solid var(--warning);
    border-right: 2px solid var(--warning);
    border-bottom: 2px solid var(--warning); */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.custom-journey .select-wrapper .custom-select.isSelected .placeholder {
    border-color: var(--primary);
}

@media(max-width: 500px) {
    .contacts .form .button {
        width: 100%;
    }
}

@media(max-width: 769px) {
    label {
        top: 10px;
        font-size: 1.077rem;
    }

    .input-wrapper.day-counter input:focus+label {
        top: 12px;
    }

    .form .radio-wrapper {
        padding: 9px;
    }

    .form .radio-wrapper p::after {
        width: 17px;
        height: 17px;
        top: 1;
    }

    .contacts .form .checkbox-wrapper-container {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin: 0;
    }

    .form .radio-wrapper label {
        margin-right: 7px;
    }

    .contacts.content .form .checkbox-wrapper.flexible p {
        font-size: 1.077rem;
    }

    .select-wrapper:has(.isSelected) label,
    .filter-wrapper:has(.isSelected)+label,
    input:focus+label,
    textarea:focus+label,
    .input-wrapper.filled label,
    .input-wrapper.filled input:focus+label,
    .input-wrapper.filled textarea:focus+label,
    .input-wrapper.filled input:not(:focus)+label,
    .input-wrapper.filled textarea:not(:focus)+label {
        left: 15px;
    }

    .form input[type="radio"]+label {
        min-width: 21px;
        height: 21px;
    }

    .form .input-wrapper input {
        padding: 9px 22px;
    }

    .form .input-wrapper textarea {
        margin-top: 0;
    }

    .form .warning {
        bottom: -25px;
    }

    .contacts .form .row.hidden_fields+.col-12 {
        top: -20px;
    }

    .contacts.content .form .row.hidden_fields.show+.col-12+small {
        margin-top: 20px;
    }

    .content.contacts .custom-select .placeholder,
    .content.custom-journey .custom-select .placeholder {
        border-radius: 21px;
        padding: 9px 0 9px;

    }

    .content.contacts .custom-select .options-wrapper,
    .content.custom-journey .custom-select .options-wrapper {
        top: 28px;
    }

        .content.contacts .custom-select:not(.has-reset).open .placeholder,
        .content.custom-journey .custom-select:not(.has-reset).open .placeholder {
            border-bottom: 0px solid var(--transparent) !important;
        }
}

/********************/
/*****NEWSLETTER*****/
/********************/

.content.newsletter .form_section:has(> .form),
.content.contacts .form_section:has(> .form),
.content.custom-journey .form_section:has(> .form) {
    padding-top: 90px;
    margin-top: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
    /* background-color: #f6f1e8; */
}

.content.custom-journey .form_section:has(> .form) {
    padding-top: 75px;
}

.content.contacts .form_section:has(> .form) {
    background-color: #f6f1e8;
}

.content.newsletter .form_section:has(> .form) .h2,
.content.contacts .form_section:has(> .form) .h2,
.content.custom-journey .form_section:has(> .form) .h2 {
    font-size: 2.5rem;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: -0.4px;
    text-align: center;
    margin-bottom: 22px;
    color: #373e37;
    text-transform: uppercase;
    margin-top: 0;
}

.content.newsletter .form_section:has(> .form) .h2+p,
.content.contacts .form_section:has(> .form) .h2+p,
.content.custom-journey .form_section:has(> .form) .h2+p {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.5;
    text-align: center;
    letter-spacing: normal;
    color: var(--secondary);
    margin: 0;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 0;
}

.content .form_section:has(> .form) .radio-wrapper p {
    margin-block: 0px;
    font-size: 1.25rem;
}

.content.newsletter .form_section .row>p {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.33;
    color: #373e37;
    margin-block: 0px;
    margin-top: 4px;
}

.content.newsletter .container .checkbox-wrapper p {
    text-align: left;
    margin: 0;
    line-height: 1.38;
    font-weight: 300;
    font-size: 1rem;
}


.content.newsletter .bot-container p:first-of-type {
    text-align: left;
    margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.38;
    font-weight: 300;
    font-size: 1rem;
}


.content.newsletter .form {
    margin-top: 0;
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.form.container {
    width: 100%;
    max-width: 880px;
}

.form.container>p {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.5;
    text-align: center;
    color: #373e37;
    margin: 0;
}

.content.newsletter .form>p {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.5;
    text-align: center;
    color: #373e37;
    margin-block: 0;
    margin-top: -15px;
}

.contacts.content .form .row,
.newsletter.content .form .row,
.custom-journey.content .form .row {
    --gap-h: 20px;
    --gap-v: 30px;
    margin-top: 52px;
}

.content .form .row.extraGap .input-wrapper:has(.warning),
.content .form .row.extraGap .checkbox-wrapper-container:has(.warning) {
    margin-bottom: 10px;
}

.content .form .row.extraGap .checkbox-wrapper-container:has(.warning) {
    margin-bottom: 20px;
}

.content .form .row.hidden_fields {
    width: 100%;
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    padding: 0;
    transition: var(--transition);
}

.content .form .row.hidden_fields.show {
    width: 100%;
    max-height: var(--full_height);
    opacity: 1;
}

.content .form>.row:has(.hidden_fields.show)+.col-12 {
    margin-top: 14px;
}

.content .form .row.hidden_fields.show+.col-12+small {
    margin-top: 10px;
}

.content.custom-journey .form .row.hidden_fields+.col-12+small {
    margin-top: -10px;
    font-size: 0.688rem;
    font-weight: 400;
}

.content .guest-dropdown {
    position: absolute;
    top: 65px;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 10px 29px 0 #0000001a;
    padding: 30px 19px;
    /* display: none; */
    z-index: 10;
    transition: var(--transition);
    opacity: 0;
    pointer-events: none;
}

.content .input-wrapper:has(.guest-input)::before {
    content: "";
    -webkit-mask-image: url(/assets/img/tour/icon-guest.svg);
    -webkit-mask-repeat: no-repeat;
    mask-image: url(/assets/img/tour/icon-guest.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    background-color: #656565;
    transition: var(--transition);
    cursor: pointer;
    width: 21px;
    height: 22px;
    position: absolute;
    right: 21px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    pointer-events: none;
}

.content.custom-journey .input-wrapper .icon-calendar{
    -webkit-mask-image: none;
    mask-image: none;
    width: 20px;
    height: 20px;
}
.contacts.content .input-wrapper .icon-calendar::before,
.content.custom-journey .input-wrapper .icon-calendar::before {
    content: "";
    background-color: #656565;
    transition: var(--transition);
    cursor: pointer;
    right: 5px;
    width: 20px;
    height: 20px;
    position: absolute;
    margin: auto;
    z-index: 1;
    pointer-events: none;
    -webkit-mask-image: url(/assets/img/tour/icon-calendar.svg);
    mask-image: url(/assets/img/tour/icon-calendar.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
}

.content.custom-journey .input-wrapper+p,
.content.custom-journey .checkbox-wrapper-container+p {
    margin: 0;
    font-size: 1.125rem;
    line-height: 1.33;
}

.content .guest-row {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 12px;
}

.content .guest-row .info {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25;
    letter-spacing: normal;
    color: #373e37;
}

.content .info small {
    font-size: 0.75rem;
    color: #bfbfbf;
    margin: 3px 0 0 0;
}

.content .controls {
    display: flex;
    align-items: center;
    gap: 14px;
}

.content .day-counter .controls {
    position: absolute;
    top: 18px;
    righT: 21px;
}

.content .day-counter input {
    color: transparent;
    caret-color: transparent;
}

.content button.minus,
.content button.plus {
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #aeadad;
    line-height: 1.2;
    font-weight: bold;
    color: #aeadad;
    transition: var(--transition);
    padding-top: 0;

    font-size: 1.250rem;
    cursor: pointer;
    line-height: 1;
    font-weight: 500;
    color: #aeadad;
    transition: var(--transition);
    padding: 0;
    font-family: monospace;
}

.content button.minus.disabled,
.content button.plus.disabled {
    opacity: 0.35;
    pointer-events: none;
}

.content button.minus:hover,
.content button.plus:hover {
    border: 1px solid #373e37;
    color: #373e37;
}

.content .count {
    min-width: 20px;
    text-align: center;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #373e37;
}

.content .apply-btn {
    width: 100%;
    margin-top: 15px;
    padding: 15px 0;
    background: #b5c97a;
    color: #fff;
    border: none;
    border-radius: 25px;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: 0.7px;
    cursor: pointer;
    justify-content: center;
}

.form small {
    font-size: 0.688rem;
    font-weight: 300;
    color: #373e37;
    display: block;
    margin-top: 22px;
}

.contacts .form small {
    margin-top: -30px;
}

.form a+small {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.43;
    text-align: center;
    color: #8d8e8d;
    margin-top: 45px;
}

.content.newsletter .form p {
    width: 100%;
    text-align: left;
}

.form .honey-input,
form .honey-input {
    position: fixed;
    top: -200%;
    left: -200%;
}

.content.newsletter .form {
    margin-top: 50px;
}

.content.newsletter .form .row {
    --gap-h: 30px;
    width: 100%;
    margin-top: 0;
}

/* .content.newsletter .container p {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.5;
    margin-block: 0;
} */

.content.newsletter .container p.description {
    text-align: center;
}

.content.newsletter .container p:first-of-type,
.content.custom-journey .bot-container p:first-of-type {
    margin-top: 0;
}

.content.newsletter .container p:last-of-type {
    margin-bottom: 0px;
}

@media(max-width: 769px) {

    .form .row {
        --gap-h: 20px;
        --gap-v: 20px;
    }

    .form textarea.not-filled,
    .form select.not-filled,
    .form input[type="checkbox"].not-filled+label,
    .form input:not([type="checkbox"],
        [type="file"]).not-filled {
        margin-bottom: 5px;
    }

    .form input[type="checkbox"].not-filled+label.privacy {
        margin-bottom: 0;
    }

    .content.newsletter .form_section:has(> .form) {
        padding-block: 0;
    }

    .content.newsletter .form_section:has(> .form) .h2 {
        margin-top: 45px;
        font-size: 1.846rem;
        letter-spacing: 0.24px;
    }

    .content.newsletter .form_section:has(> .form) .h2+p {
        margin-block: 15px;
    }

    .content.newsletter .form_section .custom-text {
        margin-top: 38px;
        font-size: 1.308rem;
        line-height: 1.35;
        text-align: center;
        margin-bottom: 15px;
    }

    .contacts.content .day-counter .controls {
        top: 10px;
    }

    .contacts.content .input-wrapper .icon-calendar::before {
        widtH: 19px;
        height: 19px;
    }

    .content .form_section:has(> .form) .radio-wrapper p {
        font-size: 1.231rem;
    }

    .contacts.content .form .row {
        margin-top: 9px;
        --gap-h: 10px;
        --gap-v: 20px;
    }

    .content.newsletter .form>p {
        margin-top: 0
    }

    .contacts.content .form .row.extraGap .input-wrapper:has(.warning) {
        margin-bottom: 10px;
    }

    .contacts.content .form .row.extraGap .input-wrapper:has(.warning) p {
        font-size: 0.846rem;
    }

    .contacts.content .form .row.hidden_fields+.col-12+small {
        margin-top: -25px;
        align-self: end;
    }

    .contacts.content .form>.row:has(.hidden_fields.show)+.col-12 {
        margin-top: 20px;
    }
}