/*===============================================
  Avacado Multipack LLP — Brand Theme Override
  Brand colors:
    Green  (primary eco accent) : #5BA640
    Navy   (logo / dark surface): #142B5C
    Gold   (decorative accent)  : #C2A26A
    Light gold (soft surface)   : #F4ECDA
================================================*/

:root {
    /* Primary CTA / hover / accent — eco green (was orange) */
    --main-color: rgb(91, 166, 64);
    --main-color-rgb: 91, 166, 64;

    /* Heading / dark surface — avacado navy (was almost-black) */
    --color-two: rgb(20, 43, 92);
    --color-two-rgb: 20, 43, 92;

    /* Bright green accents */
    --color-eleven: rgb(91, 166, 64);
    --color-eleven-rgb: 91, 166, 64;

    --color-twelve: rgb(58, 124, 39);
    --color-twelve-rgb: 58, 124, 39;

    /* Secondary highlight — avacado gold */
    --color-sixteen: rgb(194, 162, 106);
    --color-sixteen-rgb: 194, 162, 106;

    /* Dark navy used in counters/cta backgrounds */
    --color-twentyfour: rgb(20, 43, 92);
    --color-twentyfour-rgb: 20, 43, 92;

    --color-twentynine: rgb(20, 43, 92);
    --color-twentynine-rgb: 20, 43, 92;

    --color-thirtyone: rgb(20, 43, 92);
    --color-thirtyone-rgb: 20, 43, 92;

    --color-thirtythree: rgb(20, 43, 92);
    --color-thirtythree-rgb: 20, 43, 92;

    /* Slight accent green for cards/hover */
    --color-twentysix: rgb(91, 166, 64);
    --color-twentysix-rgb: 91, 166, 64;

    --color-twentyseven: rgb(91, 166, 64);
    --color-twentyseven-rgb: 91, 166, 64;

    --color-twentyeight: rgb(58, 124, 39);
    --color-twentyeight-rgb: 58, 124, 39;

    --color-thirtyfour: rgb(58, 124, 39);
    --color-thirtyfour-rgb: 58, 124, 39;

    /* Brand colors as named custom properties */
    --avc-green: #5BA640;
    --avc-green-dark: #3A7C27;
    --avc-navy: #142B5C;
    --avc-navy-dark: #0C1B3A;
    --avc-gold: #C2A26A;
    --avc-gold-light: #F4ECDA;
}

/*=============================================
   Theme header — original layout preserved.
   Only colour overrides + smaller menu fonts so
   our 8 items fit cleanly in the theme's nav slot.
==============================================*/

/* Top bar — recolour only */
.header-top {
    background-color: var(--avc-navy) !important;
}

.header-top .top-left .text,
.header-top .top-right .clock,
.header-top .top-right .clock:before,
.header-top .top-right .social-box a {
    color: #fff !important;
}

.header-top .top-left .text a { color: var(--avc-gold) !important; }
.header-top .top-right .social-box a:hover,
.header-top .top-left .text a:hover { color: var(--avc-gold) !important; }

/* Logo size — fit Avacado logo into theme's slot without breaking layout */
.main-header .header-upper .logo-box .logo img {
    max-height: 85px;
    width: auto;
    max-width: 200px;
}

/* Make sure the green nav bar (header-lower) always stacks BELOW the
   logo / info-box row (header-upper). The theme floats logo-box and
   upper-right; without clearing them the green nav can rise alongside
   the logo at certain viewports. */
.main-header .header-upper .clearfix::after,
.main-header .header-upper .auto-container > .clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.main-header .header-upper { overflow: hidden; }
.main-header .header-lower { clear: both; }

/* Add breathing room around the menu items */
.main-header .main-menu .navigation {
    position: relative;
    margin: 16px;
}

/* Angled green bar — back to flush with header-lower */
.main-header .nav-outer:before {
    position: absolute;
    content: '';
    left: -2%;
    bottom: 0px;
    right: 0px;
    top: 0px;
    transform: skewX(-30deg);
    background-color: var(--main-color);
}

.main-header .header-lower:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0px;
    right: 0px;
    top: 0px;
    background-color: var(--main-color);
}

/* Info-box icon recolour (was orange) */
.main-header .info-box .icon-box,
.main-header .info-box .icon-box span {
    color: var(--avc-green) !important;
}

/* Menu font size */
.main-header .main-menu .navigation > li > a {
    font-size: 15px !important;
    padding: 0 8px !important;
    letter-spacing: 0;
}

