/* ===== GLOBAL VARIABLES ===== */
:root{
    --primary:#ffc107;
    --dark:#000;
    --light:#fff;
    --text:#aaa;
  }
  
  /* ===== GLOBAL RESET ===== */
  *{
    margin:0;
    padding:0;
    box-sizing:border-box;
  }
  
  /* ===== GLOBAL SPACING ===== */
  section{
    padding:100px 0;
  }
  
  /* ===== TYPOGRAPHY ===== */
  h1,h2,h3,h4{
    font-weight:700;
  }
  
  p{
    color:var(--text);
  }
:root{
    --primary:#ffc107;
    --dark:#000;
    --dark-soft:#0a0a0a;
    --card:#111;
    --text:#cfcfcf;
    --white:#fff;
  
    --radius:18px;
    --transition:0.3s ease;
  }

/* RESET + GLOBAL */
body{
  margin:0;
  font-family:Arial, sans-serif;
  padding-top:80px; /* for fixed navbar */
}

section{
  padding:80px 0;
}

/* HERO SYSTEM */
.hero{
  height:100vh;
  min-height:600px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  text-align:center;
  color:#fff;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.6);
}

.hero-content{
  position:relative;
  z-index:2;
}

/* CARDS */
.service-card{
  background:#111;
  color:#fff;
  border-radius:15px;
  padding:30px;
  transition:0.3s;
}

.service-card:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 50px rgba(0,0,0,0.3);
}

/* FOOTER */
.footer{
  background:#000;
  color:#ccc;
  padding:40px 0;
  text-align:center;
}
/* ===== HERO SYSTEM (GLOBAL FIX) ===== */
.hero{
    height:100vh;
    min-height:600px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    text-align:center;
}

/* OVERLAY FOR READABILITY */
.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,0,0,0.7) 0%,
        rgba(0,0,0,0.5) 50%,
        rgba(0,0,0,0.3) 100%
    );
}

/* CONTENT ABOVE OVERLAY */
.hero-content{
    position:relative;
    z-index:2;
}

/* TEXT FIX */
.hero h1{
    color:#ffffff;
    font-size:48px;
    font-weight:700;
    text-shadow:0 5px 20px rgba(0,0,0,0.8);
}

.hero p{
    color:#eeeeee;
    font-size:18px;
    text-shadow:0 3px 10px rgba(0,0,0,0.7);
}/* ===== HERO IMAGES ===== */
.hero-home{
    background-image:url("../img/hero.jpg");
}

.hero-services {
    background: linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.85)),
    url("../img/hero.jpg") center/cover no-repeat;
  }

.hero-about{
    background-image:url("../img/hero.jpg");
}

.hero-contact{
    background-image:url("../img/contact.jpg");
}

.hero-mining{
    background-image:url("../img/mining.jpg");
}

.hero-residential{
  background-image:url("../img/residential-hero.jpg");
}

.hero-commercial{
  background-image: url("../img/commercial.jpg") !important;
}
/* CARD BASE */
.service-card{
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.1);
    transition:0.3s;
    display:flex;
    flex-direction:column;
}

/* MAKE ALL CARDS SAME HEIGHT */
.service-card.h-100{
    height:100%;
}

/* IMAGE */
.card-img{
    height:200px;
    overflow:hidden;
}

.card-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* CONTENT */
.card-content{
    padding:20px;
    flex-grow:1;
}

/* HOVER */
.service-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(0,0,0,0.2);
}

/* OVERLAY */
.card-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.6);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:0.3s;
}

.card-img{
    position:relative;
}

.service-card:hover .card-overlay{
    opacity:1;
}/* ===== ULTRA PREMIUM CARDS ===== */
.ultra-card{
    background:rgba(255,255,255,0.95);
    backdrop-filter:blur(10px);
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,0.1);
    transition:all 0.4s ease;
    position:relative;
}

/* IMAGE */
.ultra-card .card-img{
    position:relative;
    height:220px;
    overflow:hidden;
}

.ultra-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.6s ease;
}

/* OVERLAY GRADIENT */
.ultra-card .card-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        rgba(0,0,0,0.2),
        rgba(0,0,0,0.7)
    );
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:600;
    opacity:0;
    transition:0.4s;
}

/* CONTENT */
.ultra-card .card-content{
    padding:25px;
}

/* ICON */
.card-icon{
    font-size:28px;
    margin-bottom:10px;
}

/* TITLE */
.ultra-card h4{
    font-weight:700;
    margin-bottom:10px;
}

/* TEXT */
.ultra-card p{
    color:#555;
    font-size:14px;
}

/* HOVER EFFECT */
.ultra-card:hover{
    transform:translateY(-12px) scale(1.02);
    box-shadow:0 25px 70px rgba(0,0,0,0.2);
}

/* IMAGE ZOOM */
.ultra-card:hover img{
    transform:scale(1.1);
}

/* SHOW OVERLAY */
.ultra-card:hover .card-overlay{
    opacity:1;
}

/* GOLD BORDER GLOW */
.ultra-card::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:20px;
    border:2px solid transparent;
    transition:0.3s;
}

.ultra-card:hover::after{
    border-color:#C6A96B;
}/* MAKE ALL CARDS SAME HEIGHT */
.service-card{
    display:flex;
    flex-direction:column;
    height:100%;
}

/* CONTENT STRETCHES */
.card-content{
    flex-grow:1;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}.card-img{
    height:220px;
    overflow:hidden;
}

.card-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}/* FORCE SAME IMAGE SIZE */
.card-img{
    height:220px;       /* SAME HEIGHT FOR ALL */
    overflow:hidden;
}

/* FORCE IMAGE TO FIT */
.card-img img{
    width:100%;
    height:100%;
    object-fit:cover;   /* crops instead of stretching */
}.service-card{
    display:flex;
    flex-direction:column;
    height:100%;
}/* ===== INDUSTRIES SECTION ===== */
.industries-section{
    padding:80px 0;
    background:#f8f8f8;
}

/* CARD */
.industry-card{
    position:relative;
    display:block;
    border-radius:20px;
    overflow:hidden;
    height:300px;
    box-shadow:0 15px 40px rgba(0,0,0,0.1);
    transition:0.4s;
}

/* IMAGE */
.industry-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.6s;
}

/* OVERLAY */
.industry-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        rgba(0,0,0,0.3),
        rgba(0,0,0,0.8)
    );
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:25px;
    color:#fff;
}

/* TEXT */
.industry-overlay h4{
    font-size:22px;
    font-weight:700;
}

.industry-overlay p{
    font-size:14px;
    opacity:0.9;
}

