header,
footer{
    display: none;
}
/* Budi Multistep Form Funnel Styles */
.budi-multistep-form-funnel__wrapper {
    max-width: 390px;
    margin: 0 auto;
}

.budi-multistep-form-funnel__logo {
    padding: 24px;
    text-align: center;
    background: var(--color-sub);
}

.budi-multistep-form-funnel__logo img {
    width: 100%;
    max-width: 170px;
    height: auto;
    display: inline-block;
}

.budi-multistep-form-funnel__section {
    margin-bottom: 0;
}

/* White Header Section (Section 1) */
.budi-multistep-form-funnel__section-header-part {
    background: #fff;
    padding: 30px 25px;
    text-align: center;
    color: var(--color-sub);
}

.budi-multistep-form-funnel__section-title {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: var(--color-main);
    margin: 0 0 10px 0;
    line-height: 1.4;
    text-transform: uppercase;
}

.budi-multistep-form-funnel__section-title span {
    color: var(--color-sub);
    display: block;
}

.budi-multistep-form-funnel__section-description {
    font-size: 16px;
    color: #000000;
    margin: 0;
    line-height: 1.6;
}

/* Colored Content Section (Section 2) */
.budi-multistep-form-funnel__section-content-part {
    background: var(--color-main);
    padding: 30px;
    text-align: center;
    position: relative;
    color: #fff;
}

.budi-multistep-form-funnel__section-content-part .budi-multistep-form-funnel__section-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--color-sub);
    margin: 0 0 15px 0;
    line-height: 1.4;
    text-align: center;
}

.budi-multistep-form-funnel__section-content-part .budi-multistep-form-funnel__section-description {
    font-size: 16px;
    color: #fff;
    margin: 0;
    line-height: 1.6;
}

