input {
    padding: 14px 12px;
    border-radius: 36px;
     width: 94%;
            background-color: transparent;
            border: 1px solid #C7C7CC;
            outline: none;
            
}
input::placeholder {
  color: #8E8E93;
} 
textarea::placeholder {
  color: #8E8E93;
 
}

.field .inputWrap input:focus {
            border: 1px solid #48484A;
            border-radius: 36px;
            outline: none;
        }
        
 .reservationDetails_info {
            padding: 50px 16px 80px 16px;
        }
        .reservationDetails {
            max-width: 460px;
            width: 100%;
            margin: 0 auto;
            border: 1px solid #C7C7CC;
            border-radius: 36px;
            box-shadow: 2px 4px 16px 4px rgba(61, 52, 113, 0.08);
            padding: 32px;
        }
        .reservationDetails h3 {
            text-align: center;
        }
        form {
            margin-top: 20px;
        }
        .field .inputWrap {
            margin-top: 8px;
            background-color: #FFFFFF;
            
        }
        .field .inputWrap input {
           
        }
        
        .field {
            margin-top: 16px;
        }
        .field_btns {
            margin-top: 80px;
            display: flex;
            justify-content: space-around;
        }

        .field_btns button {
            padding: 7px 44px;
            border-radius: 36px;
        }

        @media (max-width: 768px) {
            .reservationDetails_info {
                padding: 16px 16px 16px 16px;
            }
        
            .reservationDetails {
                margin-top: 24px;
                margin-bottom: 200px;
                border: 0;
                box-shadow: none;   
                padding: 0;
            }
            
             .field_btns {
                margin-top: 32px !important;
                display: flex;
                justify-content: space-around;
            }
        }