.elementor-5872 .elementor-element.elementor-element-55fe93ca{--display:flex;--min-height:45vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-5872 .elementor-element.elementor-element-55fe93ca:not(.elementor-motion-effects-element-type-background), .elementor-5872 .elementor-element.elementor-element-55fe93ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://theitaliantasker.co.uk/wp-content/uploads/2026/10/Whats-Actually-Included-in-a-London-Flat-Pack-Assembly-Quote-and-What-Isnt.webp");}.elementor-5872 .elementor-element.elementor-element-55fe93ca::before, .elementor-5872 .elementor-element.elementor-element-55fe93ca > .elementor-background-video-container::before, .elementor-5872 .elementor-element.elementor-element-55fe93ca > .e-con-inner > .elementor-background-video-container::before, .elementor-5872 .elementor-element.elementor-element-55fe93ca > .elementor-background-slideshow::before, .elementor-5872 .elementor-element.elementor-element-55fe93ca > .e-con-inner > .elementor-background-slideshow::before, .elementor-5872 .elementor-element.elementor-element-55fe93ca > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:var( --e-global-color-kadence1 );}.elementor-5872 .elementor-element.elementor-element-2e000b11{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-5872 .elementor-element.elementor-element-6c33427b{text-align:center;}.elementor-5872 .elementor-element.elementor-element-6c33427b .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-size:28px;text-transform:uppercase;letter-spacing:1.5px;color:var( --e-global-color-kadence9 );}.elementor-5872 .elementor-element.elementor-element-28b2e358{text-align:center;}.elementor-5872 .elementor-element.elementor-element-28b2e358 .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-size:80px;font-weight:700;line-height:1.2em;color:var( --e-global-color-kadence9 );}.elementor-5872 .elementor-element.elementor-element-28b2e358 > .elementor-widget-container{margin:0px 0px -40px 0px;}.elementor-5872 .elementor-element.elementor-element-7fe552e5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-5872 .elementor-element.elementor-element-7fe552e5:not(.elementor-motion-effects-element-type-background), .elementor-5872 .elementor-element.elementor-element-7fe552e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-kadence8 );}.elementor-5872 .elementor-element.elementor-element-4b722a59{--display:flex;}.elementor-5872 .elementor-element.elementor-element-40bce2b8 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-5872 .elementor-element.elementor-element-40bce2b8 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-5872 .elementor-element.elementor-element-40bce2b8 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-5872 .elementor-element.elementor-element-40bce2b8 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-5872 .elementor-element.elementor-element-40bce2b8 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-5872 .elementor-element.elementor-element-40bce2b8 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-5872 .elementor-element.elementor-element-40bce2b8 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-5872 .elementor-element.elementor-element-40bce2b8 .elementor-field-type-html{padding-bottom:0px;}.elementor-5872 .elementor-element.elementor-element-40bce2b8 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-5872 .elementor-element.elementor-element-40bce2b8 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-5872 .elementor-element.elementor-element-40bce2b8 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-5872 .elementor-element.elementor-element-40bce2b8 .elementor-button[type="submit"]{color:#ffffff;}.elementor-5872 .elementor-element.elementor-element-40bce2b8 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-5872 .elementor-element.elementor-element-40bce2b8 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-5872 .elementor-element.elementor-element-40bce2b8 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-5872 .elementor-element.elementor-element-40bce2b8 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-5872 .elementor-element.elementor-element-40bce2b8 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-5872 .elementor-element.elementor-element-40bce2b8 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-5872 .elementor-element.elementor-element-40bce2b8{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-5872 .elementor-element.elementor-element-36cbc94e{--display:flex;--z-index:0;}.elementor-5872 .elementor-element.elementor-element-d0efe07{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-5872 .elementor-element.elementor-element-55fe93ca{--content-width:1250px;}.elementor-5872 .elementor-element.elementor-element-2e000b11{--width:100%;}.elementor-5872 .elementor-element.elementor-element-7fe552e5{--content-width:1250px;}.elementor-5872 .elementor-element.elementor-element-4b722a59{--width:70%;}.elementor-5872 .elementor-element.elementor-element-36cbc94e{--width:30%;}}@media(max-width:1024px){.elementor-5872 .elementor-element.elementor-element-28b2e358 .elementor-heading-title{font-size:60px;}}@media(max-width:767px){.elementor-5872 .elementor-element.elementor-element-28b2e358 .elementor-heading-title{font-size:38px;}.elementor-5872 .elementor-element.elementor-element-28b2e358 > .elementor-widget-container{margin:0px 0px -25px 0px;}.elementor-5872 .elementor-element.elementor-element-d0efe07{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:20;}}/* Start custom CSS for container, class: .elementor-element-36cbc94e *//* =========================================================
   THE ITALIAN TASKER
   BOOKING PRICE SUMMARY
   ========================================================= */


/* ---------- Summary wrapper ---------- */

#tit-booking-summary {
    width: 100%;
}


/* ---------- Summary card ---------- */

#tit-booking-summary .tit-summary-card {

    width: 100%;

    background: #ffffff;

    border-radius: 12px;

    overflow: hidden;

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.08);

    border: 1px solid #e3e8e5;
}


/* ---------- Top icon area ---------- */

#tit-booking-summary .tit-summary-header {

    height: 125px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f1f8f4;
}


#tit-booking-summary .tit-summary-icon {

    font-size: 48px;

    line-height: 1;
}


/* ---------- Body ---------- */

#tit-booking-summary .tit-summary-body {

    padding: 24px 20px 18px;
}


/* ---------- Heading ---------- */

#tit-booking-summary .tit-summary-body h3 {

    margin: 0 0 18px;

    font-size: 24px;

    line-height: 1.2;

    font-weight: 500;

    color: #17202a;
}


/* ---------- Status information ---------- */

#tit-booking-summary .tit-summary-status {

    display: flex;

    flex-direction: column;

    gap: 10px;

    padding-bottom: 18px;

    border-bottom: 1px solid #dfe5e2;
}


#tit-booking-summary .tit-summary-status > div {

    display: flex;

    align-items: center;

    gap: 10px;

    color: #5d6870;

    font-size: 14px;

    line-height: 1.4;
}


#tit-booking-summary .tit-summary-status > div span:first-child {

    width: 18px;

    text-align: center;
}


/* ---------- Service section ---------- */