.main-header .main-menu .navigation > li {
    margin-right: 0 !important;
}

/* Recolour menu links / hover / active (theme uses --main-color which we
   already overrode to green via :root, so colour just inherits) */
.main-header .main-menu .navigation > li > a {
    color: #fff !important;
}

.main-header .main-menu .navigation > li:hover > a,
.main-header .main-menu .navigation > li.current > a,
.main-header .main-menu .navigation > li.current-menu-item > a {
    color: #142b5c !important;
}

/* Remove theme's hover/current underline indicator */
.main-header .main-menu .navigation > li:hover::before,
.main-header .main-menu .navigation > li.current::before {
    opacity: 0 !important;
    display: none !important;
}

/* Submenus */
.main-header .main-menu .navigation > li > ul > li > a {
    font-size: 13px;
}

.main-header .main-menu .navigation > li > ul > li > a:hover,
.main-header .main-menu .navigation > li > ul > li.current > a {
    background: var(--avc-green) !important;
    color: #fff !important;
}

/* Search button */
.main-header .search-box-btn { color: #fff !important; }
.main-header .search-box-btn:hover { color: var(--avc-gold) !important; }

/* Sticky header — bigger logo, proper menu padding */
.sticky-header {
    background-color: #fff !important;
    box-shadow: 0 4px 18px rgba(20, 43, 92, 0.12) !important;
    padding: 6px 0 !important;
}

.main-header .sticky-header .logo,
.sticky-header .logo {
    padding: 8px 0 !important;
    line-height: 1;
}

.sticky-header .logo img {
    max-height: 72px;
    height: auto;
    width: auto;
    max-width: 240px;
    display: block;
}

/* Menu inside sticky-header — items need vertical padding to be clickable */
.sticky-header .main-menu {
    float: right !important;
    margin: 0 !important;
}

.sticky-header .main-menu .navigation {
    margin: 0 !important;
    display: flex;
    align-items: center;
}

.sticky-header .main-menu .navigation > li {
    margin: 0 !important;
    position: relative;
}

.sticky-header .main-menu .navigation > li > a {
    color: var(--avc-navy) !important;
    font-size: 14.5px !important;
    font-weight: 600;
    padding: 28px 12px !important;
    line-height: 1;
    text-decoration: none;
}

.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a {
    color: #142b5c !important;
    background: rgba(20, 43, 92, 0.04);
}

/* Submenus inside sticky-header — repaired hover, position, colours */
.sticky-header .main-menu .navigation > li {
    position: relative !important;
}

.sticky-header .main-menu .navigation > li > ul {
    position: absolute;
    top: 100% !important;
    left: 0 !important;
    width: 240px !important;
    background: #fff !important;
    border-top: 3px solid var(--avc-green) !important;
    border-radius: 0;
    box-shadow: 0 14px 40px rgba(20, 43, 92, 0.18) !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px) !important;
    transition: all .25s ease;
    z-index: 1000;
}

