.lang {
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-right: 5px;
    cursor: pointer;
}

.lang svg {
    color: #253580;
    width: 16px;
    height: 16px;
}

.header__container .nav {
    margin-left: auto;
    margin-right: 20px;
}

.header__buttons {
    display: none;
}

.header__buttons--blue {
    background-color: #253580;
    color: #fff;
    border-radius: 10px;
    font-size: 16px;
    line-height: 1;
    padding: 8px 24px;
    box-shadow: 0 10px 15px -3px #5c5c7a33, 0 4px 6px -4px #5c5c7a33;
    backdrop-filter: blur(8px);
    text-decoration: none;
    border:none;
}

.header__buttons--blue:hover {
    background-color: #253580e6;
    box-shadow: 0 20px 25px -5px rgba(37, 53, 128, 0.3), 0 8px 10px -6px rgba(37, 53, 128, 0.3);
}

.header__buttons--pink {
    background-color: #fd768a;
    color: #fff;
    border-radius: 10px;
    font-size: 16px;
    line-height: 1;
    padding: 8px 24px;
    box-shadow: 0 10px 15px -3px #f6b17e33, 0 4px 6px -4px #f6b17e33;
    backdrop-filter: blur(8px);
    text-decoration: none;
        border:none;
}

.header__buttons--pink:hover {
    background-color: #fd768ae6;
    box-shadow: 0 20px 25px -5px #fd768a4d, 0 8px 10px -6px #fd768a4d;
}

@media screen and (min-width: 768px) {
    .header__buttons {
        flex-basis: 100%;
        display: flex;
        align-items: center;
        justify-content: right;
        gap: 10px;
    }
}

@media screen and (min-width: 1024px) {
    .header__container {
        flex-wrap: nowrap;
    }

    .lang {
        order: 1;
        margin-left: auto;
    }

    .header__buttons {
        flex-basis: auto;
        order: 0;
        margin-left: auto;
    }
}











.blue-color {
    color: #253580;
}

.green-color,
.green-color small {
    color: #10b981 !important;
}

.advantage__item ul .green-color::before {
    background-color: #10b981;
}








.full-page {
    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    overflow: hidden;
    padding: 0px 20px;
}

.full-page .container {
    padding: 0;
}

.main-title.title-h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    padding: 15px 0 30px 0;
}

.new-page section {
    margin: 50px 0;
}

.new-page h2 {
    padding: 30px 0 15px 0;
    font-size: 36px;
    font-weight: 700;
}

.new-page h3 {
    font-weight: 600;
}

.new-page h2 {
    font-family: "Comfortaa", cursive;
}

.new-page p,
.new-page ul li,
.new-page ol li {
    color: #374151;
}



.new-page ul {
    list-style: none;
    margin: 0 0 30px 0px;
}

.new-page ol {
    list-style: none;
    counter-reset: my-counter;
    margin: 0 0 30px 0px;
}

.new-page ol li {
    counter-increment: my-counter;
    position: relative;
    padding-left: 60px;
    margin-bottom: 30px;
}

ol li::before {
    content: counter(my-counter);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    font-size: 14px;
    font-weight: 700;
    color: #253580;
    background: #2535801a;
    left: 10px;
    top: 0px;
    width: 32px;
    height: 32px;
    border-radius: 10px;
}

.new-page ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 30px;
}