#tit-booking-summary .tit-summary-section {

    padding: 17px 0;

    border-bottom: 1px solid #dfe5e2;
}


#tit-booking-summary .tit-summary-section-title {

    margin-bottom: 8px;

    font-size: 14px;

    font-weight: 700;

    color: #17202a;
}


#tit-booking-summary #tit-summary-service {

    font-size: 13px;

    line-height: 1.5;

    color: #65717a;
}


/* ---------- Total ---------- */

#tit-booking-summary .tit-summary-total {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    padding: 17px 0;
}


#tit-booking-summary .tit-summary-total span {

    font-size: 16px;

    color: #17202a;
}


#tit-booking-summary .tit-summary-total strong {

    font-size: 20px;

    font-weight: 700;

    color: #17202a;
}


/* ---------- Notice ---------- */

#tit-booking-summary .tit-summary-notice {

    padding: 14px;

    margin-bottom: 17px;

    border: 1px solid #a9edc1;

    border-radius: 8px;

    background: #f1fff5;

    color: #24613b;

    font-size: 12px;

    line-height: 1.5;
}


/* ---------- Bottom rows ---------- */

#tit-booking-summary .tit-summary-row {

    display: flex;

    align-items: center;

    justify-content: space-between;

    min-height: 42px;

    border-top: 1px solid #dfe5e2;

    color: #52606a;

    font-size: 13px;
}


#tit-booking-summary .tit-summary-row:last-child {

    border-bottom: 1px solid #dfe5e2;
}


#tit-booking-summary .tit-summary-row span:last-child {

    font-weight: 700;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #tit-booking-summary {

        margin-top: 25px;

    }


    #tit-booking-summary .tit-summary-card {

        border-radius: 10px;

    }


    #tit-booking-summary .tit-summary-header {

        height: 95px;

    }


    #tit-booking-summary .tit-summary-icon {

        font-size: 40px;

    }


    #tit-booking-summary .tit-summary-body {

        padding: 20px 16px 16px;

    }


    #tit-booking-summary .tit-summary-body h3 {

        font-size: 22px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7fe552e5 *//* =========================================================
   THE ITALIAN TASKER
   STEP 1 — LOCATION
   ========================================================= */


/* ---------- Step 1 Heading ---------- */

#italian-tasker-booking .tit-step1-heading {
    font-size: 46px;
    line-height: 1.15;
    font-weight: 500;
    color: #000000;
    margin: 0 0 14px 0;
}

#italian-tasker-booking .tit-step1-heading span {
    color: #2CD46D;
}


/* ---------- Step 1 Subheading ---------- */

#italian-tasker-booking .tit-step1-subheading {
    font-size: 19px;
    line-height: 1.55;
    font-weight: 400;
    color: #333333;
    margin: 0 0 42px 0;
}


/* ---------- Postcode Label ---------- */

#italian-tasker-booking #form-field-postcode + label {
    color: #000000;
}


/* ---------- Postcode Input ---------- */

#italian-tasker-booking #form-field-postcode {
    height: 64px;
    min-height: 64px;
    border: 1px solid #d4d9d6;
    border-radius: 10px;
    background: #ffffff;
    color: #000000;
    font-size: 18px;
    padding: 0 20px;
    box-shadow: none;
    transition: all 0.2s ease;
}


/* Input placeholder */

#italian-tasker-booking #form-field-postcode::placeholder {
    color: #777777;
    opacity: 1;
}


/* Input focus */

#italian-tasker-booking #form-field-postcode:focus {
    border-color: #2CD46D;
    box-shadow: 0 0 0 2px rgba(44, 212, 109, 0.12);
    outline: none;
}


/* ---------- Continue / Next Button ---------- */

#italian-tasker-booking
.e-form__buttons__wrapper__button-next {
    height: 64px;
    min-height: 64px;
    border-radius: 10px;
    background: #2CD46D;
    color: #000000;
    border: none;
    font-size: 18px;
    font-weight: 700;
    padding: 0 35px;
    transition: all 0.2s ease;
}


/* Continue hover */

#italian-tasker-booking
.e-form__buttons__wrapper__button-next:hover {
    background: #000000;
    color: #ffffff;
    transform: translateY(-1px);
}


/* ---------- Postcode Error ---------- */

#italian-tasker-booking
.tit-postcode-error {
    margin-top: 8px;
    color: #e53935;
    font-size: 14px;
    line-height: 1.4;
}


/* Invalid postcode */

#italian-tasker-booking
#form-field-postcode.tit-postcode-invalid {
    border-color: #e53935 !important;
    box-shadow: 0 0 0 1px #e53935 !important;
}


/* ---------- Elementor required error ---------- */

#italian-tasker-booking
.elementor-message-danger {
    color: #e53935;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    /* Heading */

    #italian-tasker-booking .tit-step1-heading {
        font-size: 32px;
        line-height: 1.2;
        margin-bottom: 12px;
    }


    /* Subheading */

    #italian-tasker-booking .tit-step1-subheading {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 28px;
    }


    /* Postcode */

    #italian-tasker-booking #form-field-postcode {
        height: 58px;
        min-height: 58px;
        font-size: 16px;
        padding: 0 16px;
        border-radius: 8px;
    }


    /* Continue */

    #italian-tasker-booking
    .e-form__buttons__wrapper__button-next {
        width: 100%;
        height: 58px;
        min-height: 58px;
        font-size: 17px;
        border-radius: 8px;
    }

}


/* =========================================================
   THE ITALIAN TASKER
   STEP 2 — SERVICE
   ========================================================= */


/* ---------- Heading ---------- */

#italian-tasker-booking .tit-step2-heading {
    font-size: 46px;
    line-height: 1.15;
    font-weight: 500;
    color: #000000;
    margin: 0 0 14px 0;
}

#italian-tasker-booking .tit-step2-heading span {
    color: #2CD46D;
}


/* ---------- Subheading ---------- */

#italian-tasker-booking .tit-step2-subheading {
    font-size: 19px;
    line-height: 1.55;
    color: #333333;
    margin-bottom: 32px;
}


/* ---------- Service Grid ---------- */

#italian-tasker-booking .tit-service-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    width: 100%;
}


/* ---------- Service Card ---------- */

