/* =========================================================
   HonerCab Reskin
   CSS-only restyle of legacy-markup pages (homepage + booking
   / search / profile pages) to visually match the HonerCab
   theme. NO HTML / Blade / JS changes.
   Loaded AFTER honercab/css/style.css so it wins.
   ========================================================= */

:root{
    --hc-primary:#0a66c2;
    --hc-primary-dark:#06457f;
    --hc-primary-light:#e8f1fb;
    --hc-accent:#10b981;
    --hc-accent-dark:#059669;
    --hc-accent-light:#e7f8f1;
    --hc-dark:#0f172a;
    --hc-muted:#64748b;
    --hc-soft:#f4f7fb;
    --hc-border:#e6ecf2;
    --hc-shadow-sm:0 4px 14px rgba(10,102,194,.08);
    --hc-shadow-md:0 14px 40px rgba(10,102,194,.12);
    --hc-shadow-lg:0 30px 60px rgba(10,102,194,.18);
    --hc-radius:14px;
    --hc-radius-lg:22px;
    --hc-transition:all .35s cubic-bezier(.4,0,.2,1);
    --hc-grad:linear-gradient(135deg,#0a66c2 0%,#10b981 100%);
    --hc-grad-soft:linear-gradient(135deg,#e8f1fb 0%,#e7f8f1 100%);
}

/* ---------- Base font (legacy pages) ---------- */
.hero-section.hero-sec-two,
.traveling-sec,
.work-section-three,
.destination-section,
.testimonial-section,
.adavantages-sec,
.faq-sec-two{
    font-family:'Poppins',system-ui,-apple-system,sans-serif;
}

/* =========================================================
   HERO SECTION
   ========================================================= */
.hero-section.hero-sec-two.custom-hero-section-wrapper,
.hero-section.hero-sec-two{
    position:relative;
    padding:80px 0 130px;
    background:
        linear-gradient(135deg,rgba(10,102,194,.93) 0%,rgba(6,69,127,.92) 55%,rgba(16,185,129,.86) 100%);
    background-size:cover;
    background-position:center;
    color:#fff;
    overflow:hidden;
}
/* keep any inline bg-image but darken it with overlay */
.hero-section.hero-sec-two[style*="background-image"]{
    background-blend-mode:multiply;
}
.hero-section.hero-sec-two::before{
    content:"";
    position:absolute;inset:0;
    background:
        radial-gradient(circle at 82% 18%,rgba(255,255,255,.16) 0,transparent 42%),
        radial-gradient(circle at 8% 85%,rgba(16,185,129,.28) 0,transparent 52%);
    pointer-events:none;
    z-index:0;
}
.hero-section.hero-sec-two .container{position:relative;z-index:1}

.hero-section.hero-sec-two .banner-text h1,
.hero-section.hero-sec-two .banner-text .custom-h1-font-weight{
    color:#fff!important;
    font-weight:800;
    font-size:46px;
    line-height:1.2;
    letter-spacing:-.5px;
    margin-bottom:14px;
}
.hero-section.hero-sec-two .banner-text{
    margin-bottom:14px;
}

/* =========================================================
   BOOKING WIDGET  (white overlapping card + tabs)
   ========================================================= */
.hero-section.hero-sec-two .baner-b,
.hero-section.hero-sec-two .tab-box{
    position:relative;
}
.hero-section.hero-sec-two .tab-box{
    background:#fff;
    border-radius:var(--hc-radius-lg);
    box-shadow:var(--hc-shadow-lg);
    border-top:5px solid var(--hc-accent);
    padding:24px 26px 26px;
    margin-bottom:-90px;
}

/* ----- Tab navigation: HonerCab pill tabs ----- */
.banner-form-tab{
    margin-bottom:6px;
}
.banner-form-tab .nav{
    border:none;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:18px;
    justify-content:center;
}
.banner-form-tab .nav li{
    list-style:none;
}
.banner-form-tab .nav li .nav-link,
.banner-form-tab .nav .nav-link{
    border:none!important;
    background:var(--hc-soft);
    color:var(--hc-muted);
    border-radius:50px;
    padding:10px 22px;
    font-weight:600;
    font-size:14px;
    box-shadow:none;
    transition:var(--hc-transition);
    display:inline-flex;
    align-items:center;
    width:auto;
    height:auto;
    margin:0;
}
.banner-form-tab .nav .nav-link img{
    filter:grayscale(40%);
    opacity:.8;
    transition:var(--hc-transition);
}
.banner-form-tab .nav .nav-link:hover{
    background:var(--hc-primary-light);
    color:var(--hc-primary);
}
.banner-form-tab .nav .nav-link.active{
    background:var(--hc-grad);
    color:#fff!important;
    box-shadow:0 8px 18px rgba(10,102,194,.28);
}
.banner-form-tab .nav .nav-link.active img{
    filter:brightness(0) invert(1);
    opacity:1;
}

/* ----- Booking form card body ----- */
.banner-form{
    background:transparent;
    box-shadow:none;
    border:none;
    margin-bottom:0;
}
.banner-form .card-body{
    padding:6px 0 0;
    background:transparent;
}

/* trip-type radio row (One Way / Round Trip) */
.banner-form .readi{
    background:var(--hc-soft);
    border:1px solid var(--hc-border);
    border-radius:50px;
    padding:6px 16px;
    margin-bottom:10px;
}
.banner-form .form-check-label,
.banner-form .form-check-label.text-white{
    color:var(--hc-dark)!important;
    font-weight:600;
    font-size:14px;
}
.banner-form .form-check-input:checked{
    background-color:var(--hc-primary);
    border-color:var(--hc-primary);
}

/* form labels */
.banner-form .form-label,
.banner-form .form-label.text-default{
    color:var(--hc-muted)!important;
    font-size:11px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.8px;
    margin-bottom:4px;
}

/* the field container row */
.banner-form .form-info{
    gap:12px;
    flex-wrap:wrap;
}
.banner-form .form-info .out-f,
.banner-form .out-f{
    background:#fff!important;
    border:1.5px solid var(--hc-border);
    border-radius:12px;
    transition:var(--hc-transition);
}
.banner-form .form-info .out-f:focus-within,
.banner-form .out-f:focus-within{
    border-color:var(--hc-primary);
    box-shadow:0 0 0 4px rgba(10,102,194,.12);
}
.banner-form .form-item{
    padding:8px 12px;
}
.banner-form .form-info .form-item .way-icon{
    background:var(--hc-grad);
    color:#fff;
    box-shadow:0 6px 14px rgba(10,102,194,.3);
}

/* inputs / selects inside the widget */
.banner-form .form-control,
.banner-form .form-info .form-item .form-control,
.banner-form input.form-control,
.banner-form .datetimepicker,
.banner-form select.form-control{
    border:1.5px solid var(--hc-border);
    border-radius:10px;
    padding:9px 12px;
    font-size:14px;
    background:#fff;
    color:var(--hc-dark);
    transition:var(--hc-transition);
    box-shadow:none;
}
.banner-form .form-control:focus,
.banner-form .form-info .form-item .form-control:focus,
.banner-form .datetimepicker:focus{
    border-color:var(--hc-primary);
    box-shadow:0 0 0 4px rgba(10,102,194,.12);
    outline:none;
}
.banner-form .form-control::placeholder{
    color:#9aa6b5;
}

/* select2 boxes inside the widget */
.banner-form .select2-container .select2-selection--single,
.banner-form .select2-selection--single{
    height:auto;
    min-height:40px;
    border:1.5px solid var(--hc-border)!important;
    border-radius:10px!important;
    padding:5px 8px;
}
.banner-form .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:28px;
    color:var(--hc-dark);
}
.banner-form .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:38px;
}