.new-page ul li::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 8px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.separator-line {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, #f9f9fb 0%, #e5e8ec 50%, #f9f9fb 100%) 1;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}


.custom-table {
    margin: 25px 0;
    overflow-x: auto;
}

.custom-table table {
    width: 100%;
}

.custom-table th {
    background: #ff7691;
    color: white;
    padding: 5px 15px;
    border-style: solid;
    border-width: 0 1px 1px 0;
}

.custom-table th:first-child {
    border-top-left-radius: 10px;
    text-align: left;
}

.custom-table th:last-child {
    border-top-right-radius: 10px;
    border-right: none;
}

.custom-table td {
    border-style: solid;
    border-width: 0 1px 1px 0;
    color: white;
    padding: 5px 15px;
    background: #243580;
}

.custom-table td:first-child {
    text-align: left;
}

.custom-table td:last-child {
    border-right: none;
    text-align: center;
}

.custom-table tr:last-child td:first-child {
    border-radius: 0 0 0 10px;
}

.custom-table tr:last-child td:last-child {
    border-radius: 0 0 10px 0;
}

.custom-image-header {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 15px;
}

.custom-image-header-blue {
    border-bottom: 1px solid #0000001a;
}

.custom-image-header-pink {
    border-bottom: 1px solid #fce7f3;
}

.custom-image-header figure {
    padding: 10px;
    border-radius: 10px;
}

.custom-image-header-blue figure {
    background: #2535801a;
}

.custom-image-header-pink figure {
    background: #fce7f3;
}

.custom-image-header figure img {
    margin: 0;
    width: 24px;
    min-width: 24px;
    height: 24px;
}

.custom-image-header-content h2 {
    font-family: inherit;
    font-size: 24px;
    margin: 0;
    padding: 0;
}

.custom-image-header-content h3 {
    font-size: 24px;
    margin: 0;
}

.custom-image-header-content p {
    color: #6b7280;
    font-size: 14px;
    margin: 0;
}

.custom-list-blue,
.custom-list-pink {
    display: grid;
    gap: 25px;
    margin: 25px 0;
}

.new-page .custom-list-blue li,
.new-page .custom-list-pink li {
    margin: 0;
}

.custom-list-blue li::before {
    background-color: #253580;
}

.custom-list-pink li::before {
    background-color: #fd768a;
}


.list__blue li::before {
    background-color: #253580;
}

.list__pink li::before {
    background-color: #fd768a;
}

.list__green li::before {
    background-color: #10b981;
}



.custom-list-single {
    grid-template-columns: 1fr;
}

.header-blue {
    color: #253580;
    font-size: 20px;
}

.surrogate-requirements {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f4f4f4;
    border-radius: 100px;
    margin-bottom: 15px;
}

.surrogate-requirements figure {
    position: relative;
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f4f4;
    border-radius: 50%;
    outline: 5px solid #ffffff;
}

.new-page section .surrogate-requirements figure img {
    width: 21px;
    height: 21px;
    margin: 0;
    border-radius: 0;
}

.surrogate-requirements p {
    display: block;
    margin: 0;
    padding: 8px;
    width: 100%;
    background: #f4f4f4;
    border-radius: 100px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: var(--blue);
}

.advantage__items {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
    margin-bottom: 25px;
}

.advantage__item {
    display: flex;
    gap: 15px;
    position: relative;
    backdrop-filter: blur(8px);
    background-image: linear-gradient(to right bottom, oklab(0.999994 0.0000455677 0.0000200868 / 0.7) 0%, oklab(0.999994 0.0000455677 0.0000200868 / 0.8) 50%, oklab(0.999994 0.0000455678 0.0000200868 / 0.5) 100%);
    border: 1px solid;
    border-color: oklab(0.967 -0.000285348 -0.0029864 / 0.5);
    border-radius: 10px;
    padding: 25px;
    transition: all 0.3s ease;
}

.advantage__item:hover {
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
}

.advantage__item figure {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(to right bottom, oklab(0.36342 -0.000455797 -0.127774 / 0.1) 0%, oklab(0.36342 -0.000455797 -0.127774 / 0.05) 100%);
    border-radius: 15px;
    width: 48px;
    min-width: 48px;
    height: 48px;
    transition: all 0.3s ease;
}

.advantage__item:hover figure {
    scale: 110%;
}

.new-page section .advantage__item figure img {
    width: 25px;
    height: 24px;
    margin: 0;
}

.advantage__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.advantage__content h4 {
    color: #253580;
    font-size: 20px;
}

.advantage__content p {
    color: #0a0a0a;
    margin: 0;
}

.advantage__item ul {
    margin: 0;
}

.advantage__item ul li {
    position: relative;
    padding-left: 15px;
    margin: 0;
}

.advantage__item ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fd768a;
}

.advantage__item ul li small {
    color: #6b7280;
    font-size: 14px;
}

.country__items {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
}

.country__item {
    display: flex;
    flex-direction: column;
    position: relative;
    border: 1px solid #ea7490;
    margin: 35px 0 15px 0;
    padding: 25px 30px;
    border-radius: 20px;
    border-width: 1px;
    padding: 50px 25px 25px 25px;
    --tw-shadow: 0 25px 50px -12px #00000040;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 25px 50px -12px #00000040;
}