#italian-tasker-booking .tit-service-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;

    width: 100%;
    min-height: 92px;

    padding: 18px 20px;

    background: #ffffff;

    border: 1px solid #d9dfdc;
    border-radius: 10px;

    color: #000000;

    font-family: inherit;
    font-size: 16px;
    font-weight: 600;

    text-align: left;

    cursor: pointer;

    box-shadow: 0 2px 8px rgba(0,0,0,0.03);

    transition:
        border-color 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}


/* ---------- Card Hover ---------- */

#italian-tasker-booking .tit-service-card:hover {
    border-color: #2CD46D;
    box-shadow: 0 5px 16px rgba(0,0,0,0.08);
    transform: translateY(-1px);
}


/* ---------- Icon ---------- */

#italian-tasker-booking .tit-service-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 44px;

    width: 44px;
    height: 44px;

    background: #effaf3;

    border-radius: 9px;

    font-size: 23px;
}


/* ---------- Service Name ---------- */

#italian-tasker-booking .tit-service-name {
    line-height: 1.3;
}


/* ---------- Selected Card ---------- */

#italian-tasker-booking
.tit-service-card.tit-service-selected {

    border-color: #2CD46D;

    background: #f3fff7;

    box-shadow:
        0 0 0 1px #2CD46D,
        0 5px 18px rgba(44,212,109,0.12);
}


/* ---------- Selected Checkmark ---------- */

#italian-tasker-booking
.tit-service-card.tit-service-selected::after {

    content: "✓";

    position: absolute;

    top: 10px;
    right: 12px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 22px;
    height: 22px;

    border-radius: 50%;

    background: #2CD46D;
    color: #000000;

    font-size: 14px;
    font-weight: 800;
}


/* ---------- Service Error ---------- */

#italian-tasker-booking .tit-service-error {

    margin-top: 12px;

    color: #e53935;

    font-size: 14px;
    line-height: 1.4;
}


/* ---------- Continue Button ---------- */

#italian-tasker-booking
.e-form__buttons__wrapper__button-next {

    background: #2CD46D;
    color: #000000;

    border: none;
    border-radius: 10px;

    min-height: 60px;

    font-size: 18px;
    font-weight: 700;

    transition: all 0.2s ease;
}


#italian-tasker-booking
.e-form__buttons__wrapper__button-next:hover {

    background: #000000;
    color: #ffffff;

    transform: translateY(-1px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    #italian-tasker-booking .tit-step2-heading {
        font-size: 38px;
    }

    #italian-tasker-booking .tit-service-grid {
        gap: 12px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #italian-tasker-booking .tit-step2-heading {
        font-size: 32px;
        line-height: 1.2;
        margin-bottom: 12px;
    }


    #italian-tasker-booking .tit-step2-subheading {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 24px;
    }


    /* One card per row */

    #italian-tasker-booking .tit-service-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }


    #italian-tasker-booking .tit-service-card {

        min-height: 72px;

        padding: 14px 16px;

        border-radius: 8px;

        font-size: 15px;
    }


    #italian-tasker-booking .tit-service-icon {

        flex-basis: 40px;

        width: 40px;
        height: 40px;

        font-size: 20px;
    }


    #italian-tasker-booking
    .e-form__buttons__wrapper__button-next {

        width: 100%;

        min-height: 58px;

        border-radius: 8px;

        font-size: 17px;
    }

}


/* =========================================================
   THE ITALIAN TASKER
   STEP 3 — JOB DETAILS
   ========================================================= */


/* ---------- Step 3 Heading ---------- */

#italian-tasker-booking .tit-step3-heading {
    font-size: 46px;
    line-height: 1.15;
    font-weight: 500;
    color: #000000;
    margin: 0 0 14px 0;
}

#italian-tasker-booking .tit-step3-heading span {
    color: #2CD46D;
}


/* ---------- Step 3 Subheading ---------- */

#italian-tasker-booking .tit-step3-subheading {
    font-size: 19px;
    line-height: 1.55;
    font-weight: 400;
    color: #333333;
    margin: 0 0 32px 0;
}


/* =========================================================
   RADIO QUESTION CARDS
   ========================================================= */


/* ---------- Question Card ---------- */

#italian-tasker-booking
.elementor-field-type-radio {

    background: #ffffff;

    border: 1px solid #d9dfdc;

    border-radius: 10px;

    padding: 16px 18px 0 18px;

    margin-bottom: 16px;

    box-shadow: 0 2px 8px rgba(0,0,0,0.03);

}


/* ---------- Question Label ---------- */

#italian-tasker-booking
.elementor-field-type-radio > label {

    display: block;

    margin: 0 0 12px 0;

    color: #000000;

    font-size: 16px;

    line-height: 1.4;

    font-weight: 700;
}


/* ---------- Radio Options Container ---------- */

#italian-tasker-booking
.elementor-field-type-radio
.elementor-field-subgroup {

    display: block;

    width: 100%;

    margin: 0;
}


/* ---------- Individual Radio Option ---------- */

#italian-tasker-booking
.elementor-field-type-radio
.elementor-field-option {

    display: flex;

    align-items: center;

    width: 100%;

    min-height: 48px;

    padding: 0;

    border-top: 1px solid #d9dfdc;
}


/* ---------- Radio Input ---------- */

#italian-tasker-booking
.elementor-field-type-radio
.elementor-field-option input[type="radio"] {

    width: 16px;

    height: 16px;

    min-width: 16px;

    margin: 0 12px 0 0;

    accent-color: #2CD46D;

    cursor: pointer;
}


/* ---------- Radio Text ---------- */

#italian-tasker-booking
.elementor-field-type-radio
.elementor-field-option label {

    display: flex;

    align-items: center;

    width: 100%;

    min-height: 48px;

    margin: 0;

    padding: 0;

    color: #000000;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.4;

    cursor: pointer;
}


/* ---------- Hover ---------- */

#italian-tasker-booking
.elementor-field-type-radio
.elementor-field-option:hover {

    background: #fbfefc;
}


/* ---------- Selected Option ---------- */

#italian-tasker-booking
.elementor-field-type-radio
.elementor-field-option
input[type="radio"]:checked {

    accent-color: #2CD46D;
}


/* =========================================================
   STEP 3 BUTTONS
   ========================================================= */


/* ---------- Previous Button ---------- */

#italian-tasker-booking
.e-form__buttons__wrapper__button-previous {

    min-height: 60px;

    height: 60px;

    border-radius: 10px;

    background: #6f7a86;

    color: #ffffff;

    border: none;

    font-size: 18px;

    font-weight: 700;

    padding: 0 35px;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}