/* Chevron icon for scroll indicator on section 2 */
.budi-multistep-form-funnel__section-content-part::after {
    content: url("data:image/svg+xml,%3Csvg width='17' height='11' viewBox='0 0 17 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4995 1.50006L8.54407 8.93638L1.49996 1.64705' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    ;
    display: block;
    color: #fff;
    font-size: 20px;
    margin-top: 20px;
    opacity: 0.7;
    animation: bounce 2s infinite;
}

/* Step Header - Outside of step content */
.budi-multistep-form-funnel__step-header {
    display: flex;
    align-items: center;
    padding: 30px 20px 0;
    position: relative;
    background: #fff;
}

.budi-multistep-form-funnel__step-indicators {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: relative;
    padding: 0 14px;
}

.budi-multistep-form-funnel__step-indicator {
    background: var(--color-main);
    color: #fff;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 10px;
    position: relative;
    z-index: 1;
    flex: 0 0 26px;
    border: none;
    transition: all 0.2s ease;
}

.budi-multistep-form-funnel__step-indicator-inactive {
    background: #CCDAEB;
    color: rgba(0, 0, 0, 0.5);
    border: none;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}

.budi-multistep-form-funnel__step-number {
    display: inline;
}

/* Progress Bar - Positioned in the middle of step indicators */
.budi-multistep-form-funnel__progress-bar {
    position: absolute;
    left: 14px;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    height: 5px;
    background:#CCDAEB;
    z-index: 0;
    overflow: visible;
}

.budi-multistep-form-funnel__progress-bar-inner {
    height: 100%;
    background: var(--color-main);
    border-radius: 0;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.budi-multistep-form-funnel__form-section {
    padding: 30px 20px;
    text-align: center;
    color: #fff;
}

.budi-multistep-form-funnel__form-section br{
    display: none !important;
}

.budi-multistep-form-funnel__form-header {
    margin-bottom: 20px;
}

.budi-multistep-form-funnel__form-title {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 15px 0;
}

.budi-multistep-form-funnel__form-description {
    font-size: 16px;
    color: #fff;
    margin: 0;
    line-height: 1.6;
}

.budi-multistep-form-funnel__form-content .wpcf7 {
    max-width: 100%;
}

.budi-multistep-form-funnel__form-content .wpcf7-form {
    padding: 0;
    overflow: visible;
    color: #000000;
    font-size: 16px;
}

.budi-multistep-form-funnel__form-content .fieldset-cf7mls-wrapper {
    overflow: visible;
}

.df-radio-cards .wpcf7-form-control-wrap {
    display: block;
}

.df-radio-cards .wpcf7-form-control.wpcf7-radio {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.budi-multistep-form-funnel__form-content ::-webkit-input-placeholder {
    color: #00000080 !important;
    opacity: 1;
    font-style: normal;
}

.budi-multistep-form-funnel__form-content :-ms-input-placeholder {
    color: #00000080 !important;
    opacity: 1;
    font-style: normal;
}

.budi-multistep-form-funnel__form-content ::-ms-input-placeholder {
    color: #00000080 !important;
    opacity: 1;
    font-style: normal;
}

.budi-multistep-form-funnel__form-content ::-moz-placeholder {
    color: #00000080 !important;
    opacity: 1;
    font-style: normal;
}

.budi-multistep-form-funnel__form-content :-moz-placeholder {
    color: #00000080 !important;
    opacity: 1;
    font-style: normal;
}

.budi-multistep-form-funnel__form-content ::placeholder {
    color: #00000080 !important;
    opacity: 1;
    font-style: normal;
}

.budi-multistep-form-funnel__form-content .wpcf7-email {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 0.75H3.75C2.7558 0.751191 1.80267 1.14666 1.09966 1.84967C0.396661 2.55267 0.00119089 3.5058 0 4.5L0 13.5C0.00119089 14.4942 0.396661 15.4473 1.09966 16.1503C1.80267 16.8533 2.7558 17.2488 3.75 17.25H14.25C15.2442 17.2488 16.1973 16.8533 16.9003 16.1503C17.6033 15.4473 17.9988 14.4942 18 13.5V4.5C17.9988 3.5058 17.6033 2.55267 16.9003 1.84967C16.1973 1.14666 15.2442 0.751191 14.25 0.75ZM3.75 2.25H14.25C14.6991 2.25088 15.1376 2.38614 15.5092 2.63835C15.8808 2.89057 16.1684 3.24821 16.335 3.66525L10.5915 9.4095C10.1688 9.83049 9.59656 10.0669 9 10.0669C8.40344 10.0669 7.83118 9.83049 7.4085 9.4095L1.665 3.66525C1.83161 3.24821 2.11921 2.89057 2.49079 2.63835C2.86236 2.38614 3.30091 2.25088 3.75 2.25ZM14.25 15.75H3.75C3.15326 15.75 2.58097 15.5129 2.15901 15.091C1.73705 14.669 1.5 14.0967 1.5 13.5V5.625L6.348 10.47C7.05197 11.1722 8.00569 11.5665 9 11.5665C9.99431 11.5665 10.948 11.1722 11.652 10.47L16.5 5.625V13.5C16.5 14.0967 16.2629 14.669 15.841 15.091C15.419 15.5129 14.8467 15.75 14.25 15.75Z' fill='black' fill-opacity='0.5'/%3E%3C/svg%3E%0A") !important;
    background-size: 18px !important;
    background-position: left 15px center !important;
    padding-left: 43px !important;
    background-repeat: no-repeat !important;
}

.budi-multistep-form-funnel__form-content .wpcf7-tel {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2006_1272)'%3E%3Cpath d='M16.627 1.3652L15.8395 0.6827C14.932 -0.2248 13.462 -0.2248 12.5545 0.6827C12.532 0.7052 11.1445 2.5127 11.1445 2.5127C10.2895 3.4127 10.2895 4.8302 11.1445 5.7227L12.0145 6.8177C10.9195 9.3002 9.21697 11.0102 6.81697 12.0302L5.72197 11.1527C4.82947 10.2902 3.40447 10.2902 2.51197 11.1527C2.51197 11.1527 0.704469 12.5402 0.681969 12.5627C-0.225531 13.4702 -0.225531 14.9402 0.644469 15.8102L1.39447 16.6727C2.25697 17.5352 3.41947 18.0077 4.67947 18.0077C10.4095 18.0077 17.9995 10.4102 17.9995 4.6877C17.9995 3.4352 17.527 2.2652 16.627 1.3727V1.3652ZM4.67947 16.5002C3.82447 16.5002 3.03697 16.1852 2.49697 15.6377L1.74697 14.7752C1.43947 14.4677 1.42447 13.9652 1.71697 13.6427C1.71697 13.6427 3.50947 12.2627 3.53197 12.2402C3.83947 11.9327 4.37947 11.9327 4.69447 12.2402C4.71697 12.2627 6.22447 13.4702 6.22447 13.4702C6.43447 13.6352 6.71197 13.6802 6.95947 13.5827C10.0645 12.3977 12.292 10.1777 13.5745 6.9752C13.672 6.7277 13.6345 6.4427 13.462 6.2252C13.462 6.2252 12.2545 4.7102 12.2395 4.6952C11.917 4.3727 11.917 3.8552 12.2395 3.5327C12.262 3.5102 13.642 1.7177 13.642 1.7177C13.9645 1.4252 14.467 1.4327 14.812 1.7777L15.5995 2.4602C16.177 3.0377 16.4995 3.8252 16.4995 4.6802C16.4995 9.9002 9.17197 16.5002 4.67947 16.5002Z' fill='black' fill-opacity='0.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2006_1272'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
    background-size: 18px !important;
    background-position: left 15px center !important;
    padding-left: 43px !important;
    background-repeat: no-repeat !important;
}

.df-radio-cards .wpcf7-list-item {
    margin: 0;
    flex: 0 0 calc(50% - 10px);
    width: 160px;
}

.df-radio-cards .wpcf7-list-item label {
    display: block;
    position: relative;
    margin-bottom: 0;
}

.df-radio-cards .wpcf7-list-item label input[type="radio"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
}

.df-radio-cards .wpcf7-list-item label .wpcf7-list-item-label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 22px;
    text-align: center;
    padding: 20px 15px;
    background: #fff;
    border-radius: 10px;
    border: 2px solid transparent;
    box-shadow: 0px 0px 15px 0px #00000026;
    font-size: 16px;
    line-height: 1.1em;
    font-weight: 400;
    color: #000000;
    min-height: 170px;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
    cursor: pointer;
}

.df-radio-cards .wpcf7-list-item label .wpcf7-list-item-label:hover {
    border-color: rgba(0, 70, 153, 0.35);
    transform: translateY(-2px);
}

.df-radio-cards .wpcf7-list-item label .wpcf7-list-item-label::before {
    content: '';
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    filter: drop-shadow(0 10px 25px rgba(59, 121, 109, 0.15));
}

.df-radio-cards .wpcf7-list-item label .wpcf7-list-item-label::after {
    display: none;
}

.df-radio-cards .wpcf7-list-item label input:checked+.wpcf7-list-item-label,
.df-radio-cards .wpcf7-list-item label input:focus-visible+.wpcf7-list-item-label {
    border-color: var(--color-main);
    box-shadow: 0 25px 60px rgba(0, 70, 153, 0.35);
    transform: translateY(-4px);
}

/* Role Cards */
.role-cards .wpcf7-list-item:first-child .wpcf7-list-item-label::before {
    background-image: url('images/man.svg');
}

.role-cards .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::before {
    background-image: url('images/couple.svg');
}

/* Care Type Cards */
.care-type-cards .wpcf7-list-item:first-child .wpcf7-list-item-label::before {
    background-image: url('images/couple.svg');
}

.care-type-cards .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::before {
    background-image: url('images/anesthesia.svg');
}

.care-type-cards .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::before {
    background-image: url('images/handchen-halten.svg');
}

.care-type-cards .wpcf7-list-item:nth-child(4) .wpcf7-list-item-label::before {
    background-image: url('images/disability.svg');
}

.care-type-cards .wpcf7-list-item:nth-child(5) .wpcf7-list-item-label::before {
    background-image: url('images/uhr.svg');
}

.care-type-cards .wpcf7-list-item:nth-child(6) .wpcf7-list-item-label::before {
    background-image: url('images/beratung.svg');
}

.care-type-cards .wpcf7-list-item:nth-child(7) .wpcf7-list-item-label::before {
    background-image: url('images/krankenhaus.svg');
}

.care-type-cards .wpcf7-list-item:nth-child(8) .wpcf7-list-item-label::before {
    background-image: url('images/gesundheitswesen-und-medizin.svg');
}

.care-type-cards .wpcf7-list-item:nth-child(9) .wpcf7-list-item-label::before {
    background-image: url('images/haus.svg');
}

.care-type-cards .wpcf7-list-item:nth-child(10) .wpcf7-list-item-label::before {
    background-image: url('images/betreutes-wohnen.svg');
}

/* Ventilation Cards */
.ventilation-cards .wpcf7-list-item:first-child .wpcf7-list-item-label::before {
    background-image: url('images/check.svg');
}

.ventilation-cards .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::before {
    background-image: url('images/betreutes-wohnen.svg');
}

.ventilation-cards .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::before {
    background-image: url('images/tracheostoma.svg');
}

.budi-multistep-form-funnel__form-content .wpcf7-form-control:not(.wpcf7-radio):not(.wpcf7-select):not(.wpcf7-submit) {
    width: 100%;
    display: block;
    border-radius: 5px;
    border: 1px solid #00000080 !important;
    padding: 12px 15px;
    font-size: 16px !important;
    background: rgba(255, 255, 255, 0.1);
    color: #00000080 !important;
    transition: border-color 0.2s;
    margin-bottom: 0;
    line-height: 1em;
}

.budi-multistep-form-funnel__form-content .wpcf7-form-control:not(.wpcf7-select)::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.budi-multistep-form-funnel__form-content .wpcf7-form-control:not(.wpcf7-select):focus {
    border-color: #fff;
    outline: none;
    background: rgba(255, 255, 255, 0.15);
}

.budi-multistep-form-funnel__form-content:has(.wpcf7-checkbox) label {
    display: block;
    color: #00000080;
}

.budi-multistep-form-funnel__form-content .wpcf7 .wpcf7-checkbox {
    margin-bottom: 0 !important;
}

.budi-multistep-form-funnel__form-content .wpcf7-checkbox .wpcf7-list-item {
    display: block;
    margin-left: 0;
}


.budi-multistep-form-funnel__form-content .wpcf7 .wpcf7-checkbox .wpcf7-list-item label {
    display: flex;
    margin-bottom: 0;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    gap: 10px;
}

.budi-multistep-form-funnel__form-content .wpcf7-checkbox input[type="checkbox"] {
    width: 25px;
    height: 25px;
    border: 1px solid#00000080 !important;
    border-radius: 4px;
}

.budi-multistep-form-funnel__form-content .wpcf7-textarea {
    min-height: 100px;
}

.budi-multistep-form-funnel__form-content div.wpcf7 .wpcf7-submit {
    width: 100%;
    display: none;
    max-width: 160px;
    margin-block: 0 !important;
    border-color: var(--button-color) !important;
    background-color: var(--button-color) !important;
    color: #fff !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    border-radius: 100px !important;
    padding: 8.5px 15px !important;
}

.budi-multistep-form-funnel__form-content div.wpcf7 .cf7mls-btns .wpcf7-submit {
    display: block;
}

.budi-multistep-form-funnel__form-content .wpcf7-spinner {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.budi-multistep-form-funnel__form-content .wpcf7-submit:hover {
    background: #f0f0f0;
}

.budi-multistep-form-funnel__form-content div.wpcf7 form .wpcf7-response-output {
    margin: 30px 0 0;
    padding: 15px;
    font-size: 16px;
    color: #fff;
    border: 0;
}

.budi-multistep-form-funnel__form-content div.wpcf7 form.invalid .wpcf7-response-output,
.budi-multistep-form-funnel__form-content .wpcf7 form.unaccepted .wpcf7-response-output,
.budi-multistep-form-funnel__form-content .wpcf7 form.payment-required .wpcf7-response-output {
    background-color: #dfa407 !important;
}

.budi-multistep-form-funnel__form-content div.wpcf7 form.sent .wpcf7-response-output {
    background-color: #46b450 !important;
}

.budi-multistep-form-funnel__form-content div.wpcf7 .wpcf7-response-output.wpcf7-validation-errors {
    background-color: #C4252A !important;
}

.budi-multistep-form-funnel__form-content div.wpcf7 .wpcf7-response-output.wpcf7-validation-errors svg{
    fill: white !important;
}

/* Section 3 - Under the form */
.budi-multistep-form-funnel__section-3 {
    background: #E3ECF6;
    padding: 40px 30px;
    text-align: center;
    position: relative;
}

.budi-multistep-form-funnel__section-3-title {
    margin-bottom: 25px;
}

.budi-multistep-form-funnel__section-3-media-wrapper {
    position: relative;
    margin-bottom: 48px;
}

.budi-multistep-form-funnel__section-3-media-item {
    position: relative;
    flex: 0 0 auto;
    z-index: 1;
}

.budi-multistep-form-funnel__section-3-image {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    border: 10px solid #fff;
    background: #fff;
}

.budi-multistep-form-funnel__section-3-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.budi-multistep-form-funnel__section-3-icon {
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 10;
}

.budi-multistep-form-funnel__section-3-media-item-1,
.budi-multistep-form-funnel__section-3-media-item-3 {
    width: fit-content;
    text-align: right;
    margin-right: 0;
    margin-left: auto;
}

.budi-multistep-form-funnel__section-3-media-item-3 {
    margin-right: -7px;
}

.budi-multistep-form-funnel__section-3-media-item-1>.budi-multistep-form-funnel__section-3-image {
    width: 250px;
    height: 250px;
}

.budi-multistep-form-funnel__section-3-media-item-2 {
    margin-top: -80px;
    margin-left: 15px;
}

.budi-multistep-form-funnel__section-3-media-item-2>.budi-multistep-form-funnel__section-3-image {
    width: 200px;
    height: 200px;
}

.budi-multistep-form-funnel__section-3-media-item-3 {
    margin-top: -100px;
}

.budi-multistep-form-funnel__section-3-media-item-1 .budi-multistep-form-funnel__section-3-icon {
    bottom: 20px;
    right: -5px;
}

.budi-multistep-form-funnel__section-3-media-item-2 .budi-multistep-form-funnel__section-3-icon {
    top: -10px;
    left: 0px;
    width: 60px;
    height: 60px;
}

.budi-multistep-form-funnel__section-3-media-item-3 .budi-multistep-form-funnel__section-3-icon {
    width: 80px;
    height: 80px;
    bottom: -20%;
    left: -15%;
}

/* Footer Links */
.budi-multistep-form-funnel__footer {
    padding: 20px;
    text-align: center;
    background: #fff;
}

.budi-multistep-form-funnel__footer-link {
    color: #626262;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s;
}

.budi-multistep-form-funnel__footer-link:hover {
    color: var(--color-sub);
    text-decoration: underline;
}

.budi-multistep-form-funnel__footer-separator {
    color: #A8B5B2;
    margin: 0 10px;
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-10px);
    }

    60% {
        transform: translateY(-5px);
    }
}