.sticky-header .main-menu .navigation > li.dropdown:hover > ul {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

.sticky-header .main-menu .navigation > li > ul > li {
    list-style: none;
    width: 100%;
    border-bottom: 1px solid #f3f4f7 !important;
    margin: 0 !important;
}

.sticky-header .main-menu .navigation > li > ul > li:last-child {
    border-bottom: none !important;
}

.sticky-header .main-menu .navigation > li > ul > li > a {
    display: block !important;
    color: var(--avc-navy) !important;
    background: transparent !important;
    padding: 10px 18px !important;
    font-size: 13.5px !important;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none;
    transition: all .2s ease;
}

.sticky-header .main-menu .navigation > li > ul > li > a:hover,
.sticky-header .main-menu .navigation > li > ul > li.current > a {
    background: var(--avc-green) !important;
    color: #fff !important;
    padding-left: 24px !important;
}

/* Right-edge dropdowns — flip to open from right so they don't go off-screen */
.sticky-header .main-menu .navigation > li:nth-last-child(-n+3) > ul {
    left: auto !important;
    right: 0 !important;
}

.sticky-header .mobile-nav-toggler {
    color: var(--avc-navy) !important;
    padding: 24px 0 !important;
}

@media (max-width: 991px) {
    .sticky-header .logo img { max-height: 56px; max-width: 200px; }
    .sticky-header .main-menu { display: none; }
}

/* Mobile drawer */
.mobile-menu .nav-logo img {
    max-height: 50px;
    width: auto;
}

/* Responsive */
@media (max-width: 1199px) {
    .main-header .main-menu .navigation > li > a {
        font-size: 13.5px !important;
        padding: 0 6px !important;
    }
    .main-header .header-upper .logo-box .logo img {
        max-height: 46px;
        max-width: 180px;
    }
}

@media (max-width: 991px) {
    .main-header .header-upper .logo-box .logo img {
        max-height: 44px;
        max-width: 160px;
    }
}

/*=============================================
   Buttons
==============================================*/
.btn-style-one,
.theme-btn.btn-style-one,
.btn-style-one:hover {
    background-color: var(--avc-green) !important;
    border-color: var(--avc-green) !important;
}

.btn-style-one .txt {
    color: #fff !important;
}

.btn-style-two {
    background-color: var(--avc-navy) !important;
    border-color: var(--avc-navy) !important;
}

.btn-style-two:hover {
    background-color: var(--avc-gold) !important;
    border-color: var(--avc-gold) !important;
    color: #fff !important;
}

a.read-more,
.read-more {
    color: var(--avc-green) !important;
}

a.read-more:hover {
    color: var(--avc-navy) !important;
}

/*=============================================
   Section title
==============================================*/
.sec-title .big-text {
    color: rgba(91, 166, 64, 0.10) !important;
    -webkit-text-stroke: 1px rgba(91, 166, 64, 0.30);
}

.sec-title .title {
    color: var(--avc-green) !important;
}

.sec-title h2 {
    color: var(--avc-navy) !important;
}

/*=============================================
   About / Service / Counters
==============================================*/
.about-section .feature-block .icon,
.service-block .icon,
.service-block .inner-box .icon {
    color: var(--avc-green) !important;
}

.about-section .feature-block h5,
.service-block h5,
.service-block h5 a {
    color: var(--avc-navy) !important;
}

.service-block .inner-box:hover h5 a,
.service-block:hover h5 a {
    color: var(--avc-green) !important;
}

.counter-box,
.about-section .counter-box {
    /* background-color: var(--avc-navy) !important; */
}

.counter-column h2,
.counter-column .counter-text {
    color: var(--avc-navy) !important;
}

.counter-column h2 .odometer {
    color: var(--avc-green) !important;
}

/*=============================================
   CTA / Footer / Slider overlays
==============================================*/
.cta-section,
.cta-section .gradient-layer {
    background-color: rgba(20, 43, 92, 0.85) !important;
}

.main-footer {
    background-color: var(--avc-navy) !important;
    color: #d3dcec;
}

.main-footer h4,
.main-footer h5,
.main-footer .footer-widget h4 {
    color: #fff !important;
}

.main-footer a,
.main-footer .text,
.main-footer .contact-list li,
.main-footer .timing {
    color: #d3dcec !important;
}

.main-footer a:hover {
    color: var(--avc-gold) !important;
}

/* Footer — social media icons as circular buttons */
.main-footer .social-box,
.main-footer .footer-widget .social-box {
    list-style: none !important;
    padding: 0 !important;
    margin: 12px 0 0 !important;
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px !important;
}

.main-footer .social-box li,
.main-footer .footer-widget .social-box li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-footer .social-box li a,
.main-footer .footer-widget .social-box li a {
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.10) !important;
    color: #fff !important;
    font-size: 16px !important;
    display: inline-block !important;
    transition: all .25s ease;
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.main-footer .social-box li a:hover,
.main-footer .footer-widget .social-box li a:hover {
    background-color: var(--avc-green) !important;
    border-color: var(--avc-green);
    color: #fff !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(91, 166, 64, 0.30);
}

/* Brand-specific hover tints (optional polish) */
.main-footer .social-box li a.fa-facebook:hover,
.main-footer .social-box li a.fa-facebook-f:hover { background-color: #1877f2 !important; border-color: #1877f2; box-shadow: 0 8px 18px rgba(24, 119, 242, 0.30); }
.main-footer .social-box li a.fa-twitter:hover { background-color: #1da1f2 !important; border-color: #1da1f2; box-shadow: 0 8px 18px rgba(29, 161, 242, 0.30); }
.main-footer .social-box li a.fa-linkedin:hover { background-color: #0a66c2 !important; border-color: #0a66c2; box-shadow: 0 8px 18px rgba(10, 102, 194, 0.30); }
.main-footer .social-box li a.fa-instagram:hover { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%) !important; border-color: #d6249f; box-shadow: 0 8px 18px rgba(214, 36, 159, 0.35); }

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    color: #d3dcec;
}

/*=============================================
   Page Title (inner pages)
==============================================*/
.page-title {
    background-color: var(--avc-navy) !important;
}

.page-title h1,
.page-title .bread-crumb li,
.page-title .bread-crumb li a {
    color: #fff !important;
}

.page-title .bread-crumb li.active,
.page-title .bread-crumb li a:hover {
    color: var(--avc-gold) !important;
}

/*=============================================
   Product / Service cards
==============================================*/
.product-block .inner-box .lower-box .price,
.service-block-two h5 a {
    color: var(--avc-navy) !important;
}

.service-block-two h5 a:hover {
    color: var(--avc-green) !important;
}

.product-block .inner-box .image-box .image a,
.product-block .inner-box .h5 a {
    color: var(--avc-navy);
}

/*=============================================
   Misc - small touches
==============================================*/
.preloader,
.handle-preloader {
    background-color: #fff !important;
}

.txt-loading .letters-loading {
    color: rgba(20, 43, 92, 0.20) !important;
}

.txt-loading .letters-loading::before {
    color: var(--avc-green) !important;
}

/* Scroll-to-top button — green ring & arrow */
.progress-wrap {
    box-shadow: inset 0 0 0 2px rgba(91, 166, 64, 0.30) !important;
    background: #fff !important;
}
.progress-wrap::after {
    color: var(--avc-green) !important;
    background: transparent !important;
}
.progress-wrap svg.progress-circle path {
    stroke: var(--avc-green) !important;
}
.scroll-to-top {
    background-color: var(--avc-green) !important;
}

/* Flaticon — bind font-family to ALL .flaticon-* classes
   (theme only applies it to a few specific selectors which means
   bare <span class="flaticon-..."> spans render blank otherwise) */
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before {
    font-family: "Flaticon" !important;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Read-more anchors with arrow icon */
a.read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: var(--avc-green) !important;
    text-decoration: none;
    transition: gap .2s ease, color .2s ease;
}
a.read-more:hover {
    color: var(--avc-navy) !important;
    gap: 12px;
}
a.read-more i.fa,
a.read-more .flaticon-next-3,
a.read-more [class^="flaticon-"],
a.read-more [class*=" flaticon-"] {
    font-size: 13px;
    line-height: 1;
    transition: transform .2s ease;
}
a.read-more:hover i.fa { transform: translateX(2px); }

::selection {
    background: var(--avc-green);
    color: #fff;
}

/*=============================================
   Avacado-specific helpers
==============================================*/
.avc-bg-navy { background-color: var(--avc-navy) !important; color: #fff; }
.avc-bg-green { background-color: var(--avc-green) !important; color: #fff; }
.avc-bg-gold { background-color: var(--avc-gold) !important; color: #fff; }
.avc-bg-light { background-color: var(--avc-gold-light) !important; }

.avc-text-navy { color: var(--avc-navy) !important; }
.avc-text-green { color: var(--avc-green) !important; }
.avc-text-gold { color: var(--avc-gold) !important; }

.avc-card {
    background: #fff;
    border-radius: 6px;
    padding: 30px 25px;
    box-shadow: 0 8px 26px rgba(20, 43, 92, 0.08);
    border-top: 3px solid var(--avc-green);
    transition: all 0.3s ease;
    height: 100%;
}

.avc-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 40px rgba(20, 43, 92, 0.14);
    border-top-color: var(--avc-gold);
}

.avc-card .avc-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    background: rgba(91, 166, 64, 0.12);
    color: var(--avc-green);
    font-size: 32px;
    margin-bottom: 18px;
    transition: all 0.3s ease;
}

.avc-card:hover .avc-icon {
    background: var(--avc-green);
    color: #fff;
}

.avc-card h5 {
    color: var(--avc-navy);
    margin-bottom: 12px;
    font-weight: 700;
}

.avc-card p {
    color: #555;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

.avc-industry-card {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 6px;
    text-align: center;
    padding: 28px 18px;
    transition: all .3s ease;
    height: 100%;
}

.avc-industry-card img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    margin-bottom: 15px;
    transition: transform .3s ease;
}

.avc-industry-card h5 {
    color: var(--avc-navy);
    font-size: 17px;
    font-weight: 700;
    margin: 0;
}

.avc-industry-card:hover {
    border-color: var(--avc-green);
    box-shadow: 0 10px 30px rgba(20, 43, 92, 0.10);
    transform: translateY(-4px);
}

.avc-industry-card:hover img {
    transform: scale(1.10);
}

/* Slider — kill the theme's dark shadow overlay & keep text legible */
.main-slider .slide:before { display: none !important; }

/* Slide layout — flex-centered content, viewport-driven height so the
   banner is never too short or too tall, and there's always breathing
   room between the header and the headline. */
.main-slider .slide {
    padding: 90px 0 !important;
    min-height: clamp(360px, 56vh, 560px);
    display: flex;
    align-items: center;
}

.main-slider .image-layer {
    background-size: cover !important;
    background-position: center !important;
}

.main-slider .slide .auto-container {
    position: relative;
    z-index: 2;
    width: 100%;
}

/* Constrain slider text to the left half so it never crosses onto the
   product photo on the right of the banner. */
.main-slider .content-column .inner-column {
    max-width: 600px;
}

/* Slider text — navy heading + gold subtitle, fluid sizing across all
   viewports so the headline scales smoothly from phones to desktops. */
.main-slider h1 {
    color: var(--avc-navy) !important;
    text-shadow: none;
    max-width: 600px;
    overflow-wrap: break-word;
    font-size: clamp(24px, 4.4vw, 60px) !important;
    line-height: 1.18 !important;
    margin-bottom: 18px !important;
}

.main-slider .text {
    color: var(--avc-gold) !important;
    font-weight: 600;
    font-size: clamp(14px, 1.5vw, 18px) !important;
    margin-bottom: 22px !important;
}

.main-slider .button-box .btn-style-one .txt {
    color: #fff !important;
}

/* Tablet — slightly tighter padding & let text use the full column. */
@media (max-width: 991px) {
    .main-slider .slide { padding: 80px 0 !important; }
}

/* Mobile — keep the hero compact but with breathing room from the header. */
@media (max-width: 767px) {
    .main-slider .slide {
        padding: 70px 0 !important;
        min-height: 320px;
    }
    .main-slider .content-column .inner-column { max-width: 100%; }
    .main-slider h1 { max-width: 100%; }
}

/* Small handsets */
@media (max-width: 479px) {
    .main-slider .slide {
        padding: 56px 0 !important;
        min-height: 260px;
    }
    .main-slider h1 { line-height: 1.22 !important; }
}

/* Why Choose Us / impact strip */
.avc-impact {
    background: var(--avc-navy);
    color: #fff;
    padding: 70px 0;
    position: relative;
}

.avc-impact .impact-num {
    font-size: 56px;
    font-weight: 800;
    color: var(--avc-gold);
    line-height: 1;
    margin-bottom: 8px;
    display: block;
}

.avc-impact .impact-label {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
}

.avc-impact .impact-col + .impact-col {
    border-left: 1px solid rgba(255, 255, 255, 0.08);
}

@media (max-width: 767px) {
    .avc-impact .impact-col + .impact-col { border-left: 0; }
    .avc-impact .impact-col { padding: 18px 0; }
}

/* Section spacing helpers */
.avc-section { padding: 90px 0; }
.avc-section-sm { padding: 60px 0; }

/* Bullet list */
.avc-list { list-style: none; padding: 0; margin: 18px 0; }
.avc-list li {
    position: relative;
    padding-left: 26px;
    color: #444;
    margin-bottom: 8px;
    line-height: 1.7;
}
.avc-list li::before {
    content: "\f00c";
    font-family: "FontAwesome";
    color: var(--avc-green);
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 13px;
}

/* Vision/Mission boxes */
.avc-vm-box {
    background: #fff;
    border-radius: 8px;
    padding: 35px 30px;
    box-shadow: 0 8px 26px rgba(20, 43, 92, 0.08);
    border-bottom: 4px solid var(--avc-green);
    height: 100%;
}

.avc-vm-box.gold-edge { border-bottom-color: var(--avc-gold); }
.avc-vm-box.navy-edge { border-bottom-color: var(--avc-navy); }

.avc-vm-box .vm-icon {
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    background: var(--avc-green);
    color: #fff;
    border-radius: 50%;
    font-size: 26px;
    margin-bottom: 18px;
}

.avc-vm-box.gold-edge .vm-icon { background: var(--avc-gold); }
.avc-vm-box.navy-edge .vm-icon { background: var(--avc-navy); }

.avc-vm-box h4 {
    color: var(--avc-navy);
    font-weight: 700;
    margin-bottom: 14px;
}

/* Facility CTA — homepage */
.avc-facility-cta {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
    color: #fff;
}

.avc-facility-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}

.avc-facility-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, rgba(20, 43, 92, 0.92) 0%, rgba(20, 43, 92, 0.78) 55%, rgba(20, 43, 92, 0.55) 100%);
    z-index: 1;
}

.avc-facility-cta .auto-container {
    position: relative;
    z-index: 2;
}

.avc-facility-eyebrow {
    display: inline-block;
    color: var(--avc-gold);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 13px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--avc-gold);
    margin-bottom: 18px;
}