/* ---------- Previous Hover ---------- */

#italian-tasker-booking
.e-form__buttons__wrapper__button-previous:hover {

    background: #000000;

    color: #ffffff;

    transform: translateY(-1px);
}


/* ---------- Next Button ---------- */

#italian-tasker-booking
.e-form__buttons__wrapper__button-next {

    min-height: 60px;

    height: 60px;

    border-radius: 10px;

    background: #2CD46D;

    color: #000000;

    border: none;

    font-size: 18px;

    font-weight: 700;

    padding: 0 35px;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}


/* ---------- Next Hover ---------- */

#italian-tasker-booking
.e-form__buttons__wrapper__button-next:hover {

    background: #000000;

    color: #ffffff;

    transform: translateY(-1px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    #italian-tasker-booking .tit-step3-heading {

        font-size: 38px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    /* ---------- Heading ---------- */

    #italian-tasker-booking .tit-step3-heading {

        font-size: 32px;

        line-height: 1.2;

        margin-bottom: 12px;
    }


    /* ---------- Subheading ---------- */

    #italian-tasker-booking .tit-step3-subheading {

        font-size: 16px;

        line-height: 1.5;

        margin-bottom: 24px;
    }


    /* ---------- Question Card ---------- */

    #italian-tasker-booking
    .elementor-field-type-radio {

        padding: 14px 14px 0 14px;

        margin-bottom: 12px;

        border-radius: 8px;
    }


    /* ---------- Question ---------- */

    #italian-tasker-booking
    .elementor-field-type-radio > label {

        font-size: 15px;

        margin-bottom: 10px;
    }


    /* ---------- Option ---------- */

    #italian-tasker-booking
    .elementor-field-type-radio
    .elementor-field-option {

        min-height: 46px;
    }


    #italian-tasker-booking
    .elementor-field-type-radio
    .elementor-field-option label {

        min-height: 46px;

        font-size: 15px;
    }


    /* ---------- Buttons ---------- */

    #italian-tasker-booking
    .e-form__buttons__wrapper__button-previous,

    #italian-tasker-booking
    .e-form__buttons__wrapper__button-next {

        width: 100%;

        height: 58px;

        min-height: 58px;

        border-radius: 8px;

        font-size: 17px;
    }

}

/* =========================================================
   THE ITALIAN TASKER
   STEP 4 — ITEMS
   ========================================================= */


/* =========================================================
   STEP 4 HEADING
   ========================================================= */

#italian-tasker-booking .tit-step4-heading {

    font-size: 46px;
    line-height: 1.15;
    font-weight: 500;

    color: #000000;

    margin: 0 0 14px 0;
}

#italian-tasker-booking .tit-step4-heading span {
    color: #2CD46D;
}


/* =========================================================
   STEP 4 SUBHEADING
   ========================================================= */

#italian-tasker-booking .tit-step4-subheading {

    font-size: 19px;
    line-height: 1.55;
    font-weight: 400;

    color: #333333;

    margin: 0 0 30px 0;
}


/* =========================================================
   ITEM SEARCH
   ========================================================= */

#italian-tasker-booking #tit-item-search {

    display: block;

    width: 100%;

    height: 48px;
    min-height: 48px;

    padding: 0 14px;

    margin: 0;

    border: 1px solid #d4d9d6;

    border-radius: 8px;

    background: #ffffff;

    color: #000000;

    font-family: inherit;

    font-size: 15px;
    font-weight: 400;

    outline: none;

    box-shadow: none;

    box-sizing: border-box;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* Search placeholder */

#italian-tasker-booking #tit-item-search::placeholder {

    color: #777777;

    opacity: 1;
}


/* Search focus */

#italian-tasker-booking #tit-item-search:focus {

    border-color: #2CD46D;

    box-shadow:
        0 0 0 2px rgba(44, 212, 109, 0.10);

    outline: none;
}


/* =========================================================
   ITEM DROPDOWN
   ========================================================= */

#italian-tasker-booking .tit-items-dropdown {

    display: block;

    width: 100%;

    margin: 0;

    padding: 0;

    background: #ffffff;

    border: 1px solid #d9dfdc;

    border-top: none;

    border-radius: 0 0 8px 8px;

    overflow: hidden;

    box-sizing: border-box;
}


/* =========================================================
   DROPDOWN ITEM
   ========================================================= */

#italian-tasker-booking .tit-item-option {

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    width: 100% !important;

    min-height: 49px !important;

    margin: 0 !important;

    padding: 0 14px !important;

    border: none !important;

    border-bottom: 1px solid #e5e8e6 !important;

    border-radius: 0 !important;

    background: #ffffff !important;

    color: #000000 !important;

    font-family: inherit;

    font-size: 14px;

    font-weight: 400;

    text-align: left;

    cursor: pointer;

    box-sizing: border-box;

    transition: background 0.15s ease;
}


/* Last dropdown item */

#italian-tasker-booking .tit-item-option:last-child {

    border-bottom: none !important;

}


/* Dropdown hover */

#italian-tasker-booking .tit-item-option:hover {

    background: #f3fff7 !important;
}


/* =========================================================
   ADD BUTTON
   ========================================================= */

#italian-tasker-booking
.tit-item-option .tit-item-add {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: auto !important;

    min-width: 70px !important;

    height: 36px !important;

    min-height: 36px !important;

    margin: 0 !important;

    padding: 0 12px !important;

    border: none !important;

    border-radius: 5px !important;

    background: #000000 !important;

    color: #ffffff !important;

    font-family: inherit;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1 !important;

    text-align: center;

    cursor: pointer;

    box-sizing: border-box;

    transition:
        background 0.15s ease,
        color 0.15s ease,
        transform 0.15s ease;
}


/* Add hover */

#italian-tasker-booking
.tit-item-option .tit-item-add:hover {

    background: #2CD46D !important;

    color: #000000 !important;

    transform: translateY(-1px);
}


/* =========================================================
   SELECTED ITEMS CONTAINER
   ========================================================= */

#italian-tasker-booking .tit-added-items {

    display: block;

    width: 100%;

    margin: 12px 0 0 0;

    padding: 0;

    box-sizing: border-box;
}


/* =========================================================
   SELECTED ITEM ROW
   ========================================================= */