/* HOVER EFFECT */
.industry-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,0.2);
}

/* ZOOM */
.industry-card:hover img{
    transform:scale(1.1);
}/* CONTACT FORM */
.contact-form{
    padding:30px;
    border-radius:15px;
    box-shadow:0 15px 40px rgba(0,0,0,0.1);
}

/* INPUTS */
.contact-form input,
.contact-form select,
.contact-form textarea{
    border-radius:8px;
    padding:12px;
    border:1px solid #ddd;
    transition:0.3s;
}

/* FOCUS */
.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus{
    border-color:#C6A96B;
    box-shadow:0 0 0 2px rgba(198,169,107,0.2);
}

/* LABELS */
.contact-form label{
    font-weight:500;
    margin-bottom:5px;
}/* SIMPLE SERVICE CARDS (LIKE YOUR DESIGN) */
.service-simple{
    background:#f5f5f5;
    padding:20px;
    border-radius:15px;
    transition:0.3s;
}

.service-simple:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

/* ICON BOX */
.icon-box{
    width:60px;
    height:60px;
    background:#fff;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    color:#C6A96B;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
}

/* TEXT */
.service-simple h4{
    font-weight:700;
    margin-bottom:5px;
}

.service-simple p{
    margin:0;
    color:#555;
}.service-card {
    background: #111;
    color: #fff;
    padding: 30px;
    border-radius: 12px;
    transition: 0.3s ease;
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);
  }
  
  .service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(255,193,7,0.3);
  }
  
  .service-card i {
    font-size: 28px;
    margin-bottom: 10px;
  }.hero-services {
    .hero-services{
        background:url("../img/services.jpg") center/cover no-repeat;
      }
    color: #fff;
    padding: 120px 0;
  }@media (max-width: 768px) {
    .hero-services h1 {
      font-size: 2rem;
    }
  
    .hero-services {
      padding: 100px 20px;
    }
  }/* GLOBAL HERO (used on ALL pages) */
.hero-global {
    background: linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.9)),
                url('../img/hero.jpg') center/cover no-repeat;
  }
  
  /* keep same spacing */
  .hero {
    display: flex;
    align-items: center;
  }.hero-services{
    background: url("../img/services.jpg") center/cover no-repeat;
}/* GALLERY CARD */
.gallery-card{
    height:260px;               /* FORCE SAME HEIGHT */
    overflow:hidden;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

/* IMAGE */
.gallery-card img{
    width:100%;
    height:100%;
    object-fit:cover;          /* IMPORTANT */
    transition:0.5s ease;
}

/* HOVER EFFECT */
.gallery-card:hover img{
    transform:scale(1.1);
}/* RUGGED CARD */
.rugged-card img{
    width:100%;
    height:350px;
    object-fit:cover;
    border-radius:15px;
}

/* LIST STYLE */
section ul li{
    margin-bottom:8px;
}/* MAKE CARDS LOOK NORMAL */
.card-link{
    text-decoration:none;
    color:inherit;
    display:block;
}html{
    scroll-behavior:smooth;
  }/* FOOTER */
.footer{
    background:#000;
    color:#ccc;
}

.footer a{
    color:#ccc;
    text-decoration:none;
    transition:0.3s;
}

.footer a:hover{
    color:#ffc107;
}

/* SOCIAL ICONS */
.social-icon{
    display:inline-block;
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    background:#111;
    border-radius:50%;
    margin-right:8px;
    color:#ffc107;
}

.social-icon:hover{
    background:#ffc107;
    color:#000;
}/* WHATSAPP BUTTON */
.whatsapp-float{
    position:fixed;
    bottom:25px;
    right:25px;
    z-index:9999;

    display:flex;
    align-items:center;
    gap:10px;

    background:#25D366;
    color:#fff;
    padding:10px 15px;
    border-radius:50px;

    box-shadow:0 10px 30px rgba(0,0,0,0.3);
    text-decoration:none;

    transition:0.3s;
}

/* ICON */
.whatsapp-float img{
    width:28px;
}

/* TEXT */
.whatsapp-text{
    font-size:14px;
    font-weight:500;
}

/* HOVER EFFECT */
.whatsapp-float:hover{
    transform:translateY(-3px);
    box-shadow:0 15px 40px rgba(0,0,0,0.4);
}

/* PULSE ANIMATION */
.whatsapp-float::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:50px;
    background:#25D366;
    opacity:0.6;
    animation:pulse 2s infinite;
    z-index:-1;
}

@keyframes pulse{
    0%{
        transform:scale(1);
        opacity:0.6;
    }
    70%{
        transform:scale(1.4);
        opacity:0;
    }
    100%{
        transform:scale(1);
        opacity:0;
    }
}

/* MOBILE */
@media(max-width:768px){
    .whatsapp-text{
        display:none;
    }

    .whatsapp-float{
        padding:10px;
        border-radius:50%;
    }
}.footer{
    background:#000;
    color:#ccc;
}

.footer h5,
.footer h6{
    color:#fff;
}

.footer a{
    color:#ccc;
    text-decoration:none;
    transition:0.3s;
}

.footer a:hover{
    color:#ffc107;
}

/* SOCIAL ICONS */
.social-icon{
    display:inline-block;
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    background:#111;
    border-radius:50%;
    margin-right:8px;
    color:#ffc107;
}

.social-icon:hover{
    background:#ffc107;
    color:#000;
}/* FOOTER PREMIUM */
.footer-premium{
    background:linear-gradient(180deg,#000,#0a0a0a);
    color:#aaa;
    padding:60px 0 20px;
    position:relative;
}

/* BRAND */
.footer-premium .brand{
    color:#ffc107;
    font-weight:700;
}

/* LINKS */
.footer-premium h6{
    color:#fff;
    margin-bottom:15px;
}

.footer-premium ul{
    list-style:none;
    padding:0;
}

.footer-premium ul li{
    margin-bottom:8px;
}

.footer-premium a{
    color:#aaa;
    text-decoration:none;
    transition:0.3s;
}

.footer-premium a:hover{
    color:#ffc107;
}

/* SOCIAL ICONS */
.socials a{
    display:inline-block;
    width:38px;
    height:38px;
    line-height:38px;
    text-align:center;
    background:#111;
    border-radius:50%;
    margin-right:8px;
    color:#ffc107;
    transition:0.3s;
}

.socials a:hover{
    background:#ffc107;
    color:#000;
}

/* WHATSAPP LINK */
.whatsapp-link{
    display:inline-block;
    margin-top:10px;
    color:#25D366;
    font-weight:500;
}

/* DIVIDER */
.footer-divider{
    height:1px;
    background:#222;
    margin:40px 0 20px;
}

/* COPYRIGHT */
.footer-bottom p{
    margin:0;
    font-size:14px;
    color:#777;
}/* HERO BASE */
.hero{
    height:100vh;
    min-height:600px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    text-align:center;
    color:#fff;
}

/* OVERLAY */
.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        rgba(0,0,0,0.7),
        rgba(0,0,0,0.5)
    );
}

