header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:hsla(0,0%,100%,.478);border-bottom:1px solid #f1ebeb;left:0;padding:15px 0;right:0;top:0;transition:background-color .3s ease-in-out;z-index:5}header>div.container{max-width:1280px}header>div.container>div.header-holder{display:flex;justify-content:space-between}header>div.container>div.header-holder>a img{height:auto;width:80px}header>div.container>div.header-holder>div{display:flex;gap:15px}header>div.container>div.header-holder>div>a{min-width:75px}header>div.container>div.header-holder>div>:first-child{background-color:rgba(0,0,0,.051);border:1px solid #f1ebeb;color:#232323;display:flex;flex-direction:row;gap:5px;margin:0 10px 0 0}header>div.container>div.header-holder>div>:first-child>svg{height:25px;width:25px}header>div.container>div.header-holder>div>:nth-child(2){background-color:#07070a;border:1px solid #fff;display:flex;flex-direction:row;gap:5px}header>div.container>div.header-holder>div>:nth-child(2)>svg{fill:#fff;height:20px;width:20px}.stepper-wrapper{display:flex;justify-content:space-between;margin-top:50px}.stepper-wrapper .stepper-item{align-items:center;display:flex;flex:1;flex-direction:column;position:relative;text-align:center}@media (max-width:768px){.stepper-wrapper .stepper-item{font-size:12px}}.stepper-wrapper .stepper-item:before{left:-50%}.stepper-wrapper .stepper-item:after,.stepper-wrapper .stepper-item:before{border-bottom:2px solid #ccc;content:"";position:absolute;top:20px;width:100%;z-index:2}.stepper-wrapper .stepper-item:after{left:50%}.stepper-wrapper .stepper-item .step-counter{align-items:center;background:#ccc;border-radius:50%;display:flex;height:40px;justify-content:center;margin-bottom:6px;position:relative;width:40px;z-index:5}.stepper-wrapper .stepper-item.active{font-weight:700}.stepper-wrapper .stepper-item.completed .step-counter{background-color:#297da9;color:#fff}.stepper-wrapper .stepper-item.completed:after{border-bottom:2px solid #297da9;content:"";left:50%;position:absolute;top:20px;width:100%;z-index:3}.stepper-wrapper .stepper-item:first-child:before,.stepper-wrapper .stepper-item:last-child:after{content:none}main>div.container{grid-row-gap:15px;align-items:center;display:grid;grid-template-columns:1fr;height:100%;max-width:900px}main>div.container>div.booking-detail{border:1px solid #e4e4eb;border-radius:6px;box-shadow:0 0 1px rgba(40,41,61,.08),0 .5px 2px rgba(96,97,112,.16);display:flex;margin-top:35px;overflow:hidden}main>div.container>div.booking-detail>div.left{background:linear-gradient(147.14deg,#297da9 4.95%,#297da9 93.05%);display:flex;flex-direction:column;gap:15px;justify-content:center;padding:40px 60px;width:380px}main>div.container>div.booking-detail>div.left>div{grid-column-gap:5px;grid-row-gap:15px;display:grid;grid-template-columns:45px 1fr}main>div.container>div.booking-detail>div.left>div>div{display:flex;flex-direction:column;gap:5px}main>div.container>div.booking-detail>div.left>div>div>:first-child{color:#fff;font-size:12pt}main>div.container>div.booking-detail>div.left>div>div>:nth-child(2){color:#e4e4eb;font-size:10pt}@media (max-width:850px){main>div.container>div.booking-detail>div.left{width:auto}}main>div.container>div.booking-detail>div.right{background:#fff;border:0 solid #e2e8f0;display:flex;flex-direction:column;justify-content:center;padding:30px;width:540px}main>div.container>div.booking-detail>div.right>form{align-items:center;display:flex;flex-direction:column;gap:25px;justify-content:space-around}main>div.container>div.booking-detail>div.right>form>h1{color:#07070a;font-size:16pt}main>div.container>div.booking-detail>div.right>form>input{background:#fafafc;border:1px solid #e4e4eb;border-radius:4px;font-size:11pt;min-height:45px;outline:none;padding:12px 16px;width:100%}main>div.container>div.booking-detail>div.right>form>button{background:#297da9;border:1px solid #297da9;border-radius:4px;color:#fff;cursor:pointer;flex-basis:calc(50% - 8px);font:700 16px/1.3 Open Sans,sans-serif;padding:14px;width:100%}@media (max-width:850px){main>div.container>div.booking-detail>div.right{width:auto}main>div.container>div.booking-detail{flex-direction:column-reverse}}main>div.container>div.bottom{text-align:center}