#italian-tasker-booking .tit-added-item {

    display: grid !important;

    grid-template-columns:
        minmax(180px, 1fr)
        auto
        75px
        34px;

    align-items: center !important;

    width: 100%;

    min-height: 64px;

    margin: 0;

    padding: 8px 0;

    border: none;

    border-bottom: 1px solid #dfe4e1;

    background: transparent;

    box-sizing: border-box;
}


/* =========================================================
   ITEM NAME
   ========================================================= */

#italian-tasker-booking .tit-item-name {

    grid-column: 1;

    grid-row: 1;

    display: block;

    margin: 0 !important;

    padding: 0;

    color: #000000;

    font-family: inherit;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.3;

    text-align: left;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;
}


/* =========================================================
   QUANTITY CONTAINER
   ========================================================= */

#italian-tasker-booking .tit-item-quantity {

    grid-column: 2;

    grid-row: 1;

    display: flex !important;

    align-items: center !important;

    justify-content: center;

    gap: 10px;

    width: auto;

    margin: 0 20px 0 20px !important;

    padding: 0;

    white-space: nowrap;

    box-sizing: border-box;
}


/* =========================================================
   QUANTITY BUTTONS
   ========================================================= */

#italian-tasker-booking
.tit-item-quantity button {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 36px !important;

    height: 36px !important;

    min-width: 36px !important;

    min-height: 36px !important;

    margin: 0 !important;

    padding: 0 !important;

    border: 1px solid #ccd4d0 !important;

    border-radius: 50% !important;

    background: #ffffff !important;

    color: #000000 !important;

    font-family: inherit;

    font-size: 18px !important;

    font-weight: 400 !important;

    line-height: 1 !important;

    text-align: center;

    cursor: pointer;

    box-shadow: none !important;

    box-sizing: border-box;

    transition:
        background 0.15s ease,
        border-color 0.15s ease,
        transform 0.15s ease;
}


/* Quantity hover */

#italian-tasker-booking
.tit-item-quantity button:hover {

    border-color: #2CD46D !important;

    background: #f3fff7 !important;

    color: #000000 !important;

    transform: scale(1.05);
}


/* =========================================================
   QUANTITY NUMBER
   ========================================================= */

#italian-tasker-booking
.tit-item-quantity span {

    display: block;

    min-width: 18px;

    margin: 0;

    padding: 0;

    color: #000000;

    font-family: inherit;

    font-size: 16px;

    font-weight: 500;

    line-height: 1;

    text-align: center;
}


/* =========================================================
   ITEM PRICE
   ========================================================= */

#italian-tasker-booking .tit-item-price {

    grid-column: 3;

    grid-row: 1;

    display: block;

    min-width: 75px;

    margin: 0 !important;

    padding: 0;

    color: #000000;

    font-family: inherit;

    font-size: 16px;

    font-weight: 700;

    line-height: 1.3;

    text-align: right;

    white-space: nowrap;

    box-sizing: border-box;
}


/* =========================================================
   REMOVE / CROSS BUTTON
   ========================================================= */

#italian-tasker-booking .tit-item-remove {

    grid-column: 4;

    grid-row: 1;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 30px !important;

    height: 30px !important;

    min-width: 30px !important;

    min-height: 30px !important;

    margin: 0 0 0 12px !important;

    padding: 0 !important;

    border: 1px solid #f1b5b5 !important;

    border-radius: 50% !important;

    background: #fff5f5 !important;

    color: #e53935 !important;

    font-family: inherit;

    font-size: 18px !important;

    font-weight: 600 !important;

    line-height: 1 !important;

    text-align: center;

    cursor: pointer;

    box-shadow: none !important;

    box-sizing: border-box;

    transition:
        background 0.15s ease,
        border-color 0.15s ease,
        color 0.15s ease,
        transform 0.15s ease;
}


/* Cross hover */

#italian-tasker-booking .tit-item-remove:hover {

    background: #e53935 !important;

    border-color: #e53935 !important;

    color: #ffffff !important;

    transform: scale(1.08);
}


/* =========================================================
   EMPTY MESSAGE
   ========================================================= */

#italian-tasker-booking .tit-items-empty {

    display: block;

    margin: 10px 0 0 0;

    padding: 0;

    color: #52606d;

    font-family: inherit;

    font-size: 12px;

    line-height: 1.4;
}


/* =========================================================
   PREVIOUS BUTTON
   ========================================================= */

#italian-tasker-booking
.e-form__buttons__wrapper__button-previous {

    height: 60px;

    min-height: 60px;

    border: none;

    border-radius: 10px;

    background: #6f7b87;

    color: #ffffff;

    font-family: inherit;

    font-size: 18px;

    font-weight: 700;

    padding: 0 35px;

    cursor: pointer;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}


/* Previous hover */

#italian-tasker-booking
.e-form__buttons__wrapper__button-previous:hover {

    background: #000000;

    color: #ffffff;

    transform: translateY(-1px);
}


/* =========================================================
   NEXT BUTTON
   ========================================================= */

#italian-tasker-booking
.e-form__buttons__wrapper__button-next {

    height: 60px;

    min-height: 60px;

    border: none;

    border-radius: 10px;

    background: #2CD46D;

    color: #000000;

    font-family: inherit;

    font-size: 18px;

    font-weight: 700;

    padding: 0 35px;

    cursor: pointer;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}


/* Next hover */