.budi-multistep-form-funnel__wrapper .wpcf7-form .df-label-title {
    margin-bottom: 30px;
    color: var(--color-main);
    font-weight: 400;
    font-size: 24px;
    line-height: 1.3em;
    text-transform: uppercase;
}

/* Contact Form 7 Select Field Styling */
.budi-multistep-form-funnel__form-content .form-group {
    margin-bottom: 15px;
}

.budi-multistep-form-funnel__form-content .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.budi-multistep-form-funnel__form-content .wpcf7-select {
    width: 100%;
    padding: 12px 40px 12px 15px;
    font-size: 16px !important;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.5);
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3093 1.00006L7.69675 8.0698L0.999878 1.1398' stroke='%234A4A49' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 12px 8px !important;
    border: 1px solid rgba(0, 0, 0, 0.5) !important;
    border-radius: 8px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    margin-bottom: 0;
}

.budi-multistep-form-funnel__form-content .wpcf7-select:hover {
    border-color: #ccc;
}

.budi-multistep-form-funnel__form-content .wpcf7-select:focus {
    outline: none;
    border-color: var(--color-sub);
    box-shadow: 0 0 0 3px rgba(59, 121, 109, 0.1);
}

.budi-multistep-form-funnel__form-content .wpcf7-select option {
    padding: 10px;
    color: #333;
}