/* CONTENT ABOVE OVERLAY */
.hero-content{
    position:relative;
    z-index:2;
}/* NAVBAR BASE */
.navbar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
  
    background:rgba(0,0,0,0.85) !important;
    backdrop-filter:blur(10px);
  
    padding:15px 0;
    transition:0.3s;
  }
  
  /* NAV LINKS */
  .navbar .nav-link{
    color:#fff !important;
    font-weight:500;
    margin-left:15px;
    transition:0.3s;
  }
  
  /* HOVER */
  .navbar .nav-link:hover{
    color:var(--primary) !important;
  }
  
  /* ACTIVE LINK */
  .navbar .nav-link.active{
    color:var(--primary) !important;
  }
  
  /* BRAND */
  .navbar-brand{
    color:#fff !important;
    font-weight:700;
    letter-spacing:1px;
  }.navbar{
    border:none !important;
    margin:0 !important;
  }.navbar{
    border-bottom:none !important;
    box-shadow:none !important;
  }.hero{
    margin-top:0 !important;
  }.hero{
    position:relative;
    top:-1px;
  }*{
    margin:0;
    padding:0;
    box-sizing:border-box;
  }/* NAVBAR */
.premium-nav{
    background:#000;
    padding:15px 0;
  }
  
  /* BRAND */
  .navbar-brand{
    color:#fff !important;
    font-weight:700;
    letter-spacing:1px;
  }
  
  .navbar-brand span{
    color:#ffc107;
  }
  
  /* REMOVE WHITE LINE */
  .navbar{
    border:none !important;
    box-shadow:none !important;
    margin:0 !important;
  }body{
    margin:0;
    padding:0;
    background:#000;
  }
  
  .hero{
    margin:0;
  }/* WHATSAPP PREMIUM */
.whatsapp-float{
    position:fixed;
    bottom:25px;
    right:25px;
    z-index:9999;

    display:flex;
    align-items:center;
    gap:10px;

    background:#25D366;
    color:#fff;
    padding:10px 15px;
    border-radius:50px;

    box-shadow:0 10px 30px rgba(0,0,0,0.3);
    text-decoration:none;

    transition:0.3s;
}

/* ICON */
.whatsapp-float img{
    width:28px;
}

/* TEXT */
.whatsapp-text{
    font-size:14px;
    font-weight:500;
}

/* HOVER */
.whatsapp-float:hover{
    transform:translateY(-3px);
}

/* MOBILE */
@media(max-width:768px){
    .whatsapp-text{
        display:none;
    }

    .whatsapp-float{
        padding:10px;
        border-radius:50%;
    }
}.whatsapp-float{
    position:fixed;
    bottom:25px;
    right:25px;
    z-index:9999;

    display:flex;
    align-items:center;
    gap:10px;

    background:#25D366;
    color:#fff;
    padding:10px 15px;
    border-radius:50px;

    box-shadow:0 10px 30px rgba(0,0,0,0.3);
    text-decoration:none;
}

.whatsapp-float img{
    width:28px;
}

.whatsapp-text{
    font-size:14px;
    font-weight:500;
}

@media(max-width:768px){
    .whatsapp-text{
        display:none;
    }

    .whatsapp-float{
        padding:10px;
        border-radius:50%;
    }
}/* FIX WHITE LINE + NAVBAR */
body{
    margin:0;
    padding:0;
    background:#000;
  }
  
  .navbar{
    border:none !important;
    box-shadow:none !important;
  }
  
  /* WHATSAPP */
  .whatsapp-float{
    position:fixed;
    bottom:25px;
    right:25px;
    z-index:9999;
  
    display:flex;
    align-items:center;
    gap:10px;
  
    background:#25D366;
    color:#fff;
    padding:10px 15px;
    border-radius:50px;
  
    text-decoration:none;
  }
  
  .whatsapp-float img{
    width:28px;
  }
  
  .whatsapp-text{
    font-size:14px;
  }.hero-services{
    background:url("../img/services.jpg") center/cover no-repeat;
  }.services-section{
    padding:100px 0;
  }
  
  .service-card img{
    height:200px;
    object-fit:cover;
  }

  /* WHATSAPP FLOAT BUTTON */
.whatsapp-float{
    position:fixed;
    bottom:25px;
    right:25px;
    z-index:9999;

    display:flex;
    align-items:center;
    gap:10px;

    background:#25D366;
    color:#fff;

    padding:12px 18px;
    border-radius:50px;

    box-shadow:0 10px 25px rgba(0,0,0,0.3);

    text-decoration:none;

    width:auto !important;   /* 🔥 IMPORTANT FIX */
    max-width:fit-content;
}

/* ICON */
.whatsapp-float img{
    width:28px;
    height:28px;
}

/* TEXT */
.whatsapp-text{
    font-size:14px;
    font-weight:500;
    white-space:nowrap;
}

/* HOVER */
.whatsapp-float:hover{
    transform:translateY(-3px);
}/* FORCE HEADINGS TO WHITE */
h1, h2, h3, h4, h5, h6{
    color:#fff !important;
  }/* SECTION */
.industries-section{
    background:#000;
    padding:120px 0;
  }
  
  /* TITLE */
  .industries-title{
    color:#fff;
    font-size:38px;
    font-weight:700;
    margin-bottom:60px;
    letter-spacing:-0.5px;
  }
  
  /* CARD */
  .industry-card{
    position:relative;
    border-radius:20px;
    overflow:hidden;
    cursor:pointer;
  }
  
  /* IMAGE */
  .industry-card img{
    width:100%;
    height:280px;
    object-fit:cover;
    transition:0.5s;
  }
  
  /* DARK GRADIENT OVERLAY */
  .industry-overlay{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:25px;
  
    background:linear-gradient(to top, rgba(0,0,0,0.8), transparent);
    color:#fff;
  }
  
  /* TEXT */
  .industry-overlay h4{
    font-weight:700;
  }
  
  .industry-overlay p{
    font-size:14px;
    opacity:0.9;
  }
  
  /* HOVER EFFECT */
  .industry-card:hover img{
    transform:scale(1.08);
  }
  
  .industry-card:hover{
    box-shadow:0 25px 60px rgba(0,0,0,0.6);
  }.industry-link{
    text-decoration:none;
    display:block;
    color:inherit;
  }.industry-card:active{
    transform:scale(0.98);
  }/* FIX MINING SECTION TEXT */
