/* Color palette */
    :root{
      --primary: #013222;
      --secondary: #004D14;
      --accent: #046200;
      --light1: #F6F7F2;
      --light2: #E6EDE4;
      --light3: #E1E5DC;
      --white: #FFFFFF;
      --black: #000000;
    }

    html{
      scroll-behavior: smooth;
    }

    /* Base fonts */
    body{font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; color:var(--primary); background:var(--light1);}
    h1,h2,h3,h4{color:var(--primary);}

    /* scroll to top */

     /* Move to top button */
    #moveTopBtn{
      position:fixed;
      bottom:25px;
      right:25px;
      background:var(--secondary);
      color:#fff;
      padding:8px 12px;
      border:none;
      border-radius:10%;
      font-size:22px;
      cursor:pointer;
      display:none;
      z-index:999;
      box-shadow:0 6px 20px rgba(0,0,0,0.3);
      transition:0.3s;
    }
    #moveTopBtn:hover{background:var(--accent);}

    /* Sticky navbar */
    .navbar{background:linear-gradient(90deg,var(--white) 0%, rgba(255,255,255,0.9) 100%); box-shadow:0 2px 8px rgba(1,50,34,0.06);} 
    .navbar .brand-title{font-family:'Montserrat',sans-serif; font-weight:700; color:var(--primary);} 
    .nav-center{margin:auto;}
    .nav-link{color:var(--primary) !important; font-weight:500; padding:8px 12px; border-radius:8px; text-decoration:none;}
    .navbar-nav{ gap: 5px}
    .nav-link.active, .nav-link:hover{background:var(--accent); color:#fff !important; text-decoration:none;}

    /* Mobile drawer */
    .drawer-backdrop{position:fixed; inset:0; background:rgba(0,0,0,0.45); display:none; z-index:1045;}
    .drawer{position:fixed; left:0; top:0; height:100vh; width:70%; max-width:420px; background:#fff; transform:translateX(-110%); z-index:1046; transition:transform .32s ease-in-out; box-shadow: 6px 0 30px rgba(0,0,0,0.12);}
    .drawer.open{transform:translateX(0);} 
    .drawer-close{position:absolute; right:8px; top:8px; background:transparent; border:none; font-size:1.6rem;}

    /* Hero slider */
    .hero{position:relative; overflow:hidden;}
    .hero .carousel-item{min-height:60vh; display:flex; align-items:center;}
    .hero .hero-left{flex:0 0 55%; padding:2rem;}
    .hero .hero-right{flex:0 0 45%; display:flex; align-items:center; justify-content:center;}
    .hero .hero-img{max-width:80%; border-radius:12px; box-shadow:0 8px 30px rgba(1,50,34,0.12);}
    .hero .hero-content h1{font-family:'Raleway',sans-serif; font-size:2.1rem; margin-bottom:0.5rem;}
    .hero .hero-content p{font-family:'Lora',serif;}

    #heroCarousel .carousel-item {
  display: none !important;
}
#heroCarousel .carousel-item.active {
  display: block !important;
}


    /* Section spacing */
    section{padding:80px 0;}
    @media(max-width:992px){ .hero .carousel-item{min-height:65vh;} .hero .hero-left, .hero .hero-right{flex:1 1 100%; text-align:center;} .hero .hero-img{max-width:60%;} }
    @media(max-width:576px){ .drawer{width:80%;} }

    /* Cards */
    .service-card, .feature-card, .issue-card{background:var(--white); border-radius:12px; padding:1.6rem; box-shadow:0 8px 20px rgba(1,50,34,0.06);} 
    .service-card .icon, .feature-card .icon{font-size:2.2rem; color:var(--accent);}

    /* Banners */
    .image-banner{position:relative; border-radius:12px; overflow:hidden;}
    .image-banner .overlay{position:absolute; inset:0; background:linear-gradient(90deg, rgba(1,50,34,0.65), rgba(4,98,0,0.25)); display:flex; align-items:center; justify-content:center; color:#fff; padding:2rem;}

    /* Blog / testimonial carousels */
    .blog-card, .testi-card{padding:1rem; background:var(--white); border-radius:12px; box-shadow:0 8px 20px rgba(1,50,34,0.06);} 

    /* Footer */
    .footer{background:var(--primary); color:#fff; padding:40px 0;}
    .footer a{color:#fff; text-decoration:none;}

    /* small helpers */
    .rounded-sm{border-radius:8px;} 
    .rating .fa-star{color:#FFD166;}

    /* accessibility focus */
    a:focus, button:focus{outline:3px solid rgba(4,98,0,0.18); outline-offset:2px;}

    /* Hover effect for ALL cards */
.service-card, .feature-card, .issue-card, .blog-card, .testi-card{
background:var(--white);
transition:0.35s ease;
}
.service-card:hover,
.feature-card:hover,
.issue-card:hover,
.blog-card:hover,

.testi-card:hover{
background:var(--secondary);
color:#fff !important;
transform:translateY(-6px);
box-shadow:0 10px 25px rgba(0,0,0,0.18);
}
.card:hover{
background:var(--secondary);
color:#fff !important;
transform:translateY(-6px);
box-shadow:0 10px 25px rgba(0,0,0,0.18);
}
.card:hover h6{
  color: white;
}
.service-card:hover p,
.feature-card:hover p,
.issue-card:hover p,
.blog-card:hover p,
.testi-card:hover p,
.service-card:hover h5,
.feature-card:hover h5,
.issue-card:hover h5,
.blog-card:hover h5,
.testi-card:hover h6{
color:#fff !important;
}
.service-card:hover i,
.feature-card:hover i{
color:#fff !important;
}

/* support-list */

.support-list li {
  margin-bottom: 8px;
  font-size: 15px;
  color: var(--primary);
  font-family: 'Poppins', sans-serif;
  list-style: none;
  position: relative;
  padding-left: 22px;
}

.support-list li::before {
  content: "»";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--accent);
  font-weight: 700;
}

/* printer category support section */

.printer-box {
  background: var(--white);
  padding: 25px;
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(1,50,34,0.08);
  transition: 0.3s ease;
}

.printer-box:hover {
  background: var(--secondary);
  color: #fff;
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.15);
}

.printer-box:hover .printer-title {
  color: #fff;
}

.printer-img-wrap {
  background: var(--light3);
  border-radius: 14px;
  padding: 25px;
  margin-bottom: 18px;
  display: flex;
  justify-content: center;
}

.printer-title {
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 18px;
  color: var(--primary);
}

.printer-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.printer-list li {
  margin-bottom: 8px;
  font-size: 14.5px;
  color: var(--primary);
  position: relative;
  padding-left: 18px;
  font-family: 'Poppins', sans-serif;
}

.printer-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--accent);
  font-weight: 700;
}