#italian-tasker-booking
.e-form__buttons__wrapper__button-next:hover {

    background: #000000;

    color: #ffffff;

    transform: translateY(-1px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    #italian-tasker-booking .tit-step4-heading {

        font-size: 38px;
    }


    #italian-tasker-booking .tit-step4-subheading {

        font-size: 17px;
    }


    #italian-tasker-booking .tit-added-item {

        grid-template-columns:
            minmax(140px, 1fr)
            auto
            65px
            32px;
    }


    #italian-tasker-booking
    .tit-item-quantity {

        margin-left: 10px !important;

        margin-right: 10px !important;

        gap: 7px;
    }


    #italian-tasker-booking
    .tit-item-quantity button {

        width: 32px !important;

        height: 32px !important;

        min-width: 32px !important;

        min-height: 32px !important;
    }


    #italian-tasker-booking
    .tit-item-price {

        min-width: 65px;

        font-size: 15px;
    }


    #italian-tasker-booking
    .tit-item-remove {

        width: 28px !important;

        height: 28px !important;

        min-width: 28px !important;

        min-height: 28px !important;

        margin-left: 8px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    /* ---------- Heading ---------- */

    #italian-tasker-booking .tit-step4-heading {

        font-size: 32px;

        line-height: 1.2;

        margin-bottom: 12px;
    }


    /* ---------- Subheading ---------- */

    #italian-tasker-booking .tit-step4-subheading {

        font-size: 16px;

        line-height: 1.5;

        margin-bottom: 24px;
    }


    /* ---------- Search ---------- */

    #italian-tasker-booking #tit-item-search {

        height: 58px;

        min-height: 58px;

        padding: 0 16px;

        border-radius: 8px;

        font-size: 16px;
    }


    /* ---------- Dropdown ---------- */

    #italian-tasker-booking .tit-item-option {

        min-height: 46px !important;

        padding: 0 10px !important;

        font-size: 14px;
    }


    /* ---------- Add ---------- */

    #italian-tasker-booking
    .tit-item-option .tit-item-add {

        min-width: 62px !important;

        height: 32px !important;

        min-height: 32px !important;

        padding: 0 9px !important;

        border-radius: 5px !important;

        font-size: 13px !important;
    }


    /* =====================================================
       SELECTED ITEM MOBILE ROW
       ===================================================== */

    #italian-tasker-booking .tit-added-item {

        grid-template-columns:
            minmax(90px, 1fr)
            auto
            55px
            30px;

        min-height: 58px;

        padding: 7px 0;
    }


    /* ---------- Name ---------- */

    #italian-tasker-booking .tit-item-name {

        font-size: 14px;

        font-weight: 600;
    }


    /* ---------- Quantity ---------- */

    #italian-tasker-booking
    .tit-item-quantity {

        gap: 6px;

        margin-left: 6px !important;

        margin-right: 6px !important;
    }


    /* ---------- Quantity Buttons ---------- */

    #italian-tasker-booking
    .tit-item-quantity button {

        width: 30px !important;

        height: 30px !important;

        min-width: 30px !important;

        min-height: 30px !important;

        font-size: 16px !important;
    }


    /* ---------- Quantity Number ---------- */

    #italian-tasker-booking
    .tit-item-quantity span {

        min-width: 14px;

        font-size: 14px;
    }


    /* ---------- Price ---------- */

    #italian-tasker-booking .tit-item-price {

        min-width: 55px;

        font-size: 14px;

        font-weight: 700;
    }


    /* ---------- Remove ---------- */

    #italian-tasker-booking .tit-item-remove {

        width: 28px !important;

        height: 28px !important;

        min-width: 28px !important;

        min-height: 28px !important;

        margin-left: 4px !important;

        font-size: 16px !important;
    }


    /* =====================================================
       MOBILE NAVIGATION BUTTONS
       ===================================================== */

    #italian-tasker-booking
    .e-form__buttons__wrapper__button-previous,
    #italian-tasker-booking
    .e-form__buttons__wrapper__button-next {

        width: 100%;

        height: 58px;

        min-height: 58px;

        border-radius: 8px;

        font-size: 17px;

        padding: 0 20px;
    }

}


/* =========================================================
   FIX ONLY: QUANTITY - NUMBER +
   ========================================================= */

#italian-tasker-booking .tit-item-controls {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    white-space: nowrap !important;
}

#italian-tasker-booking .tit-item-controls > button {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#italian-tasker-booking .tit-item-controls > .tit-item-quantity {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
}


/* =========================================================
   THE ITALIAN TASKER
   STEP 7 — DESCRIPTION
   ========================================================= */


/* ---------- Step 7 Heading ---------- */

#italian-tasker-booking .tit-step7-heading {
    font-size: 46px;
    line-height: 1.15;
    font-weight: 500;
    color: #000000;
    margin: 0 0 14px 0;
}

#italian-tasker-booking .tit-step7-heading span {
    color: #2CD46D;
}


/* ---------- Step 7 Subheading ---------- */

#italian-tasker-booking .tit-step7-subheading {
    font-size: 19px;
    line-height: 1.55;
    font-weight: 400;
    color: #333333;
    margin: 0 0 42px 0;
}


/* =========================================================
   JOB DESCRIPTION
   ========================================================= */


/* Label */

#italian-tasker-booking #form-field-job_description + label {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}


/* Textarea */

#italian-tasker-booking #form-field-job_description {
    width: 100%;
    min-height: 180px;
    height: 180px;

    padding: 18px 20px;

    border: 1px solid #d4d9d6;
    border-radius: 10px;

    background: #ffffff;
    color: #000000;

    font-size: 17px;
    line-height: 1.5;

    box-shadow: none;

    resize: vertical;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* Textarea placeholder */

#italian-tasker-booking
#form-field-job_description::placeholder {
    color: #777777;
    opacity: 1;
}


/* Textarea focus */

#italian-tasker-booking
#form-field-job_description:focus {
    border-color: #2CD46D;

    box-shadow:
        0 0 0 2px rgba(44, 212, 109, 0.12);

    outline: none;
}


/* =========================================================
   PHOTO UPLOAD
   ========================================================= */


/* Upload label */

#italian-tasker-booking
#form-field-job_photos + label {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}


/* Upload field */

#italian-tasker-booking
#form-field-job_photos {
    width: 100%;

    min-height: 58px;

    padding: 12px 14px;

    border: 1px solid #d4d9d6;
    border-radius: 10px;

    background: #ffffff;

    color: #333333;

    font-size: 16px;

    box-shadow: none;
}


/* Upload field focus */

#italian-tasker-booking
#form-field-job_photos:focus {
    border-color: #2CD46D;

    outline: none;

    box-shadow:
        0 0 0 2px rgba(44, 212, 109, 0.12);
}


/* =========================================================
   PREVIOUS BUTTON
   ========================================================= */

#italian-tasker-booking
.e-form__buttons__wrapper__button-previous {

    height: 64px;
    min-height: 64px;

    border-radius: 10px;

    background: #707c88;
    color: #ffffff;

    border: none;

    font-size: 18px;
    font-weight: 700;

    padding: 0 35px;

    transition: all 0.2s ease;
}


/* Previous hover */

#italian-tasker-booking
.e-form__buttons__wrapper__button-previous:hover {

    background: #000000;
    color: #ffffff;

    transform: translateY(-1px);
}


/* =========================================================
   NEXT / CONTINUE BUTTON
   ========================================================= */

