.button-area{display:flex;width:172px;height:48px;padding:0 24px;justify-content:center;align-items:center;gap:4px;background:var(--ai-global-red);color:var(--color-white) !important;font-family:var(--variable-font-family);font-size:14px;font-style:normal;font-weight:400 !important;line-height:19.6px;text-transform:capitalize;text-decoration:none !important;letter-spacing:.14px}
.directBookingsBanner{position:relative}
.directBookingsBanner .bookings-title{color:var(--color-white);width:80%;margin-bottom:12px;font-weight:600;line-height:40px;font-size:32px !important;font-family:var(--variable-font-family)}
.directBookingsBanner .desc{color:var(--color-white);margin-bottom:16px;font-size:16px;line-height:22.4px;letter-spacing:.08px;font-weight:400}
.directBookingsBanner .directBookingsCard{border:0;margin-bottom:64px}
.directBookingsBanner .text-body{width:50%}
.directBookingsBanner .bookings-card-body{width:60%}
.directBookingsBanner .row{margin-left:35%}
.directBookingsCard{word-wrap:break-word;background-clip:border-box;background-color:#fff;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;display:flex;flex-direction:column;min-width:0;position:relative;min-height:0}
.card-img-overlay-bookings{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:calc(.25rem - 1px);bottom:0;left:0;padding:48px;position:absolute;right:0;top:0}
.icon-logoSection{height:40px !important;width:121px !important;object-fit:contain !important;margin:0 6px}
@media screen and (min-width:768px){.directBookingsBanner .main-img{display:block;min-height:261px}
.directBookingsBanner .main-img-mobile{display:none}
.directBookingsBanner .logoSection{display:none}
}
@media screen and (max-width:768px){.directBookingsBanner .logoSection{display:block;text-align:center;margin-bottom:16px}
.directBookingsBanner .logoSection a{text-decoration:none}
.button-area{width:100%;padding:0}
.directBookingsBanner .main-img{display:none}
.directBookingsBanner .main-img-mobile{display:block;object-fit:cover;min-width:-webkit-fill-available}
.directBookingsBanner .bookings-title{padding-left:calc(var(--bs-gutter-x)* .5) !important;margin-bottom:12px !important;font-size:24px !important;width:100%;text-align:center;line-height:30px}
.directBookingsBanner .row{padding:0;margin-left:0;margin-top:40%}
.directBookingsCard{min-width:327px;min-height:555px}
.directBookingsBanner .bookings-card-body{width:100%;padding-right:24px}
.directBookingsBanner .desc{margin-bottom:13px;font-size:14px !important}
.card-img-overlay-bookings{top:auto;padding:24px}
}