.budi-multistep-form-funnel__form-content .wpcf7-select option:first-child {
    color: #999;
}

/* CF7 Multistep Form Buttons Styling */
.budi-multistep-form-funnel__form-content .cf7mls-btns {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    justify-content: center;
    min-height: 0 !important;
    position: relative;
}

.budi-multistep-form-funnel__form-content .cf7mls-btns button.action-button {
    flex: 1;
    width: 100%;
    max-width: 140px;
    margin-block: 0 !important;
    padding: 6px 45px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid !important;
    min-height: 40px;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1em !important;
}

/* Back Button - Outlined Style */
.budi-multistep-form-funnel__form-content .cf7mls-btns button.cf7mls_back.action-button {
    background-color: #fff;
    border-color: var(--button-color) !important;
    color: var(--button-color);
}

.budi-multistep-form-funnel__form-content .cf7mls-btns button.cf7mls_back.action-button:hover {
    background-color: var(--button-color) !important;
    border-color: var(--button-color) !important;
    color: #fff !important;
}

.budi-multistep-form-funnel__form-content .cf7mls-btns button.cf7mls_back.action-button:active {
    background-color: var(--button-color) !important;
    border-color: var(--button-color) !important;
    color: #fff !important;
}

/* Next Button - Filled Style */
.budi-multistep-form-funnel__form-content .cf7mls-btns button.cf7mls_next.cf7mls_btn.action-button {
    background-color: var(--button-color);
    border-color: var(--button-color) !important;
    color: #fff;
    border-radius: 100px !important;
}