#italian-tasker-booking
.e-form__buttons__wrapper__button-next {

    height: 64px;
    min-height: 64px;

    border-radius: 10px;

    background: #2CD46D;
    color: #000000;

    border: none;

    font-size: 18px;
    font-weight: 700;

    padding: 0 35px;

    transition: all 0.2s ease;
}


/* Next hover */

#italian-tasker-booking
.e-form__buttons__wrapper__button-next:hover {

    background: #000000;
    color: #ffffff;

    transform: translateY(-1px);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {


    /* Heading */

    #italian-tasker-booking
    .tit-step7-heading {

        font-size: 32px;
        line-height: 1.2;

        margin-bottom: 12px;
    }


    /* Subheading */

    #italian-tasker-booking
    .tit-step7-subheading {

        font-size: 16px;
        line-height: 1.5;

        margin-bottom: 28px;
    }


    /* Textarea */

    #italian-tasker-booking
    #form-field-job_description {

        min-height: 160px;
        height: 160px;

        padding: 15px 16px;

        font-size: 16px;

        border-radius: 8px;
    }


    /* Upload */

    #italian-tasker-booking
    #form-field-job_photos {

        min-height: 56px;

        padding: 10px 12px;

        font-size: 15px;

        border-radius: 8px;
    }


    /* Previous */

    #italian-tasker-booking
    .e-form__buttons__wrapper__button-previous {

        width: 100%;

        height: 58px;
        min-height: 58px;

        border-radius: 8px;

        font-size: 17px;
    }


    /* Next */

    #italian-tasker-booking
    .e-form__buttons__wrapper__button-next {

        width: 100%;

        height: 58px;
        min-height: 58px;

        border-radius: 8px;

        font-size: 17px;
    }

}

/* =========================================================
   THE ITALIAN TASKER
   STEP 8 — DATE
   ========================================================= */


/* ---------- Step 8 Heading ---------- */

#italian-tasker-booking .tit-step8-heading {
    font-size: 46px;
    line-height: 1.15;
    font-weight: 500;
    color: #000000;
    margin: 0 0 14px 0;
}

#italian-tasker-booking .tit-step8-heading span {
    color: #2CD46D;
}


/* ---------- Step 8 Subheading ---------- */

#italian-tasker-booking .tit-step8-subheading {
    font-size: 19px;
    line-height: 1.55;
    font-weight: 400;
    color: #333333;
    margin: 0 0 42px 0;
}


/* =========================================================
   DATE FIELD
   ========================================================= */


/* Date label */

#italian-tasker-booking #form-field-booking_date + label {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}


/* Date input */

#italian-tasker-booking #form-field-booking_date {
    width: 100%;
    height: 64px;
    min-height: 64px;

    padding: 0 20px;

    border: 1px solid #d4d9d6;
    border-radius: 10px;

    background: #ffffff;
    color: #000000;

    font-size: 17px;

    box-shadow: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* Date input focus */

#italian-tasker-booking #form-field-booking_date:focus {
    border-color: #2CD46D;

    box-shadow:
        0 0 0 2px rgba(44, 212, 109, 0.12);

    outline: none;
}

/* Completely hide Elementor's original Preferred Date field */
#italian-tasker-booking .elementor-field-group-booking_date {
    display: none !important;
}

/* Extra protection for the actual input */
#italian-tasker-booking #form-field-booking_date {
    display: none !important;
}

/* =========================================================
   PREVIOUS BUTTON
   ========================================================= */

#italian-tasker-booking
.e-form__buttons__wrapper__button-previous {

    height: 64px;
    min-height: 64px;

    border-radius: 10px;

    background: #707c88;
    color: #ffffff;

    border: none;

    font-size: 18px;
    font-weight: 700;

    padding: 0 35px;

    transition: all 0.2s ease;
}


#italian-tasker-booking
.e-form__buttons__wrapper__button-previous:hover {

    background: #000000;
    color: #ffffff;

    transform: translateY(-1px);
}


/* =========================================================
   SEND / SUBMIT BUTTON
   ========================================================= */

#italian-tasker-booking
.e-form__buttons__wrapper__button[type="submit"] {

    height: 64px;
    min-height: 64px;

    border-radius: 10px;

    background: #2CD46D;
    color: #000000;

    border: none;

    font-size: 18px;
    font-weight: 700;

    padding: 0 35px;

    transition: all 0.2s ease;
}


#italian-tasker-booking
.e-form__buttons__wrapper__button[type="submit"]:hover {

    background: #000000;
    color: #ffffff;

    transform: translateY(-1px);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    /* Heading */

    #italian-tasker-booking
    .tit-step8-heading {

        font-size: 32px;
        line-height: 1.2;

        margin-bottom: 12px;
    }


    /* Subheading */

    #italian-tasker-booking
    .tit-step8-subheading {

        font-size: 16px;
        line-height: 1.5;

        margin-bottom: 28px;
    }


    /* Date */

    #italian-tasker-booking
    #form-field-booking_date {

        height: 58px;
        min-height: 58px;

        padding: 0 16px;

        font-size: 16px;

        border-radius: 8px;
    }


    /* Previous */

    #italian-tasker-booking
    .e-form__buttons__wrapper__button-previous {

        width: 100%;

        height: 58px;
        min-height: 58px;

        border-radius: 8px;

        font-size: 17px;
    }


    /* Submit */

    #italian-tasker-booking
    .e-form__buttons__wrapper__button[type="submit"] {

        width: 100%;

        height: 58px;
        min-height: 58px;

        border-radius: 8px;

        font-size: 17px;
    }

}

/* =========================================================
   THE ITALIAN TASKER
   STEP 9 — CONTACT DETAILS
   ========================================================= */


/* ---------- Step 9 Heading ---------- */

#italian-tasker-booking .tit-step9-heading {
    font-size: 46px;
    line-height: 1.15;
    font-weight: 500;
    color: #000000;
    margin: 0 0 14px 0;
}

#italian-tasker-booking .tit-step9-heading span {
    color: #2CD46D;
}


/* ---------- Step 9 Subheading ---------- */

#italian-tasker-booking .tit-step9-subheading {
    font-size: 19px;
    line-height: 1.55;
    font-weight: 400;
    color: #333333;
    margin: 0 0 38px 0;
}


/* ---------- Contact Fields ---------- */

#italian-tasker-booking
#form-field-first_name,

#italian-tasker-booking
#form-field-last_name,