.country__item .country__item-image {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.country__item .country__item-image img {
    object-fit: contain;
    display: block;
    height: 75px;
    margin: 0;
    width: 100%;
    border: 1px solid #ea7490;
    border-radius: 15px;
}

.new-page .country__item h3 {
    text-align: center;
    padding: 0;
}

.country__item-link {
    margin: 0 auto;
    display: block;
    text-transform: uppercase;
    padding: 12px 30px;
    border-radius: 50px;
    background-color: #ff7691;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 4px 8px rgba(0, 0, 0, 0.1);
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-top: auto;
}


#feedback-new {
    overflow: hidden;
}

.feedback-block {
    position: relative;
    max-width: 465px;
    margin: 50px auto;
}

.heart-icon-svg {
    position: absolute;
    z-index: 9;
    opacity: 0.5;
}

.heart-blue {
    fill: #253580;
}

.heart-pink {
    fill: #FD768A;
}

.heart-green {
    fill: #76C75D;
}

.heart-blue-1 {
    bottom: 0;
    left: 49px;
    rotate: -45deg;
    z-index: 0;
    width: 120px;
    height: 120px;
}

.heart-blue-2 {
    bottom: 0;
    right: 49px;
    rotate: 45deg;
    z-index: 0;
    width: 120px;
    height: 120px;
}

.heart-blue-3 {
    bottom: 200px;
    left: 30px;
    rotate: -45deg;
    z-index: 0;
    width: 80px;
    height: 80px;
}

.heart-blue-4 {
    bottom: 200px;
    right: 30px;
    rotate: 45deg;
    z-index: 0;
    width: 80px;
    height: 80px;
}

.heart-blue-5 {
    bottom: 80px;
    left: -125px;
    width: 70px;
    height: 70px;
}

.heart-blue-6 {
    bottom: 80px;
    right: -125px;
    width: 70px;
    height: 70px;
}

.heart-blue-7 {
    bottom: 185px;
    left: -165px;
    width: 60px;
    height: 60px;
}

.heart-blue-8 {
    bottom: 185px;
    right: -165px;
    width: 50px;
    height: 50px;
}

.heart-blue-9 {
    bottom: 162px;
    left: -340px;
    rotate: 345deg;
    width: 60px;
    height: 60px;
}

.heart-blue-10 {
    bottom: -60px;
    right: 50px;
    z-index: 0;
    width: 100px;
    height: 100px;
}

.heart-pink-1 {
    bottom: 42px;
    left: 0px;
    rotate: -45deg;
    width: 70px;
    height: 70px;
}

.heart-pink-2 {
    bottom: 27px;
    right: 28px;
    rotate: 28deg;
    width: 70px;
    height: 70px;
}

.heart-pink-3 {
    bottom: 240px;
    left: -85px;
    width: 60px;
    height: 60px;
}

.heart-pink-4 {
    bottom: 240px;
    right: -85px;
    width: 60px;
    height: 60px;
}

.heart-pink-5 {
    top: -35px;
    left: 125px;
    rotate: 328deg;
    width: 60px;
    height: 60px;
}

.heart-pink-6 {
    top: -35px;
    right: 125px;
    width: 60px;
    height: 60px;
}

.heart-pink-7 {
    top: -5px;
    left: -290px;
    width: 110px;
    height: 110px;
}

.heart-pink-8 {
    bottom: 90px;
    right: -275px;
    width: 90px;
    height: 90px;
}

.heart-pink-9 {
    bottom: -55px;
    left: 60px;
    rotate: 45deg;
    z-index: 0;
    width: 110px;
    height: 110px;
}

.heart-pink-10 {
    bottom: 0px;
    left: -275px;
    width: 90px;
    height: 90px;
}

.heart-pink-11 {
    bottom: -55px;
    right: -90px;
    rotate: 45deg;
    width: 110px;
    height: 110px;
}

.heart-green-1 {
    bottom: 150px;
    left: -50px;
    rotate: 340deg;
    width: 100px;
    height: 100px;
}

.heart-green-2 {
    bottom: 150px;
    right: -50px;
    rotate: -340deg;
    width: 100px;
    height: 100px;
}

.heart-green-3 {
    top: -20px;
    left: 0px;
    rotate: 43deg;
    width: 50px;
    height: 50px;
}

.heart-green-4 {
    top: 0;
    right: 10px;
    rotate: 332deg;
    width: 60px;
    height: 60px;
}