.budi-multistep-form-funnel__form-content .cf7mls-btns button.cf7mls_next.cf7mls_btn.action-button:hover {
    background-color: var(--button-color);
    border-color: var(--button-color) !important;
}

.budi-multistep-form-funnel__form-content .cf7mls-btns button.cf7mls_next.cf7mls_btn.action-button:active {
    background-color: var(--button-color);
}

.budi-multistep-form-funnel__form-content .cf7mls-btns button.cf7mls_next.cf7mls_btn.action-button:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(227, 0, 11, 0.2) !important;
}

.budi-multistep-form-funnel__form-content .cf7mls-btns button.cf7mls_back.action-button:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(227, 0, 11, 0.2) !important;
}

.budi-multistep-form-funnel__form-content .wpcf7-not-valid-tip {
    text-align: left;
}

/* Hide loader image in Next button */
.budi-multistep-form-funnel__form-content .cf7mls-btns button.cf7mls_next.cf7mls_btn.action-button img {
    margin-left: 8px;
    vertical-align: middle;
}

.df-additional-note {
    margin-top: 30px;
    font-size: 15px;
    line-height: 1.2em;
    text-align: left;
    font-weight: 300;
    color: #626262;
}

.wpcf7 .df-additional-note a {
    color: var(--color-main);
    text-decoration: underline;
}

