.section-logo {
    margin-top:30px;
}

.section-title {
    margin-top:20px;
    margin-bottom:40px;
    font-size:46px;
    font-family:ui-sans-serif, system-ui;
    font-weight:normal;
}

.section-subtitle {
    margin-bottom:40px;
    font-size:22px;
    font-family:ui-sans-serif, system-ui;
    font-weight:normal;
}

.ob-btn {
    font-size:20px;
    font-family:ui-sans-serif, system-ui;
    font-weight:700;
    padding:20px;
    border: 1px solid lightgray;
    width:100%;
    max-width:500px;
    display:inline-block;
    margin-bottom:10px;
    border-radius:8px;
    cursor:pointer;
    user-select:none;
}

.ob-btn > span {
    font-size:20px;
    font-weight:700;
}

.ob-btn div {
    font-size:16px;
    font-weight:normal;
    margin-top:5px;
}

.ob-btn:hover {
    background-color: whitesmoke;
}

.ob-area {
    background-color:whitesmoke;
    border-radius:8px;
    min-width:300px;
    padding:20px;
    display:inline-block;
}

.ob-button {
    padding-left:16px;
    padding-right:16px;
    padding-top:4px;
    padding-bottom:4px;
    font-weight:500;
    border-radius:8px;
    user-select:none;
}

.ob-button i {
    padding-left:10px;
    padding-top:4px;
    padding-bottom:4px;
    font-weight:normal;
}

.ob-button-right {
    float:right;
}


.ob-slot-day {
    font-size:22px;
    font-weight:700;
    margin-bottom:14px;
}

.ob-slot-time {
    font-size:18px;
    display:inline-block;
    padding:10px;
    padding-left:20px;
    padding-right:20px;
    border: 1px solid gainsboro;
    border-radius:40px;
    margin-bottom:40px;
    cursor:pointer;
    user-select:none;
}

.ob-slot-time-na {
    background-color: whitesmoke;
}

.ob-slot-time:hover {
    background-color: whitesmoke;     
}

.ob-payment-form {
    padding-left:20px;
    padding-right:20px;
    width:100%;
    background-color:whitesmoke;
    border-radius:8px;
    max-width:320px;
}

.ob-label {
    font-size:18px;
    text-align:left;
    display:block;    
    width:300px;
    margin-top:10px
}

.ob-input {
    font-size:16px;
    background-color:gainsboro;
    border-color:lightgray;
    border:0;
    border-radius:8px;
    padding:6px;
    display:block;
    width:200px
}

.ob-slot-move-btn {
    width:320px;
    height:32px;
    border-radius:16px;
    padding:0;
    border-width:1px;
    border-color:lightgray;
}

.ob-summary {
    font-size:20px;
    padding:20px;
}

.ob-summary i {
    font-size:32px;
    padding-right:40px;
    text-align:center;
}

.ob-summary td {
    padding-bottom:20px;
    text-align:left;
}

.ob-footer {
  position:sticky;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  margin-top:60px;
  margin-bottom:10px;
}