.heart-green-5 {
    top: 14px;
    left: -153px;
    rotate: 45deg;
    width: 50px;
    height: 50px;
}

.heart-green-6 {
    top: 14px;
    right: -153px;
    rotate: -45deg;
    width: 50px;
    height: 50px;
}

.heart-green-7 {
    top: 170px;
    left: -255px;
    rotate: 27deg;
    width: 70px;
    height: 70px;
}

.heart-green-8 {
    top: 15px;
    right: -275px;
    rotate: 18deg;
    width: 100px;
    height: 100px;
}

.heart-green-9 {
    bottom: 0px;
    right: -200px;
    rotate: 335deg;
    width: 70px;
    height: 70px;
}

.heart-green-10 {
    bottom: -40px;
    left: -122px;
    rotate: 25deg;
    width: 100px;
    height: 100px;
}



















.feedback-wrap {
    padding: 32px;
    backdrop-filter: blur(8px);
    background-color: oklab(0.999994 0.0000455677 0.0000200868 / 0.8);
    border: 1px solid;
    border-color: oklab(0.967 -0.000285348 -0.0029864 / 0.6);
    border-radius: 25px;
    margin: 0 20px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 25px 50px -12px, rgba(0, 0, 0, 0.02) 0px 0px 0px 1px;
}

.feedback-blur {
    position: absolute;
    background-image: linear-gradient(to right bottom, oklab(0.36342 -0.000455797 -0.127774 / 0.05) 0%, oklab(0.729884 0.16093 0.0369245 / 0.05) 100%);
    inset: calc(.25rem * 0);
    border-radius: 25px;
    z-index: 1;
}

.feedback-content {
    position: relative;
    z-index: 10;
}

.feedback-title {
    font-family: "Comfortaa", cursive;
    color: #253580;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    margin-bottom: 25px;
}

.feedback-text {
    text-align: center;
}

.feedback-text p {
    color: #374151;
}

.feedback-buttton {
    backdrop-filter: blur(16px);
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(to right, rgb(37, 53, 128) 0%, oklab(0.36342 -0.000455797 -0.127774 / 0.9) 100%);
    color: #fff;
    border: 1px solid #253580;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.36342 -0.000455797 -0.127774 / 0.25) 0px 10px 15px -3px, oklab(0.36342 -0.000455797 -0.127774 / 0.25) 0px 4px 6px -4px !important;
    font-weight: 700;
    padding: 8px 30px;
    display: block;
    margin: 0 auto;
    opacity: 1 !important;
    transition: all 0.3s ease;
}

.feedback-buttton:hover {
    background-color: oklab(0.729884 0.16093 0.0369245 / 0.9);
    background-image: linear-gradient(to right in oklab, rgb(37, 53, 128) 0%, rgb(37, 53, 128) 100%);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.36342 -0.000455797 -0.127774 / 0.4) 0px 20px 25px -5px, oklab(0.36342 -0.000455797 -0.127774 / 0.4) 0px 8px 10px -6px !important;


}

@media screen and (min-width: 992px) {

    .advantage__items {
        grid-template-columns: 1fr 1fr;
    }

    .custom-list-blue,
    .custom-list-pink {
        grid-template-columns: 1fr 1fr;
    }

    .heart-icon-svg {
        z-index: 0;
    }

    .heart-pink-1 {
        bottom: 75px;
    }

    .heart-pink-2 {
        bottom: 75px;
        right: 0px;
        rotate: 45deg;
    }

    .heart-green-3 {
        top: 0;
        left: 10px;
        rotate: 0deg;
    }

    .heart-green-4 {
        rotate: 0deg;
    }

    .heart-pink-5 {
        rotate: 0deg;
    }
}

@media screen and (min-width: 1024px) {
    .main-title.title-h1 {
        font-size: 36px;
        line-height: 40px;
        padding: 30px 0;
    }

    .full-page .сontainer {
        padding: 0 20px;
    }

    .new-page h2 {
        font-size: 28px;
    }




    .advantage__items {
        grid-template-columns: 1fr 1fr;
    }



    .country__items {
        grid-template-columns: 1fr 1fr;
    }

    .page-accordions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .page-accordions .page-accordion {
        display: block;
    }

    .page-accordions .page-accordion .main-accordion {
        margin-bottom: 25px;
    }

}