.budi-multistep-form-funnel__fullwidth-image img {
    width: 100%;
    height: auto;
}

/* Custom Datepicker Styling */
.budi-multistep-form-funnel__form-content .df-datepicker {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2006_1188)'%3E%3Cpath d='M14.25 1.5H13.5V0.75C13.5 0.551088 13.421 0.360322 13.2803 0.21967C13.1397 0.0790176 12.9489 0 12.75 0C12.5511 0 12.3603 0.0790176 12.2197 0.21967C12.079 0.360322 12 0.551088 12 0.75V1.5H6V0.75C6 0.551088 5.92098 0.360322 5.78033 0.21967C5.63968 0.0790176 5.44891 0 5.25 0C5.05109 0 4.86032 0.0790176 4.71967 0.21967C4.57902 0.360322 4.5 0.551088 4.5 0.75V1.5H3.75C2.7558 1.50119 1.80267 1.89666 1.09966 2.59966C0.396661 3.30267 0.00119089 4.2558 0 5.25L0 14.25C0.00119089 15.2442 0.396661 16.1973 1.09966 16.9003C1.80267 17.6033 2.7558 17.9988 3.75 18H14.25C15.2442 17.9988 16.1973 17.6033 16.9003 16.9003C17.6033 16.1973 17.9988 15.2442 18 14.25V5.25C17.9988 4.2558 17.6033 3.30267 16.9003 2.59966C16.1973 1.89666 15.2442 1.50119 14.25 1.5ZM1.5 5.25C1.5 4.65326 1.73705 4.08097 2.15901 3.65901C2.58097 3.23705 3.15326 3 3.75 3H14.25C14.8467 3 15.419 3.23705 15.841 3.65901C16.2629 4.08097 16.5 4.65326 16.5 5.25V6H1.5V5.25ZM14.25 16.5H3.75C3.15326 16.5 2.58097 16.2629 2.15901 15.841C1.73705 15.419 1.5 14.8467 1.5 14.25V7.5H16.5V14.25C16.5 14.8467 16.2629 15.419 15.841 15.841C15.419 16.2629 14.8467 16.5 14.25 16.5Z' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M9 12.375C9.62132 12.375 10.125 11.8713 10.125 11.25C10.125 10.6287 9.62132 10.125 9 10.125C8.37868 10.125 7.875 10.6287 7.875 11.25C7.875 11.8713 8.37868 12.375 9 12.375Z' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M5.25 12.375C5.87132 12.375 6.375 11.8713 6.375 11.25C6.375 10.6287 5.87132 10.125 5.25 10.125C4.62868 10.125 4.125 10.6287 4.125 11.25C4.125 11.8713 4.62868 12.375 5.25 12.375Z' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M12.75 12.375C13.3713 12.375 13.875 11.8713 13.875 11.25C13.875 10.6287 13.3713 10.125 12.75 10.125C12.1287 10.125 11.625 10.6287 11.625 11.25C11.625 11.8713 12.1287 12.375 12.75 12.375Z' fill='black' fill-opacity='0.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2006_1188'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3101 1L7.65503 8.0298L1.00001 1.0596' stroke='%234A4A49' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
    background-size: 18px, 15px !important;
    background-position: left 15px center, right 15px center !important;
    padding-left: 43px !important;
    padding-right: 43px !important;
    background-repeat: no-repeat, no-repeat !important;
}

#ui-datepicker-div.df-custom-datepicker {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    box-shadow: 0px 4px 20px 0px #00000026;
    padding: 0;
    font-family: inherit;
    font-size: 16px;
    z-index: 9999 !important;
}

