/************************************************* Header ********************************************************************/
#Header hr{background-color:#fff !important; margin:0px; opacity:.2;width: 100% !important;}
#Header .TopLink{margin:0px 0 30px 0px;}
#Header .TopLink a{color:#fff;font-size:17px;}#Header .TopLink a:hover{color:#f2b705;}
 
/************************************************* Content ********************************************************************/
h1 {border-bottom:solid 2px #f2b705;position: relative;}
h1 span{background:#fff;position: absolute; top:-21px; padding-right:25px;}

/********** Additional CSS ***************************************************************************************************/

.wp-block-columns.content-align {padding: 0px;}
.content-align {gap: 0em!important;}
.content-align p, .content-align .wp-block-heading {padding:0 1.5rem !important}
.content-align .wp-block-heading {font-weight:600 !important;}

.wp-block-columns.content-align-cnt {padding: 0px;}
.content-align-cnt {gap: 0em!important;}
.bx-height {height:393px;}
/*.MainBanner.booking-form
iframe {
    height: 580px!important;
}*/
.SerBox {
    border: 1px solid #f2b705;
    box-shadow: 1px 1px 10px 4px rgba(0,0,0,.05);
}
.BlogArea a {color:#000!important;}
/********************Tesstimonial CSS********************************/

small {letter-spacing:0.5px !important}
.InnerTestimonials .card {/*box-shadow:0px 5px 16px rgba(223, 241, 223, 0.5);}*/ transition:0.8s; background:#fff; margin:0 auto; box-sizing:border-box; overflow:hidden; border-radius:7px !important}
.InnerTestimonials .card-header,.InnerTestimonials .card-footer {border-radius:7px !important}
.InnerTestimonials .card-header {background:transparent!important}
.InnerTestimonials .card:after {position:absolute;top:0; left:-50%; width:100%; z-index:9999; height:100%; pointer-events:none}
.InnerTestimonials .card-title img {z-index:99999 !important}
.InnerTestimonials .card .layer {position:absolute; top:calc(100% - 5px); width:100%; height:100%; background: linear-gradient(#f2b705, #f2b705); left:0; z-index:1; transition:0.5s}
/*.card:hover {box-shadow:-5px 20px 40px rgba(223, 241, 223, 0.5)}*/
.InnerTestimonials .card:hover hr {background-color: #fff}
.InnerTestimonials .card:hover .layer {top:0}
.InnerTestimonials .card .content {position:relative; z-index:2}
.InnerTestimonials .card .content .img-1 {width:120px; height:120px; margin:0 auto; border-radius:50%; overflow:hidden; border:3px solid white !important}
hr {background-color:rgb(117, 117, 117); width:80% !important; margin:auto; transition:1s}
#quotes {opacity:0.1; filter:alpha(opacity=40)}
.InnerTestimonials .card-footer .text-org {color:#fff;}
.InnerTestimonials .card-columns {
  @include media-breakpoint-only(lg) {
    column-count: 2;
  }
  @include media-breakpoint-only(xl) {
    column-count:2;
  }
}
.card-columns {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
  orphans: 1;
  widows: 1;
}

/****************************************************/

/********** Footer ***************************************************************************************************/
#Footer{color:#fff; font-size:15px; line-height:30px; border-top:solid 10px #f2b705;}
#Footer li.active a {color:#f2b705;}
#Footer a{color:#fff;}#Footer a:hover,#Footer .list-inline a:hover{color:#f2b705;}
#Footer h4{font-size:16px; letter-spacing:1.6px;}

#Footer .list-inline a{font-size:20px; margin:0px; color:#f2b705;}
#Footer .list-inline a:hover{color:#fff;}
#Footer .list-inline-item:not(:last-child) {margin-right:18px;}
.Copytext{font-size:13px;letter-spacing:1.3px; color:#fff;}

.MailPhn a{color:#fff;}.MailPhn a:hover{color:#fff;}

/*************************************************************************************************************/
@media (min-width:992px) {.MainBanner .mask{position:absolute; top:0px; right:0%; left:0%; z-index:999; background:url(../images/bnr_shadow.png) repeat-x top; min-height:100%;}}
@media (min-width: 1920px){.container {max-width:1160px;}}
@media (min-width: 1600px) and (max-width: 1919.98px) {.container {max-width:1160px;} 
.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1359.98px) and (max-width: 1459.98px){.container {max-width:1160px;} 
.content-align p, .content-align .wp-block-heading, .content-align .wp-block-image {padding:0 1.5rem 0 1.5rem !important}	
.wp-block-columns.content-align {padding-top: 1.5rem!important;padding-bottom: 1.5rem !important;}
.content-align2  p {font-size:18px!important;}
}
/*@include media-breakpoint-between(1280) { ... }*/
@media (min-width: 1199.98px) and (max-width: 1359.98px){}
@media (min-width: 991.98px) and (max-width: 1199.98px) {
/*.content-align.wp-block-columns{flex-wrap: wrap !important;}
.content-align.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 100% !important;}*/
.content-align p, .content-align .wp-block-heading, .content-align .wp-block-image {padding: 0 1.5rem 0 1.5rem !important;}
.wp-block-columns.content-align {padding-top: 1.5rem!important;}
.content-align2.wp-block-columns{flex-wrap: wrap !important;}
.content-align2.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 100% !important;}

.content-align-cnt.wp-block-columns{flex-wrap: wrap !important;}
.content-align-cnt.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 100% !important;}

}
/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 991.98px) {
.content-align.wp-block-columns{flex-wrap: wrap !important;}
.content-align.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 100% !important;}
.content-align p, .content-align .wp-block-heading {padding: 0 1.5rem 0 1.5rem !important;}
.wp-block-columns.content-align {padding-top: 1.5rem!important;}
.content-align2.wp-block-columns{flex-wrap: wrap !important;}
.content-align2.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 100% !important;}

.content-align-cnt.wp-block-columns{flex-wrap: wrap !important;}
.content-align-cnt.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 100% !important;}
	
.content-align3.wp-block-columns{flex-wrap: wrap !important;}
.content-align3.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 100% !important;}
	
.wp-block-image.size-full.hm-img img {width: 100%;}

.card-columns {-webkit-column-count: 3;-moz-column-count: 3;column-count: 2;-webkit-column-gap: 1.25rem;-moz-column-gap: 1.25rem;column-gap: 1.25rem;orphans: 1;widows: 1;}

}
@media (max-width: 767.98px) {#Header .TopLink a{color:#fff;font-size:14px;}#Header .TopLink {margin:0px 0 15px 0px;}.fs-17{font-size:15px !important;}
h1 {border-bottom:solid 2px #f2b705;position: static; padding-bottom:10px; font-size:32px;}h1 span{position:static; padding-right:0px;}
body {font-size:16px; line-height:1.7;}
.content-align p, .content-align .wp-block-heading{padding:0 1.5rem 0 1.5rem !important}	
.wp-block-columns.content-align {padding-top: 1.5rem!important;}
.card-columns {-webkit-column-count: 3;-moz-column-count: 3;column-count: 1;-webkit-column-gap: 1.25rem;-moz-column-gap: 1.25rem;column-gap: 1.25rem;orphans: 1;widows: 1;}
}
@media (max-width: 575.98px){
.MainBanner .Homebnr .carousel-item  img {
    height:180px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.fs-17{font-size:12px !important;}#Header .TopLink{display:none; margin:0px;}
}

@media (max-width: 479px) {}
@media (max-width: 320px) {}

/* ===== GAT header cleanup (added by Claude) ===== */
#Header{ text-align:left; }
#Header .main-nav > .container:first-of-type{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px 24px;
  padding-top:12px;
  padding-bottom:8px;
}
#Header .main-nav > .container:first-of-type > .text-center{
  text-align:left !important;
  margin:0 !important;
  flex:0 0 auto;
}
#Header .navbar-brand{ margin:0 !important; padding:0 !important; }
#Header .navbar-brand img{ max-height:60px !important; width:auto !important; }
#Header .TopLink{
  margin:0 !important;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px 22px;
  justify-content:flex-end;
}
#Header .TopLink .mx-md-5,
#Header .TopLink .mx-2{ margin-left:0 !important; margin-right:0 !important; }
#Header .main-nav hr{ margin:6px 0 !important; opacity:.14; }
#Header .main-nav > .container:last-of-type{ padding-top:0 !important; padding-bottom:6px !important; }
section.bg-warning.py-3{ padding-top:9px !important; padding-bottom:9px !important; }
@media (max-width:767px){
  #Header{ text-align:center; }
  #Header .main-nav > .container:first-of-type{ justify-content:center; }
  #Header .main-nav > .container:first-of-type > .text-center{ text-align:center !important; }
  #Header .TopLink{ justify-content:center; gap:4px 16px; }
  #Header .navbar-brand img{ max-height:52px !important; }
}
/* ===== end GAT header cleanup ===== */


/* ===== GAT header reorder v2 (nav parallel to logo, TopLink centered below) ===== */
#Header .main-nav > .container:first-of-type{
  flex-wrap:nowrap;
}
#Header .gat-nav-inline{
  flex:0 1 auto;
  display:flex;
  align-items:center;
}
#Header .gat-nav-inline #NavigationBar{
  justify-content:flex-end;
}
#Header .main-nav > .container.gat-toplink-row{
  padding-top:6px !important;
  padding-bottom:10px !important;
  text-align:center;
}
#Header .main-nav > .container.gat-toplink-row .TopLink{
  justify-content:center !important;
  margin:0 auto !important;
  width:100%;
}
@media (max-width:991px){
  #Header .main-nav > .container:first-of-type{
    flex-wrap:wrap;
    justify-content:center;
  }
  #Header .gat-nav-inline{
    flex:1 1 100%;
    justify-content:center;
    margin-top:8px;
  }
}
/* ===== end GAT header reorder v2 ===== */