section p{
    color:#ccc;
  }.mining-text{
    color:#fff !important;
  }.testimonials-section{
    background:#f5f5f5;
  }
  
  .testimonials-section h2{
    color:#000;
  }
  
  .testimonials-section p{
    color:#555;
  }
  
  .testimonials-section h6{
    color:#000;
  }/* SECTION */
.testimonials-section{
    background:#000;
    padding:120px 0;
  }
  
  /* TITLE */
  .testimonials-title{
    color:#fff;
    font-size:36px;
    font-weight:700;
    margin-bottom:40px;
  }
  
  /* CARD */
  .testimonial-card{
    background:#111;
    border-radius:18px;
    padding:30px;
    text-align:center;
    transition:0.3s;
    height:100%;
  }
  
  /* HOVER */
  .testimonial-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 50px rgba(0,0,0,0.6);
  }
  
  /* STARS */
  .stars{
    color:#ffc107;
    font-size:18px;
    margin-bottom:10px;
  }
  
  /* TEXT */
  .testimonial-card p{
    color:#ccc;
    font-style:italic;
    font-size:15px;
  }
  
  /* NAME */
  .testimonial-card h6{
    color:#fff;
    font-weight:600;
    margin-top:10px;
  }/* CTA SECTION FIX */
.bg-warning p{
    color:#000 !important;
  }/* SECTION */
.advanced-section{
    background:#000;
    padding:120px 0;
  }
  
  /* TITLE */
  .advanced-title{
    color:#fff;
    font-size:36px;
    font-weight:700;
    margin-bottom:15px;
  }
  
  /* DESCRIPTION */
  .advanced-desc{
    color:#ccc;
    max-width:700px;
    margin:0 auto;
  }
  
  /* CARD */
  .advanced-card{
    background:#111;
    border-radius:18px;
    padding:30px;
    transition:0.3s;
  }
  
  /* HOVER */
  .advanced-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 60px rgba(0,0,0,0.6);
  }
  
  /* ICON */
  .advanced-icon{
    font-size:30px;
    color:#ffc107;
    margin-bottom:15px;
  }
  
  /* TEXT */
  .advanced-card h5{
    color:#fff;
    font-weight:600;
  }
  
  .advanced-card p{
    color:#bbb;
    font-size:14px;
  }/* SECTION */
.camera-section{
    background:#000;
    padding:120px 0;
  }
  
  /* TITLE */
  .camera-title{
    color:#fff;
    font-size:36px;
    font-weight:700;
  }
  
  /* CARD */
  .camera-card{
    background:#111;
    border-radius:18px;
    padding:20px;
    cursor:pointer;
    transition:0.3s;
    text-align:center;
  }
  
  /* IMAGE */
  .camera-card img{
    width:100%;
    height:200px;
    object-fit:cover;
    border-radius:10px;
    margin-bottom:10px;
  }
  
  /* TEXT */
  .camera-card h5{
    color:#fff;
  }
  
  .camera-card p{
    color:#bbb;
    font-size:14px;
  }
  
  /* HOVER */
  .camera-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 60px rgba(0,0,0,0.6);
  }/* SERVICES HERO IMAGE */