#ui-datepicker-div.df-custom-datepicker .ui-datepicker-header {
    background: #fff;
    border: none;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    padding: 15px 10px;
    position: relative;
}

#ui-datepicker-div.df-custom-datepicker select.ui-datepicker-month,
#ui-datepicker-div.df-custom-datepicker select.ui-datepicker-year {
    border: 0;
    font-size: 14px;
    color: #1E1E1E;
}

#ui-datepicker-div.df-custom-datepicker .ui-datepicker-title {
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    color: #1E1E1E;
    line-height: 1.2;
}

#ui-datepicker-div.df-custom-datepicker .ui-datepicker-prev,
#ui-datepicker-div.df-custom-datepicker .ui-datepicker-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    cursor: pointer;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

#ui-datepicker-div.df-custom-datepicker .ui-datepicker-prev {
    left: 10px;
}

#ui-datepicker-div.df-custom-datepicker .ui-datepicker-next {
    right: 10px;
}

#ui-datepicker-div.df-custom-datepicker .ui-datepicker-prev .ui-icon,
#ui-datepicker-div.df-custom-datepicker .ui-datepicker-next .ui-icon {
    width: 6px;
    height: 19px;
    background: none;
    text-indent: 0;
    overflow: visible;
    border: none;
    color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.2465 4.06733L1.4215 0.242327C1.26536 0.0871179 1.05415 0 0.833999 0C0.613844 0 0.402634 0.0871179 0.246499 0.242327C0.168392 0.319796 0.106397 0.411964 0.0640893 0.513513C0.0217821 0.615062 0 0.723984 0 0.833994C0 0.944004 0.0217821 1.05293 0.0640893 1.15447C0.106397 1.25602 0.168392 1.34819 0.246499 1.42566L4.07983 5.24233C4.15794 5.3198 4.21993 5.41196 4.26224 5.51351C4.30455 5.61506 4.32633 5.72398 4.32633 5.83399C4.32633 5.944 4.30455 6.05293 4.26224 6.15447C4.21993 6.25602 4.15794 6.34819 4.07983 6.42566L0.246499 10.2423C0.0895788 10.3981 0.000983263 10.6099 0.000201861 10.831C-0.000579541 11.0522 0.0865179 11.2646 0.242333 11.4215C0.398147 11.5784 0.609916 11.667 0.831052 11.6678C1.05219 11.6686 1.26458 11.5815 1.4215 11.4257L5.2465 7.60066C5.71467 7.13191 5.97763 6.4965 5.97763 5.83399C5.97763 5.17149 5.71467 4.53608 5.2465 4.06733Z' fill='%234A4A49'/%3E%3C/svg%3E%0A");
    left: 0;
    right: 0;
    margin-inline: auto;
}

#ui-datepicker-div.df-custom-datepicker .ui-datepicker-prev .ui-icon {
    transform: rotate(180deg);
}

#ui-datepicker-div.df-custom-datepicker .ui-datepicker-calendar {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    padding: 10px;
}

#ui-datepicker-div.df-custom-datepicker .ui-datepicker-calendar thead {
    background: #fff;
    border-bottom: 0;
}

#ui-datepicker-div.df-custom-datepicker tbody tr:nth-child(even) {
    background-color: transparent;
}

#ui-datepicker-div.df-custom-datepicker .ui-datepicker-calendar th {
    padding: 10px 5px;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    color: #626262;
    border: none;
    background: transparent;
}

#ui-datepicker-div.df-custom-datepicker .ui-state-default,
#ui-datepicker-div.df-custom-datepicker .ui-widget-content .ui-state-default,
#ui-datepicker-div.df-custom-datepicker .ui-widget-header .ui-state-default,
#ui-datepicker-div.df-custom-datepicker .ui-button,
#ui-datepicker-div.df-custom-datepicker html .ui-button.ui-state-disabled:hover,
#ui-datepicker-div.df-custom-datepicker html .ui-button.ui-state-disabled:active {
    border: 0;
    background: transparent;
    color: #1E1E1E;
    font-size: 12px;
    font-weight: 400;
    width: 32px;
    height: 32px;
    padding: 8px;
    margin: 0 auto;
    text-align: center;
    line-height: 1em;
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.2s ease;
}

#ui-datepicker-div.df-custom-datepicker .ui-datepicker-calendar td {
    padding: 2px;
    border: none;
}

#ui-datepicker-div.df-custom-datepicker .ui-datepicker-calendar td:not(.ui-datepicker-today) a {
    background: transparent !important;
}