/* ===== GAT header fixes v3 (nowrap nav, logo nudge, gold hr, seamless hero) ===== */

/* 1. Prevent nav items wrapping mid-phrase */
#Header .gat-nav-inline .nav-link {
  white-space: nowrap !important;
}

/* 2. Nudge logo slightly left */
#Header .navbar-brand {
  margin-left: -12px !important;
}

/* 3. Gold accent line replacing white hr */
#Header .main-nav hr {
  background: linear-gradient(90deg, #f2b705 0%, #f2b705 50%, #f2b705 100%) !important;
  height: 3px !important;
  border: none !important;
  opacity: 1 !important;
  margin: 4px 0 0 0 !important;
}

/* 4. Remove bottom gap so TopLink + hero are seamless */
#Header .main-nav > .container.gat-toplink-row {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
#Header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
#Header .main-nav {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* 5. Match TopLink bg to hero dark so there's no colour break */
#Header .main-nav > .container.gat-toplink-row {
  background: #090e19 !important;
  padding-top: 8px !important;
}
#Header .main-nav > .container.gat-toplink-row .TopLink a,
#Header .main-nav > .container.gat-toplink-row .TopLink span {
  color: #ccd4e0 !important;
}

/* 6. Professional header nav typography — Montserrat to match the wordmark, refined tracking */
#Header .navbar-nav.font-poppins,
#Header .navbar-nav.font-poppins .nav-link {
  font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 600;
  letter-spacing: 1.1px;
}
#Header .navbar-nav.font-poppins .nav-link {
  font-size: 14px;
}
#Header .navbar-brand .gat-logo-tag,
#Header a.navbar-brand {
  font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
}

