/* Form fields */
        #booking-form {
            font-family: Arial, sans-serif;
            max-width: 540px;
            margin: 40px auto;
        }

        .radio-container {
            display: inline-flex;
        }



        #booking-form select {
            -webkit-appearance: none;
            appearance: none;
            background-size: 15px;
            background-position: 97% 50%;
        }

        #booking-form textarea {
            height: 120px;
            line-height: 1.5;
            padding: 15px 28px;
        }

        #booking-form input:focus,
        #booking-form textarea:focus,
        #booking-form select:focus {
            outline: 0;
            border: 1px solid rgb(211, 211, 211);
        }

        #booking-form label {
            font-size: 18px;
            font-weight: 300;
            display: block;
            margin-bottom: 10px;
            margin-left: 20px;
            text-align: center;
            color: rgb(0, 0, 0);
        }

        /* Buttons */
        #booking-form .next-btn,
        #booking-form .submit-btn,
        #booking-form .back-btn {
            background: #8A2BA6;
            padding: 15px;
            color: #fff;
            text-transform: uppercase;
            font-size: 20px;
            line-height: 24px;
            letter-spacing: 4px;
            width: 100%;
            display: inline-block;
            text-align: center;
            font-weight: 400;
            border-radius: 5px;
            border: 0;
            transition-property: background-color;
            transition: all 1s ease;
            width: 100%;
            cursor: pointer;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        #booking-form .next-btn:hover,
        #booking-form .submit-btn:hover,
        #booking-form .back-btn:hover {
            background-color: #edbafa;
            color: black;
        }

        /* Progress Bar */
        .progress-wrap {
            margin: auto;
            display: table;
        }

        .line-progress-bar {
            display: flex;
            margin: auto;
            width: 100%;
        }

        .line {
            height: 1px;
            width: 250px;
            border-bottom-style: solid;
            border-bottom-width: 1px;
            border-bottom-color: rgb(217, 217, 217);
            position: absolute;
            margin-top: 8px;
        }

        .progress-wrap div ul {
            display: flex;
            min-width: 250px;
            list-style: none;
            padding: 0px;
            margin: initial;
            justify-content: space-between;
            z-index: 1;
        }

        .progressbar-dots {
            display: inline-flex;
            border: #949494 solid 4px;
            background: #333333;
            height: 20px;
            width: 20px;
            border-radius: 50%;
            text-align: center;
            justify-content: center;
            align-items: center;
            font-weight: bold;
            color: #d4d4d4;
            font-size: 20px;
            margin-left: 0px;
            border: 0px solid rgb(217, 217, 217);
            background: rgb(217, 217, 217);
        }

        .progressbar-dots span {
            font-size: 12px;
            line-height: 12px;
            position: absolute;
            margin-top: 60px;
            float: left;
            margin-left: -30px;
            display: none;
        }

        .progressbar-dots.active {
            color: #fff;
            border: 0px solid #8A2BA6;
            background: #8A2BA6;
        }

        /*  Tab */
        .survey-tab-pane {
            display: none;
        }

        .survey-tab-pane:first-child {
            display: block;
        }

        /* Error */
        span.error {
            font-size: 14px;
            font-family: Arial, sans-serif;
            color: #D6041D;
            text-transform: uppercase;
            display: inline;
            margin-left: 10px;
        }

        .summary-container {
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
            margin-top: 20px;
            font-size: 18px;
        }