@import url('https://fonts.cdnfonts.com/css/myriad-pro');

.booking-page{
    font-family:'Myriad Pro',sans-serif;
    background:linear-gradient(90deg,#f7f9fb 60%,#bf966922 100%);
    padding:6rem 1.5rem;
    color:#2e3d33;
}

.booking-container{
    max-width:1100px;
    margin:0 auto;
}

.booking-card{
    background:#fff;
    border:2px solid #2e3d33;
    border-radius:16px;
    box-shadow:0 5px 20px rgba(46,61,51,.12);
    padding:3rem;
    margin-bottom:2rem;
}

.booking-title{
    text-align:center;
    color:#bf9669;
    font-size:2.2rem;
    font-weight:600;
    margin:0 0 2rem;
    position:relative;
}

.booking-title:after{
    content:"";
    display:block;
    width:90px;
    height:3px;
    background:#2e3d33;
    margin:15px auto 0;
    border-radius:5px;
}

.booking-intro{
    font-size:1.18rem;
    font-weight:300;
    line-height:1.8;
    text-align:center;
    max-width:850px;
    margin:0 auto 1.3rem;
}

.booking-section{
    margin-top:3rem;
}

.booking-section h3{
    color:#bf9669;
    font-size:1.6rem;
    text-align:center;
    margin-bottom:2rem;
    font-weight:600;
}

.booking-story{
    max-width:900px;
    margin:auto;
}

.booking-story p{
    font-size:1.15rem;
    line-height:1.8;
    font-weight:300;
    margin-bottom:1.2rem;
}

.booking-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:1.2rem;
}

.booking-item{
    background:#f7f9fb;
    border-left:4px solid #bf9669;
    border-radius:12px;
    padding:1.2rem 1.3rem;
    font-size:1.08rem;
    line-height:1.5;
    box-shadow:0 2px 10px rgba(46,61,51,.08);
    transition:.25s;
}

.booking-item:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 18px rgba(46,61,51,.12);
}

.booking-list{
    list-style:none;
    padding:0;
    margin:0;
}

.booking-list li{
    background:#f7f9fb;
    border-left:4px solid #bf9669;
    padding:1rem 1.2rem;
    margin-bottom:.9rem;
    border-radius:10px;
    font-size:1.08rem;
    font-weight:300;
}

.booking-info{
    margin-top:2rem;
    background:#E6E7E8;
    border-left:5px solid #48524B;
    border-radius:10px;
    padding:1.4rem;
    text-align:center;
    font-size:1.15rem;
}

.booking-booking{
    background:#fff;
    border:2px solid #2e3d33;
    border-radius:16px;
    padding:2rem;
    box-shadow:0 5px 20px rgba(46,61,51,.12);
}

.booking-booking h2{
    text-align:center;
    color:#bf9669;
    font-size:2rem;
    margin:0 0 2rem;
}

.calendly-inline-widget{
    width:100%;
}

@media(max-width:768px){

.booking-page{
padding:3rem 1rem;
}

.booking-card,
.booking-booking{
padding:1.5rem;
}

.booking-title{
font-size:1.7rem;
}

.booking-section h3{
font-size:1.35rem;
}

.booking-intro,
.booking-story p{
font-size:1.05rem;
}

.booking-grid{
grid-template-columns:1fr;
}

.booking-item,
.booking-list li{
font-size:1rem;
}

.booking-booking h2{
font-size:1.6rem;
}

}

@media(max-width:768px){

.booking-page{
    padding:3rem 1rem;
}