/* 7. Center nav options in the header on desktop (remove excess left-side gap before nav links) */
@media (min-width: 1200px) {
  #Header .gat-nav-inline { flex: 1 1 auto !important; }
  #Header #NavigationBar { width: 100% !important; }
  #Header #NavigationBar #staticBackdrop.offcanvas { width: 100% !important; flex: 1 1 auto !important; }
  #Header #NavigationBar .offcanvas-body { width: 100% !important; justify-content: center !important; }
}

/* ===== end GAT header fixes v3 ===== */

/* ===== Mobile: center logo + hide toplink ===== */
@media (max-width: 991px) {
  /* Parent div is already .text-center — shift right by ~half hamburger width to optically center */
  #Header .navbar-brand {
    display: inline-block !important;
    margin: 0 0 0 28px !important;
  }
  #Header .navbar-brand svg {
    display: inline-block !important;
  }
  /* Hide email + phone numbers on mobile */
  #Header .main-nav > .container.gat-toplink-row {
    display: none !important;
  }
}
  /* Fix hamburger button - prevent it dropping to bottom on mobile */
  #Header .main-nav .container {
    position: relative !important;
  }
  #Header .d-flex.d-md-none {
    position: absolute !important;
    left: 0 !important;
    top: -32px !important;
    transform: none !important;
    z-index: 10 !important;
  }
  /* Hamburger icon colour - gold to match logo */
  #Header .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23FDB817' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
  }