#ui-datepicker-div.df-custom-datepicker .ui-datepicker-calendar td a.ui-state-active,
#ui-datepicker-div.df-custom-datepicker .ui-datepicker-calendar td a:hover {
    background: var(--color-main) !important;
    color: #fff;
}

#ui-datepicker-div.df-custom-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a,
#ui-datepicker-div.df-custom-datepicker .ui-datepicker-calendar td.ui-state-active a {
    background: var(--color-main);
    color: #fff;
    font-weight: 600;
}

#ui-datepicker-div.df-custom-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month a {
    color: #ccc;
}

#ui-datepicker-div.df-custom-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month a:hover {
    background: transparent;
    color: #ccc;
}

#ui-datepicker-div.df-custom-datepicker .ui-datepicker-buttonpane {
    border-top: 0;
    padding: 15px;
    margin: 0;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    background: #fff;
    border-radius: 0 0 8px 8px;
}

/* Cancel Button */
#ui-datepicker-div.df-custom-datepicker button.df-datepicker-cancel {
    background: #fff;
    border: 1px solid var(--button-color) !important;
    color: var(--button-color);
    margin: 0 !important;
    padding: 8px 24px !important;
    border-radius: 100px !important;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 100px;
}

#ui-datepicker-div.df-custom-datepicker button.df-datepicker-cancel:hover {
    background: var(--button-color) !important;
    border-color: var(--button-color);
    color: #fff !important;
}

#ui-datepicker-div.df-custom-datepicker button.df-datepicker-cancel:active {
    background: var(--button-color) !important;
    border-color: var(--button-color);
    color: #fff !important;
}

/* Save Button */
#ui-datepicker-div.df-custom-datepicker button.df-datepicker-save {
    background: var(--button-color);
    border: 1px solid var(--button-color);
    color: #fff;
    margin: 0 !important;
    padding: 8px 24px !important;
    border-radius: 100px !important;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 100px;
}

#ui-datepicker-div.df-custom-datepicker button.df-datepicker-save:hover {
    background: var(--button-color) !important;
    border-color: var(--button-color) !important;
    color: #fff !important;
}

#ui-datepicker-div.df-custom-datepicker button.df-datepicker-save:active {
    background: var(--button-color) !important;
    border-color: var(--button-color) !important;
    color: #fff !important;
}

#ui-datepicker-div.df-custom-datepicker button.df-datepicker-cancel:focus,
#ui-datepicker-div.df-custom-datepicker button.df-datepicker-save:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(227, 0, 11, 0.2);
}

/* Thank You Block */
.budi-multistep-form-funnel__thank-you {
    padding: 30px 20px;
    text-align: center;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right bottom 40px;
    background-size: 200px;
    min-height: 600px;
}

.budi-multistep-form-funnel__thank-you-title {
    font-size: 26px;
    font-weight: 700;
    color: var(--color-main);
    margin: 0 0 30px 0;
    line-height: 1.4;
    text-align: center;
    text-transform: uppercase;
}

.budi-multistep-form-funnel__thank-you-description {
    font-size: 16px;
    color: #000000;
    margin: 0 0 50px 0;
    line-height: 1.6;
}

button.budi-multistep-form-funnel__reset-button {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2257_3113)'%3E%3Cpath d='M8.82555 7.50022L14.7253 1.6011C15.0915 1.23487 15.0915 0.641109 14.7253 0.274913C14.3591 -0.0913122 13.7653 -0.0913122 13.3991 0.274913L7.49998 6.17465L1.60085 0.274913C1.23463 -0.0913122 0.640865 -0.0913122 0.274669 0.274913C-0.091527 0.641138 -0.0915563 1.2349 0.274669 1.6011L6.17441 7.50022L0.274669 13.3994C-0.0915563 13.7656 -0.0915563 14.3594 0.274669 14.7256C0.640894 15.0918 1.23466 15.0918 1.60085 14.7256L7.49998 8.82579L13.3991 14.7256C13.7653 15.0918 14.3591 15.0918 14.7253 14.7256C15.0915 14.3593 15.0915 13.7656 14.7253 13.3994L8.82555 7.50022Z' fill='%23004699'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2257_3113'%3E%3Crect width='15' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
    background-size: 15px !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    border: 0 !important;
    color: var(--color-main) !important;
    padding: 0 0 0 25px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.budi-multistep-form-funnel__reset-button:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(227, 0, 11, 0.2);
}

/* remove later */
/* .cf7mls-no-moving-animation .fieldset-cf7mls-wrapper .fieldset-cf7mls {
    opacity: 1;
    visibility: visible;
    position: relative;
    top: 0;
    transform: none;
} */