.avc-facility-cta h2 {
    color: #fff;
    font-size: 38px;
    line-height: 1.25;
    font-weight: 800;
    margin-bottom: 18px;
}

.avc-facility-cta p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 30px;
    max-width: 620px;
}

.avc-facility-cta p strong {
    color: #fff;
    font-weight: 700;
}

.avc-facility-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.avc-facility-actions .btn-style-one i { margin-left: 8px; font-size: 12px; }

.avc-btn-outline.btn-style-one {
    background: transparent !important;
    border: 2px solid rgba(255, 255, 255, 0.40) !important;
}

.avc-btn-outline.btn-style-one:hover {
    background: var(--avc-gold) !important;
    border-color: var(--avc-gold) !important;
}

/* Stats grid on the right */
.avc-facility-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 0;
}

.avc-facility-stat {
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 8px;
    padding: 24px 22px;
    text-align: left;
    transition: all .3s ease;
}

.avc-facility-stat:hover {
    background: rgba(255, 255, 255, 0.10);
    border-color: var(--avc-gold);
    transform: translateY(-4px);
}

.avc-facility-stat .num {
    font-size: 40px;
    font-weight: 800;
    color: var(--avc-gold);
    line-height: 1;
    margin-bottom: 8px;
}

.avc-facility-stat .num span {
    font-size: 18px;
    margin-left: 2px;
    font-weight: 700;
}