/* ===== end Mobile fixes ===== */

/* ===== Desktop: balance header row left/right spacing ===== */
@media (min-width: 992px) {
  #Header .main-nav .container {
    transform: translateX(-18px);
  }
}
/* ===== end desktop header balance ===== */

/* ===== Mobile: fix Our Fleet cards grid collapsing to horizontal scroll ===== */
@media (max-width: 767.98px) {
  div[style*="grid-template-columns:repeat(auto-fit,minmax(260px"] {
    grid-template-columns: 1fr !important;
  }
}
/* ===== end Our Fleet mobile grid fix ===== */

/* ================================================================
   DemoRide additions: footer styling + below-hero sections
   (original gcf-* footer classes had no matching CSS anywhere in
   the exported theme files - that styling lived in the WP
   Customizer's Additional CSS, which a themes-only export can't
   reach. Written fresh here, in the same charcoal/amber palette.)
   ================================================================ */

.gcf { background:#0e1015; border-top:1px solid #2a2e37; padding:64px 20px 0; font-family:'Inter',sans-serif; }
.gcf-wrap { max-width:1180px; margin:0 auto; }
.gcf-main { display:flex; flex-wrap:wrap; gap:48px; padding-bottom:48px; }
.gcf-brand { flex:1 1 280px; min-width:240px; }
.gcf-logo { display:inline-block; margin-bottom:14px; }
.gcf-blurb { color:#9aa4b8; font-size:14px; line-height:1.7; max-width:320px; margin:0 0 18px; }
.gcf-social { display:flex; gap:10px; }
.gcf-soc { width:36px; height:36px; border-radius:8px; background:#1c1f26; border:1px solid #2a2e37; display:flex; align-items:center; justify-content:center; color:#9aa4b8; text-decoration:none; }
.gcf-soc svg { width:16px; height:16px; }
.gcf-soc:hover { border-color:#f2b705; color:#f2b705; }
.gcf-col { flex:1 1 160px; min-width:150px; }
.gcf-h { font-family:'Oswald',sans-serif; font-size:13px; font-weight:600; letter-spacing:1.2px; text-transform:uppercase; color:#edeef0; margin:0 0 16px; }
.gcf-list { list-style:none; margin:0; padding:0; }
.gcf-list li { margin-bottom:10px; }
.gcf-list a { color:#9aa4b8; text-decoration:none; font-size:14px; }
.gcf-list a:hover { color:#f2b705; }
.gcf-contact p { margin:0 0 12px; }
.gcf-hours { display:flex; align-items:center; gap:8px; color:#6b7385; font-size:12.5px; margin-top:14px; }
.gcf-hours svg { width:15px; height:15px; flex-shrink:0; }
.gcf-bottom-in { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; padding:22px 0; border-top:1px solid #2a2e37; }
.gcf-copy { color:#6b7385; font-size:12.5px; margin:0; }
.gcf-pay { display:flex; gap:12px; }
.gcf-pay-i { color:#6b7385; }
.gcf-pay-i svg { height:16px; }

/* Below-hero sections */
.gr-section { background:#14161a; padding:80px 20px; font-family:'Inter',sans-serif; }
.gr-section.gr-alt { background:#0e1015; }
.gr-wrap { max-width:1180px; margin:0 auto; }
.gr-kicker { display:inline-flex; align-items:center; gap:10px; font-size:11.5px; font-weight:800; letter-spacing:2.4px; text-transform:uppercase; color:#f2b705; margin-bottom:16px; }
.gr-kicker span { display:inline-block; width:26px; height:2px; background:#f2b705; border-radius:2px; }
.gr-h2 { font-family:'Oswald',sans-serif; font-size:38px; font-weight:600; color:#edeef0; margin:0 0 16px; line-height:1.15; }
.gr-h2 em { color:#2dd4bf; font-style:normal; }
.gr-sub { color:#9aa4b8; font-size:16px; line-height:1.7; max-width:640px; margin:0 0 48px; }

.gr-steps { display:grid; grid-template-columns:repeat(4, 1fr); gap:1px; background:#2a2e37; border:1px solid #2a2e37; border-radius:14px; overflow:hidden; }
.gr-step { background:#1c1f26; padding:32px 26px; }
.gr-step-num { font-family:'Oswald',sans-serif; font-size:32px; font-weight:600; color:#f2b705; opacity:0.5; margin-bottom:14px; }
.gr-step h3 { font-family:'Inter',sans-serif; font-size:16px; font-weight:700; color:#edeef0; margin:0 0 8px; }
.gr-step p { color:#9aa4b8; font-size:14px; line-height:1.6; margin:0; }

.gr-cards { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }
.gr-card { background:#1c1f26; border:1px solid #2a2e37; border-radius:14px; padding:28px; }
.gr-card-icon { width:42px; height:42px; border-radius:10px; background:rgba(45,212,191,0.12); display:flex; align-items:center; justify-content:center; font-size:20px; margin-bottom:16px; }
.gr-card h3 { font-family:'Inter',sans-serif; font-size:16px; font-weight:700; color:#edeef0; margin:0 0 8px; }
.gr-card p { color:#9aa4b8; font-size:14px; line-height:1.6; margin:0; }

.gr-stats { background:#1c1f26; border:1px solid #2a2e37; border-radius:16px; padding:8px 32px; }
.gr-stat-row { display:flex; align-items:center; justify-content:space-between; padding:18px 0; border-bottom:1px solid #2a2e37; }
.gr-stat-row:last-child { border-bottom:none; }
.gr-stat-label { color:#9aa4b8; font-size:14.5px; }
.gr-stat-value { font-family:'Oswald',sans-serif; font-size:19px; font-weight:600; color:#f2b705; }

@media (max-width:900px) {
  .gr-steps { grid-template-columns:repeat(2, 1fr); }
  .gr-cards { grid-template-columns:1fr; }
  .gr-h2 { font-size:28px; }
}
@media (max-width:600px) {
  .gr-steps { grid-template-columns:1fr; }
}

/* ================================================================
   Quote calculator colour overrides.
   The plugin sets these exact literal hex values via inline style
   on every click (re-asserting them, with a CSS transition, each
   time a tab is toggled). A JS-based "detect and override" approach
   loses the race against the plugin's own re-application. Plain CSS
   with !important does not: it is re-evaluated live by the browser
   on every style mutation, so it always wins regardless of timing.
   ================================================================ */
/* Critical: match on "background:" PREFIX + value, never the bare value
   alone - the same literal colours are reused as text colour elsewhere
   in the plugin's markup (e.g. the active tab's own text is
   color:#0b1220), and a bare substring match wrongly catches those too. */
[style*="background:#cf992d"], [style*="background: rgb(207, 153, 45)"] {
  background-color: #f2b705 !important;
}
[style*="background:#1b2540"], [style*="background: rgb(27, 37, 64)"] {
  background-color: #1c1f26 !important;
  color: #c9d3e3 !important;
}
[style*="background:#111a2e"], [style*="background: rgb(17, 26, 46)"] {
  background-color: #1c1f26 !important;
  color: #c9d3e3 !important;
  border-color: #2a2e37 !important;
}
[style*="background:#0b1220"], [style*="background: rgb(11, 18, 32)"] {
  background-color: #14161a !important;
}
[style*="border:1px solid #333"] {
  border-color: #2a2e37 !important;
}