.bodyofbooking {
    position:relative;
    background-image: url("../Bookingimgs/14.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    height:100%;
    padding: 100px 200px;
}
    .bodyofbooking::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
    }


    .container {
        position:relative;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

.custom-select {
    height: 40px !important;
}

.stylefont {
    transition: 0.3S background-color;
    animation-name: formanimation;
    animation-duration: 1s;
    color: brown;
    font-weight: bolder;
    position : relative;
}

.form-res {
    max-width: 400px;
}

.fa-pencil {
    font-size: 30px;
    color: brown;
    float: right;
}

.col-md-5 {
    background-color: rgba(220, 229, 236, 0.664);
}

@keyframes formanimation {
    0% {
        transform: translate(180px);
    }
}