.container .buttons-sections {
    display: flex;
    justify-content: space-evenly;
}

.container .buttons-sections {
    margin-bottom: 40px;
}

.container .buttons-sections button {
    text-transform: uppercase;
    padding: 8px 25px;
}

 #upper_fields .group-inputs {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}


.container .group-inputs input {
    width: 300px;
}

.container .left-side .group-inputs input {
    width: 450px;
}

.container .total {
    padding: 50px 0;
}

.container .total p {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.05em;
    font-weight: 700;
    text-transform: uppercase;
    color: #0d6efd;
}

.container .total input {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: 4px;
    border: 2px solid var(--bs-black);
    margin: 10px 0;
}

@media screen and (max-width: 1400px) {
    .container .group-inputs input {
        width: 250px;
    }

    .container .left-side .group-inputs input {
        width: 380px;
    }
}

@media screen and (max-width: 1200px) {
    .container .group-inputs input {
        width: 160px;
    }

    .container .left-side .group-inputs input {
        width: 270px;
    }
}

@media screen and (max-width: 991px) {
    .container .group-inputs input,
    .container .left-side .group-inputs input {
        width: 70%;
    }
}

@media screen and (max-width: 768px) {
    .container .group-inputs input,
    .container .left-side .group-inputs input {
        width: 50%;
    }
}

.booking-number {
   margin: 0 auto;
}

.total p {
    font-size: 12px;
}

.total input {
    margin-top: 5px;
}