.hero-services{
    background:url("../img/services.jpg") center/cover no-repeat;
  }.hero-services{
    background:url("../img/services.jpg") center/cover no-repeat;
  }
  
  .services-section{
    background:#000;
    padding:100px 0;
  }
  
  .card-img{
    position:relative;
    overflow:hidden;
  }
  
  .card-img img{
    width:100%;
    height:220px;
    object-fit:cover;
  }
  
  .card-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.6);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:0.3s;
  }
  
  .service-card:hover .card-overlay{
    opacity:1;
  }.hero-about{
    background:url("../img/about-hero.jpg") center/cover no-repeat;
  }
  
  .section-dark{
    background:#000;
    padding:100px 0;
  }
  
  .about-title{
    color:#fff;
    font-size:32px;
    font-weight:700;
  }
  
  .about-text{
    color:#ccc;
    line-height:1.6;
  }
  
  .values-section{
    background:#000;
    padding:100px 0;
  }
  
  .values-title{
    color:#fff;
    font-weight:700;
  }
  
  .value-card{
    background:#111;
    padding:30px;
    border-radius:18px;
    transition:0.3s;
  }
  
  .value-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 50px rgba(0,0,0,0.5);
  }
  
  .value-card h5{
    color:#fff;
  }
  
  .value-card p{
    color:#bbb;
  }body{
    background:#000;
    color:var(--text);
    font-family:'Inter', sans-serif;
  }
  
  section{
    padding:100px 0;
  }
  
  h1,h2,h3,h4,h5,h6{
    color:#fff;
  }
  
  p{
    color:var(--text);
    line-height:1.6;
  }.premium-nav{
    background:rgba(0,0,0,0.75);
    backdrop-filter:blur(12px);
    border-bottom:1px solid rgba(255,255,255,0.05);
  }
  
  .nav-link{
    position:relative;
  }
  
  .nav-link::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-5px;
    width:0;
    height:2px;
    background:var(--primary);
    transition:0.3s;
  }
  
  .nav-link:hover::after{
    width:100%;
  }.hero{
    height:100vh;
    min-height:600px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    text-align:center;
  }
  
  .hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.6);
  }
  
  .hero-content{
    position:relative;
    z-index:2;
  }
  
  .hero-box{
    max-width:700px;
    margin:auto;
  }
  
  .hero h1{
    font-size:48px;
    font-weight:700;
  }
  
  .hero p{
    font-size:18px;
  }.service-card,
  .feature-card,
  .value-card,
  .testimonial-card,
  .advanced-card,
  .camera-card{
    background:var(--card);
    border-radius:var(--radius);
    padding:25px;
    transition:var(--transition);
  }
  
  .service-card:hover,
  .feature-card:hover,
  .value-card:hover,
  .testimonial-card:hover,
  .advanced-card:hover,
  .camera-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 60px rgba(0,0,0,0.6);
  }.btn-warning{
    background:var(--primary);
    border:none;
    border-radius:50px;
    padding:12px 28px;
    font-weight:600;
    transition:0.3s;
  }
  
  .btn-warning:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(0,0,0,0.5);
  }
  
  .btn-dark{
    border-radius:50px;
  }img{
    border-radius:12px;
  }.whatsapp-float{
    position:fixed;
    bottom:25px;
    right:25px;
    z-index:9999;
  
    display:flex;
    align-items:center;
    gap:10px;
  
    background:#25D366;
    color:#fff;
  
    padding:10px 15px;
    border-radius:50px;
  
    box-shadow:0 10px 30px rgba(0,0,0,0.4);
  }.footer{
    background:#000;
    color:#aaa;
  }
  
  .footer h5{
    color:#fff;
  }.mining-trust{
    background:#0a0a0a;
    padding:40px 0;
    color:#fff;
  }
  
  .mining-problem{
    background:#000;
    padding:100px 0;
  }
  
  .mining-gallery{
    background:#000;
    padding:100px 0;
  }
  
  .camera-desc{
    color:#bbb;
    max-width:600px;
    margin:auto;
  }.section-title{
    color:#fff;
    font-size:36px;
    font-weight:700;
  }
  
  .services-section,
  .why-section,
  .process-section{
    background:#000;
    padding:100px 0;
  }
  
  .service-card{
    background:#111;
    padding:20px;
    border-radius:18px;
    cursor:pointer;
    transition:0.3s;
  }
  
  .service-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,0.6);
  }
  
  .card-img{
    position:relative;
    overflow:hidden;
    border-radius:12px;
  }
  
  .card-img img{
    width:100%;
    height:220px;
    object-fit:cover;
  }
  
  .card-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.6);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:0.3s;
  }
  
  .service-card:hover .card-overlay{
    opacity:1;
  }
  
  .feature-card{
    background:#111;
    padding:25px;
    border-radius:18px;
  }.mining-solutions{
    background:#000;
    padding:100px 0;
  }
  
  .section-sub{
    color:#ffc107;
    letter-spacing:2px;
    font-size:12px;
  }
  
  .section-title{
    color:#fff;
    font-weight:700;
  }
  
  .solution-card{
    position:relative;
    border-radius:20px;
    overflow:hidden;
    cursor:pointer;
    transition:0.4s;
  }
  
  .solution-card img{
    width:100%;
    height:420px;
    object-fit:cover;
    transition:0.5s;
  }
  
  /* DARK OVERLAY */
  .solution-overlay{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:25px;
    background:linear-gradient(to top, rgba(0,0,0,0.9), transparent);
    color:#fff;
  }
  
  /* GOLD SIDE ACCENT */
  .solution-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:80px;
    height:100%;
    background:rgba(255,193,7,0.2);
  }
  
  /* HOVER EFFECT */
  .solution-card:hover img{
    transform:scale(1.1);
  }
  
  .solution-card:hover{
    transform:translateY(-10px);
  }
  
  .tag{
    color:#ffc107;
    font-size:12px;
  }.camera-card{
    background:#111;
    padding:15px;
    border-radius:15px;
    text-align:center;
    transition:0.3s;
  }
  
  .camera-card:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 40px rgba(0,0,0,0.6);
  }
  
  .camera-card h6{
    color:#fff;
    font-weight:600;
  }
  
  .camera-card p{
    color:#bbb;
    font-size:13px;
  }.mining-solutions{
    background:#000;
    padding:100px 0;
  }
  
  .section-sub{
    color:#ffc107;
    letter-spacing:2px;
    font-size:12px;
  }
  
  .section-title{
    color:#fff;
    font-weight:700;
  }
  
  .solution-card{
    position:relative;
    border-radius:20px;
    overflow:hidden;
    cursor:pointer;
    transition:0.4s;
  }
  
  .solution-card img{
    width:100%;
    height:420px;
    object-fit:cover;
    filter:brightness(0.8);
    transition:0.5s;
  }
  
  /* OVERLAY */
  .solution-overlay{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:25px;
    background:linear-gradient(to top, rgba(0,0,0,0.9), transparent);
    color:#fff;
  }
  
  /* GOLD STRIP */
  .solution-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:80px;
    height:100%;
    background:rgba(255,193,7,0.2);
  }
  
  /* HOVER */
  .solution-card:hover{
    transform:translateY(-10px);
  }
  
  .solution-card:hover img{
    transform:scale(1.1);
  }
  
  .solution-btn{
    display:inline-block;
    margin-top:10px;
    color:#ffc107;
    font-size:14px;
  }.product-catalog{
    background:#000;
    padding:100px 0;
  }
  
  .product-card{
    background:#111;
    border-radius:18px;
    overflow:hidden;
    cursor:pointer;
    transition:0.4s;
  }
  
  .product-card img{
    width:100%;
    height:250px;
    object-fit:cover;
    transition:0.5s;
  }
  
  .product-card:hover{
    transform:translateY(-10px);
    box-shadow:0 30px 80px rgba(0,0,0,0.7);
  }
  
  .product-card:hover img{
    transform:scale(1.1);
  }
  
  .product-info{
    padding:20px;
    color:#fff;
  }
  
  .product-info p{
    color:#bbb;
    font-size:14px;
  }.card-dropdown{
    position:absolute;
    left:0;
    right:0;
    bottom:-100%;
    background:#111;
    padding:15px;
    border-top:1px solid rgba(255,255,255,0.1);
    transition:0.4s;
    opacity:0;
  }
  
  .card-dropdown a{
    display:block;
    color:#fff;
    padding:8px 0;
    text-decoration:none;
    font-size:14px;
  }
  
  .card-dropdown a:hover{
    color:#ffc107;
  }
  
  /* ACTIVE STATE */
  .solution-card.active .card-dropdown{
    bottom:0;
    opacity:1;
  }.tech-section{
    background:#000;
    padding:100px 0;
  }
  
  .tech-section h2{
    color:#fff;
    font-weight:700;
  }
  
  /* CARD */
  .tech-card{
    background:#111;
    border-radius:20px;
    padding:30px;
    transition:0.4s;
    border:1px solid rgba(255,255,255,0.05);
  }
  
  .tech-card:hover{
    transform:translateY(-10px);
    box-shadow:0 30px 70px rgba(0,0,0,0.7);
    border-color:#ffc107;
  }
  
  /* ICON */
  .tech-icon{
    font-size:30px;
    margin-bottom:15px;
  }
  
  /* TEXT */
  .tech-card h5{
    color:#fff;
    font-weight:600;
  }
  
  .tech-card p{
    color:#aaa;
    font-size:14px;
  }.tech-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:4px;
    height:100%;
    background:#ffc107;
  }.tech-card{
    position:relative;
  }.hero-main{
    position:relative;
    background:url('../img/services.jpg') center/cover no-repeat;
    min-height:80vh;
    display:flex;
    align-items:center;
  }
  
  /* DARK OVERLAY */
  .hero-main::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
  }
  
  /* KEEP TEXT ABOVE OVERLAY */
  .hero-main .container{
    position:relative;
    z-index:2;
  }.product-card{
    display:flex;
    flex-direction:column;
    height:100%;
  }
  
  .product-info{
    flex-grow:1;
  }.product-card img{
    width:100%;
    height:220px;
    object-fit:cover;
  }.product-card-premium{
    display:flex;
    flex-direction:column;
    height:100%;
    border-radius:20px;
    overflow:hidden;
    background:#111;
  }
  
  /* IMAGE FIX */
  .product-img img{
    width:100%;
    height:220px;
    object-fit:cover;
  }
  
  /* CONTENT */
  .product-content{
    padding:20px;
    flex-grow:1;
  }.category-title{
    margin:40px 0 20px;
  }/* RESET */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    transition:0.3s ease;
  }
  
  body{
    background:#000;
    color:#fff;
    font-family:'Segoe UI', sans-serif;
  }
  
  /* CONTAINER */
  .container{
    max-width:1200px;
  }
  
  /* SECTIONS */
  section{
    padding:100px 0;
  }
  
  /* HEADINGS */
  h1,h2,h3,h4{
    font-weight:700;
  }.section-gold{
    background: linear-gradient(135deg, #ffc107, #e0a800);
    color:#000;
    padding:100px 0;
  }
  
  /* TEXT */
  .section-gold h2{
    font-weight:700;
    color:#000;
  }
  
  .section-gold p{
    color:#222;
  }
  
  /* BUTTON */
  .section-gold .btn{
    background:#000;
    color:#fff;
    border:none;
    font-weight:600;
  }
  
  .section-gold .btn:hover{
    background:#111;
  }/* CARD */
.card-premium{
    background:#111;
    border-radius:16px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    height:100%;
    transition:0.3s ease;
  }
  
  /* IMAGE */
  .card-img{
    height:220px;
    background:#222;
  }
  
  .card-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }
  
  /* CONTENT */
  .card-content{
    padding:20px;
    flex-grow:1;
  }
  
  /* HOVER */
  .card-premium:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 50px rgba(0,0,0,0.6);
  }.card-premium{
    display:flex;
    flex-direction:column;
    height:100%;
    background:#111;
    border-radius:20px;
    overflow:hidden;
  }
  
  /* FORCE IMAGE AREA SAME SIZE */
  .card-img{
    height:240px;
    overflow:hidden;
  }
  
  .card-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }
  
  /* CONTENT TAKES REMAINING SPACE */
  .card-content{
    padding:20px;
    flex-grow:1;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
  }.hero-services{
    min-height:85vh;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
  
    /* FORCE IMAGE */
    background-image:url('../img/services.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
  
    position:relative;
  }
  
  /* DARK OVERLAY */
  .hero-services::after{
    background:linear-gradient(
      rgba(0,0,0,0.5),
      rgba(0,0,0,0.4)
    );
  }
  
  /* CONTENT ABOVE IMAGE */
  .hero-services .container{
    position:relative;
    z-index:2;
  }.section-img{
    width:100%;
    height:400px;
    object-fit:cover;
    border-radius:20px;
  }.hero-about{
    height:85vh;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    position:relative;
  
    background:url('../img/about-hero.jpg') center/cover no-repeat;
  }
  
  .hero-about::after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
  }
  
  .hero-content{
    position:relative;
    z-index:2;
  }.section{
    padding:100px 0;
    background:#000;
  }.section-img{
    width:100%;
    height:400px;
    object-fit:cover;
    border-radius:20px;
  }.card-premium{
    background:#111;
    padding:30px;
    border-radius:20px;
    transition:0.3s;
  }
  
  .card-premium:hover{
    transform:translateY(-8px);
  }.hero-about{
    min-height:85vh;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    position:relative;
  
    /* IMAGE */
    background-image:url('../img/about-hero.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
  }
  
  /* DARK OVERLAY */
  .hero-about::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.45);
  }
  
  /* KEEP TEXT ABOVE IMAGE */
  .hero-content{
    position:relative;
    z-index:2;
  }.section-img{
    width:100%;
    height:400px;
    object-fit:cover;
    border-radius:20px;
  }.story-hero{
    min-height:70vh;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    position:relative;
  
    /* IMAGE */
    background:url('../img/about2.jpg') center/cover no-repeat;
  }
  
  /* OVERLAY */
  .story-hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.6);
  }
  
  /* TEXT ABOVE IMAGE */
  .story-content{
    position:relative;
    z-index:2;
    max-width:800px;
  }.section-img{
    width:100%;
    height:400px;
    object-fit:cover;
    border-radius:20px;
  }.card-gold{
    background:#ffc107;          /* gold */
    color:#000;                  /* black text */
    padding:30px;
    border-radius:20px;
    height:100%;
    transition:0.3s ease;
    box-shadow:0 10px 30px rgba(0,0,0,0.3);
  }
  
  /* TEXT INSIDE */
  .card-gold h5,
  .card-gold p{
    color:#000;
  }
  
  /* HOVER EFFECT */
  .card-gold:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 40px rgba(0,0,0,0.5);
  }.card-gold .icon{
    font-size:28px;
    margin-bottom:10px;
  }/* SECTION */