.printer-box:hover .printer-list li {
  color: #fff !important;
}

.printer-box:hover .printer-list li::before {
  color: #fff;
}

/* printer issue info section */

.issues-list-custom {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.issues-list-custom li {
  font-size: 15px;
  margin-bottom: 8px;
  color: var(--primary);
  font-family: 'Poppins', sans-serif;
  padding-left: 20px;
  position: relative;
}

.issues-list-custom li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  color: var(--accent);
}

/* expert support section */

.expert-img-box {
  background: var(--light3);
  border-radius: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.expert-support-list {
  list-style: none;
  padding-left: 0;
  margin-top: 20px;
}

.expert-support-list li {
  font-size: 15px;
  color: var(--primary);
  font-family: 'Poppins', sans-serif;
  margin-bottom: 10px;
  padding-left: 22px;
  position: relative;
}

.expert-support-list li::before {
  content: "»";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--accent);
}

/* Modern Drawer Backdrop */
.drawer-backdrop-modern {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  display: none;
  z-index: 1050;
  backdrop-filter: blur(3px);
}

/* Drawer container */
.drawer-modern {
  position: fixed;
  left: 0;
  top: 0;
  width: 82%;
  max-width: 340px;
  height: 110vh;
  background: var(--white);
  z-index: 1060;
  padding: 20px 18px;
  box-shadow: 5px 0 35px rgba(0,0,0,0.18);
  transform: translateX(-110%);
  transition: transform .32s cubic-bezier(.25,.8,.25,1);
  border-right: 1px solid rgba(0,0,0,0.06);
}

/* Drawer open state */
.drawer-modern.open {
  transform: translateX(0);
}

/* Drawer Close Button */
.drawer-close-modern {
  background: var(--light2);
  border: none;
  border-radius: 10px;
  padding: 6px 10px;
  font-size: 1.2rem;
  cursor: pointer;
  color: var(--primary);
  position: absolute;
  top: 14px;
  right: 16px;
  transition: 0.25s;
}
.drawer-close-modern:hover {
  background: var(--accent);
  color: #fff;
}

/* Header */
.drawer-header-modern {
  padding: 15px 5px;
  margin-top: 35px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--light3);
}

/* Menu list */
.drawer-menu-modern {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* Menu items */
.drawer-menu-modern li a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 12px;
  color: var(--primary);
  background: var(--light1);
  border: 1px solid var(--light3);
  transition: all .25s ease;
}

/* Hover */
.drawer-menu-modern li a:hover {
  background: var(--secondary);
  color: #fff;
  border-color: var(--secondary);
  transform: translateX(6px);
}

/* Icons */
.drawer-menu-modern li a i {
  font-size: 1.25rem;
}

/* blog pages */

.lead{
  font-size: 16px;
}

/* Cookie Consent Box */
.cookie-box {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #013222;
  color: #ffffff;
  padding: 18px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: all 0.5s ease-in-out;
}

.cookie-box.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.cookie-box p {
  margin: 0;
  font-size: 14px;
  max-width: 70%;
}

.cookie-actions {
  display: flex;
  align-items: center;
}