*{box-sizing: border-box;padding: 0;margin: 0;}
p{margin: 0;}

a {
    color: #9152FC;
}


.link-f{position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); text-align: center;}


  /* booking */
  .owl-stage{margin-bottom: 15px;}
  .progress-bar {display: flex;justify-content: space-between;align-items: center;padding: 20px;margin: auto;position: relative;}
  .step {display: flex;flex-direction: column;align-items: center;position: relative;flex: 1;text-align: center;}
  .step:not(:last-child)::after {content: "";position: absolute;top: 15px;right: -50%;width: 100%;height: 2px;background-color: #ddd;z-index: -1;}
  .step-number {display: inline-flex;justify-content: center;align-items: center;width: 30px;height: 30px;border-radius: 50%;background-color: #ddd;color: #fff;margin-bottom: 8px;transition: background-color 0.3s ease;}
  .step-label {font-size: 14px;color: #333;transition: color 0.3s ease;}
  .step.active .step-number {background-color: #9152FC;}
  .step.active .step-label {color: #9152FC;}
  .step:first-child::after {left: 50%;right: -50%;}
  .step:last-child::after {display: none;}
  .tab-content .tab {display: none;}
  #tab-3 h3{font-size: 20px; font-family: "Mont-Regular";}
  #tab-5 h3 {font-size: 20px;font-family: "Mont-Regular";}
  .w-70{width: 70%;}
  .w-20{width: 20%;}
  .tab-content .tab3{border: 1px solid rgba(69, 69, 69, 0.2);;border-radius: 24px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);}
  .tab-content .tab.active {display: block;}
  .tab-content #tab-2>div>form{border: 1px solid rgba(69, 69, 69, 0.2);;border-radius: 24px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);}
.parsley-required{
    color:red;
    font-size:12px;
}
#nextBtn {
    width: 15%;
}
  #pricing-plan .bg-pink{height: 80px ; width: 80px;}
  .form-check-input:checked {background-color: #9152FC;border-color: rgba(68, 66, 66, 0);height: 24px;width: 24px;}
  .form-check .form-check-input{height: 24px;width: 24px;}
  .form-check-input:focus{box-shadow: none !important;}
  #pricing-plan .owl-nav{display: flex;justify-content: space-between; margin-top: 15px;}
  #pricing-plan .owl-prev span, #pricing-plan .owl-next span{font-size: 24px;color: #9152fc;}
  #pricing-plan .owl-prev, #pricing-plan .owl-next{height: 30px; width: 30px;background-color: #F4EEFF; border-radius: 50%;justify-content: center;display: flex;align-items: center;}
  .calendar {border: 1px solid rgba(69, 69, 69, 0.2);box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.13);border-radius: 8px;padding: 20px;}
  .calendar-header {display: flex;justify-content: space-between;align-items: center;}
  #monthYear{font-size: 22px;}
  .days-of-week>div{text-align: center;}
  #calendarDays>div{text-align: center;}
  #prevMonth{color: #9152FC;  background: rgba(145, 82, 252, 0.20000000298023224);border-radius: 16px; box-shadow: 0px 2px 8px rgba(190, 190, 190, 0.15); border: none; height: 30px; width: 30px;}
  #nextMonth{color: #9152FC;  background: rgba(145, 82, 252, 0.20000000298023224);border-radius: 16px; box-shadow: 0px 2px 8px rgba(190, 190, 190, 0.15); border: none; height: 30px; width: 30px;}
  .days-of-week {display: grid;grid-template-columns: repeat(7, 1fr);margin-top: 10px;margin-bottom: 10px;}
  .days {display: grid;grid-template-columns: repeat(7, 1fr);gap: 10px;}
  .day {border: 1px solid #ffffff00;border-radius: 15px;padding: 8px 5px;cursor: pointer;transition: background-color 0.3s;}
  .active-day {border: 1px solid #ffffff00;background-color: #9152FC;color: #fff;}
  .selected-date {margin-top: 20px;}
  .checkbox, .radio1 {position: relative;display: block;margin-top: 10px;margin-bottom: 10px;}
.checkbox input[type=checkbox], .checkbox input[type=radio], .radio1 input[type=checkbox], .radio1 input[type=radio] {position: absolute;opacity: 0;}
.radio1.radio--with-check1 input[type="radio"]:checked+.radio-label::before {background-color: #9153fe;}
.radio1.radio--big1 input[type="radio"]:checked + label{ border: 2px solid #9153fe;}
.checkbox1.checkbox--big1 label .description1, .checkbox1.radio--big1 label .description1, .radio1.checkbox--big1 label .description1, .radio1.radio--big1 label .description1 {font-size: 16px;color: #828287;margin-top: 20px;display: block;}
.checkbox1.checkbox--with-check1 input[type="checkbox"]:checked + .checkbox-label1::before, .checkbox1.checkbox--with-check1 input[type="checkbox"]:checked + .radio-label1::before, .checkbox1.checkbox--with-check1 input[type="radio"]:checked + .checkbox-label1::before, .checkbox1.checkbox--with-check1 input[type="radio"]:checked + .radio-label1::before, .checkbox1.radio--with-check1 input[type="checkbox"]:checked + .checkbox-label1::before, .checkbox1.radio--with-check1 input[type="checkbox"]:checked + .radio-label1::before, .checkbox1.radio--with-check1 input[type="radio"]:checked + .checkbox-label1::before, .checkbox1.radio--with-check1 input[type="radio"]:checked + .radio-label1::before, .radio1.checkbox--with-check1 input[type="checkbox"]:checked + .checkbox-label1::before, .radio1.checkbox--with-check1 input[type="checkbox"]:checked + .radio-label1::before, .radio1.checkbox--with-check1 input[type="radio"]:checked + .checkbox-label1::before, .radio1.checkbox--with-check1 input[type="radio"]:checked + .radio-label1::before, .radio1.radio--with-check1 input[type="checkbox"]:checked + .checkbox-label1::before, .radio1.radio--with-check1 input[type="checkbox"]:checked + .radio-label1::before, .radio1.radio--with-check1 input[type="radio"]:checked + .checkbox-label1::before, .radio1.radio--with-check1 input[type="radio"]:checked + .radio-label1::before {background-color: rgb(145, 83, 254);box-shadow: none;content: "";font-size: 14px;font-family: fontAwesome;color: rgb(255, 255, 255);height: 30px;width: 30px;line-height: 30px;}
.radio1.radio--with-check1 input[type=radio]+.radio-label1:before {content: "";background: #fff;border-radius: 25px;-webkit-box-shadow: inset 0 0 0 1px #bbbbbd;box-shadow: inset 0 0 0 1px #bbbbbd;display: inline-block;position: relative;margin-right: 20px;vertical-align: top;cursor: pointer;text-align: center;-webkit-transition: all .25s ease;transition: all .25s ease;height: 30px;width: 30px;line-height: 30px;}
.booking-form1 .radio1.radio--big1 label {padding: 30px 20px;}
.description1{  font-family: "Mont-Light";}
.checkbox1.checkbox--big1 label, .checkbox1.radio--big1 label, .radio1.checkbox--big1 label, .radio1.radio--big1 label { display: block; padding: 30px 20px; font-family: "Mont-Regular"; border: 2px solid #e4e4e5; border-radius: 5px; position: relative;}
.checkbox1 label, .radio1 label { min-height: 20px; padding-left: 0; margin-bottom: 0; cursor: pointer; line-height: 27px; font-size: 16px; height: auto; vertical-align: middle; color: #32323c;}
  /* booking */

input.form-control, textarea.form-control {
    padding: 6px 12px;
    box-shadow: unset;
    -webkit-box-shadow: unset;
}




/* margate */
/* #local-courses h4{} */
#local-courses .radio.radio--big label {
    display: block;
    padding: 30px 20px;
    border: 1px solid rgba(68, 66, 66, 0.6);
    border-radius: 16px;
    position: relative;
}
#local-courses .radio input[type="radio"] {
    position: absolute;
    opacity: 0;
}
#local-courses .radio.radio--with-check input[type="radio"] + .radio-label::after {
    content: "";
    background: #fff;
    background-color: rgb(255, 255, 255);
    border-radius: 25px;
    -webkit-box-shadow: inset 0 0 0 1px #bbbbbd;
    box-shadow: inset 0 0 0 1px #bbbbbd;
    display: inline-block;
    position: relative; /* margin-right: 20px; */
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    height: 30px;
    width: 30px;
    line-height: 30px;
}
#local-courses .radio.radio--with-check input[type="radio"]:checked + .radio-label::after {
    background-color: #9153fe;
    -webkit-box-shadow: none;
    box-shadow: none;
    content: "";
    font-size: 14px;
    font-family: fontAwesome;
    color: #fff;
    height: 30px;
    width: 30px;
    line-height: 30px;
}

#pricing-plan .booking-form-item-price {
    text-align: right;
    padding-right: 50px;
}

#pricing-plan .booking-form-item-deposit {
    text-align: right;
}


    /* margate */
    /* #tab-4 .radio.radio--big label {display: block; padding: 30px 20px;border: 1px solid rgba(68, 66, 66, 0.6);border-radius: 16px;position: relative;}
  #tab-4 .radio input[type="radio"] {position: absolute;opacity: 0;}
  #tab-4 .radio.radio--with-check input[type="radio"]:checked + .radio-label::after { background-color: #9153fe;-webkit-box-shadow: none;box-shadow: none;content: "";font-size: 14px;font-family: fontAwesome;color: #fff;height: 30px;width: 30px;line-height: 30px;}
  #tab-4 .radio.radio--with-check input[type="radio"] + .radio-label::after {content: "";background: #fff;background-color: rgb(255, 255, 255); border-radius: 25px; -webkit-box-shadow: inset 0 0 0 1px #bbbbbd; box-shadow: inset 0 0 0 1px #bbbbbd; display: inline-block; position: relative; margin-right: 20px; vertical-align: top; cursor: pointer; text-align: center; -webkit-transition: all .25s ease; transition: all .25s ease;height: 30px;width: 30px;line-height: 30px;} */
    @media only screen and (max-width: 1199px) {
        /* #banner-bg h2{width: 50%;} */
        /* .link-f{bottom: 25px;} */
        .selected-date {
            padding-left: 30px;
        }
    }

    @media only screen and (max-width: 991px) {
        .selected-date {
            padding-left: inherit;
            display: block;
            width: 100%;
        }

        .flatpickr-calendar.inline {
            margin-left: auto;
            margin-right: auto;
        }

        #local-courses h4 {
            font-size: 22px;
        }

        .tab-content .w-70 {
            width: 100% !important;
        }

        .w-50 {
            width: 70% !important;
        }

        #banner-bg.py-100 {
            padding-top: 100px !important;
            padding-bottom: 100px !important;
        }
        /* #banner-bg h2{width: 70%;} */
    }

    @media only screen and (max-width: 767px) {
        .w-50 {
            width: 90% !important;
        }

        .progress-bar {
            padding: 0px;
        }

        #nextBtn {
            width: 25%;
        }

        .progress-bar {
            align-items: start;
        }

        .step-label {
            text-wrap: wrap;
            font-size: 12px;
        }
        /* .step:not(:last-child)::after {background-color: transparent;} */
        /* .progress-bar.flex-row{flex-direction: column !important;} */
        /* #banner-bg h2{width: 80%;} */
    }

    @media only screen and (max-width: 575px) {
        .w-50 {
            width: 100% !important;
        }

        .calendar {
            padding: 10px;
        }

        #local-courses h4 {
            font-size: 18px;
        }

        #monthYear {
            font-size: 18px;
        }

        .w-20 {
            width: 50%;
        }

        .days-of-week {
            font-size: 14px;
        }

        #banner-bg.py-100 {
            padding-top: 70px !important;
            padding-bottom: 70px !important;
        }

        .link-f {
            position: inherit;
        }

        #nextBtn {
            width: 30%;
        }

        .day {
            font-size: 14px;
        }

        .days {
            gap: 5px;
        }
        /* #banner-bg h2{width: 98%;} */
    }

    @media only screen and (max-width: 370px) {
        .step-label {
            text-wrap: wrap;
            font-size: 11px;
        }
    }


    #pricing-plan input[type="radio"]:checked + label {
        background: rgba(145, 82, 252, 0.10000000149011612); /* Change this to your desired color */
        border-color: #9152FC;
        border-radius: 16px; /* Change this to your desired color */
    }

    #pricing-plan h4 {
        font-family: "Mont-Regular";
    }

    #pricing-plan span {
        font-family: "Mont-Regular";
    }
    /* #pricing-plan label {display: block; padding: 30px 20px;border: 1px solid rgba(68, 66, 66, 0.6);border-radius: 16px;position: relative;} */
    #pricing-plan input[type="radio"] {
        display: none;
    }

        #pricing-plan input[type="radio"] + label::after {
            content: "";
            background: #fff;
            background-color: rgb(255, 255, 255);
            border-radius: 25px;
            -webkit-box-shadow: inset 0 0 0 1px #bbbbbd;
            box-shadow: inset 0 0 0 1px #bbbbbd;
            display: inline-block;
            position: absolute;
            top: 20px;
            right: 20px; /* margin-right: 20px; */
            vertical-align: top;
            cursor: pointer;
            text-align: center;
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
            height: 30px;
            width: 30px;
            line-height: 30px;
        }

        #pricing-plan input[type="radio"]:checked + label::after {
            background-color: #9153fe;
            -webkit-box-shadow: none;
            box-shadow: none;
            content: "";
            font-size: 14px;
            font-family: fontAwesome;
            color: #fff;
            height: 30px;
            width: 30px;
            line-height: 30px;
        }







    .checkbox3, .radio3 {
        position: relative;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .checkbox3 input[type=checkbox], .checkbox3 input[type=radio], .radio3 input[type=checkbox], .radio3 input[type=radio] {
            position: absolute;
            opacity: 0;
        }

        .radio3.radio--with-check3 input[type="radio"]:checked + .radio-labe3l::before {
            background-color: #9153fe;
        }

        .radio3.radio--big3 input[type="radio"]:checked + label {
            border: 2px solid #9153fe;
        }

        .checkbox3.checkbox--big3 label .description3, .checkbox3.radio--big3 label .description3, .radio3.checkbox--big3 label .description3, .radio3.radio--big3 label .description3 {
            font-size: 16px;
            color: #828287;
            margin-top: 20px;
            display: block;
        }

        .checkbox3.checkbox--with-check3 input[type="checkbox"]:checked + .checkbox-label3::before, .checkbox3.checkbox--with-check3 input[type="checkbox"]:checked + .radio-label3::before, .checkbox3.checkbox--with-check3 input[type="radio"]:checked + .checkbox-label3::before, .checkbox3.checkbox--with-check3 input[type="radio"]:checked + .radio-label3::before, .checkbox3.radio--with-check3 input[type="checkbox"]:checked + .checkbox-label3::before, .checkbox3.radio--with-check3 input[type="checkbox"]:checked + .radio-label3::before, .checkbox3.radio--with-check3 input[type="radio"]:checked + .checkbox-label3::before, .checkbox3.radio--with-check3 input[type="radio"]:checked + .radio-label3::before, .radio3.checkbox--with-check3 input[type="checkbox"]:checked + .checkbox-label3::before, .radio3.checkbox--with-check3 input[type="checkbox"]:checked + .radio-label3::before, .radio3.checkbox--with-check3 input[type="radio"]:checked + .checkbox-label3::before, .radio3.checkbox--with-check3 input[type="radio"]:checked + .radio-label3::before, .radio3.radio--with-check3 input[type="checkbox"]:checked + .checkbox-label3::before, .radio3.radio--with-check3 input[type="checkbox"]:checked + .radio-label3::before, .radio3.radio--with-check3 input[type="radio"]:checked + .checkbox-label3::before, .radio3.radio--with-check3 input[type="radio"]:checked + .radio-label3::before {
            background-color: rgb(145, 83, 254);
            box-shadow: none;
            content: "";
            font-size: 14px;
            font-family: fontAwesome;
            color: rgb(255, 255, 255);
            height: 30px;
            width: 30px;
            line-height: 30px;
        }

        .radio3.radio--with-check3 input[type=radio] + .radio-label3:before {
            content: "";
            background: #fff;
            border-radius: 25px;
            -webkit-box-shadow: inset 0 0 0 1px #bbbbbd;
            box-shadow: inset 0 0 0 1px #bbbbbd;
            display: inline-block;
            position: relative;
            margin-right: 20px;
            vertical-align: top;
            cursor: pointer;
            text-align: center;
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
            height: 30px;
            width: 30px;
            line-height: 30px;
        }

    .booking-form3 .radio3.radio--big3 label {
        padding: 30px 20px;
    }

    .description3 {
        font-family: "Mont-Light";
    }

    .checkbox3.checkbox--big3 label, .checkbox3.radio--big3 label, .radio3.checkbox--big3 label, .radio3.radio--big3 label {
        display: block;
        padding: 30px 20px;
        font-family: "Mont-Regular";
        border: 1px solid #e4e4e5;
        border-radius: 16px;
        position: relative;
    }

    .checkbox3 label, .radio3 label {
        min-height: 20px;
        padding-left: 0;
        margin-bottom: 0;
        cursor: pointer;
        line-height: 27px;
        font-size: 16px;
        height: auto;
        vertical-align: middle;
        color: #32323c;
    }