.contact-section{
    background:#000;
  }
  
  /* FORM CARD */
  .contact-card {
    background: linear-gradient(135deg, #ffc107, #e0a800) !important;
    color: #000 !important;
  }
  
  /* INPUTS */
  .contact-card input,
  .contact-card textarea,
  .contact-card select{
    width:100%;
    padding:12px;
    background:#111;
    border:1px solid #333;
    border-radius:10px;
    color:#fff;
  }
  
  .contact-card input::placeholder,
  .contact-card textarea::placeholder{
    color:#aaa;
  }
  
  /* FOCUS EFFECT */
  .contact-card input:focus,
  .contact-card textarea:focus,
  .contact-card select:focus{
    border-color:#ffc107;
    outline:none;
  }
  
  /* GOLD BUTTON */
  .btn-gold{
    background:#ffc107;
    color:#000;
    padding:15px;
    border:none;
    border-radius:50px;
    font-weight:600;
    transition:0.3s;
  }
  
  .btn-gold:hover{
    background:#e0a800;
  }.btn-gold:hover{
    box-shadow:0 0 20px rgba(255,193,7,0.6);
  }.contact-info p{
    margin-bottom:10px;
    color:#ccc;
  }.card-dropdown{
    background:#111;
    border-radius:10px;
    padding:10px;
  }
  
  .dropdown-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px;
    border-radius:8px;
  }
  
  .dropdown-item a{
    color:#fff;
    text-decoration:none;
  }
  
  .dropdown-item:hover{
    background:#ffc107;
  }
  
  .dropdown-item:hover a{
    color:#000;
  }
  
  /* PDF ICON */
  .pdf-link{
    font-size:16px;
    color:#ffc107;
  }
  
  .dropdown-item:hover .pdf-link{
    color:#000;
  }.card-dropdown{
    background:#111;
    border-radius:15px;
    padding:10px;
    margin-top:15px;
  }
  
  .dropdown-item{
    padding:10px;
    border-bottom:1px solid #222;
  }
  
  .dropdown-item:last-child{
    border-bottom:none;
  }
  
  .dropdown-item a{
    color:#fff;
    text-decoration:none;
  }
  
  .dropdown-item:hover{
    background:#ffc107;
  }
  
  .dropdown-item:hover a{
    color:#000;
  }
  
  .pdf-link{
    color:#ffc107;
  }.logo-wrap{
    text-align:center;
  }
  
  /* LOGO */
  .main-logo{
    max-width:220px;
    margin-bottom:10px;
  }
  
  /* SLOGAN */
  .logo-slogan{
    font-size:14px;
    letter-spacing:3px;
    text-transform:uppercase;
    font-weight:600;
  
    background: linear-gradient(90deg, #ffc107, #ffda44, #ffc107);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  
    text-shadow: 0 0 12px rgba(255,193,7,0.4);
    margin-top:5px;
  }.logo-slogan::after{
    content:"";
    display:block;
    width:80px;
    height:2px;
    margin:10px auto 0;
    background:linear-gradient(90deg, transparent, #ffc107, transparent);
  }.hero {
    position: relative;
    background: url('../img/commercial.jpg') center/cover no-repeat;
  }
  
  .hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55); /* adjust 0.5–0.7 */
    z-index: 1;
  }
  
  .hero-content {
    position: relative;
    z-index: 2;
    color: #fff;
  }.hero {
    position: relative;
    height: 90vh;
  
    background-image: url('../img/commercial.jpg'); /* CHECK THIS PATH */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  /* Overlay sits ABOVE image but BELOW text */
  .hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.65); /* darker = better contrast */
    z-index: 1;
  }.hero{
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.hero-commercial{
  background-image: url("../img/commercial.jpg") !important;
}
.hero {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}/* ===== COOKIE BANNER ===== */
.cookie-banner{
  position:fixed;
  bottom:20px;
  left:50%;
  transform:translateX(-50%);
  width:90%;
  max-width:900px;

  background:rgba(0,0,0,0.95);
  color:#fff;

  padding:20px 25px;
  border-radius:15px;

  display:none; /* hidden until needed */
  justify-content:space-between;
  align-items:center;

  box-shadow:0 20px 50px rgba(0,0,0,0.6);
  z-index:9999;
}

.cookie-buttons{
  display:flex;
  gap:10px;
}

.btn-outline{
  background:transparent;
  border:1px solid #fff;
  color:#fff;
  padding:10px 20px;
  border-radius:30px;
  cursor:pointer;
}

/* ===== MODAL ===== */
.cookie-modal{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.7);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:10000;
}