#italian-tasker-booking
#form-field-email,

#italian-tasker-booking
#form-field-phone,

#italian-tasker-booking
#form-field-street_address,

#italian-tasker-booking
#form-field-final_postcode {

    width: 100%;

    height: 58px;
    min-height: 58px;

    border: 1px solid #d4d9d6;

    border-radius: 10px;

    background: #ffffff;

    color: #000000;

    font-size: 17px;

    padding: 0 16px;

    box-shadow: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* ---------- Placeholder ---------- */

#italian-tasker-booking
#form-field-first_name::placeholder,

#italian-tasker-booking
#form-field-last_name::placeholder,

#italian-tasker-booking
#form-field-email::placeholder,

#italian-tasker-booking
#form-field-phone::placeholder,

#italian-tasker-booking
#form-field-street_address::placeholder,

#italian-tasker-booking
#form-field-final_postcode::placeholder {

    color: #777777;

    opacity: 1;
}


/* ---------- Input Focus ---------- */

#italian-tasker-booking
#form-field-first_name:focus,

#italian-tasker-booking
#form-field-last_name:focus,

#italian-tasker-booking
#form-field-email:focus,

#italian-tasker-booking
#form-field-phone:focus,

#italian-tasker-booking
#form-field-street_address:focus,

#italian-tasker-booking
#form-field-final_postcode:focus {

    border-color: #2CD46D;

    box-shadow:
        0 0 0 2px rgba(44, 212, 109, 0.12);

    outline: none;
}


/* ---------- Labels ---------- */

#italian-tasker-booking
.elementor-field-group-first_name label,

#italian-tasker-booking
.elementor-field-group-last_name label,

#italian-tasker-booking
.elementor-field-group-email label,

#italian-tasker-booking
.elementor-field-group-phone label,

#italian-tasker-booking
.elementor-field-group-street_address label,

#italian-tasker-booking
.elementor-field-group-final_postcode label {

    color: #000000;

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 8px;
}


/* ---------- Field Spacing ---------- */

#italian-tasker-booking
.elementor-field-group-first_name,

#italian-tasker-booking
.elementor-field-group-last_name,

#italian-tasker-booking
.elementor-field-group-email,

#italian-tasker-booking
.elementor-field-group-phone,

#italian-tasker-booking
.elementor-field-group-street_address,

#italian-tasker-booking
.elementor-field-group-final_postcode {

    margin-bottom: 20px;
}


/* ---------- Previous Button ---------- */

#italian-tasker-booking
.e-form__buttons__wrapper__button-previous {

    min-height: 60px;

    height: 60px;

    border-radius: 10px;

    background: #71808d;

    color: #ffffff;

    border: none;

    font-size: 18px;

    font-weight: 700;

    padding: 0 35px;

    transition: all 0.2s ease;
}


/* ---------- Previous Hover ---------- */

#italian-tasker-booking
.e-form__buttons__wrapper__button-previous:hover {

    background: #000000;

    color: #ffffff;

    transform: translateY(-1px);
}


/* ---------- Final Submit Button ---------- */

#italian-tasker-booking
.e-form__buttons__wrapper__button[type="submit"] {

    min-height: 60px;

    height: 60px;

    border-radius: 10px;

    background: #2CD46D;

    color: #000000;

    border: none;

    font-size: 18px;

    font-weight: 700;

    padding: 0 35px;

    transition: all 0.2s ease;
}


/* ---------- Submit Hover ---------- */

#italian-tasker-booking
.e-form__buttons__wrapper__button[type="submit"]:hover {

    background: #000000;

    color: #ffffff;

    transform: translateY(-1px);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #italian-tasker-booking .tit-step9-heading {

        font-size: 32px;

        line-height: 1.2;

        margin-bottom: 12px;
    }


    #italian-tasker-booking .tit-step9-subheading {

        font-size: 16px;

        line-height: 1.5;

        margin-bottom: 28px;
    }


    #italian-tasker-booking
    #form-field-first_name,

    #italian-tasker-booking
    #form-field-last_name,

    #italian-tasker-booking
    #form-field-email,

    #italian-tasker-booking
    #form-field-phone,

    #italian-tasker-booking
    #form-field-street_address,

    #italian-tasker-booking
    #form-field-final_postcode {

        height: 56px;

        min-height: 56px;

        font-size: 16px;

        border-radius: 8px;

        padding: 0 14px;
    }


    #italian-tasker-booking
    .e-form__buttons__wrapper__button-previous,

    #italian-tasker-booking
    .e-form__buttons__wrapper__button[type="submit"] {

        width: 100%;

        height: 58px;

        min-height: 58px;

        border-radius: 8px;

        font-size: 17px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0efe07 *//* =========================================================
   MOBILE BOOKING SUMMARY
   ========================================================= */

#tit-mobile-summary {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
}


/* Main two-column row */

#tit-mobile-summary .tit-mobile-summary-row {

    display: grid;

    grid-template-columns: 1fr 1fr;

    width: 100%;

    background: #ffffff;

    border: 1px solid #dfe5e2;

    /*border-radius: 10px;*/

    overflow: hidden;

}


/* Both columns */

#tit-mobile-summary .tit-mobile-service,
#tit-mobile-summary .tit-mobile-price {

    min-height: 100px;

    padding: 18px 16px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}


/* Left column */

#tit-mobile-summary .tit-mobile-service {

    border-right: 1px solid #dfe5e2;

}


/* Labels */

#tit-mobile-summary .tit-mobile-label {

    margin-bottom: 8px;

    font-size: 13px;

    font-weight: 700;

    color: #17202a;

}


/* Service value */

#tit-mobile-summary .tit-mobile-value {

    font-size: 14px;

    line-height: 1.4;

    color: #65717a;

}


/* Price column */

#tit-mobile-summary .tit-mobile-price {

    text-align: right;

    align-items: flex-end;

}


/* Price */

#tit-mobile-summary .tit-mobile-price-value {

    font-size: 24px;

    line-height: 1.2;

    font-weight: 700;

    color: #17202a;

}


/* =========================================================
   MOBILE ONLY
   ========================================================= */

@media (max-width: 767px) {

    #tit-mobile-summary {

        display: block;

    }

}


/* =========================================================
   DESKTOP / TABLET
   ========================================================= */

@media (min-width: 768px) {

    #tit-mobile-summary {

        display: none !important;

    }

}/* End custom CSS */