#popup-form {
    contain: strict;
    position: fixed;
    z-index: 10150;
    inset: 0;
    display: none;
    place-items: center;
    overflow-y: auto;
    opacity: 0;
    transition: opacity 0.2s 0.064s;
    backdrop-filter: blur(8px);
    background: #fffc;
    background: oklab(.999994 .0000455677 .0000200868 / .8);
    box-shadow: rgb(0 0 0 / .08) 0 25px 50px -12px, rgb(0 0 0 / .02) 0 0 0 1px;
}

.popup-form__wrapper {
    max-height: 100vh;
    width: 100%;
    display: grid;
    place-items: center;

}
.popup-form__wrapper::-webkit-scrollbar {
  display: none; 
}
#popup-form.popup-form--open {
    opacity: 1;
}

.popup-form__blur {
    position: absolute;
    background-image: linear-gradient(to right bottom, oklab(0.36342 -0.000455797 -0.127774 / 0.05) 0%, oklab(0.729884 0.16093 0.0369245 / 0.05) 100%);
    inset: calc(.25rem * 0);
    border-radius: 25px;
}

.popup-form__container {

    position: relative;
    max-width: 900px;
    width: 100%;
    padding: 50px;
    border: 1px solid;
    border-color: oklab(0.999994 0.0000455677 0.0000200868 / 0.8);
    border-radius: 15px;
    background-color: oklab(0.999994 0.0000455677 0.0000200868 / 0.8);
    backdrop-filter: blur(24px);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0 0 0 / 0.1) 0px 25px 50px -12px;
    transform: translateY(50%) scale(0.5);
    transition: transform 0.4s 0.016s;
}

.popup-form__container--open {
    transform: none;
}

.popup-form__fieldset {
    margin-inline: auto;
    border: none;
    font-size: 14px;
    color: #253580;
    transition: opacity 0.2s;
}

.popup-form__close-btn {
    box-sizing: content-box;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
    border: 5px solid transparent;
    background-color: transparent;
    opacity: 0.65;
    cursor: pointer;
}

.popup-form__close-btn::before,
.popup-form__close-btn::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #253580;
    transform: rotateZ(45deg);
}

.popup-form__close-btn::after {
    transform: rotateZ(-45deg);
}

.popup-form__fieldset {
    margin-inline: auto;
    border: none;
    font-size: 14px;
    color: #253580;
    transition: opacity 0.2s;
}

.popup-form__header {
    border-bottom: 1px solid;
    border-color: oklab(0.928 -0.000571842 -0.00597269 / 0.5);
    width: 100%;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.popup-form__title {
    font-family: "Comfortaa", cursive;
    color: #253580;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    margin-bottom: 15px;
}

.popup-form__subtitle {
    display: block;
    text-align: center;
    color: #374151;
    font-size: 16px;
}

.popup-form__content {
    display: grid;
    gap: 35px 25px;
    margin-bottom: 25px;
}

.label-caption {
    color: #253580;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.label-caption::before {
    content: "";
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
}

.input__name-icon label::before {
    background-image: url(/wp-content/themes/vittoriavita/images/input-name.svg);
}

.input__phone-icon label::before {
    background-image: url(/wp-content/themes/vittoriavita/images/input-phone.svg);
}

.input__email-icon label::before {
    background-image: url(/wp-content/themes/vittoriavita/images/input-email.svg);
}

.input__country-icon label::before {
    background-image: url(/wp-content/themes/vittoriavita/images/input-country.svg);
}

.input__text-icon label::before {
    background-image: url(/wp-content/themes/vittoriavita/images/input-text.svg);
}

.popup-form__content input,
.popup-form__content textarea {
    border: 1px solid;
    border-color: oklab(0.928 -0.000571842 -0.00597269 / 0.7);
    border-radius: 15px;
    padding: 12px 15px;
    font-size: 16px;
    color: inherit;
    line-height: 1;
}

.popup-form__content .choices {
    overflow: visible;
}

.popup-form__content input:not(.choices__input):focus,
.popup-form__content input:not(.choices__input):active,
.popup-form__content input:not(.choices__input):focus-visible,
.popup-form__content textarea:focus,
.popup-form__content textarea:active,
.popup-form__content textarea:focus-visible,
.popup-form__content select:focus,
.popup-form__content select:active,
.popup-form__content select:focus-visible {
    border: none;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, #25358080 0px 0px 0px 3px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    outline: none;
}

.popup-form__content .choices__input.is-invalid+span+.choices__list.choices__list--single .choices__item {
    border: none;
    outline: none;
    border-color: rgb(253, 118, 138);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.729884 0.16093 0.0369245 / 0.5) 0px 0px 0px 3px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;

}