.cookie-box{
  background:#111;
  padding:30px;
  border-radius:20px;
  width:90%;
  max-width:400px;
  color:#fff;
}

.cookie-box label{
  display:block;
  margin:15px 0;
}/* ===== COOKIE BANNER ===== */
.cookie-banner{
  position:fixed;
  bottom:20px;
  left:50%;
  transform:translateX(-50%) translateY(100px);
  width:90%;
  max-width:900px;

  background:rgba(15,15,15,0.95);
  backdrop-filter:blur(12px);

  border-radius:18px;
  padding:20px;

  box-shadow:0 20px 60px rgba(0,0,0,0.7);

  opacity:0;
  transition:0.4s;
  z-index:9999;
}

.cookie-banner.show{
  transform:translateX(-50%) translateY(0);
  opacity:1;
}

.cookie-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}

.cookie-text h4{
  margin:0;
  color:#fff;
}

.cookie-text p{
  font-size:14px;
  color:#bbb;
}

.cookie-actions{
  display:flex;
  gap:10px;
}

/* ===== MODAL ===== */
.cookie-modal{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.7);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:10000;
}

.cookie-card{
  background:#111;
  padding:30px;
  border-radius:20px;
  width:90%;
  max-width:420px;
  color:#fff;
}

/* ROW */
.cookie-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:20px 0;
}

/* SWITCH */
.switch{
  position:relative;
  display:inline-block;
  width:50px;
  height:26px;
}

.switch input{
  opacity:0;
}

.slider{
  position:absolute;
  cursor:pointer;
  inset:0;
  background:#333;
  border-radius:30px;
  transition:0.3s;
}

.slider:before{
  content:"";
  position:absolute;
  height:20px;
  width:20px;
  left:3px;
  bottom:3px;
  background:white;
  border-radius:50%;
  transition:0.3s;
}

input:checked + .slider{
  background:#ffc107;
}

input:checked + .slider:before{
  transform:translateX(24px);
}

/* FOOTER */
.cookie-footer{
  margin-top:20px;
  text-align:right;
}.hero-mining{
  background-image: url("../img/mining.jpg");
}.hero-home{
  background-image: url("../img/hero.jpg");
}.hero-home{
  background-image: url("../img/hero.jpg");
}.hero-services{
  background-image: url("../img/services.jpg");
}/* CONTACT INFO */
.contact-info p {
  color:#ccc;
  margin-bottom:20px;
}

.contact-list {
  list-style:none;
  padding:0;
}

.contact-list li {
  margin-bottom:10px;
  color:#fff;
}

/* FORM */
.contact-form input,
.contact-form textarea {
  width:100%;
  padding:14px;
  background:#111;
  border:1px solid #333;
  color:#fff;
  border-radius:10px;
  outline:none;
}

.contact-form input:focus,
.contact-form textarea:focus {
  border-color:#ffc107;
}

/* BUTTON */
.contact-form button {
  padding:14px 30px;
  border:none;
  border-radius:50px;
  font-weight:600;
}@media (max-width:768px){
  .contact-info {
    margin-bottom:40px;
  }
}/* FORM GROUP */
.form-group {
  position: relative;
  margin-bottom: 20px;
}