/* search / explore button -> HonerCab gradient pill */
.banner-form .search-btn,
.banner-form input.form-control.search,
.banner-form button.search-btn,
.banner-form .btn.search-btn{
    background:var(--hc-grad)!important;
    color:#fff!important;
    border:none!important;
    border-radius:50px!important;
    font-weight:700;
    font-size:15px;
    padding:13px 40px;
    letter-spacing:.3px;
    box-shadow:0 10px 24px rgba(10,102,194,.28);
    transition:var(--hc-transition);
}
.banner-form .search-btn:hover,
.banner-form button.search-btn:hover{
    background:linear-gradient(135deg,#10b981 0%,#0a66c2 100%)!important;
    transform:translateY(-3px);
    box-shadow:0 16px 30px rgba(16,185,129,.35);
    color:#fff!important;
}

/* add-destination "+" button */
.banner-form .addSelect.btn-primary{
    background:var(--hc-accent)!important;
    border:none!important;
    border-radius:8px!important;
    font-weight:700;
}

/* dropdown menus inside widget */
.banner-form .dropdown-menu{
    border:1px solid var(--hc-border);
    border-radius:12px;
    box-shadow:var(--hc-shadow-md);
}

/* =========================================================
   SECTION HEADINGS
   ========================================================= */
.traveling-sec .section-header h2,
.work-section-three .section-header h2,
.destination-section .section-header h2,
.testimonial-section .section-header h2,
.faq-sec-two .section-header h2,
.section-header h2{
    font-weight:800;
    font-size:34px;
    color:var(--hc-dark);
    letter-spacing:-.4px;
}
.section-header h2 span,
.section-header h2 .text-primary{
    color:var(--hc-primary)!important;
}
.section-header p{
    color:var(--hc-muted);
    font-size:15px;
    max-width:680px;
}
.traveling-sec .section-header.text-center p,
.work-section-three .section-header.text-center p,
.destination-section .section-header.text-center p{
    margin-left:auto;
    margin-right:auto;
}
.section-header a{
    color:var(--hc-primary);
    font-weight:600;
}
.section-header a:hover{color:var(--hc-accent)}

/* =========================================================
   CARDS  (special package / fleet-like)
   ========================================================= */
.travelers-card,
.card.travelers-card{
    background:#fff;
    border-radius:var(--hc-radius);
    overflow:hidden;
    box-shadow:var(--hc-shadow-sm);
    border:1px solid var(--hc-border);
    transition:var(--hc-transition);
}
.travelers-card:hover{
    transform:translateY(-10px);
    box-shadow:var(--hc-shadow-md);
}
.travelers-card .card-img img{
    transition:var(--hc-transition);
}
.travelers-card:hover .card-img img{
    transform:scale(1.06);
}
.travelers-card .card-body{
    padding:22px;
}
.travelers-card .start-r li i{
    color:#f59e0b;
}
.travelers-card .card-body h5 a{
    color:var(--hc-dark);
    font-weight:700;
}
.travelers-card .card-body h5 a:hover{
    color:var(--hc-primary);
}
.travelers-card .boder{
    border-top:1px dashed var(--hc-border);
    padding-top:14px;
    margin-top:6px;
}

/* "What Sets us Different" boxes */
.top-box .box{
    background:#fff;
    border-radius:var(--hc-radius);
    padding:26px 20px;
    box-shadow:var(--hc-shadow-sm);
    border:1px solid var(--hc-border);
    height:100%;
    transition:var(--hc-transition);
}
.top-box .box:hover{
    transform:translateY(-8px);
    box-shadow:var(--hc-shadow-md);
}
.top-box .box .cont-inr h6{
    font-size:17px;
    font-weight:700;
    color:var(--hc-dark);
    margin-bottom:8px;
}
.top-box .box .cont-inr p{
    color:var(--hc-muted);
    font-size:14px;
    margin:0;
}
.top-box .con-img img{
    transition:var(--hc-transition);
}
.top-box.orenges .box{border-top:3px solid #f59e0b}
.top-box.red .box{border-top:3px solid #ef4444}
.top-box.blue .box{border-top:3px solid var(--hc-primary)}
.top-box .box{border-top:3px solid var(--hc-accent)}

/* Services "place-item" cards */
.place-item{
    background:#fff;
    border-radius:var(--hc-radius);
    overflow:hidden;
    box-shadow:var(--hc-shadow-sm);
    border:1px solid var(--hc-border);
    transition:var(--hc-transition);
}
.place-item:hover{
    transform:translateY(-8px);
    box-shadow:var(--hc-shadow-md);
}
.place-item .place-img img{
    transition:var(--hc-transition);
}
.place-item:hover .place-img img{
    transform:scale(1.05);
}
.place-item .place-content{
    padding:24px!important;
    background:#fff!important;
}
.place-item .place-content h5{
    font-size:19px;
    font-weight:700;
    color:var(--hc-dark);
}
.place-item .place-content h5 a{color:var(--hc-dark)}
.place-item .place-content h5 a:hover{color:var(--hc-primary)}
.place-item .place-content p{
    color:var(--hc-muted);
    font-size:14px;
}
.place-item .bx .img{
    width:54px;height:54px;
    margin:0 auto 8px;
    border-radius:14px;
    background:var(--hc-grad-soft);
    display:flex;align-items:center;justify-content:center;
}
.place-item .bx .img img{
    max-width:28px;
}
.place-item .bx .contm h6{
    font-size:12.5px;
    font-weight:600;
    color:var(--hc-muted);
}

/* =========================================================
   TESTIMONIAL CARDS
   ========================================================= */
.testimonial-section{
    background:var(--hc-soft);
}
.testimonial-section .testimonials-item,
.testimonial-section .testimonial-card,
.testimonial-section .review-card,
.testimonial-section .card{
    background:#fff;
    border-radius:var(--hc-radius);
    box-shadow:var(--hc-shadow-sm);
    border:1px solid var(--hc-border);
    transition:var(--hc-transition);
}
.testimonial-section .testimonials-item:hover,
.testimonial-section .testimonial-card:hover,
.testimonial-section .review-card:hover,
.testimonial-section .card:hover{
    transform:translateY(-8px);
    box-shadow:var(--hc-shadow-md);
}
.testimonial-section .star,
.testimonial-section .start-r li i,
.testimonial-section .rating i{
    color:#f59e0b;
}

/* =========================================================
   WORK / HOW-IT-WORKS + DESTINATION SECTIONS
   ========================================================= */
.work-section-three{
    background:var(--hc-soft);
}
.work-section-three .work-item,
.work-section-three .work-three-main,
.work-section-three .card{
    background:#fff;
    border-radius:var(--hc-radius);
    box-shadow:var(--hc-shadow-sm);
    transition:var(--hc-transition);
}
.work-section-three .work-item:hover,
.work-section-three .work-three-main:hover{
    transform:translateY(-8px);
    box-shadow:var(--hc-shadow-md);
}
.destination-section .place-item,
.destination-section .destination-item{
    border-radius:var(--hc-radius);
    overflow:hidden;
    transition:var(--hc-transition);
}
.destination-section .destination-item:hover{
    transform:translateY(-8px);
    box-shadow:var(--hc-shadow-md);
}

/* =========================================================
   DARK ADVANTAGES / CTA SECTION
   ========================================================= */
.adavantages-sec.bg-dark{
    background:var(--hc-grad)!important;
    color:#fff;
    position:relative;
    overflow:hidden;
}
.adavantages-sec.bg-dark::before{
    content:"";
    position:absolute;
    bottom:-80px;right:-60px;
    width:300px;height:300px;
    background:rgba(255,255,255,.08);
    border-radius:50%;
    pointer-events:none;
}
.adavantages-sec.bg-dark .container{position:relative;z-index:1}
.adavantages-sec.bg-dark h2,
.adavantages-sec.bg-dark h3,
.adavantages-sec.bg-dark h4,
.adavantages-sec.bg-dark h5,
.adavantages-sec.bg-dark .section-header h2{
    color:#fff!important;
}
.adavantages-sec.bg-dark p,
.adavantages-sec.bg-dark li,
.adavantages-sec.bg-dark span{
    color:rgba(255,255,255,.9);
}
.adavantages-sec.bg-dark .advantages-item,
.adavantages-sec.bg-dark .card,
.adavantages-sec.bg-dark .box{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.16);
    border-radius:var(--hc-radius);
    backdrop-filter:blur(6px);
}

/* =========================================================
   FAQ SECTION
   ========================================================= */
.faq-sec-two{
    background:var(--hc-soft);
}
.faq-sec-two .faq-secpath-two .accordion-item,
.faq-sec-two .accordion-item,
.faq-sec-two .faq-card{
    background:#fff;
    border:1px solid var(--hc-border)!important;
    border-radius:var(--hc-radius)!important;
    margin-bottom:14px;
    overflow:hidden;
    box-shadow:var(--hc-shadow-sm);
}
.faq-sec-two .accordion-button{
    font-weight:600;
    color:var(--hc-dark);
    background:#fff;
    border-radius:var(--hc-radius);
}
.faq-sec-two .accordion-button:not(.collapsed){
    background:var(--hc-primary-light);
    color:var(--hc-primary);
    box-shadow:none;
}
.faq-sec-two .accordion-button:focus{
    box-shadow:0 0 0 4px rgba(10,102,194,.12);
    border-color:var(--hc-primary);
}
.faq-sec-two .accordion-body{
    color:var(--hc-muted);
    font-size:14.5px;
}

/* =========================================================
   BUTTONS  (scoped to legacy reskinned pages)
   ========================================================= */
.hero-section.hero-sec-two .btn-primary,
.traveling-sec .btn-primary,
.work-section-three .btn-primary,
.destination-section .btn-primary,
.testimonial-section .btn-primary,
.faq-sec-two .btn-primary,
.adavantages-sec .btn-primary,
.place-item .btn-primary,
.travelers-card .btn-primary{
    background:var(--hc-grad)!important;
    border:none!important;
    color:#fff!important;
    border-radius:50px!important;
    font-weight:600;
    padding:11px 26px;
    letter-spacing:.3px;
    box-shadow:0 10px 24px rgba(10,102,194,.26);
    transition:var(--hc-transition);
}
.hero-section.hero-sec-two .btn-primary:hover,
.traveling-sec .btn-primary:hover,
.work-section-three .btn-primary:hover,
.destination-section .btn-primary:hover,
.testimonial-section .btn-primary:hover,
.faq-sec-two .btn-primary:hover,
.adavantages-sec .btn-primary:hover,
.place-item .btn-primary:hover,
.travelers-card .btn-primary:hover{
    background:linear-gradient(135deg,#10b981 0%,#0a66c2 100%)!important;
    transform:translateY(-3px);
    box-shadow:0 16px 30px rgba(16,185,129,.32);
    color:#fff!important;
}

/* =========================================================
   BOOKING / SEARCH / LISTING PAGES
   (routes, city_cab, car listing) -> shared legacy classes
   ========================================================= */
.listing-tabs-group{
    gap:8px;
    flex-wrap:wrap;
}
.listing-tabs-group .nav-link,
.listing-tabs-group button{
    border:1px solid var(--hc-border)!important;
    background:#fff;
    border-radius:50px!important;
    font-weight:600;
    color:var(--hc-muted);
    transition:var(--hc-transition);
}
.listing-tabs-group .nav-link.active,
.listing-tabs-group button.active{
    background:var(--hc-grad)!important;
    color:#fff!important;
    border-color:transparent!important;
    box-shadow:0 8px 18px rgba(10,102,194,.25);
}

/* listing page place-item / cards already covered by .place-item above */

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:991px){
    .hero-section.hero-sec-two,
    .hero-section.hero-sec-two.custom-hero-section-wrapper{
        padding:60px 0 100px;
    }
    .hero-section.hero-sec-two .banner-text h1,
    .hero-section.hero-sec-two .banner-text .custom-h1-font-weight{
        font-size:30px;
    }
    .hero-section.hero-sec-two .tab-box{
        padding:18px 14px 20px;
        margin-bottom:-70px;
    }
    .section-header h2{font-size:26px}
}
@media (max-width:575px){
    .banner-form-tab .nav .nav-link{
        padding:8px 14px;
        font-size:12.5px;
    }
    .hero-section.hero-sec-two .banner-text h1{font-size:25px}
}

/* =========================================================
   HonerCab Reskin — Header, Footer & Shared Components
   (CSS-only overlay; no markup changed)
   ========================================================= */

:root{
    --hc-primary:#0a66c2;
    --hc-primary-dark:#06457f;
    --hc-accent:#10b981;
    --hc-dark:#0f172a;
    --hc-muted:#64748b;
    --hc-grad:linear-gradient(135deg,#0a66c2 0%,#10b981 100%);
}

body{ font-family:'Poppins',sans-serif !important; }
h1,h2,h3,h4,h5,h6{ font-family:'Poppins',sans-serif !important; }

/* ---------- Header / Top bar ---------- */
.main-header.main-header-four{ box-shadow:0 2px 20px rgba(10,102,194,.08); }
.header-topbar{
    background:var(--hc-dark) !important;
    padding:8px 0 !important;
    border-bottom:none !important;
}
.header-topbar p,
.header-topbar a,
.header-topbar span,
.header-topbar .set-white-color-header,
.header-topbar .set-white-color-header a{ color:#cbd5e1 !important; }
.header-topbar a:hover{ color:var(--hc-accent) !important; }
.header-topbar .social-icons a i{ color:#cbd5e1 !important; transition:.25s; }
.header-topbar .social-icons a:hover i{ color:var(--hc-accent) !important; }
.html-marquee p{ color:#e2e8f0 !important; }

/* ---------- Main navbar ---------- */
.header-four{ background:#fff !important; padding:8px 0; }
.header-four .main-nav > li > a{
    color:#1f2a44 !important;
    font-weight:600;
    font-size:15px;
    transition:color .2s ease;
}
.header-four .main-nav > li > a:hover,
.header-four .main-nav > li.active > a{ color:var(--hc-primary) !important; }

/* Login / Dashboard / search buttons in header */
.search-btn,
.btn.search-btn,
a.search-btn{
    background:var(--hc-grad) !important;
    border:none !important;
    border-radius:50px !important;
    color:#fff !important;
    font-weight:600 !important;
    padding:11px 28px !important;
    box-shadow:0 8px 20px rgba(10,102,194,.25);
    transition:transform .2s ease, box-shadow .2s ease;
}
.search-btn:hover,
.btn.search-btn:hover,
a.search-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 26px rgba(16,185,129,.35);
    color:#fff !important;
}
.sidebar-menu i{ color:var(--hc-primary) !important; }

/* ---------- Generic buttons ---------- */
.btn-primary,
.btn.btn-primary{
    background:var(--hc-grad) !important;
    border:none !important;
    border-radius:50px !important;
    color:#fff !important;
    font-weight:600;
    box-shadow:0 8px 20px rgba(10,102,194,.22);
    transition:transform .2s ease, box-shadow .2s ease;
}
.btn-primary:hover,
.btn.btn-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 26px rgba(16,185,129,.32);
    color:#fff !important;
}
.btn-outline-primary{
    border:2px solid var(--hc-primary) !important;
    color:var(--hc-primary) !important;
    border-radius:50px !important;
}
.btn-outline-primary:hover{ background:var(--hc-primary) !important; color:#fff !important; }

/* ---------- Inner-page breadcrumb / banner ---------- */
.breadcrumb-bar,
.breadcrumb-bar-two,
.inner-banner{
    background:var(--hc-grad) !important;
    padding:60px 0 !important;
}
.breadcrumb-bar .breadcrumb-title,
.breadcrumb-bar h1,
.breadcrumb-bar h2,
.inner-banner h1{ color:#fff !important; font-weight:800 !important; }
.breadcrumb-bar .breadcrumb li,
.breadcrumb-bar .breadcrumb li a,
.breadcrumb-bar .breadcrumb-item,
.breadcrumb-bar .breadcrumb-item a{ color:#e2e8f0 !important; }

/* ---------- Section headings ---------- */
.section-header h2 span,
.section-header h2 .text-primary,
.text-primary{ color:var(--hc-primary) !important; }

/* ---------- Footer ---------- */
.footer-two.custom_color,
.footer-two{
    background:var(--hc-dark) !important;
}
.footer-two .footer-widget h4,
.footer-two .footer-widget h5,
.footer-two .footer-widget h6{ color:#fff !important; }
.footer-two .footer-menu li a,
.footer-two p,
.footer-two .custom_fonr_color,
.footer-two .customer-info-content span{ color:#94a3b8 !important; }
.footer-two .footer-menu li a:hover{ color:var(--hc-accent) !important; }
.footer-two .customer-info-content h6 a{ color:#fff !important; }
.footer-two .customer-info-content h6 a:hover{ color:var(--hc-accent) !important; }

/* Mobile fixed bar */
.mobile-fixed-bar{ background:var(--hc-grad) !important; }
.mobile-fixed-bar a,
.mobile-fixed-bar .custom_bottom_hover{ color:#fff !important; }

/* Back-to-top */
.back-to-top-icon{
    background:var(--hc-grad) !important;
    border:none !important;
    color:#fff !important;
}

/* ---------- Cards / forms on inner pages ---------- */
.card{ border-radius:14px; }
.form-control,
.form-select{
    border-radius:9px !important;
}
.form-control:focus,
.form-select:focus{
    border-color:var(--hc-primary) !important;
    box-shadow:0 0 0 3px rgba(10,102,194,.12) !important;
}

/* Selection colour */
::selection{ background:var(--hc-accent); color:#fff; }

/* =========================================================
   HonorCab Reskin — FAQ accordion + footer bottom
   ========================================================= */

/* ---------- FAQ accordion ---------- */
.accordion{ --bs-accordion-border-color:transparent; }
.accordion-item{
    background:#fff;
    border:1px solid var(--hc-border,#e6ecf2) !important;
    border-radius:12px !important;
    margin-bottom:14px;
    overflow:hidden;
    box-shadow:0 4px 14px rgba(10,102,194,.05);
}
.accordion-button{
    font-weight:600;
    font-size:16px;
    color:#1f2a44 !important;
    background:#fff !important;
    padding:18px 22px;
    border-radius:12px !important;
    box-shadow:none !important;
}
.accordion-button:not(.collapsed){
    color:var(--hc-primary,#0a66c2) !important;
    background:var(--hc-primary-light,#e8f1fb) !important;
}
.accordion-button:focus{
    box-shadow:none !important;
    border-color:transparent !important;
}
.accordion-button::after{
    width:1.1rem;height:1.1rem;background-size:1.1rem;
}
.accordion-button:not(.collapsed)::after{
    filter:invert(28%) sepia(95%) saturate(1500%) hue-rotate(190deg);
}
.accordion-body{
    padding:8px 22px 22px;
    color:#475569;
    font-size:15px;
    line-height:1.8;
}

/* ---------- Footer bottom + AlphaTech Plus credit ---------- */
.footer-bottom{
    margin-top:50px;
    padding:22px 0 10px;
    border-top:1px solid rgba(255,255,255,.08);
}
.footer-bottom .fb-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:12px;
}
.footer-bottom .fb-copy{
    margin:0;
    color:#94a3b8;
    font-size:14px;
}
.footer-bottom .fb-links{
    list-style:none;
    margin:0;padding:0;
    display:flex;
    flex-wrap:wrap;
    gap:8px 22px;
}
.footer-bottom .fb-links a{
    color:#94a3b8;
    font-size:14px;
    transition:color .2s ease;
}
.footer-bottom .fb-links a:hover{ color:var(--hc-accent,#10b981); }
.footer-bottom .fb-credit{
    margin:14px 0 0;
    text-align:center;
    font-size:13px;
    color:#64748b;
}
.footer-bottom .fb-credit a{
    color:var(--hc-accent,#10b981);
    font-weight:600;
}
.footer-bottom .fb-credit a:hover{ color:#fff; }
@media (max-width:575px){
    .footer-bottom .fb-inner{ justify-content:center; text-align:center; }
    .footer-bottom .fb-links{ justify-content:center; }
}

/* =========================================================
   HonorCab Reskin — fixes (footer bg, sidebar CTA, FAQ flush)
   ========================================================= */

/* Footer bottom — override legacy light background (#E4EBF1) */
footer .footer-bottom,
.footer .footer-bottom,
footer.footer-two .footer-bottom{
    background:transparent !important;
    padding-top:22px !important;
}

/* Sidebar "Need a Cab" CTA — must NOT stretch full column height */
.sidebar-cta{
    background:var(--grad,linear-gradient(135deg,#0a66c2,#10b981));
    color:#fff;
    border-radius:16px;
    padding:28px 24px;
    text-align:center;
    box-shadow:0 14px 34px rgba(10,102,194,.20);
}
.sidebar-cta .sc-icon{
    width:58px;height:58px;border-radius:14px;
    background:rgba(255,255,255,.18);
    display:flex;align-items:center;justify-content:center;
    font-size:24px;margin:0 auto 14px;
}
.sidebar-cta h5{color:#fff;font-weight:800;margin-bottom:6px;}
.sidebar-cta p{color:rgba(255,255,255,.9);font-size:14px;margin-bottom:18px;}
@media (min-width:992px){ .sidebar-cta{ position:sticky; top:96px; } }

/* FAQ — also style flush accordions used on inner pages */
.accordion-flush .accordion-item{
    border:1px solid var(--hc-border,#e6ecf2) !important;
    border-radius:12px !important;
    margin-bottom:14px;
}
.accordion-flush .accordion-button,
.accordion-flush .accordion-button.collapsed{ border-radius:12px !important; }

/* =========================================================
   Contact page fix — nested social icons must not inherit
   the big 64x64 .contact-card icon styling
   ========================================================= */
.contact-card .btn i,
.contact-card .d-flex i,
.contact-card .social-mini i{
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    background:none !important;
    border-radius:0 !important;
    font-size:inherit !important;
    display:inline-block !important;
    color:inherit !important;
}
.contact-card .d-flex .btn{
    width:40px;height:40px;
    display:inline-flex;align-items:center;justify-content:center;
    padding:0;border-radius:10px;
}
.contact-card{ display:flex; flex-direction:column; align-items:center; }
.contact-card p{ word-break:break-word; }