.popup-form__content .choices__input.is-valid+.choices__list.choices__list--single .choices__item {
    border: none;
    outline: none;
    box-shadow:
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        #76C75D80 0px 0px 0px 3px,
        /* зелений з прозорістю 50% */
        rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}

.choices.is-open .choices__list.choices__list--single .choices__item {
    border: none;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, #25358080 0px 0px 0px 3px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    outline: none;
}

.popup-form__content .choices[data-type*=select-one] .choices__input {
    margin-bottom: 15px;
}

.popup-form__button {
    backdrop-filter: blur(16px);
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(to right, rgb(37, 53, 128) 0%, oklab(0.36342 -0.000455797 -0.127774 / 0.9) 100%);
    color: #fff;
    border: 1px solid #253580;
    border-radius: 15px;
    box-shadow: rgba(120, 120, 150, 0.25) 0px 10px 15px -3px, rgba(120, 120, 150, 0.25) 0px 4px 6px -4px;
    box-shadow: oklab(0.36342 -0.000455797 -0.127774 / 0.25) 0px 10px 15px -3px, oklab(0.36342 -0.000455797 -0.127774 / 0.25) 0px 4px 6px -4px;
    font-weight: 700;
    line-height: 1;
    padding: 8px 50px;
    display: block;
    width: fit-content;
    margin: 0 auto;
    transition: all 0.3s ease;
}

.popup-form__button:hover {
    background-color: oklab(0.729884 0.16093 0.0369245 / 0.9);
    background-image: linear-gradient(to right in oklab, rgb(37, 53, 128) 0%, rgb(37, 53, 128) 100%);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.36342 -0.000455797 -0.127774 / 0.4) 0px 20px 25px -5px, oklab(0.36342 -0.000455797 -0.127774 / 0.4) 0px 8px 10px -6px !important;


}

.popup-form__content .choices[data-type*=select-one]::after,
.popup-form__content select::after {
    content: "";
    border: none;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background: url(/wp-content/themes/vittoriavita/images/select-arrow.svg) no-repeat center center;
    background-size: contain;
    pointer-events: none;
    transition: transform 0.25s ease;
}

.popup-form__content .choices[data-type*=select-one].is-open::after {
    transform: rotate(180deg);
    /* плавне перевертання */
}

.choices[data-type*=select-one] .choices__inner {
    padding: 0;
    background: transparent;
    border: none;
    padding-bottom: 0 !important;
}

/* Вимикаємо стандартний outline */
input.is-invalid,
textarea.is-invalid,
select.is-invalid {
    border: none;
    outline: none;
    border-color: rgb(253, 118, 138);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.729884 0.16093 0.0369245 / 0.5) 0px 0px 0px 3px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}

input.is-valid,
textarea.is-valid,
select.is-valid {
    border: none;
    outline: none;
    box-shadow:
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        #76C75D80 0px 0px 0px 3px,
        /* зелений з прозорістю 50% */
        rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}

.popup-form__content input:-webkit-autofill:focus,
.popup-form__content textarea:-webkit-autofill:focus,
.popup-form__content select:-webkit-autofill:focus {
    box-shadow: #25358080 0 0 0 3px, 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #253580 !important;
}



.popup-form__content .choices__list.choices__list--single {
    padding: 4px;
}

.popup-form__content .choices__list.choices__list--single .choices__item,
.popup-form__content .is-flipped .choices__list[aria-expanded],
.popup-form__content .is-open .choices__list[aria-expanded]{
    background: #fff;
    border: 0;
    border-radius: 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    outline: 0;
    padding: 14px 13px;
    color: #757575;
    cursor: pointer;
    border: 1px solid;
    border-color: oklab(0.928 -0.000571842 -0.00597269 / 0.7);
    opacity: 1;
}
.popup-form__content select {
    background: #fff;
    border: 0;
    border-radius: 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    width: 99%;
    outline: 0;
    padding: 14px 13px;
    color: #757575;
    cursor: pointer;
    border: 1px solid;
    border-color: oklab(0.928 -0.000571842 -0.00597269 / 0.7);
    opacity: 1;
      appearance: none;       /* забрати стандартний стиль */
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("https://dev.vittoriavita.com/wp-content/themes/vittoriavita/images/select-arrow.svg") 
              no-repeat right 10px center/16px auto;
  padding-right: 40px; 
  margin: 4px;
}
.select-container{
    padding: 4px;
}
.popup-form__content .choices__placeholder {
    opacity: 1;
}