/* INPUTS */
.form-group input,
.form-group textarea {
  width: 100%;
  padding: 14px;
  background: #111;
  border: 1px solid #333;
  color: #fff;
  border-radius: 10px;
  outline: none;
}

/* LABELS */
.form-group label {
  position: absolute;
  left: 14px;
  top: 14px;
  color: #777;
  font-size: 14px;
  transition: 0.3s;
  pointer-events: none;
}

/* FLOAT EFFECT */
.form-group input:focus + label,
.form-group input:not(:placeholder-shown) + label,
.form-group textarea:focus + label,
.form-group textarea:not(:placeholder-shown) + label {
  top: -8px;
  left: 10px;
  font-size: 12px;
  color: #ffc107;
  background: #000;
  padding: 0 5px;
}

/* BUTTON LOADING */
.submit-btn.loading {
  opacity: 0.7;
  pointer-events: none;
}/* REMOVE WHITE BACKGROUND */
.contact-form {
  background: transparent;
}

/* CENTER FORM */
.contact-form {
  width: 100%;
}

/* INPUT STYLE */
.form-group input,
.form-group textarea {
  width: 100%;
  padding: 14px;
  background: #111;
  border: 1px solid #333;
  color: #fff;
  border-radius: 12px;
}

/* LABEL STYLE */
.form-group label {
  color: #888;
}

/* BUTTON FULL WIDTH */
.btn-gold {
  width: 100%;
}.stat {
  font-size:32px;
  color:#ffc107;
  font-weight:700;
}.hero {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
}

/* BACKGROUND */
.hero-residential {
  background: url("../img/residential-hero.jpg") center/cover no-repeat;
}

/* LIGHTER OVERLAY (this fixes darkness) */
.hero .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45); /* was too dark before */
  z-index: 1;
}

/* CONTENT */
.hero-content {
  position: relative;
  z-index: 2;
}

/* TEXT */
.hero-title {
  font-size: 3rem;
  font-weight: 700;
}

.hero-title span {
  color: #d4af37;
}

.hero-subtitle {
  margin-top: 15px;
  font-size: 1.2rem;
  color: #eee;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/* BUTTON */
.btn-gold {
  background: #d4af37;
  border: none;
  color: #000;
  font-weight: 600;
}

.btn-gold:hover {
  background: #c5a032;
}.premium-nav {
  background: #000;
}.hero {
  padding-top: 80px;
} /* NAVBAR */
.premium-nav{
    background:#000;
    padding:15px 0;
  }/* ===== FINAL NAVBAR FIX (GLOBAL CONSISTENCY) ===== */
.premium-nav {
  background: rgba(0, 0, 0, 0.85) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* NAV LINKS */
.navbar .nav-link {
  color: #fff !important;
}

.navbar .nav-link:hover {
  color: #ffc107 !important;
}

/* ===== HERO FIX (CONSISTENT LOOK) ===== */
.hero::before {
  background: rgba(0,0,0,0.55) !important; /* balanced overlay */
}.navbar {
  background: rgba(0,0,0,0.85) !important;
}/* FORCE CONTACT HERO */
.hero-contact{
  background: url("../img/contact.jpg") center/cover no-repeat !important;
}/* ONLY CONTACT PAGE */
.contact-section .card-premium {
  background: linear-gradient(135deg, #ffc107, #e0a800);
  color: #000;
}

.contact-section .card-premium h5,
.contact-section .card-premium p {
  color: #000;
}.card-premium::before {
  content: "";
  display: block;
  height: 4px;
  width: 60px;
  background: #000;
  margin-bottom: 15px;
  border-radius: 2px;
}/* ===== FORCE GOLD CONTACT CARDS ===== */
.section-dark .card-premium {
  background: linear-gradient(135deg, #ffc107, #e0a800) !important;
  color: #000 !important;
}

/* TEXT */
.section-dark .card-premium h5,
.section-dark .card-premium p {
  color: #000 !important;
}

/* ICONS */
.section-dark .card-premium i {
  color: #000 !important;
}.card-overlay {
  pointer-events: none;
}

/* ===== COOKIE BANNER ===== */
.cookie-banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: none;
  justify-content: center;
  padding: 18px;
  background: rgba(0,0,0,0.86);
  backdrop-filter: blur(10px);
}
.cookie-content {
  width: min(960px, 100%);
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}
.cookie-content p { margin: 0; }
.cookie-buttons { display: flex; gap: 10px; flex-wrap: wrap; }
.btn-outline {
  border: 1px solid #d4af37;
  color: #d4af37;
  background: transparent;
  padding: 10px 18px;
  border-radius: 30px;
  font-weight: 600;
}
.cookie-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.72);
  padding: 20px;
}
.cookie-box {
  width: min(460px, 100%);
  background: #111;
  color: #fff;
  border: 1px solid rgba(212,175,55,.35);
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
}
.cookie-box label { display: block; margin: 14px 0; }
@media (max-width: 768px) {
  .cookie-content { flex-direction: column; align-items: flex-start; }
}

/* ===== FINAL LEGAL / COOKIE / ICON FIXES ===== */
.legal-card {
  background: #111 !important;
  color: #f5f5f5 !important;
}
.legal-card h2,
.legal-card h3,
.legal-card p,
.legal-card li,
.legal-card th,
.legal-card td {
  color: inherit !important;
}
.legal-card h2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: 700;
}
.legal-card a,
.cookie-content a,
.footer a {
  color: #ffc107;
}
.cookie-banner.show {
  display: flex !important;
}
.cookie-box input[type="checkbox"] {
  margin-right: 8px;
}
.whatsapp-float i {
  font-size: 28px;
  line-height: 1;
}
img {
  max-width: 100%;
  height: auto;
}


/* ===== FIX 2026-05-04: COOKIE BANNER CENTERING + CLICKABLE CARDS ===== */
.cookie-banner,
.cookie-banner.show {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  opacity: 1 !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 18px !important;
  box-sizing: border-box !important;
}
.cookie-banner {
  display: none !important;
}
.cookie-banner.show {
  display: flex !important;
}
.cookie-content {
  width: min(960px, calc(100% - 24px)) !important;
  margin: 0 auto !important;
}
.solution-card,
.service-card {
  cursor: pointer;
}
.solution-card .card-dropdown {
  z-index: 5;
}
.solution-card .card-dropdown a {
  position: relative;
  z-index: 6;
}
@media (max-width: 768px) {
  .cookie-banner,
  .cookie-banner.show {
    padding: 14px !important;
  }
  .cookie-content {
    width: 100% !important;
  }
}