.avc-facility-stat .lbl {
    color: rgba(255, 255, 255, 0.85);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

@media (max-width: 991px) {
    .avc-facility-cta { padding: 70px 0; text-align: left; }
    .avc-facility-cta h2 { font-size: 30px; }
    .avc-facility-stats { margin-top: 36px; }
}

@media (max-width: 575px) {
    .avc-facility-cta h2 { font-size: 24px; }
    .avc-facility-stats { grid-template-columns: 1fr; }
    .avc-facility-stat { padding: 18px; }
    .avc-facility-stat .num { font-size: 32px; }
}

/* Brochure download badge */
.avc-brochure-card {
    background: linear-gradient(135deg, var(--avc-navy) 0%, #1d3a7a 100%);
    color: #fff;
    padding: 30px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.avc-brochure-card .icon {
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    background: var(--avc-gold);
    font-size: 28px;
    color: #fff;
}

.avc-brochure-card .body { flex: 1; }
.avc-brochure-card h5 { color: #fff; margin: 0 0 4px; font-weight: 700; }
.avc-brochure-card p { margin: 0; color: rgba(255,255,255,0.85); font-size: 14px; }

.avc-brochure-card a.dl-btn {
    background: var(--avc-green);
    color: #fff;
    padding: 10px 22px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    transition: all .3s ease;
}

.avc-brochure-card a.dl-btn:hover {
    background: var(--avc-gold);
    color: #fff;
}

/* ============ Contact page ============ */
.avc-contact-grid { margin-top: 10px; }

.avc-contact-card {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 8px;
    padding: 30px 24px 26px;
    text-align: center;
    height: 100%;
    transition: all .3s ease;
    position: relative;
    overflow: hidden;
}

.avc-contact-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: var(--avc-green);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .3s ease;
}

.avc-contact-card:hover {
    border-color: var(--avc-green);
    box-shadow: 0 12px 30px rgba(20, 43, 92, 0.10);
    transform: translateY(-4px);
}

.avc-contact-card:hover::before { transform: scaleX(1); }

.avc-contact-icon {
    width: 64px;
    height: 64px;
    line-height: 64px;
    background: rgba(91, 166, 64, 0.10);
    color: var(--avc-green);
    border-radius: 50%;
    margin: 0 auto 16px;
    font-size: 24px;
    transition: all .3s ease;
}

.avc-contact-card:hover .avc-contact-icon {
    background: var(--avc-green);
    color: #fff;
    transform: scale(1.05);
}

.avc-contact-card h5 {
    color: var(--avc-navy);
    font-weight: 700;
    margin: 0 0 10px;
    font-size: 18px;
}

.avc-contact-card p {
    color: #666;
    line-height: 1.7;
    font-size: 14px;
    margin: 0 0 14px;
}

.avc-contact-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--avc-green);
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: gap .25s ease, color .2s ease;
}

.avc-contact-link:hover {
    color: var(--avc-navy);
    gap: 10px;
}

.avc-contact-social {
    list-style: none;
    padding: 0;
    margin: 6px 0 0;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.avc-contact-social li { list-style: none; margin: 0; }

.avc-contact-social a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    background: rgba(91, 166, 64, 0.10);
    color: var(--avc-green);
    font-size: 14px;
    display: inline-block;
    transition: all .25s ease;
    text-decoration: none;
}

.avc-contact-social a:hover {
    background: var(--avc-green);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 6px 14px rgba(91, 166, 64, 0.30);
}

.avc-contact-social a.fa-facebook:hover,
.avc-contact-social a.fa-facebook-f:hover { background: #1877f2; box-shadow: 0 6px 14px rgba(24, 119, 242, 0.30); }
.avc-contact-social a.fa-twitter:hover { background: #1da1f2; box-shadow: 0 6px 14px rgba(29, 161, 242, 0.30); }
.avc-contact-social a.fa-linkedin:hover { background: #0a66c2; box-shadow: 0 6px 14px rgba(10, 102, 194, 0.30); }
.avc-contact-social a.fa-instagram:hover { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); box-shadow: 0 6px 14px rgba(214, 36, 159, 0.35); }

/* Form wrapper */
.avc-contact-form-wrap {
    background: #fff;
    border-radius: 10px;
    padding: 36px 32px;
    box-shadow: 0 8px 30px rgba(20, 43, 92, 0.06);
}

.avc-contact-form-wrap h3 {
    font-weight: 800;
    margin-bottom: 6px;
    font-size: 26px;
}

.avc-form label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--avc-navy);
    margin-bottom: 6px;
    letter-spacing: 0.2px;
}

.avc-form label .req { color: #e63946; margin-left: 2px; }

.avc-submit-btn {
    background: var(--avc-green);
    color: #fff;
    border: 0;
    padding: 13px 32px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 14.5px;
    cursor: pointer;
    transition: all .25s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.avc-submit-btn:hover {
    background: var(--avc-navy);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(20, 43, 92, 0.25);
}

.avc-form-actions {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    margin-top: 6px;
}

.avc-form-note {
    color: #888;
    font-size: 12.5px;
    font-style: italic;
}

/* Sidebar cards */
.avc-side-card {
    background: #fff;
    border-radius: 10px;
    padding: 24px;
    box-shadow: 0 8px 24px rgba(20, 43, 92, 0.06);
    margin-bottom: 20px;
}

.avc-side-card h5 {
    color: var(--avc-navy);
    font-weight: 700;
    font-size: 16px;
    margin: 0 0 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eef0f3;
}

.avc-logi-row { margin-bottom: 14px; }
.avc-logi-row:last-child { margin-bottom: 0; }
.avc-logi-label {
    color: var(--avc-green);
    font-weight: 700;
    font-size: 12.5px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 6px;
}
.avc-logi-val {
    color: #555;
    font-size: 14px;
    line-height: 1.6;
}

.avc-quick-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.avc-quick-links li {
    list-style: none;
    margin: 0;
    border-bottom: 1px solid #f3f4f7;
}

.avc-quick-links li:last-child { border-bottom: 0; }

.avc-quick-links a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    color: var(--avc-navy);
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    transition: all .2s ease;
}

.avc-quick-links a i {
    color: var(--avc-green);
    transition: transform .2s ease;
}

.avc-quick-links a:hover {
    color: var(--avc-green);
    padding-left: 4px;
}

.avc-quick-links a:hover i { transform: translateX(2px); }

/* Brochure card override — make full-card layout work nicely on the contact page */
.avc-brochure-card {
    background: linear-gradient(135deg, var(--avc-navy) 0%, #1d3a7a 100%);
    color: #fff;
    padding: 26px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.avc-brochure-card .icon {
    flex: 0 0 60px;
    width: 60px; height: 60px; line-height: 60px;
    text-align: center;
    border-radius: 50%;
    background: var(--avc-gold);
    font-size: 26px;
    color: #fff;
}

.avc-brochure-card .body { flex: 1; min-width: 200px; }
.avc-brochure-card h5 { color: #fff; margin: 0 0 4px; font-weight: 700; font-size: 17px; }
.avc-brochure-card p { margin: 0 0 12px; color: rgba(255,255,255,0.85); font-size: 13.5px; }

.avc-brochure-card a.dl-btn {
    background: var(--avc-green);
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    font-size: 13.5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all .25s ease;
}

.avc-brochure-card a.dl-btn:hover {
    background: var(--avc-gold);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(194, 162, 106, 0.40);
}

/* Map */
.avc-map-wrap {
    margin-top: 0;
    overflow: hidden;
}

.avc-map-wrap iframe {
    filter: grayscale(0.15) contrast(1.05);
}

@media (max-width: 767px) {
    .avc-contact-form-wrap { padding: 26px 22px; }
    .avc-form-actions { flex-direction: column; align-items: flex-start; }
    .avc-form-note { font-size: 12px; }
}

/* Form */
.avc-form .form-group { margin-bottom: 20px; }
.avc-form input,
.avc-form textarea,
.avc-form select {
    width: 100%;
    border: 1px solid #e2e2e2;
    background: #fff;
    padding: 12px 16px;
    border-radius: 4px;
    font-size: 15px;
    color: #333;
    transition: border-color .2s ease;
}
.avc-form input:focus,
.avc-form textarea:focus,
.avc-form select:focus {
    outline: none;
    border-color: var(--avc-green);
    box-shadow: 0 0 0 3px rgba(91, 166, 64, 0.15);
}
.avc-form textarea { min-height: 130px; resize: vertical; }

.avc-form button[type="submit"] {
    background: var(--avc-green);
    color: #fff;
    border: 0;
    padding: 12px 32px;
    border-radius: 30px;
    font-weight: 600;
    transition: background .3s ease;
}
.avc-form button[type="submit"]:hover {
    background: var(--avc-navy);
}

/* Certificate row */
.avc-cert-img {
    background: #fff;
    padding: 12px;
    border: 1px solid #ececec;
    border-radius: 6px;
    box-shadow: 0 6px 20px rgba(20, 43, 92, 0.08);
    transition: transform .3s ease;
    height: 100%;
}
.avc-cert-img:hover { transform: translateY(-5px); }
.avc-cert-img img { width: 100%; height: auto; display: block; }

/* MD intro card */
.avc-md-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(20, 43, 92, 0.10);
}
.avc-md-card .photo {
    background: var(--avc-gold-light);
    text-align: center;
    padding: 30px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.avc-md-card .photo img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    border: 4px solid #fff;
    box-shadow: 0 6px 20px rgba(20, 43, 92, 0.10);
}
.avc-md-card .body { padding: 30px 26px; }
.avc-md-card h4 { color: var(--avc-navy); margin-bottom: 4px; }
.avc-md-card .role { color: var(--avc-green); font-weight: 600; margin-bottom: 16px; }
.avc-md-card p { color: #555; line-height: 1.8; }

/* Process / step */
.avc-step {
    background: #fff;
    border-radius: 8px;
    padding: 28px 22px;
    box-shadow: 0 6px 22px rgba(20, 43, 92, 0.08);
    text-align: center;
    position: relative;
    height: 100%;
}
.avc-step .step-num {
    width: 44px; height: 44px; line-height: 44px;
    border-radius: 50%;
    background: var(--avc-gold);
    color: #fff;
    font-weight: 700;
    margin: 0 auto 14px;
}
.avc-step h5 { color: var(--avc-navy); font-weight: 700; }
.avc-step p { color: #555; font-size: 14px; margin: 0; }

/* Generic page-title spacing fix when there's no slider */
.page-title.avc-page-title {
    padding: 90px 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.page-title.avc-page-title::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(20,43,92,0.85) 0%, rgba(20,43,92,0.55) 100%);
}
.page-title.avc-page-title .auto-container { position: relative; z-index: 2; }
.page-title.avc-page-title h1 {
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 10px;
    color: #fff;
}
.page-title.avc-page-title .bread-crumb {
    color: rgba(255,255,255,0.85);
}
.page-title.avc-page-title .bread-crumb a {
    color: rgba(255,255,255,0.85);
}
.page-title.avc-page-title .bread-crumb a:hover { color: var(--avc-gold); }

/* Footer logo — render the full logo in white on the dark navy footer */
.main-footer .logo {
    display: inline-block;
    margin-bottom: 18px;
}
.main-footer .logo img {
    height: 95px;
    width: auto;
    max-width: 230px;
    background: transparent;
    padding: 0;
    border-radius: 0;
    display: block;
    filter: brightness(0) invert(1);
}