.popup-form__content .choices__list .choices__item.choices__item--choice.is-selected,
.popup-form__content .choices__list--dropdown #choices\-\-form_country-item-choice-1 {
    display: none;
}

@media screen and (min-width: 768px) {

    #popup-form {
        padding: 20px;
    }

}

@media screen and (min-width: 992px) {

    .popup-form__content {
        grid-template-columns: 1fr 1fr;
    }

    .input__one-column {
        grid-column: 1/3;
    }


}

.popup-form__content .iti--separate-dial-code .iti__selected-flag {
    border-radius: 15px;
}

.popup-form__content .iti__country-list {
    border-radius: 15px;
    line-height: 20px;
    border: 1px solid;
    border-color: oklab(0.928 -0.000571842 -0.00597269 / 0.7);
}

#mask-phone {
    display: block;
    position: relative;
}

#popup-form .iti--container {
    position: absolute;
    top: 85px;
    left: 0;
    min-height: 250px;
}
#popup-form #desktop-phone .iti--container {
    top: 385px!important;
    left: 0!important;
}

.iti--allow-dropdown {
    width: 100%;
}

.phone-error,
.field-error {
    color: rgb(253, 118, 138);
    font-size: 12px;
    display: block;
    background: none;
    position: absolute;
    margin-top: 5px;
}

.choices__inner .field-error {
    bottom: -20px;
}




.form-send-status__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

.form-send-status__title {
    font-family: "Comfortaa", cursive;
    font-size: 20px;
    font-weight: 700;
    color: #243580;
}


.popup-form__container.form-send{
    width: fit-content;
    min-height: fit-content;
}







#header.fixed .header__container .nav{

    position: fixed;
    top: 0;
    right: 0;
    /* bottom: 0; */
    /* left: 0; */
    padding-top: 115px;
    top: 82px;
    margin-top: 78px;
    height: 100%;
    width: 100%;
    /* overflow-y: auto; */
    /* overflow-x: hidden; */
    /* background: #ffdd00; */
    /* z-index: 199; */
    /* display: grid
; */
    /* grid-template-columns: 1fr 1fr; */
    align-items: flex-start;
    backdrop-filter: blur(24px);
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid #fff3;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -4px;
    will-change: backdrop-filter;
    margin: 0px 0 0 0;
    padding: 125px 20px 0 20px;
}
#header.fixed .header__container .nav::before {
    content: "";
    position: absolute;
    inset: 0;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}
#header.fixed .nav ul li a {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #253580;
    text-decoration: none;
    display: flex
;
    align-items: center;
    width: 100%;
    padding: 20px 30px;
    background: #374a8b;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 5%);
    border-radius: 10px;
    text-align: left;
    font-size: 17px;
    color: #fff;
    text-decoration: none;
}

#header.fixed .header__container .header__buttons {
    position: fixed;
    /* top: 0; */
    /* right: 0; */
    /* bottom: 0; */
    /* left: 0; */
    /* padding-top: 115px; */
    /* margin-top: 78px; */
    /* height: 100%; */
    width: 100%;
    /* overflow-y: auto; */
    /* overflow-x: hidden; */
    /* background: #ffdd00; */
    z-index: 199;

    gap: 15px;
    /* grid-template-columns: 1fr 1fr; */
    align-items: center;
    justify-content: center;
    /* backdrop-filter: blur(24px); */
    /* background-color: rgba(255, 255, 255, 0.3); */
    /* border: 1px solid #fff3; */
    /* box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -4px; */
    /* will-change: backdrop-filter; */
    top: 95px;
    margin-left: -20px;
    padding: 0;
}

#header.fixed.nav .menu {
    /* display: block; */
    /* width: 100%; */
    position: relative;
    z-index: 101;
}
#header.fixed .nav ul {
flex-direction: column;
}

.menu_mob .header__buttons{
    display: grid;
    align-items: center;
    justify-content: center;
    gap: 15px;
}