.booking-form{
    padding-top: 9.8125rem;
    padding-bottom: 10.625rem;
}

.booking-form .booking-form__top{
    margin-bottom: 4.75rem;
}

.booking-form .breadcrumb{
    margin-bottom: 3.25rem;
}

.booking-form .booking__block{
    padding: 2.5rem 1.5rem;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    width: 100%;
    border-radius: 3rem;
    
    max-width: 63.9375rem;
}

.booking-form .booking__block + .booking__block{
    margin-top: 2.625rem;
}

.booking-form .booking-form__title{
    position: relative;
}

.booking-form .booking-form__title::after{
    display: block;
    content: "";

    position: absolute;
    bottom: -1.125rem;
    left: -8.5rem;

    height: 2.0625rem;
    width: 16.875rem;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='270' height='33' viewBox='0 0 270 33' fill='none'%3E%3Cpath d='M1.5 28.6826C1.5 28.6826 11.558 21.4691 18.5 17.6826C37.9717 7.06183 70.9311 2.67455 81.2871 1.51506C82.8677 1.33809 84.0976 2.79205 83.7119 4.33507C83.5753 4.88128 83.2443 5.35896 82.7808 5.67861L63.6391 18.8798C61.3446 20.4622 62.7383 24.0592 65.5 23.6826L142.263 13.1105C144.022 12.8682 144.936 15.1383 143.5 16.1826L125.878 26.4355C123.707 27.6983 124.842 31.0293 127.332 30.7045C127.444 30.6899 127.542 30.6833 127.654 30.6852C130.348 30.7301 167.738 31.3342 192 30.6826C221.916 29.8791 268.5 26.1826 268.5 26.1826' stroke='%23FF6A0E' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.booking-form .booking__block .block__title{
    font-size: 2.5rem;
    margin-bottom: 2.5rem;
}

.booking-form .booking__data .data__grid{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.booking-form .data__grid .data__item{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 11.0625rem;
    background-color: #FBF8F0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 1.25rem;
}

.booking-form .data__grid .data__item::before{
    display: block;
    content: "";

    width: 3.75rem;
    height: 3.75rem;

    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.booking-form .data__grid .data__item.data__item--date::before{
    background-image: url("../../../assets/images/calendar-icon.webp");
}

.booking-form .data__grid .data__item.data__item--location::before{
    background-image: url("../../../assets/images/icons/tree-icon.webp");
}

.booking-form .data__grid .data__item.data__item--format::before{
    background-image: url("../../../assets/images/icons/watch-icon.webp");
}

.booking-form .data__grid .data__item.data__item--seats::before{
    background-image: url("../../../assets/images/icons/seat-icon.webp");
}

.booking-form .data__grid .data__item .text.text--small{
    color: rgba(0, 0, 0, 0.5);
}

.booking-form .booking__data .data__price{
    border-top: 1px solid #C9C6C0;
    padding-top: 3.4375rem;
    margin-top: 3.4375rem;
}

.booking-form .booking__data .data__price .data__price-text{
    font-size: 2.8125rem;
}

/* BOOKING FORM */
.booking-form .booking__form{
    padding-left: 5rem;
    padding-right: 5rem;
}
.booking-form .booking__form form{
    gap: 2.6875rem;
}
.booking-form .booking__form .form__fields{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.625rem 3.75rem;
}

.booking-form .booking__form .form__fields input,
.booking-form .booking__form .form__fields select{
    color: var(--dark-base);
}

.booking-form .booking__form .form__fields input::placeholder{
    color: var(54, 52, 50, 0.7);
}

.booking-form .booking__price{
    background-color: #FBF8F0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 1.25rem;
    padding: 3.0625rem;
}

.booking-form .booking__price .booking__total{
    color: #328B40;
    font-size: 2.8125rem;
}
.booking-form .btn-back-program{
    position: absolute;
    left: 0;
    text-decoration: none;
    color: #363432;
    margin-bottom: 3.25rem;
    margin-left: 5rem;
}
.booking-form .btn-back-program svg{
    rotate: 180deg;
    fill: #363432;
}
@media screen and (min-width: 959px) {
    .booking-form .form__fields .form-group {
        display: flex;
        flex-direction: column;
        padding-bottom: 1.25rem;
        border-bottom: 1px solid rgba(54, 52, 50, 0.4);
    }   
}

@media screen and (max-width: 959px) {
    .booking-form{
        padding: 8.6875rem 0.9375rem 6.25rem;
    }

    .booking-form .booking-form__top{
        margin-bottom: 2.1875rem;
        gap: 1.25rem;
    }

    .booking-form .booking-form__top .text.text--small{
        text-align: center;
        max-width: 18rem;
    }

    .booking-form .breadcrumb{
        margin-bottom: 3.25rem;
    }

    .booking-form .booking__block{
        padding: 2.1875rem 0.9375rem;
        border-radius: 1.875rem;
        
        max-width: 100%;
    }

    .booking-form .booking__block + .booking__block{
        margin-top: 2.625rem;
    }

    .booking-form .booking-form__title::after{
        position: absolute;
        bottom: -1.125rem;
        left: -3.8125rem;

        height: 1.25rem;
        width: 9.5625rem;
    }

    .booking-form .booking__block .block__title{
        font-size: 2rem;
        margin-bottom: 1.875rem;
    }

    .booking-form .booking__data .data__grid{
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }

    .booking-form .data__grid .data__item{
        gap: 0.5rem;
        min-height: 7.5rem;
    }

    .booking-form .data__grid .data__item .text.text--small{
        font-size: 1rem;
    }

    .booking-form .data__grid .data__item::before{
        width: 2.5rem;
        height: 2.5rem;
    }

    .booking-form .booking__data .data__price{
        padding-top: 1.25rem;
        margin-top: 1.5625rem;
    }

    .booking-form .booking__data .data__price .data__price-text{
        font-size: 2rem;
    }

    /* BOOKING FORM */
    .booking-form .booking__form{
        padding-left: 2.1875rem;
        padding-right: 2.1875rem;
    }
    .booking-form .booking__form form{
        gap: 1.5625rem;
    }
    .booking-form .booking__form .form__fields{
        grid-template-columns: 1fr;
        gap: 0.625rem;
    }

    .booking-form .booking__price{
        border-radius: 1.25rem;
        padding: 3.0625rem;
        padding: 1.5625rem;
        gap: 1.5625rem;
        text-align: center;
    }

    .booking-form .booking__price .booking__total{
        font-size: 2rem;
    }
    .booking-form .booking-form__nav{
        flex-direction: column;
    }
    .booking-form .btn-back-program{
        position: relative;
        margin-bottom: 0;
        margin-left: 0;
    }
}