@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@600;700&display=swap");
/* Go Airports booking engine skin (2026, light). Loaded last on every booking step.
   Colours: ink #14213D, blue #1D5FD3, yellow #FFC61A, line #DCE3EE, soft #F4F7FB, cream #FFF7E0. */

html,body{background:#fff!important;box-shadow:none!important}
.banner-tabspan::before,.banner-tabspan::after,#banner-setting::before,#banner-setting::after{display:none!important}
body{font-family:"Barlow",system-ui,sans-serif!important;color:#14213D}
h1,h2,h3,h4,h5,h6,p,label,input,select,textarea,button,.btn,td,th,li,a{font-family:"Barlow",system-ui,sans-serif!important}
.wow,.animated{animation:none!important;-webkit-animation:none!important;visibility:visible!important}
.top-nav{background:transparent!important}

/* buttons, all steps */
.btn.btn-default,.btn.btn-primary{background:#FFC61A!important;border:1.5px solid #FFC61A!important;color:#14213D!important;font-weight:700!important;border-radius:10px!important;text-transform:none!important;box-shadow:none!important;text-shadow:none!important}
.btn.btn-default:hover,.btn.btn-primary:hover{background:#FFD24D!important}
.btn.btn-default:focus-visible,.form-control:focus-visible{outline:3px solid #1D5FD3!important;outline-offset:2px}

/* form fields, all steps */
.form-control{background-color:#fff!important;border:1.5px solid #B9C3D6!important;border-radius:10px!important;min-height:48px;font-size:16px!important;color:#14213D!important;box-shadow:none!important}
.form-control:focus{border-color:#1D5FD3!important}
.form-control::placeholder{color:#7A859B}
textarea.form-control{min-height:90px;padding-top:10px}

/* waiting overlay */
.loader-wrapper{background:rgba(255,255,255,.9)!important}
.loader-div .card{border:1px solid #DCE3EE;box-shadow:0 18px 44px rgba(20,33,61,.16);border-radius:16px!important}
.loader-div .card-body>img:first-child,.loader-div .card-body>br{display:none}
.loader-div .card-body{padding:22px 16px 10px!important}
.loader-div #waitingtext{font-size:17px;color:#14213D}

/* log-in pop-up */
#pop1.simplePopup{background:#fff!important;color:#14213D!important;border:1px solid #DCE3EE;border-radius:16px;box-shadow:0 24px 60px rgba(20,33,61,.28);padding:26px 16px!important}
#pop1 h6{color:#14213D!important;font-weight:700!important;font-size:20px!important;text-transform:none!important}
#pop1 label{color:#46516A!important;font-weight:600!important;text-transform:none!important}
#pop1 p a{color:#1D5FD3!important;font-weight:600;text-transform:none}
@media(max-width:700px){#pop1.simplePopup{width:94%!important;left:3%!important;margin-left:0!important}}

/* ---------- step 1: journey ---------- */
#banner-setting{background:none!important;height:auto!important;min-height:0!important}
#banner-setting .banner-tabspan{padding:2px 0 8px!important;height:auto!important;min-height:0!important;width:100%!important;left:0!important;top:0!important;position:relative!important}
#banner-setting .container{width:100%!important;max-width:none!important;margin:0!important;padding:0 12px!important}
#banner-setting .container>h1,#banner-setting .container>p.text-center,#banner-setting .phone-setting-button{display:none!important}
#bookingform{padding:0!important}
#bookingform .tabbg{background:transparent!important;border-radius:0!important;color:#14213D!important}
#bookingform .tab-content{padding:4px 0 0!important;color:#14213D!important}
#form1>.row{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0!important;align-items:flex-start}
#form1>.row:before,#form1>.row:after{display:none!important}
#form1>.row>[class*="col-"]{float:none!important;width:auto!important;padding:0!important;flex:1 1 230px;min-width:0;position:relative}
#form1>.row>.col-md-1{flex:0 0 118px}
#form1>.row>.col-md-2{flex:1 1 170px}
#form1>.row>.col-md-2.text-center,#form1>.row>.col-md-12.text-center{flex:1 1 190px}
#form1>.row>.col-md-12:not(.text-center){flex:1 1 100%}
#form1 label{color:#46516A!important;font-size:13px!important;font-weight:600!important;letter-spacing:.05em;margin:0 0 5px!important;line-height:19px;display:block;text-transform:uppercase}
#form1 .form-group{margin-bottom:6px!important}
#form1 .form-control{height:50px!important;padding:0 12px!important;width:100%!important}
#form1 #myDate,#form1 #retmyDate{padding-right:40px!important;background-position:right 10px center!important;background-repeat:no-repeat!important}
#form1 #myTime,#form1 #retmyTime{padding-right:36px!important;background-position:right 8px center!important;background-repeat:no-repeat!important}
#form1 #pickup,#form1 #dropoff,#form1 [id^="via_address_"]{padding-right:42px!important}
#form1 .icon-geolocation{top:36px!important;right:10px!important;left:auto!important;height:25px;line-height:25px;opacity:.75}
#form1 .remove-icon{top:-2px!important;right:0!important}
#form1 .show_return_btn{color:#1D5FD3!important;font-weight:600;display:inline-block;padding:4px 0 6px;text-decoration:none}
#form1 .show_return_btn:hover{text-decoration:underline}
#form1 .col-md-1>.text-center{margin-top:24px!important}
#form1 .viabtn{background:#fff!important;border:1.5px solid #14213D!important;color:#14213D!important;height:50px;line-height:26px;font-size:15px!important;font-weight:600!important;margin:0!important;padding:10px 0!important;width:100%;display:block}
#form1 .viabtn:hover{background:#F4F7FB!important}
#form1 #submitbtn{height:50px;width:100%!important;margin-top:24px!important;font-size:17px!important;padding:0 16px!important;box-shadow:0 6px 16px rgba(255,198,26,.35)!important}
#form1 .luggagebtnshow{background:#fff!important;border:1.5px solid #B9C3D6!important;border-radius:10px!important;height:50px;line-height:28px;color:#14213D!important}
.qoutevehicleheading{color:#14213D!important}
.datepicker table tr td.active,.datepicker table tr td.active:hover,.datepicker table tr td span.active{background:#1D5FD3!important;background-image:none!important;color:#fff!important}
.datepicker table tr td.today{background:#FFF7E0!important;background-image:none!important;color:#14213D!important}
.ui-timepicker-wrapper{border-radius:10px;border-color:#DCE3EE;box-shadow:0 10px 30px rgba(20,33,61,.14)}
li.ui-timepicker-selected,.ui-timepicker-list li:hover{background:#1D5FD3!important;color:#fff!important}
.pac-container{border-radius:10px;border:1px solid #DCE3EE;box-shadow:0 10px 30px rgba(20,33,61,.14);font-family:"Barlow",system-ui,sans-serif}
@media(max-width:600px){#form1>.row>.col-md-1{flex:1 1 118px}}

/* ---------- step bar (hidden inside the website frame, which draws its own) ---------- */
html.in-frame .booking-engine-first{display:none!important}
section.booking-engine-first{display:block!important;background:#fff!important;border:0!important;border-bottom:1px solid #DCE3EE!important;padding:10px 0!important;margin:0!important;height:auto!important}
.booking-engine-first .container{width:100%!important;max-width:none}
.booking-engine-first .row{margin:0!important}
.booking-engine-first ul{display:flex!important;gap:6px;list-style:none;margin:0!important;padding:0!important;width:100%!important;float:none!important;text-align:left!important}
.booking-engine-first ul li{flex:1 1 0;float:none!important;width:auto!important;display:block!important;border:0!important;background:#F4F7FB!important;border-radius:10px;padding:10px 12px!important;margin:0!important}
.booking-engine-first ul li a{display:block!important;border:0!important;background:none!important;padding:0!important;margin:0!important;text-decoration:none}
.booking-engine-first h5{color:#5B6577!important;font-size:15px!important;font-weight:600!important;text-transform:none!important;margin:0!important;padding:0!important;line-height:1.3!important}
.booking-engine-first a.active h5{color:#14213D!important}
.booking-engine-first h5 span{background:none!important;color:inherit!important;border:0!important;width:auto!important;height:auto!important;margin-right:6px}

/* ---------- journey summary (steps 2 and 3) ---------- */
section.selected-plan.text-center{display:block!important;background:#fff!important;border:0!important;padding:8px 0 4px!important;margin:0!important}
.selected-plan .container{width:100%!important;max-width:none;padding:0 12px}
.selected-plan .col-sm-12{padding:0}
.selected-plan .row{margin:0}
.selected-plan .whole{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;border:1px solid #DCE3EE!important;border-radius:14px!important;padding:8px!important;background:#fff!important}
.selected-plan .whole:before,.selected-plan .whole:after{display:none!important}
.selected-plan .whole>div{float:none!important;width:auto!important;flex:1 1 220px;min-width:0}
.selected-plan .red,.selected-plan .green{background:#F4F7FB!important;border-radius:10px!important;padding:10px 12px!important;display:flex;align-items:center}
.selected-plan .red p,.selected-plan .green p{color:#14213D!important;font-size:15px!important;font-weight:600!important;line-height:1.35!important;text-align:left}
.selected-plan .red i{background:#1D5FD3!important}
.selected-plan .green i{background:#15803D!important}
.selected-plan .desti{display:flex;flex-direction:column;justify-content:center;padding:4px 8px!important}
.selected-plan .desti p{color:#46516A!important;font-size:14px!important}
.selected-plan .desti hr{border-color:#DCE3EE;margin:4px 0}
.selected-plan .alert-warning{background:#FFF7E0!important;border-color:#F3E7BF!important;color:#14213D!important;border-radius:10px;width:auto!important}

/* ---------- step 2: choose your car ---------- */
section.why-imperial{background:#fff!important;padding:10px 0 16px!important}
.why-imperial>.container{width:100%!important;max-width:none;padding:0 12px}
.why-imperial>.container>.row{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;margin:0!important}
.why-imperial>.container>.row:before,.why-imperial>.container>.row:after{display:none!important}
.why-imperial>.container>.row>[class*="col-"]{float:none!important;width:auto!important;padding:0!important;position:relative;display:flex;flex-direction:column}
.why-imperial .inner{border:1px solid #DCE3EE!important;border-radius:16px;overflow:hidden;background:#fff;margin:0!important;box-shadow:0 6px 18px rgba(20,33,61,.06);flex:1;display:flex;flex-direction:column;transition:box-shadow .15s,border-color .15s}
.why-imperial .inner:hover{border-color:#1D5FD3!important;box-shadow:0 12px 28px rgba(20,33,61,.12)}
.why-imperial .inner h5{background:#fff!important;color:#14213D!important;font-family:"Barlow Condensed","Arial Narrow",sans-serif!important;font-size:24px!important;font-weight:700!important;text-align:left!important;padding:16px 18px 0!important;margin:0!important;line-height:1.05!important}
.why-imperial .inner>p{margin:0}
.why-imperial .inner img.img-responsive{max-width:84%!important;margin:8px auto 10px!important;display:block}
.why-imperial .inner ul{background:transparent!important;margin:0 18px 8px!important;padding:0!important;text-align:left!important;display:flex;gap:6px;flex-wrap:wrap}
.why-imperial .inner ul li{background:#F4F7FB!important;border:0!important;border-radius:999px;padding:5px 12px!important;font-size:14px!important;font-weight:600;color:#14213D;display:inline-flex!important;align-items:center}
.why-imperial .inner ul li:first-child::after{content:"\00a0passengers"}
.why-imperial .inner ul li:last-child::after{content:"\00a0 bags"}
section.margin_bottom_30px>.container{width:100%!important;max-width:none!important;padding:0 12px}
.why-imperial .vehicle-description p{color:#46516A;text-align:left;padding:0 18px!important;font-size:14px;min-height:20px}
.why-imperial .vehicle-name-detail{margin-top:auto}
.why-imperial .inner .panel,.why-imperial .inner .panel-group{margin:0!important;background:transparent!important;border:0!important;position:static!important;width:auto!important}
.why-imperial .inner .panel-body{padding:12px 18px 16px!important}
.why-imperial .inner .btn.btn-default{width:100%;display:flex!important;align-items:center;justify-content:space-between;min-height:54px;padding:8px 18px!important;font-size:17px!important;white-space:normal;text-align:left;margin:0 0 8px!important}
.why-imperial .inner .btn.btn-default span{font-size:22px!important;font-weight:700;line-height:1.1}
.why-imperial .inner .btn.btn-default del{font-size:14px;color:#8A4B00!important;font-weight:500}
.why-imperial .inner .j .btn.btn-default{background:#fff!important;border-color:#14213D!important}
.why-imperial .inner .j .h:empty{display:none}
.go-best{position:absolute;top:12px;right:12px;z-index:2;background:#E3F8EC;color:#136B3A;font-size:12px;font-weight:700;letter-spacing:.04em;padding:4px 10px;border-radius:999px;text-transform:uppercase}
.go-note{margin:2px 12px 12px;color:#46516A;font-size:15px}

/* ---------- step 3: details and payment ---------- */
.care-notice-text{font-family:"Barlow Condensed","Arial Narrow",sans-serif!important;font-size:26px!important;color:#14213D!important;text-transform:uppercase;text-align:left!important;margin:12px 0 0!important;line-height:1.05!important}
#sumitform .panel{border:1px solid #DCE3EE!important;border-radius:16px;overflow:hidden;box-shadow:none!important}
#sumitform .panel-heading{background:#F4F7FB!important;background-color:#F4F7FB!important;color:#14213D!important;border-bottom:1px solid #DCE3EE;padding:12px 18px}
#sumitform .panel-heading h3{font-size:19px;font-weight:700;margin:4px 0;color:#14213D}
#sumitform .panel-heading .text-right{padding-top:6px;color:#46516A}
#sumitform .panel-body{padding:18px}
#sumitform label{color:#14213D;font-weight:600}
#sumitform .form-control{width:100%!important}
#sumitform .form-group{margin-bottom:12px}
#sumitform h4[style*="red"]:not(#my_error){color:#6B4A00!important;background:#FFF7E0;border-radius:10px;padding:10px 14px;font-size:15px;text-align:left;font-weight:500}
#sumitform .table{border:1px solid #DCE3EE;border-radius:12px;border-collapse:separate;overflow:hidden}
#sumitform .table th{background:#F4F7FB;border:0!important;font-size:13px;color:#46516A}
#sumitform .table td{border-top:1px solid #DCE3EE!important;vertical-align:middle!important}
.btn.btn-default.payment-button{background:#fff!important;color:#14213D!important;border:1.5px solid #B9C3D6!important;min-height:46px;margin:0 3px 8px!important}
.btn.btn-default.payment-button.payment-button__active{background:#14213D!important;color:#fff!important;border-color:#14213D!important}
#sumitform #final_booking_submit1{width:100%!important;min-height:60px;font-size:19px!important;box-shadow:0 6px 16px rgba(255,198,26,.35)!important}
#sumitform #discountdiv .alert{border-radius:10px}
.go-down{margin:16px 0;padding:18px 20px;border:1px solid #F3E7BF;background:#FFF7E0;border-radius:14px;color:#14213D;font-size:16px;line-height:1.5}
.go-down strong{display:block;font-size:19px;margin-bottom:4px}
.go-down a{color:#174CAB;font-weight:700}
@media(max-width:991px){#sumitform .panel-heading .text-right{text-align:left!important}#sumitform .col-md-2>label{margin-top:6px}}

/* ---------- ride-app feel: big filled fields, one obvious action ---------- */
#form1 .form-control{background-color:#F1F4F9!important;border:2px solid transparent!important;height:54px!important;font-size:17px!important;font-weight:500}
#form1 .form-control:focus{background-color:#fff!important;border-color:#14213D!important}
#form1 .icon-geolocation{top:38px!important}
#form1 .viabtn{height:54px;line-height:30px;border-color:#B9C3D6!important}
#form1 #submitbtn{height:56px;font-size:18px!important}
@media(max-width:600px){
  #banner-setting .container{padding:0 6px!important}
  #form1>.row{gap:10px}
  #form1>.row>[class*="col-"]{flex:1 1 100%!important}
  #form1>.row>.col-md-3>.form-group{margin-bottom:0!important;position:relative}
  #form1>.row>.col-md-3>.form-group>label{position:absolute!important;left:-9999px}
  #form1>.row>.col-md-3>.form-group>.form-control{padding-left:46px!important}
  #form1>.row>.col-md-3>.form-group::before{content:"";position:absolute;left:19px;top:21px;width:12px;height:12px;border-radius:50%;border:3px solid #14213D;box-sizing:border-box;z-index:2}
  #form1>.row>.col-md-3:nth-child(1)>.form-group::before{background:#14213D}
  #form1>.row>.col-md-3:nth-child(2)>.form-group::before{background:#14213D;border-radius:2px}
  #form1>.row>.col-md-3:nth-child(1)::after{content:"";position:absolute;left:24px;top:38px;width:2px;height:calc(100% - 7px);background:#14213D;z-index:2}
  #form1 .icon-geolocation{top:14px!important}
  #form1 .remove-icon{top:16px!important;right:44px!important}
  #form1 .show_return_btn{padding:8px 0 0 46px}
  #form1>.row>.col-md-1:nth-child(3)>.text-center{margin-top:0!important;text-align:left}
  #form1 .viabtn{background:transparent!important;border:0!important;height:auto;line-height:1.2;padding:0 0 0 46px!important;text-align:left;font-size:0!important;color:#1D5FD3!important;width:auto;display:inline-block}
  #form1 .viabtn::after{content:"+ Add a stop";font-size:15px;font-weight:600}
  #form1>.row>.col-md-2:nth-child(7){flex:1 1 56%!important}
  #form1>.row>.col-md-1:nth-child(8){flex:1 1 32%!important}
  #form1 #submitbtn{margin-top:6px!important;height:58px}
  .returndatediv{margin:10px 0 0!important}
  .returndatediv>[class*="col-"]{padding:0 4px!important;width:50%;float:left}

  /* cars as a tap-able list */
  .why-imperial>.container{padding:0 6px}
  .why-imperial>.container>.row{grid-template-columns:minmax(0,1fr);gap:10px}
  .why-imperial .inner{display:grid!important;grid-template-columns:108px minmax(0,1fr);align-items:center}
  .why-imperial .inner>h5{grid-column:2;grid-row:1;padding:12px 12px 0 4px!important;font-size:20px!important}
  .why-imperial .inner>p{grid-column:1;grid-row:1 / span 2}
  .why-imperial .inner img.img-responsive{max-width:100%!important;margin:0 0 0 6px!important}
  .why-imperial .inner>.vehicle-name-detail{grid-column:2;grid-row:2;margin:0}
  .why-imperial .inner ul{margin:6px 4px 4px!important}
  .why-imperial .inner ul li{padding:3px 9px!important;font-size:13px!important}
  .why-imperial .vehicle-description p{padding:0 12px 0 4px!important;font-size:13px}
  .why-imperial .inner .panel-body{padding:8px 12px 10px 4px!important}
  .why-imperial .inner .btn.btn-default{min-height:48px;padding:6px 14px!important;font-size:16px!important;margin-bottom:6px!important}
  .why-imperial .inner .btn.btn-default span{font-size:20px!important}
  .go-best{top:8px;right:8px;font-size:11px}
  .selected-plan .container{padding:0 6px}
  .selected-plan .whole>div{flex:1 1 100%}
}

#banner-setting .container>.row{margin:0!important}
.pac-item{padding:9px 12px;font-size:15px;cursor:pointer;line-height:1.3}
.pac-item-query{font-size:15px;color:#14213D}
.pac-icon{margin-top:2px}

.why-imperial .table-responsive,#sumitform .table-responsive{border:0!important;overflow:visible!important;margin:0!important;width:auto!important}
.go-best{top:-10px!important;right:14px!important;box-shadow:0 2px 6px rgba(20,33,61,.12)}
.why-imperial>.container>.row{padding-top:6px}
#sumitform .panel-heading h3 i.fa{font:inherit!important}
#sumitform .panel-heading h3 i.fa:before{display:none}
#sumitform .table{width:100%!important;margin-bottom:12px!important}
#sumitform .table td,#sumitform .table th{white-space:normal!important;word-break:break-word;font-size:14px}
#sumitform .table td ul{padding-left:16px;margin:0}
#sumitform .col-md-6.text-center{text-align:left}
section.margin_bottom_30px{margin-bottom:0!important}
section.margin_bottom_30px+br,section.margin_bottom_30px>br{display:none}
@media(max-width:600px){.go-note{font-size:14px;margin:2px 6px 14px}#sumitform .panel-body{padding:14px 12px}.care-notice-text{font-size:22px!important}}

.go-earliest{font-size:13px;color:#5B6577;line-height:1.35;padding:2px 2px 0}
#form1>.row>.go-earliest-wrap{flex:1 1 100%!important;order:0}
/* address lookup (js/go-lookup.js) */
.pac-container{display:none!important}
#form1 .form-group{position:relative}
.go-ac{display:none;position:absolute;left:0;right:0;top:100%;margin-top:6px;z-index:60;min-width:300px;background:#fff;border:1px solid #DCE3EE;border-radius:14px;box-shadow:0 18px 44px rgba(20,33,61,.2);padding:6px;max-height:372px;overflow-y:auto;text-align:left}
.go-ac.open{display:block}
.go-ac-head{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5B6577;padding:8px 10px 4px}
.go-ac-item{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;cursor:pointer;color:#14213D}
.go-ac-item:hover,.go-ac-item.active{background:#F1F4F9}
.go-ac-ico{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#EAF3FF;color:#1D5FD3;display:flex;align-items:center;justify-content:center}
.go-ac-item.place .go-ac-ico{background:#F1F4F9;color:#46516A}
.go-ac-txt{display:flex;flex-direction:column;min-width:0}
.go-ac-main{font-size:16px;font-weight:600;line-height:1.25;color:#14213D}
.go-ac-main b{color:#1D5FD3;font-weight:700}
.go-ac-sub{font-size:13px;color:#5B6577;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.go-ac-foot{font-size:11px;color:#7A859B;text-align:right;padding:6px 10px 2px}

/* quote request and registration pages */
section.passenger{background:#fff!important;color:#14213D!important;padding:14px 0 22px!important}
.passenger .container{width:100%!important;max-width:none}
.passenger [class*="col-sm-offset"]{margin-left:0!important;width:100%!important}
.passenger h2,.passenger h3,.passenger p,.passenger label,.passenger span{color:#14213D!important}
.passenger h3{font-family:"Barlow Condensed","Arial Narrow",sans-serif!important;font-size:28px!important;font-weight:700!important;text-align:left!important;margin:6px 0 14px!important}
.passenger label{font-weight:600!important;text-transform:none!important;font-size:15px!important}
.passenger .btn.btn-default{min-height:52px;padding:0 28px!important;font-size:17px!important}

/* registration / account forms */
.conveyance-details{background:#fff!important}
.conveyance-details label{color:#14213D!important;font-weight:600!important;text-transform:none!important}