/*
Theme Name: WebMGC
Theme URI:  https://webmgc.in
Author:     mgc
Author URI: https://webmgc.in
Description:A simple theme for webmgc
Version:    1.0
*/

.custom-quote-btn {
    background-color: #003366 !important;
    color: #ffffff !important;
    border-color: #003366 !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.custom-quote-btn:hover {
    background-color: transparent !important; /* transparent */
    color: #002244 !important;
    border-color: #002244 !important;
}


.custom-search-btn {
    background-color: #ffffff !important; /* white background */
    border: 1px solid #003366 !important; /* blue border */
    color: #003366 !important; /* blue text */
}

.hero-img {
  max-width: 1280px;
  width: 100%;
}

@media (max-width: 768px) {
  .hero-img {
    max-width: 100%; /* full width on mobile */
  }
}

/* Hero Section */
.hero-section{
  background: url('images/first_img_white.jpg') center center/cover no-repeat;
  min-height: 100vh;
  color: #111827;
  display: flex;
  align-items: center;
  padding: 100px 0;
}
.hero-content{
  max-width: 650px;
}
.hero-content h1{
  font-size: 2.6rem;
  font-weight: 700;
  margin-bottom: 1rem
}
.hero-content p{
  font-size: 1.1rem;
  margin-bottom: 1rem;
}
.hero-buttons .btn{
  padding: 0.7rem 1.8rem;
  font-size: 1rem;
  margin-right: 0.5rem;
}
.hero-badges i {
  font-size: 1.5rem;
  margin-right: 0.5rem;
}


/* Product Page Talk to Sales */
.products-talk-sales{
  color: #fff;
}


/* Mobile only: center Talk to Sales */
@media (max-width: 768px) {
  .hero-buttons .talk-sales {
    margin: 0 auto !important;   /* centers the link */
    display: inline-flex;        /* keeps icon/text aligned */
    justify-content: center;
    text-align: center;
  }
}


/* Responsive Adjustments */
    @media (max-width: 768px) {
      .hero-content h1 {
        font-size: 2rem;
      }
      .hero-content p {
        font-size: 1rem;
      }
    }

    .cta-border {
      background-color: transparent !important; /* transparent */
      color: #002244 !important;
      border-color: #002244 !important;
    }

  .custom-badge {
    display: inline-block;
    background-color: #e5e5e5;
    color: #003366;
    padding: 0.4rem 1rem;
    font-weight: 400; /* was 600 */
    font-size: 1rem;
    border-radius: 999px;
    text-align: center;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 576px){
  .mgc-cat-hero__content{
    padding: 54px 14px; /* a bit more breathing room */
  }
  .mgc-cat-hero__title{
    letter-spacing: 0;
  }
}

@media (max-width: 1920px) {
  .custom-badge {
    font-size: 0.8rem;
    padding: 0.30rem 0.8rem;
  }
}

/* Reduce navbar height */
.small-header {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

/* Adjust logo size */
.small-header .navbar-brand img {
  height: 32px; /* smaller than default 40px */
}

/* Reduce spacing between nav items */
.small-header .nav-link {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  font-size: 0.95rem;
}

/* ==== Ribbon Section ==== */
    .partner-ribbon {
  overflow: hidden;
  background: linear-gradient(to bottom, #FFFFFF, #F8F9FF);
  padding: 2rem 0;
}


    .partner-title {
      text-align: center;
      font-weight: 600;
      font-size: 1.5rem;
      color: #111827;
    }

    .partner-subtitle {
      text-align: center;
      font-size: 1rem;
      margin-bottom: 2rem;
      color: #555;
    }

    .logo-track {
      display: flex;
      width: max-content;
      animation: scrollLeft 30s linear infinite;
      gap: 3rem;
    }

    .logo-track img {
      height: 60px;
      object-fit: contain;
    }

    @keyframes scrollLeft {
      0% {
        transform: translateX(0%);
      }
      100% {
        transform: translateX(-50%);
      }
    }

    /* Responsive: slow down animation on smaller devices */
    @media (max-width: 768px) {
      .logo-track img {
        height: 40px;
      }

      .logo-track {
        animation-duration: 40s;
        gap: 2rem;
      }
    }

    @media (max-width: 576px) {
      .logo-track img {
        height: 30px;
      }

      .logo-track {
        animation-duration: 50s;
        gap: 1.5rem;
      }
    }


/* Legacy of Excellence Section */
.legacy-section {
  padding: 4rem 0;
}

.legacy-image-wrapper {
  position: relative;
  max-width: 100%;
  display: inline-block;
}

.legacy-image-wrapper img {
  border-radius: 1rem;
  width: 100%;
  height: auto;
  max-height: 550px; /* Keeps proportions in check */
  object-fit: cover;
}

.legacy-overlay {
  position: absolute;
  text-align: left;
  align-items: flex-start;
  bottom: 0;
  left: 0;
  right: 0;
  height: 90px; /* Reduced height */
  background: linear-gradient(to top, rgba(99, 136, 217, 0.8), rgba(46, 84, 166, 0));
  border-radius: 0 0 1rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0.8rem 1rem;
}

.legacy-overlay h5,
.legacy-overlay p {
  margin: 0;
  color: #fff;
  font-size: 0.9rem;
}

.mission-box {
  background-color: #f9faff;
  border-left: 4px solid #002244;
  border-radius: 0.75rem;
  padding: 1rem 1.25rem;
  margin-bottom: 1.5rem;
}

.mission-box h5 {
  font-weight: 700;
  margin-bottom: 0.4rem;
}

@media (max-width: 992px) {
  .legacy-image-wrapper img {
    max-height: 450px;
  }
}

@media (max-width: 768px) {
  .legacy-section {
    text-align: center;
  }
  .legacy-image-wrapper img {
    max-height: 400px;
  }
}



/* start electrical products section */
/* Section Background */
.electrical-products-section {
  background-color: #f9fafc;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/* Section Titles */
.section-title {
  font-weight: 700;
  font-size: 2rem;
  color: #111827;
}

.section-subtitle {
  font-size: 1rem;
  color: #4b5563;
  max-width: 700px;
  margin: 0 auto;
}

/* Equal-height row setup */
.row.g-4 {
  display: flex;
  flex-wrap: wrap;
}

.row.g-4 > [class*='col-'] {
  display: flex;
}

/* Product Card Styling */
.product-card {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 450px;
}

.product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
}

/* Desktop Image */
.product-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

/* Card Content */
.card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
}

.card-title {
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  color: #111827;
}

.card-text {
  font-size: 0.95rem;
  font-weight: 500;
  color: #374151;
  margin-bottom: 1rem;
  line-height: 1.5;
  flex-grow: 1;
}

.card-link {
  font-size: 0.95rem;
  font-weight: 500;
  color: #1d4ed8;
  text-decoration: none;
}

.card-link:hover {
  text-decoration: underline;
}

/* Responsive Adjustments */
@media (max-width: 992px) {
  .product-card {
    max-height: none;
  }
  .product-card img {
    height: 200px;
  }
}

@media (max-width: 768px) {
  .product-card img {
    height: 160px; /* smaller image on mobile */
  }
  .card-body {
    padding: 1rem; /* reduce padding */
  }
  .card-title {
    font-size: 1.1rem;
  }
  .card-text {
    font-size: 0.9rem;
  }
  .card-link {
    font-size: 0.9rem;
  }
}

@media (max-width: 480px) {
  .product-card img {
    height: 140px; /* even smaller for very small screens */
  }
  .card-body {
    padding: 0.85rem;
  }
  .card-title {
    font-size: 1rem;
  }
  .card-text {
    font-size: 0.85rem;
  }
  .card-link {
    font-size: 0.85rem;
  }
}
/* end electrical products section */

/* start contact quick section */
/* Contact Section */
.contact-quick-section {
  background: #fff;
}

/* Sales Coordinator Card */
.sales-coordinator-card {
  background-color: #f9fafc;
  border-radius: 16px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.sales-coordinator-card .profile-img img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid #e5e7eb;
}

.sales-coordinator-card .profile-info h6 {
  font-size: 1rem;
}

.sales-coordinator-card .profile-info p {
  font-size: 0.95rem;
  color: #1f2937;
  line-height: 1.5;
  max-width: 400px;
}

/* Buttons */
.contact-quick-section .btn {
  border-radius: 8px;
  font-weight: 500;
}

.contact-quick-section .btn-primary {
  background-color: #002e5b;
  border-color: #002e5b;
}

.contact-quick-section .btn-outline-primary {
  color: #002e5b;
  border-color: #002e5b;
}

.contact-quick-section .btn-outline-primary:hover {
  background-color: #002e5b;
  color: #fff;
}

/* Spacing Adjustments */
@media (max-width: 992px) {
  .sales-coordinator-card {
    flex-direction: column;
    text-align: center;
    padding: 2rem;
  }

  .sales-coordinator-card .profile-img {
    margin-bottom: 1rem;
  }

  .sales-coordinator-card .profile-info p {
    max-width: 100%;
  }
}
/* end contact quick section */


/* Start EPC Project Showcase */
.epc-section {
  background-color: #f9fafb;
}

.epc-title {
  font-size: 2rem;
  font-weight: 700;
  color: #111827;
}

.epc-subtitle {
  font-size: 1rem;
  color: #4b5563;
  max-width: 700px;
  margin: 0 auto;
}

.epc-card {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  text-align: left;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.epc-card img {
  width: 100%;
  height: auto;
  display: block;
}

.epc-card-body {
  padding: 1rem;
  flex-grow: 1;
}

.epc-card-title {
  font-size: 1.05rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 0.5rem;
}

.epc-card-text {
  font-size: 0.95rem;
  color: #4b5563;
  margin-bottom: 0.75rem;
}

.epc-link {
  font-size: 0.95rem;
  font-weight: 500;
  color: #1d4ed8;
  text-decoration: none;
}

.epc-link:hover {
  text-decoration: underline;
}

.epc-btn {
  border-radius: 8px;
  padding: 0.5rem 1.25rem;
}

/* Responsive */
@media (max-width: 768px) {
  .epc-title {
    font-size: 1.5rem;
  }
  .epc-subtitle {
    font-size: 0.95rem;
  }
}
/* End EPC Project Showcase */


/* start mgckart section */
.mgckart-section {
  background-color: #ffffff;
}

.section-title {
  font-weight: 700;
  font-size: 2rem;
  color: #111827;
}

.section-subtitle {
  font-size: 1rem;
  color: #374151;
  margin-bottom: 1.5rem;
  max-width: 600px;
}

.testimonial-card {
  background-color: #f9fafc;
  border-radius: 15px;
  padding: 1rem;
}

.avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.testimonial-text {
  font-size: 0.95rem;
  color: #1f2937;
  margin: 0;
}

.feature-card {
  background-color: #f9fafc;
  border-radius: 15px;
  padding: 1rem;
}

.feature-icon {
  font-size: 1.5rem;
  color: #1f2937;
}

.btn-primary {
  background-color: #003366;
  border-color: #003366;
}

.btn-primary:hover {
  background-color: #00264d;
  border-color: #00264d;
}

/* Responsive Tweaks */
@media (max-width: 768px) {
  .section-title {
    font-size: 1.5rem;
  }
  .avatar {
    width: 40px;
    height: 40px;
  }
}
/* end mgckart section */


/* start client testimonials section */
.testimonials-section {
  background-color: #f9fafc;
}

.section-title {
  font-weight: 700;
  font-size: 2rem;
  color: #111827;
}

.section-subtitle {
  font-size: 1rem;
  color: #374151;
}

.testimonial-card {
  background-color: #ffffff;
  border-radius: 15px;
  padding: 1.5rem;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}

.stars span {
  color: #FFD700;
  font-size: 1.2rem;
}

.testimonial-text {
  font-size: 0.95rem;
  color: #1f2937;
}

.testimonial-card h6 {
  font-size: 1rem;
}

.testimonial-card small {
  font-size: 0.9rem;
}

/* Tablet */
@media (max-width: 992px) {
  .section-title {
    font-size: 1.75rem;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .section-title {
    font-size: 1.5rem;
  }
  .testimonial-card {
    padding: 1rem;
  }
  .testimonial-text {
    font-size: 0.9rem;
  }
}

/* Extra Small */
@media (max-width: 480px) {
  .section-title {
    font-size: 1.3rem;
  }
  .testimonial-text {
    font-size: 0.85rem;
  }
}
/* end client testimonials section */

/* start footer */
.footer-section {
  background-color: #0D1321;
  color: #9CA3AF;
  font-size: 0.95rem;
  padding: 2rem 0 1rem;
}

.footer-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem;
}

.footer-col {
  flex: 1;
  min-width: 220px;
}

.footer-logo {
  height: 40px;
  margin-bottom: 1rem;
}

.footer-heading {
  font-weight: 600;
  color: #fff;
  margin-bottom: 1rem;
}

.footer-desc {
  line-height: 1.8;
  margin: 0;
}

.footer-links-wrap {
  display: flex;
  gap: 3rem;
}

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

.footer-links a {
  color: #9CA3AF;
  text-decoration: none;
  display: block;
  margin-bottom: 0.5rem;
}

.footer-links a:hover {
  color: #fff;
}

.footer-newsletter {
  display: flex;
  margin-top: 0.5rem;
}

.footer-newsletter input {
  flex: 1;
  padding: 0.5rem 0.75rem;
  border: none;
  border-radius: 6px 0 0 6px;
}

.footer-newsletter button {
  background-color: #1E3A8A;
  color: #fff;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 0 6px 6px 0;
  cursor: pointer;
}

.footer-newsletter button:hover {
  background-color: #153072;
}

.footer-divider {
  border-color: rgba(255, 255, 255, 0.1);
  margin: 1rem 0;
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: 0.85rem;
}

.footer-bottom-center a img {
  height: 20px;
  margin: 0 0.5rem;
}

.footer-bottom-links a {
  color: #9CA3AF;
  margin-left: 1rem;
  text-decoration: none;
}

.footer-bottom-links a:hover {
  color: #fff;
}

/* Responsive */
@media (max-width: 768px) {
  .footer-top {
    flex-direction: column;
  }
  .footer-links-wrap {
    flex-direction: row;
    gap: 2rem;
  }
  .footer-bottom {
    flex-direction: column;
    text-align: center;
  }
  .footer-bottom-links a {
    margin-left: 0.5rem;
  }
}

/* Mobile view styling for footer */
@media (max-width: 768px) {
  .footer-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
  }

  .footer-links-wrap {
    flex-direction: row;
    gap: 3rem;
  }

  .footer-newsletter {
    flex-direction: row;
    width: 100%;
  }

  .footer-newsletter input {
    flex: 1;
    border-radius: 6px 0 0 6px;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }

  .footer-bottom-center {
    order: 1;
  }
  .footer-bottom-center a img {
    height: 24px;
    margin: 0 0.5rem;
  }

  .footer-bottom-links {
    order: 2;
    display: flex;
    justify-content: center;
    gap: 1.5rem;
  }

  .footer-copy {
    order: 3;
    font-size: 0.85rem;
  }
}
/* end footer */

/* Contact Us Section */
.contact-section {
  background-color: #FFFFFF; /* pure white background */
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.contact-title {
  font-weight: 700;
  font-size: 2rem;
  color: #111827;
}

.contact-subtitle {
  font-size: 1rem;
  color: #374151;
  max-width: 700px;
  margin: 0 auto;
}

.contact-card {
  background-color: #F9FAFB; /* requested card color */
  border-radius: 15px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06); /* soft & subtle shadow */
  overflow: hidden;
  transition: transform 0.25s ease;
}

.contact-card:hover {
  transform: translateY(-3px); /* subtle lift, no shadow change */
}

.contact-card-body {
  padding: 1rem;
  font-size: 0.9rem;
  color: #1f2937;
}

.contact-card-body h6 {
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}

.contact-card-body p {
  margin-bottom: 0.3rem;
}

.contact-card-body a {
  color: #1E3A8A;
  text-decoration: none;
}

.contact-card-body a:hover {
  text-decoration: underline;
}

/* Mobile carousel */
@media (max-width: 768px) {
  .contact-cards-wrapper {
    display: flex;
    overflow-x: auto;
    gap: 1rem;
    scrollbar-width: thin;
    scroll-snap-type: x mandatory;
    padding-bottom: 0.5rem;
  }

  .contact-cards-wrapper .col-md-6 {
    flex: 0 0 auto;
    width: 65%; /* slightly smaller for mobile */
    scroll-snap-align: start;
  }

  .contact-title {
    font-size: 1.5rem;
  }

  .contact-subtitle {
    font-size: 0.9rem;
  }

  .contact-card-body {
    font-size: 0.85rem;
  }
}

@media (max-width: 480px) {
  .contact-cards-wrapper .col-md-6 {
    width: 80%;
  }
}


/* Start Contact Form 
.contact-form-section {
  background-color: #F9FAFB;  subtle background 
  padding: 3rem 1rem;
  display: flex;
  justify-content: center;
}

.form-container {
  background-color: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  padding: 1.5rem;  reduced from 2rem 
  width: 100%;
  max-width: 750px;  reduced from 900px 
}

.form-title {
  font-weight: 700;
  font-size: 1.4rem;  slightly smaller 
  color: #111827;
  margin-bottom: 1.2rem;  less bottom space 
}

.form-label {
  font-weight: 500;
  font-size: 0.95rem;
  color: #111827;
}

.form-control, 
.form-select {
  border-radius: 6px;
  border: 1px solid #CBD5E1;
  font-size: 0.9rem;
  padding: 0.5rem 0.7rem;
  box-shadow: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form-control:focus, 
.form-select:focus {
  border-color: #1E3A8A;
  box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.15);
}

textarea.form-control {
  resize: none;
}

.form-check-label {
  font-size: 0.9rem;
  color: #374151;
}

.form-check-input {
  border-radius: 4px;
}

.submit-btn {
  background-color: #0C2D57;
  color: white;
  font-size: 0.95rem;
  padding: 0.5rem 1.1rem;
  border-radius: 8px;
  border: none;
  transition: background-color 0.2s ease;
}

.submit-btn:hover {
  background-color: #0A2446;
}

.contact-form-container {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  padding: 2rem;
  max-width: 1000px;  wider for rectangular look 
  width: 100%;
  margin: 0 auto;
}

 Responsive Design 

@media (max-width: 992px) {
  .contact-form-container {
    max-width: 90%;  keep it proportional on tablets 
  }
}

@media (max-width: 768px) {
  .form-title {
    font-size: 1.4rem;
  }
}

@media (max-width: 480px) {
  .form-title {
    font-size: 1.2rem;
  }
}
 End Contact Form */

/* Start About Us Section */

/* Container */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Titles */
.section-title {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: #0b132b;
}

.section-subtitle {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 2rem;
  color: #222;
}

/* About Content Layout */
.about-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  flex-wrap: wrap;
}

/* Left text column */
.about-col-left {
  flex: 1;
  min-width: 320px;
  font-size: 1rem;
  line-height: 1.6;
  color: #333;
  background: #f9fbfd;
  padding: 1.5rem;
  border-radius: 15px;
  border-left: 6px solid #0a2955;
}

/* Right image column */
.about-col-right {
  flex: 1;
  min-width: 280px;
  display: flex;
  justify-content: center;
}

.about-img {
  width: 55%;
  max-width: 460px;
  border-radius: 20px;
  object-fit: cover;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* Responsive Styling */
@media (max-width: 992px) {
  .about-content {
    flex-direction: column;
    text-align: center;
  }

  .about-col-left {
    text-align: left;
  }

  .about-img {
    max-width: 400px;
    margin-top: 1.5rem;
  }
}

@media (max-width: 576px) {
  .section-title {
    font-size: 1.6rem;
  }

  .section-subtitle {
    font-size: 1rem;
  }

  .about-col-left {
    padding: 1rem;
    font-size: 0.95rem;
  }

  .about-img {
    width: 70%;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  }
}

/* About Us Section Wrapper */
.about-section {
  padding: 20px 0;   /* adds breathing room top & bottom inside the section */
  margin: 20px 0;    /* ensures gap above and below this section */
}
/* End About Us Section */

/* Start Who We Are Section */
.who-we-are {
  padding: 40px 0; /* better top & bottom spacing */
}

.who-intro,
.who-strength {
  text-align: left;
  font-size: 1.1rem;
  line-height: 1.8;
  color: #2f365f; /* bluish shade */
  max-width: 1000px;
  margin: 0 auto 2rem;
}

.who-strength {
  margin-bottom: 0; /* removes extra gap under last block */
}

.who-specialize {
  background: #f9fbfd;
  border-radius: 15px;
  border-left: 6px solid #0a2955;
  padding: 1.5rem 2rem;
  max-width: 1000px;
  margin: 0 auto 2rem;
}

.who-specialize ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.who-specialize li {
  font-size: 1.1rem; /* consistent with paragraphs */
  color: #2f365f;
  margin-bottom: 1rem;
}

/* Responsive */
@media (max-width: 768px) {
  .who-intro,
  .who-strength {
    font-size: 1rem;
  }

  .who-specialize {
    padding: 1rem 1.2rem;
  }

  .who-specialize li {
    font-size: 1rem;
  }
}
/* End Who We Are Section */

/* Start What Drives Us Section */
.drives-us {
  padding: 60px 0;
  background: #f9fafb; /* Light background */
}

.drives-content {
  display: flex;
  align-items: center; /* Align text + image center vertically */
  justify-content: space-between;
  gap: 2rem;
  max-width: 1200px;
  margin: 0 auto;
  flex-wrap: wrap;
}

/* Center section title */
.drives-us .section-title {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  color: #1d2530;
  margin: 0 auto 2.5rem auto;
}

.drives-text {
  flex: 1;
  min-width: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}

.drives-text h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1d2530;
  margin-bottom: 0.5rem;
}

.drives-text p {
  font-size: 1.1rem;
  line-height: 1.8;
  color: #2f365f;
  margin-bottom: 2rem;
}

.drives-image {
  flex: 1;
  min-width: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.drives-image img {
  width: 60%;
  max-width: 480px;
  height: auto;
  object-fit: contain;
}

/* ✅ Tablet (landscape & portrait) */
@media (max-width: 992px) {
  .drives-content {
    flex-direction: column;
    text-align: center;
  }

  .drives-text {
    text-align: center;
  }

  .drives-text h3 {
    text-align: center;
  }

  .drives-text p {
    text-align: center;
  }

  .drives-image img {
    width: 80%;   /* Bigger image for balance on tablet */
    max-width: 400px;
    margin-top: 2rem;
  }
}

/* ✅ Mobile */
@media (max-width: 576px) {
  .drives-us .section-title {
    font-size: 1.6rem;
  }

  .drives-text h3 {
    font-size: 1.2rem;
  }

  .drives-text p {
    font-size: 0.95rem;
  }

  .drives-image img {
    width: 90%;  /* Use almost full width */
    max-width: 320px;
  }
}
/* End What Drives Us Section */

/* Start Core Values */
.core-values {
  text-align: center;
  padding: 60px 0;
}

.core-subtitle {
  text-align: center;
  font-size: 1.1rem;
  color: #2f365f;
  max-width: 900px;
  margin: 0 auto 3rem;
}

.values-flow {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 in a row for desktop */
  gap: 3rem;
  justify-items: center;
}

.core-value {
  text-align: center;
  max-width: 250px;
}

.value-icon {
  width: 150px;
  height: auto;
  margin-bottom: 1rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.core-value h3 {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.core-value p {
  font-size: 0.95rem;
  color: #2f365f;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 992px) {
  .values-flow {
    grid-template-columns: repeat(2, 1fr); /* 2 per row for tablet */
  }
}

@media (max-width: 576px) {
  .values-flow {
    grid-template-columns: 1fr; /* 1 per row for mobile */
  }
}
/* End Core Values */


/* Start Product Page Hero Section */
.product-hero {
  position: relative;
  width: 100%;
  height: 100vh; /* Full viewport height */
  background: url("images/product-bg.jpg") no-repeat center center/cover;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 5%;
  color: #fff;
  overflow: hidden;
}

.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.35); /* Dark overlay for text visibility */
  z-index: 1;
}

.product-hero-content {
  position: relative;
  z-index: 2;
  max-width: 700px;
}

.product-hero-content h1 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1rem;
  color: #fff;
}

.product-hero-content p {
  font-size: 1.2rem;
  margin-bottom: 2rem;
  color: #f1f1f1;
}

.hero-buttons {
  display: flex;
  gap: 1rem;
}

/* ✅ Scoped Button Styles */
.hero-btn {
  display: inline-block;
  padding: 0.8rem 1.8rem;
  font-size: 1rem;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

.hero-btn-primary {
  background: #fff;
  color: #003366;
  border: 2px solid #fff;
}

.hero-btn-primary:hover {
  background: transparent;
  color: #fff;
}

.hero-btn-outline {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
}

.hero-btn-outline:hover {
  background: #fff;
  color: #003366;
}

/* Responsive */
@media (max-width: 992px) {
  .product-hero-content h1 {
    font-size: 2.4rem;
  }

  .product-hero-content p {
    font-size: 1.05rem;
  }
}

@media (max-width: 576px) {
  .product-hero {
    text-align: center;
    justify-content: center;
    padding: 0 2rem;
  }

  .product-hero-content {
    max-width: 100%;
  }

  .product-hero-content h1 {
    font-size: 1.8rem;
  }

  .product-hero-content p {
    font-size: 0.95rem;
  }

  .hero-buttons {
    flex-direction: column;
  }

  .hero-btn {
    width: 100%;
    text-align: center;
  }
}
/* End Product Page Hero Section */


/* Start Product Categories Section */
.product-categories {
  background-color: #ffffff;
}

.section-title {
  font-size: 2rem;
  font-weight: 700;
  color: #111827;
}

.section-subtitle {
  font-size: 1rem;
  color: #4b5563;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
}

.product-card {
  background: #F9F9F9;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0.105, 0, 0.105);
  text-align: left;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.product-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

.card-body {
  padding: 1rem;
  flex-grow: 1;
}

.card-body h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 0.5rem;
}

.card-body p {
  font-size: 0.95rem;
  color: #4b5563;
  margin-bottom: 0.75rem;
  line-height: 1.6;
}

.view-link {
  font-size: 0.95rem;
  font-weight: 500;
  color: #1d4ed8;
  text-decoration: none;
}

.view-link:hover {
  text-decoration: underline;
}

/* Tablet */
@media (max-width: 768px) {
  .section-title {
    font-size: 1.5rem;
  }

  .section-subtitle {
    font-size: 0.95rem;
  }

  .product-card img {
    height: 150px;
  }
}

/* Mobile Carousel */
@media (max-width: 576px) {
  .product-categories .row.g-4 {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    gap: 1rem;
    scroll-snap-type: x mandatory;
    padding-bottom: 1rem;
  }

  .product-categories .row.g-4::-webkit-scrollbar {
    display: none; /* Hide scrollbar */
  }

  .product-categories .col-lg-4.col-md-6 {
    flex: 0 0 85%; /* show one card */
    max-width: 85%;
    scroll-snap-align: center;
  }

  .product-card {
    min-height: 320px;
  }

  .card-body h3 {
    font-size: 1rem;
  }

  .card-body p {
    font-size: 0.9rem;
  }
}
/* End Product Categories Section */


/* Start Product Trust Section */
.product-trust {
  background: #f9fafb;
}

.trust-item {
  padding: 1rem;
  text-align: center;
}

.trust-icon {
  width: 70px;
  height: 70px;
  margin: 0 auto 1rem;
  border-radius: 50%;
  background: #e5e7eb; /* light grey circle */
  display: flex;
  align-items: center;
  justify-content: center;
}

.trust-icon img {
  width: 72px;
  height: 72px;
}

.trust-item h3 {
  font-size: 1.15rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 0.75rem;
}

.trust-item p {
  font-size: 0.80rem;
  color: #4b5563;
  line-height: 1.6;
  margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
  .trust-item h3 {
    font-size: 1.05rem;
  }
  
  .trust-item p {
    font-size: 0.9rem;
  }
}

@media (max-width: 576px) {
  .trust-icon {
    width: 70px;
    height: 70px;
  }

  .trust-icon img {
    width: 58px;
    height: 58px;
  }
}

/* End Product Trust Section */




/* Start Vendor Partners Section */
.vendor-section {
  background: #fff;
}

.vendor-title {
  font-size: 2rem;
  font-weight: 700;
  color: #111827;
}

.vendor-subtitle {
  font-size: 1rem;
  color: #4b5563;
  margin-bottom: 2rem;
}

.vendor-ribbon {
  overflow: hidden;
  position: relative;
  width: 100%;
  background: #fff;
  padding: 1rem 0;
}

.vendor-track {
  display: flex;
  width: calc(250px * 12); /* logo width * number of logos */
  animation: scroll 55s linear infinite;
}

.vendor-track img {
  width: 180px;
  height: auto;
  margin: 0 2rem;
  object-fit: contain;
  filter: grayscale(0%);
  transition: transform 0.3s ease, filter 0.3s ease;
}

.vendor-track img:hover {
  transform: scale(1.1);
  filter: grayscale(0%);
}

@keyframes scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Responsive */
@media (max-width: 992px) {
  .vendor-track img {
    width: 140px;
    margin: 0 1.5rem;
  }
}

@media (max-width: 576px) {
  .vendor-track img {
    width: 100px;
    margin: 0 1rem;
  }

  .vendor-title {
    font-size: 1.5rem;
  }

  .vendor-subtitle {
    font-size: 0.9rem;
  }
}
/* End Vendor Partners Section */


.wpcf7 form label {
  display: block;
  margin-bottom: 15px;
}

.wpcf7 input,
.wpcf7 textarea {
  width: 100%;
}

.wpcf7-submit {
  padding: 10px 30px;
  border-radius: 6px;
}


/* Start CF7 form spacing cleanup */
.wpcf7 .form-label {
  margin-bottom: 6px;
}

.wpcf7 .form-control {
  padding: 12px 14px;
  border-radius: 8px;
}
/* End CF7 form spacing cleanup */



/* Start Privacy Policy Section */
.privacy-policy-section {
  background-color: #ffffff;
  padding: 4rem 1.5rem;
  color: #1d2530;
}

.policy-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #111827;
  text-align: center;
  margin-bottom: 0.3rem;
}

.last-updated {
  text-align: center;
  font-size: 1rem;
  color: #6b7280;
  margin-bottom: 2.5rem;
}

.policy-content {
  max-width: 950px;
  margin: 0 auto;
  line-height: 1.8;
  font-size: 1rem;
  background: #f9fafb;
  padding: 2.5rem 3rem;
  border-radius: 12px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}

.policy-content h2 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #111827;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}

.policy-content h3 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #1d2530;
  margin-top: 1rem;
}

.policy-content p {
  margin-bottom: 1rem;
  color: #374151;
}

.policy-content ul {
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}

.policy-content li {
  margin-bottom: 0.4rem;
  color: #4b5563;
}

.policy-content a {
  color: #1d4ed8;
  text-decoration: none;
  transition: color 0.3s ease;
}

.policy-content a:hover {
  text-decoration: underline;
  color: #003366;
}

/* Responsive Adjustments */
@media (max-width: 992px) {
  .policy-content {
    padding: 2rem;
  }
}

@media (max-width: 768px) {
  .policy-title {
    font-size: 2rem;
  }

  .policy-content {
    padding: 1.8rem;
    font-size: 0.95rem;
  }

  .policy-content h2 {
    font-size: 1.25rem;
  }
}

@media (max-width: 576px) {
  .policy-title {
    font-size: 1.7rem;
  }

  .policy-content {
    padding: 1.5rem;
    border-radius: 10px;
    box-shadow: none;
  }

  .policy-content h2 {
    font-size: 1.1rem;
  }

  .policy-content p,
  .policy-content li {
    font-size: 0.9rem;
  }
}
/* End Privacy Policy Section */


/* Start Terms of Service Section */
.terms-section {
  background-color: #ffffff;
  padding: 4rem 1.5rem;
  color: #1d2530;
}

.terms-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #111827;
  text-align: center;
  margin-bottom: 0.3rem;
}

.last-updated {
  text-align: center;
  font-size: 1rem;
  color: #6b7280;
  margin-bottom: 2.5rem;
}

.terms-content {
  max-width: 950px;
  margin: 0 auto;
  line-height: 1.8;
  font-size: 1rem;
  background: #f9fafb;
  padding: 2.5rem 3rem;
  border-radius: 12px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}

.terms-content h2 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #111827;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}

.terms-content p {
  margin-bottom: 1rem;
  color: #374151;
}

.terms-content ul {
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}

.terms-content li {
  margin-bottom: 0.4rem;
  color: #4b5563;
}

/* Responsive Adjustments */
@media (max-width: 992px) {
  .terms-content {
    padding: 2rem;
  }
}

@media (max-width: 768px) {
  .terms-title {
    font-size: 2rem;
  }

  .terms-content {
    padding: 1.8rem;
    font-size: 0.95rem;
  }

  .terms-content h2 {
    font-size: 1.25rem;
  }
}

@media (max-width: 576px) {
  .terms-title {
    font-size: 1.7rem;
  }

  .terms-content {
    padding: 1.5rem;
    border-radius: 10px;
    box-shadow: none;
  }

  .terms-content h2 {
    font-size: 1.1rem;
  }

  .terms-content p,
  .terms-content li {
    font-size: 0.9rem;
  }
}
/* End Terms of Service Section */



/* MGC Contact Form (CF7) - FIXED & Responsive */

.mgc-form-card{
  background:#fff;
  border-radius:16px;
  padding:18px;
  width:100%;
  margin:0 auto;
  box-shadow:0 8px 30px rgba(16,24,40,.08);
  border:1px solid #eef2f7;
}

/* CF7 adds p tags around fields -> kill default spacing */
.mgc-form-card p{
  margin:0 !important;
  padding:0 !important;
}

/* CF7 wrap span -> must behave like block */
.mgc-form-card .wpcf7-form-control-wrap{
  display:block;
  width:100%;
}

/* Ensure all inputs/select/textarea always full width */
.mgc-form-card input,
.mgc-form-card select,
.mgc-form-card textarea{
  width:100% !important;
  box-sizing:border-box !important;
}

/* Titles */
.mgc-form-title{
  font-size:22px;
  font-weight:700;
  margin:0 0 8px;
  line-height:1.2;
}

.mgc-form-subtitle{
  margin:0 0 18px;
  color:#475569;
  font-size:14px;
}

/* Labels */
.mgc-label{
  display:block;
  font-weight:700;
  margin-bottom:8px;
  color:#0f172a;
  font-size:14px;
}

/* Inputs */
.mgc-input,
.mgc-textarea{
  border:1px solid #dbe3ef !important;
  border-radius:12px !important;
  padding:14px 14px !important;
  height:auto !important;
  box-shadow:none !important;
  font-size:15px;
  background:#fff;
}

/* Select must look like input */
select.mgc-input{
  appearance:auto;
}

/* Textarea size fix (your screenshot issue) */
.mgc-textarea{
  min-height:220px;    /* ✅ bigger on desktop */
  resize:vertical;
}

/* Checkbox alignment fix */
.mgc-check{
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-size:14px;
  color:#334155;
  line-height:1.4;
  margin-top:6px;
}

.mgc-check input[type="checkbox"]{
  margin-top:4px;
}

/* Button */
.mgc-btn{
  background:#0b2e59 !important;
  color:#fff !important;
  padding:14px 18px !important;
  border-radius:12px !important;
  border:none !important;
  font-weight:700 !important;
  width:100%;
  font-size:15px;
}

.mgc-btn:hover{ opacity:.92; }

/* CF7 response messages */
.mgc-form-card .wpcf7-response-output{
  margin:16px 0 0 !important;
  border-radius:12px;
  padding:12px 14px !important;
  font-size:14px;
}

/* Tablet+ */
@media (min-width:768px){
  .mgc-form-card{
    padding:26px;
  }
  .mgc-form-title{ font-size:28px; }
  .mgc-form-subtitle{ font-size:15px; margin-bottom:22px; }
  .mgc-label{ font-size:15px; margin-bottom:10px; }

  .mgc-textarea{
    min-height:260px;  /* ✅ bigger on large screens */
  }

  .mgc-btn{
    width:auto;
    min-width:220px;
  }
}

/* Desktop */
@media (min-width:1200px){
  .mgc-form-card{ padding:30px; }
  .mgc-form-title{ font-size:32px; }
}




/* Start Project Archive (Grid + Cards) */

.project-archive {
  padding: 48px 0;
}

.project-archive-header {
  margin-bottom: 28px;
  text-align: center;
}

.project-archive .page-heading {
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0 0 8px;
}

.project-archive .page-subtitle {
  margin: 0;
  color: #667085;
  font-size: 15px;
  line-height: 1.6;
}

/* Grid */
.project-cards {
  display: grid;
  gap: 22px;
  grid-template-columns: 1fr;
}

/* Tablet */
@media (min-width: 768px) {
  .project-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Desktop */
@media (min-width: 1200px) {
  .project-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Card */
.project-card {
  background: #fff;
  border: 1px solid #eef2f7;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(16, 24, 40, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.project-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(16, 24, 40, 0.10);
}

/* Image wrapper (your original idea, improved) */
.project-card .card-image {
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #f3f6fb;
}

.project-card .card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* No thumbnail fallback */
.project-card .no-thumb {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #98a2b3;
  font-weight: 600;
  font-size: 14px;
  background: linear-gradient(135deg, #f2f4f7, #eef2f7);
}

.project-card .card-body {
  padding: 18px 18px 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.project-card .card-title {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
}

.project-card .card-title a {
  color: #0f172a;
  text-decoration: none;
}

.project-card .card-title a:hover {
  text-decoration: underline;
}

.project-card .card-meta {
  font-size: 13px;
  color: #667085;
  margin-bottom: 12px;
}

.project-card .card-excerpt {
  margin: 0 0 16px;
  color: #475467;
  font-size: 14px;
  line-height: 1.6;
  flex: 1;
}

.project-card .btn-readmore {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 10px 14px;
  border-radius: 12px;
  background: #0b2e59;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
}

.project-card .btn-readmore:hover {
  opacity: 0.92;
}

/* Pagination */
.project-archive .pagination {
  margin-top: 26px;
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.project-archive .pagination .page-numbers {
  border: 1px solid #e5e7eb;
  padding: 10px 12px;
  border-radius: 10px;
  text-decoration: none;
  color: #111827;
  font-weight: 600;
  background: #fff;
}

.project-archive .pagination .page-numbers.current {
  background: #0b2e59;
  color: #fff;
  border-color: #0b2e59;
}
/* End Project Archive (Grid + Cards) */

/* Start Single Post / Project (single.php) */
.single-wrap{
  padding: 48px 0 56px;
}

.single-hero{
  max-width: 980px;
  margin: 0 auto 18px;
}

.single-title{
  font-size: clamp(28px, 3.2vw, 44px);
  line-height: 1.15;
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 10px;
  display:flex;
  justify-content:center;
}

.single-meta{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  color: #64748b;
  font-size: 14px;
  align-items: center;
  justify-content:center;
}

.single-dot{
  opacity: .7;
}

.single-cat{
  color: #0b2e59;
  text-decoration: none;
  font-weight: 600;
}

.single-cat:hover{
  text-decoration: underline;
}

.single-featured{
  max-width: 1100px;
  margin: 22px auto 28px;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 35px rgba(16, 24, 40, 0.10);
  background: #f8fafc;
}

.single-featured img{
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.single-content{
  max-width: 980px;
  margin: 0 auto;
  color: #0f172a;
  font-size: 18px;
  line-height: 1.75;
}

/* Typography inside content */
.single-content h2,
.single-content h3,
.single-content h4{
  margin: 26px 0 12px;
  line-height: 1.25;
  color: #0f172a;
  font-weight: 800;
}

.single-content h2{ font-size: 28px; }
.single-content h3{ font-size: 22px; }
.single-content h4{ font-size: 18px; }

.single-content p{
  margin: 0 0 16px;
  color: #0f172a;
}

.single-content a{
  color: #0b2e59;
  font-weight: 600;
}

.single-content ul,
.single-content ol{
  margin: 0 0 18px 20px;
}

.single-content img{
  max-width: 100%;
  height: auto;
  border-radius: 14px;
}

.single-content blockquote{
  margin: 18px 0;
  padding: 14px 16px;
  border-left: 4px solid #0b2e59;
  background: #f8fafc;
  border-radius: 12px;
  color: #334155;
}

/* Prev / Next */
.single-nav{
  max-width: 980px;
  margin: 34px auto 0;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.single-nav a{
  display: inline-block;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid #dbe3ef;
  text-decoration: none;
  color: #0b2e59;
  font-weight: 700;
  background: #fff;
}

.single-nav a:hover{
  background: #f8fafc;
}

/* Mobile tweaks */
@media (max-width: 576px){
  .single-wrap{ padding: 34px 0 40px; }
  .single-content{ font-size: 16px; }
  .single-nav{ flex-direction: column; }
  .single-nav a{ width: 100%; text-align: center; }
}
/* End Single Post / Project (single.php) */


/* Start Category Landing Page (Wiring & Cables) */

.catlp { background:#fff; }

/* Hero */
.catlp-hero{
  position: relative;
  min-height: 360px;
  background-size: cover;
  background-position: center;
  display:flex;
  align-items:center;
}

.catlp-hero-overlay{
  position:absolute; inset:0;
  background: rgba(3, 10, 25, 0.62);
}

.catlp-hero-inner{
  position:relative;
  padding: 80px 0;
  text-align:center;
  color:#fff;
  max-width: 980px;
}

.catlp-hero-inner h1{
  font-size: clamp(26px, 3vw, 44px);
  font-weight: 700;
  line-height: 1.15;
  margin: 0 0 14px;
}

.catlp-hero-inner p{
  margin: 0 auto;
  max-width: 820px;
  font-size: 14px;
  line-height: 1.6;
  opacity: .95;
}

/* Trust bar */
.catlp-trust{
  background:#fff;
  border-bottom: 1px solid #eef2f7;
  padding: 18px 0;
}

.catlp-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap: 14px 28px;
  justify-content:center;
  font-weight:700;
  color:#111827;
}

.catlp-trust-item{
  display:flex;
  align-items:center;
  gap: 8px;
  font-size: 16px;
}

/* Choose Section */
.catlp-choose{
  padding: 60px 0 70px;
  background:#fff;
}

.catlp-head h2{
  font-size: clamp(26px, 3vw, 40px);
  font-weight: 800;
  margin: 0 0 10px;
  color:#0f172a;
}

.catlp-head p{
  margin:0 auto 38px;
  max-width: 720px;
  color:#64748b;
  font-size: 13px;
  line-height: 1.6;
}

/* Cards */
.catlp-cards{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px;
  max-width: 1100px;
  margin: 0 auto;
}

.catlp-card{
  background:#fff;
  border: 1px solid #eef2f7;
  border-radius: 18px;
  padding: 26px;
  box-shadow: 0 10px 30px rgba(16,24,40,.06);
}

.catlp-card h3{
  margin:0 0 4px;
  font-size: 22px;
  font-weight: 800;
  color:#0f172a;
}

.catlp-card-sub{
  margin:0 0 14px;
  font-style: italic;
  color:#475569;
  font-size: 13px;
}

.catlp-card-strong{
  margin: 0 0 10px;
  font-weight: 800;
  color:#0f172a;
}

.catlp-card ul{
  margin: 0 0 18px 18px;
  color:#0f172a;
  line-height: 1.8;
}

.catlp-btn{
  display:inline-block;
  background:#0b2e59;
  color:#fff;
  text-decoration:none;
  padding: 10px 16px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 14px;
}

.catlp-btn:hover{ opacity:.92; }

/* Responsive */
@media (max-width: 992px){
  .catlp-hero-inner{ padding: 60px 14px; }
  .catlp-cards{ grid-template-columns: 1fr; }
  .catlp-card{ padding: 20px; }
}

@media (max-width: 576px){
  .catlp-trust-item{ font-size: 14px; }
  .catlp-btn{ width:100%; text-align:center; }
}
/* End Category Landing Page (Wiring & Cables) */

/* Start Wires and Cable Quotation (CF7) Scoped so it won't break other pages */

.mgc-quote-cable{
  max-width: 980px;
  margin: 40px auto;
  padding: 34px;
  background: #f6f7f9;
  border-radius: 18px;
}

.mgc-quote-title{
  font-size: clamp(28px, 3vw, 44px);
  font-weight: 900;
  margin: 0 0 10px;
  color:#0f172a;
}

.mgc-quote-subtitle{
  margin: 0 0 22px;
  color:#475569;
  font-size: 15px;
  line-height: 1.6;
}

.mgc-quote-label{
  display:block;
  font-weight: 800;
  color:#0f172a;
  margin: 0 0 8px;
  font-size: 14px;
}

.mgc-quote-label .req{
  color:#ef4444;
  margin-left: 3px;
}

.mgc-quote-input,
.mgc-quote-select,
.mgc-quote-textarea{
  width: 100%;
  background:#fff;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  font-size: 15px;
  outline: none;
  box-shadow: none !important;
}

.mgc-quote-select{
  appearance: auto;
}

.mgc-quote-textarea{
  min-height: 180px;
  resize: vertical;
}

.mgc-quote-input:focus,
.mgc-quote-select:focus,
.mgc-quote-textarea:focus{
  border-color: #0b2e59 !important;
  box-shadow: 0 0 0 3px rgba(11,46,89,.12) !important;
}

.mgc-quote-btn{
  background:#0b2e59 !important;
  color:#fff !important;
  font-weight: 800 !important;
  padding: 12px 20px !important;
  border-radius: 12px !important;
  border: none !important;
  display: inline-block;
  min-width: 180px;
}

.mgc-quote-btn:hover{ opacity:.92; }

/* CF7 errors tidy */
.mgc-quote-cable .wpcf7-not-valid-tip{
  font-size: 13px;
  margin-top: 6px;
}
.mgc-quote-cable .wpcf7-response-output{
  margin: 16px 0 0 !important;
  border-radius: 12px;
  padding: 12px 14px !important;
}

/* Mobile */
@media (max-width: 576px){
  .mgc-quote-cable{
    padding: 20px;
    margin: 20px auto;
  }
  .mgc-quote-btn{
    width: 100%;
    min-width: 0;
    text-align:center;
  }
}
/* End Wires and Cable Quotation (CF7) Scoped so it won't break other pages */


/* Start SWITCHGEAR CATEGORY PAGE (Hero + Trustbar + Card) */

.mgc-cat-hero{
  position: relative;
  width: 100%;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Switchgear hero background image */
.mgc-cat-hero--switchgear{
  background-image: url('images/product-page/switchgear-hero.jpg'); /* CHANGE PATH IF NEEDED */
}

.mgc-cat-hero__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.45);
}

.mgc-cat-hero__content{
  position: relative;
  z-index: 2;
  padding: 78px 16px;
  max-width: 1100px;
}

.mgc-cat-hero__title{
  color: #fff;
  font-weight: 800;
  margin: 0 0 14px;
  font-size: 46px;
  line-height: 1.12;
  letter-spacing: .2px;
}

.mgc-cat-hero__subtitle{
  color: rgba(255,255,255,.92);
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.65;
  max-width: 720px;
}

/* ===== Trustbar ===== */
.mgc-trustbar{
  background: #ffffff;
  border-bottom: 1px solid rgba(15,23,42,.08);
}

.mgc-trustbar__row{
  display: flex;
  gap: 18px;
  justify-content: center;
  align-items: center;
  padding: 18px 10px;
  flex-wrap: wrap;
}

.mgc-trustbar__item{
  font-weight: 700;
  color: #111827;
  font-size: 16px;
  white-space: nowrap;
}

/* ===== Body + Card ===== */
.mgc-cat-body{
  background: #ffffff;
  padding: 46px 0 70px;
}

.mgc-cat-card{
  max-width: 720px;
  margin: 0 auto;
  background: #f8fafc;
  border-radius: 18px;
  padding: 36px 28px;
  box-shadow: 0 18px 48px rgba(15, 23, 42, .08);
  border: 1px solid rgba(15,23,42,.08);
  text-align: center;
}

.mgc-cat-card__title{
  margin: 0 0 10px;
  font-size: 34px;
  line-height: 1.15;
  font-weight: 800;
  color: #0f172a;
}

.mgc-cat-card__subtitle{
  margin: 0 auto 18px;
  max-width: 640px;
  color: #334155;
  font-size: 15px;
  line-height: 1.6;
}

.mgc-cat-card__list{
  list-style: disc;
  text-align: left;
  margin: 0 auto 22px;
  padding-left: 20px;
  max-width: 560px;
  color: #0f172a;
  font-size: 18px;
  line-height: 1.6;
}

.mgc-cat-card__list li{
  margin: 6px 0;
}

.mgc-cat-card__btn{
  display: inline-block;
  background: #0b2e59;
  color: #fff;
  padding: 14px 18px;
  border-radius: 10px;
  font-weight: 800;
  text-decoration: none;
  min-width: 320px;
  text-align: center;
  transition: transform .15s ease, opacity .15s ease;
}

.mgc-cat-card__btn:hover{
  opacity: .95;
  transform: translateY(-1px);
}

/* =========================================
   RESPONSIVE FIXES (Tablet + Mobile)
========================================= */

/* Tablet */
@media (max-width: 991px){
  .mgc-cat-hero{
    min-height: 360px;
  }

  .mgc-cat-hero__content{
    padding: 56px 14px;
  }

  .mgc-cat-hero__title{
    font-size: 30px;
    line-height: 1.18;
    margin-bottom: 10px;
  }

  .mgc-cat-hero__subtitle{
    font-size: 15px;
    max-width: 640px;
  }

  /* Trustbar becomes 2-column grid */
  .mgc-trustbar__row{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    padding: 16px 14px;
    justify-items: center;
    text-align: center;
  }

  .mgc-trustbar__item{
    font-size: 14px;
    white-space: normal;
  }

  .mgc-cat-card{
    padding: 30px 22px;
  }

  .mgc-cat-card__title{
    font-size: 28px;
  }

  .mgc-cat-card__list{
    font-size: 16px;
  }
}

/* Mobile */
@media (max-width: 576px){
  .mgc-cat-hero{
    min-height: 280px;
  }

  .mgc-cat-hero__content{
    padding: 44px 12px;
  }

  .mgc-cat-hero__title{
    font-size: 22px;
    line-height: 1.22;
  }

  .mgc-cat-hero__subtitle{
    font-size: 13px;
    line-height: 1.65;
  }

  /* Trustbar becomes 1-column clean list */
  .mgc-trustbar__row{
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .mgc-cat-body{
    padding: 34px 0 56px;
  }

  .mgc-cat-card{
    padding: 24px 16px;
    border-radius: 16px;
  }

  .mgc-cat-card__title{
    font-size: 22px;
  }

  .mgc-cat-card__list{
    font-size: 15px;
  }

  .mgc-cat-card__btn{
    width: 100%;
    min-width: unset;
  }
}
/* End SWITCHGEAR CATEGORY PAGE (Hero + Trustbar + Card) */


/* Start SWITCHGEAR CF7 FORM (SCOPED) - mgc-swqf Will NOT override other pages/forms */

.mgc-swqf-wrap{
  padding: 44px 0;
  background: #ffffff;
}

.mgc-swqf-card{
  max-width: 980px;
  margin: 0 auto;
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
  padding: 34px 28px;
}

.mgc-swqf-title{
  margin: 0 0 8px;
  font-size: 44px;
  line-height: 1.1;
  font-weight: 800;
  color: #0f172a;
}

.mgc-swqf-subtitle{
  margin: 0 0 26px;
  color: #334155;
  font-size: 16px;
  line-height: 1.6;
}

.mgc-swqf-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 26px;
}

.mgc-swqf-field label{
  display: block;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.mgc-swqf-req{
  color: #ef4444;
  margin-left: 3px;
}

/* Inputs */
.mgc-swqf-wrap .mgc-swqf-field input,
.mgc-swqf-wrap .mgc-swqf-field select,
.mgc-swqf-wrap .mgc-swqf-field textarea{
  width: 100%;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 10px;
  padding: 12px 12px;
  font-size: 15px;
  outline: none;
  background: #ffffff;
  box-sizing: border-box;
}

/* textarea */
.mgc-swqf-wrap .mgc-swqf-field textarea{
  min-height: 120px;
  resize: vertical;
}

/* Full row */
.mgc-swqf-full{
  grid-column: 1 / -1;
}

/* Button area spacing */
.mgc-swqf-actions{
  margin-top: 6px;
}

/* ===== CF7 Submit HARD FIX =====
   CF7 outputs submit as <input type="submit">, themes often override it.
*/
.mgc-swqf-wrap .wpcf7 form input.mgc-swqf-submit[type="submit"],
.mgc-swqf-wrap .wpcf7 form button.mgc-swqf-submit,
.mgc-swqf-wrap input.mgc-swqf-submit[type="submit"]{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: #0b2e59 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  min-height: 48px;
  cursor: pointer;
  text-decoration: none;
  appearance: none;
  -webkit-appearance: none;
}

.mgc-swqf-wrap .wpcf7 form input.mgc-swqf-submit[type="submit"]:hover,
.mgc-swqf-wrap .wpcf7 form button.mgc-swqf-submit:hover{
  opacity: .95;
}

/* Make sure nothing clips the submit button */
.mgc-swqf-wrap,
.mgc-swqf-card,
.mgc-swqf-wrap .wpcf7,
.mgc-swqf-wrap .wpcf7 form{
  overflow: visible !important;
}

/* CF7 response box spacing */
.mgc-swqf-wrap .wpcf7-response-output{
  margin: 18px 0 0 !important;
}

/* Tablet */
@media (max-width: 991px){
  .mgc-swqf-title{ font-size: 34px; }
  .mgc-swqf-grid{ gap: 18px; }
  .mgc-swqf-card{ padding: 30px 22px; }
}

/* Mobile */
@media (max-width: 576px){
  .mgc-swqf-card{
    padding: 22px 16px;
    border-radius: 16px;
  }

  .mgc-swqf-title{ font-size: 26px; }

  .mgc-swqf-grid{
    grid-template-columns: 1fr;
    gap: 16px;
  }

  /* Full width button on mobile */
  .mgc-swqf-wrap .wpcf7 form input.mgc-swqf-submit[type="submit"],
  .mgc-swqf-wrap .wpcf7 form button.mgc-swqf-submit{
    width: 100% !important;
  }
}
/* End SWITCHGEAR CF7 FORM (SCOPED) - mgc-swqf Will NOT override other pages/forms */


/* Start CONTROL PANELS (HT & LT) CATEGORY PAGE Scoped styles: mgc-cp-* */

/* HERO */
.mgc-cp-hero{
  position: relative;
  width: 100%;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.mgc-cp-hero__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.45);
}

.mgc-cp-hero__content{
  position: relative;
  z-index: 2;
  padding: 78px 16px;
  max-width: 1100px;
}

.mgc-cp-hero__title{
  color: #fff;
  font-weight: 800;
  margin: 0 0 14px;
  font-size: 46px;
  line-height: 1.12;
  letter-spacing: .2px;
}

.mgc-cp-hero__subtitle{
  color: rgba(255,255,255,.92);
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.65;
  max-width: 760px;
}

/* TRUSTBAR */
.mgc-cp-trust{
  background: #ffffff;
  border-bottom: 1px solid rgba(15,23,42,.08);
}

.mgc-cp-trust__row{
  display: flex;
  gap: 18px;
  justify-content: center;
  align-items: center;
  padding: 18px 10px;
  flex-wrap: wrap;
}

.mgc-cp-trust__item{
  font-weight: 700;
  color: #111827;
  font-size: 16px;
  white-space: nowrap;
}

/* BODY + CARD */
.mgc-cp-body{
  background: #ffffff;
  padding: 46px 0 70px;
}

.mgc-cp-card{
  max-width: 760px;
  margin: 0 auto;
  background: #f8fafc;
  border-radius: 18px;
  padding: 36px 28px;
  box-shadow: 0 18px 48px rgba(15, 23, 42, .08);
  border: 1px solid rgba(15,23,42,.08);
  text-align: center;
}

.mgc-cp-card__title{
  margin: 0 0 10px;
  font-size: 34px;
  line-height: 1.15;
  font-weight: 800;
  color: #0f172a;
}

.mgc-cp-card__subtitle{
  margin: 0 auto 18px;
  max-width: 680px;
  color: #334155;
  font-size: 15px;
  line-height: 1.6;
}

.mgc-cp-card__list{
  list-style: disc;
  text-align: left;
  margin: 0 auto 22px;
  padding-left: 20px;
  max-width: 600px;
  color: #0f172a;
  font-size: 18px;
  line-height: 1.6;
}

.mgc-cp-card__list li{
  margin: 6px 0;
}

.mgc-cp-card__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #0b2e59;
  color: #fff;
  padding: 14px 18px;
  border-radius: 10px;
  font-weight: 800;
  text-decoration: none;
  min-width: 340px;
  transition: transform .15s ease, opacity .15s ease;
}

.mgc-cp-card__btn:hover{
  opacity: .95;
  transform: translateY(-1px);
}

/* =========================================
   RESPONSIVE (Tablet + Mobile)
========================================= */

/* Tablet */
@media (max-width: 991px){
  .mgc-cp-hero{ min-height: 360px; }
  .mgc-cp-hero__content{ padding: 56px 14px; }
  .mgc-cp-hero__title{ font-size: 30px; line-height: 1.18; margin-bottom: 10px; }
  .mgc-cp-hero__subtitle{ font-size: 15px; }

  .mgc-cp-trust__row{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    padding: 16px 14px;
    justify-items: center;
    text-align: center;
  }
  .mgc-cp-trust__item{ font-size: 14px; white-space: normal; }

  .mgc-cp-card{ padding: 30px 22px; }
  .mgc-cp-card__title{ font-size: 28px; }
  .mgc-cp-card__list{ font-size: 16px; }
}

/* Mobile */
@media (max-width: 576px){
  .mgc-cp-hero{ min-height: 280px; }
  .mgc-cp-hero__content{ padding: 44px 12px; }
  .mgc-cp-hero__title{ font-size: 22px; line-height: 1.22; }
  .mgc-cp-hero__subtitle{ font-size: 13px; }

  .mgc-cp-trust__row{ grid-template-columns: 1fr; gap: 10px; }

  .mgc-cp-body{ padding: 34px 0 56px; }
  .mgc-cp-card{ padding: 24px 16px; border-radius: 16px; }
  .mgc-cp-card__title{ font-size: 22px; }
  .mgc-cp-card__list{ font-size: 15px; }

  .mgc-cp-card__btn{
    width: 100%;
    min-width: unset;
  }
}

/* End CONTROL PANELS (HT & LT) CATEGORY PAGE Scoped styles: mgc-cp-* */

/* Start CONTROL PANEL CF7 FORM (SCOPED) - mgc-cpf */

.mgc-cpf-wrap{
  padding: 44px 0;
  background: #ffffff;
}

.mgc-cpf-card{
  max-width: 980px;
  margin: 0 auto;
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
  padding: 34px 28px;
}

.mgc-cpf-title{
  margin: 0 0 8px;
  font-size: 44px;
  line-height: 1.1;
  font-weight: 800;
  color: #0f172a;
}

.mgc-cpf-subtitle{
  margin: 0 0 26px;
  color: #334155;
  font-size: 16px;
  line-height: 1.6;
}

.mgc-cpf-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 26px;
}

.mgc-cpf-field label{
  display: block;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.mgc-cpf-req{
  color: #ef4444;
  margin-left: 3px;
}

/* Inputs */
.mgc-cpf-wrap .mgc-cpf-field input,
.mgc-cpf-wrap .mgc-cpf-field select,
.mgc-cpf-wrap .mgc-cpf-field textarea{
  width: 100%;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 10px;
  padding: 12px 12px;
  font-size: 15px;
  outline: none;
  background: #ffffff;
  box-sizing: border-box;
}

.mgc-cpf-wrap .mgc-cpf-field textarea{
  min-height: 120px;
  resize: vertical;
}

.mgc-cpf-full{
  grid-column: 1 / -1;
}

.mgc-cpf-actions{
  margin-top: 6px;
}

/* ===== CF7 Submit HARD FIX (scoped) ===== */
.mgc-cpf-wrap .wpcf7 form input.mgc-cpf-submit[type="submit"],
.mgc-cpf-wrap .wpcf7 form button.mgc-cpf-submit,
.mgc-cpf-wrap input.mgc-cpf-submit[type="submit"]{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: #0b2e59 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  min-height: 48px;
  cursor: pointer;
  text-decoration: none;
  appearance: none;
  -webkit-appearance: none;
}

.mgc-cpf-wrap .wpcf7 form input.mgc-cpf-submit[type="submit"]:hover,
.mgc-cpf-wrap .wpcf7 form button.mgc-cpf-submit:hover{
  opacity: .95;
}

/* Make sure nothing clips the submit button */
.mgc-cpf-wrap,
.mgc-cpf-card,
.mgc-cpf-wrap .wpcf7,
.mgc-cpf-wrap .wpcf7 form{
  overflow: visible !important;
}

/* CF7 response box spacing */
.mgc-cpf-wrap .wpcf7-response-output{
  margin: 18px 0 0 !important;
}

/* Tablet */
@media (max-width: 991px){
  .mgc-cpf-title{ font-size: 34px; }
  .mgc-cpf-grid{ gap: 18px; }
  .mgc-cpf-card{ padding: 30px 22px; }
}

/* Mobile */
@media (max-width: 576px){
  .mgc-cpf-card{
    padding: 22px 16px;
    border-radius: 16px;
  }
  .mgc-cpf-title{ font-size: 26px; }

  .mgc-cpf-grid{
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .mgc-cpf-wrap .wpcf7 form input.mgc-cpf-submit[type="submit"],
  .mgc-cpf-wrap .wpcf7 form button.mgc-cpf-submit{
    width: 100% !important;
  }
}

/* End CONTROL PANEL CF7 FORM (SCOPED) - mgc-cpf */


/* Start FIRE SAFETY CATEGORY PAGE (SCOPED) - mgc-fs */

/* HERO */
.mgc-fs-hero{
  position: relative;
  width: 100%;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.mgc-fs-hero__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.45);
}

.mgc-fs-hero__content{
  position: relative;
  z-index: 2;
  padding: 78px 16px;
  max-width: 1100px;
}

.mgc-fs-hero__title{
  color: #fff;
  font-weight: 800;
  margin: 0 0 14px;
  font-size: 46px;
  line-height: 1.12;
  letter-spacing: .2px;
}

.mgc-fs-hero__subtitle{
  color: rgba(255,255,255,.92);
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.65;
  max-width: 780px;
}

/* TRUSTBAR */
.mgc-fs-trust{
  background: #ffffff;
  border-bottom: 1px solid rgba(15,23,42,.08);
}

.mgc-fs-trust__row{
  display: flex;
  gap: 18px;
  justify-content: center;
  align-items: center;
  padding: 18px 10px;
  flex-wrap: wrap;
}

.mgc-fs-trust__item{
  font-weight: 700;
  color: #111827;
  font-size: 16px;
  white-space: nowrap;
}

/* BODY + CARD */
.mgc-fs-body{
  background: #ffffff;
  padding: 46px 0 70px;
}

.mgc-fs-card{
  max-width: 760px;
  margin: 0 auto;
  background: #f8fafc;
  border-radius: 18px;
  padding: 36px 28px;
  box-shadow: 0 18px 48px rgba(15, 23, 42, .08);
  border: 1px solid rgba(15,23,42,.08);
  text-align: left;
}

.mgc-fs-card__title{
  margin: 0 0 10px;
  font-size: 34px;
  line-height: 1.15;
  font-weight: 800;
  color: #0f172a;
}

.mgc-fs-card__subtitle{
  margin: 0 0 18px;
  max-width: 680px;
  color: #334155;
  font-size: 15px;
  line-height: 1.6;
}

.mgc-fs-card__list{
  list-style: disc;
  margin: 0 0 22px;
  padding-left: 20px;
  max-width: 600px;
  color: #0f172a;
  font-size: 18px;
  line-height: 1.6;
}

.mgc-fs-card__list li{
  margin: 6px 0;
}

.mgc-fs-card__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #0b2e59;
  color: #fff;
  padding: 14px 18px;
  border-radius: 10px;
  font-weight: 800;
  text-decoration: none;
  min-width: 320px;
  transition: transform .15s ease, opacity .15s ease;
}

.mgc-fs-card__btn:hover{
  opacity: .95;
  transform: translateY(-1px);
}

/* =========================================
   RESPONSIVE (Tablet + Mobile)
========================================= */

/* Tablet */
@media (max-width: 991px){
  .mgc-fs-hero{ min-height: 360px; }
  .mgc-fs-hero__content{ padding: 56px 14px; }
  .mgc-fs-hero__title{ font-size: 30px; line-height: 1.18; margin-bottom: 10px; }
  .mgc-fs-hero__subtitle{ font-size: 15px; }

  .mgc-fs-trust__row{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    padding: 16px 14px;
    justify-items: center;
    text-align: center;
  }
  .mgc-fs-trust__item{ font-size: 14px; white-space: normal; }

  .mgc-fs-card{ padding: 30px 22px; }
  .mgc-fs-card__title{ font-size: 28px; }
  .mgc-fs-card__list{ font-size: 16px; }
}

/* Mobile */
@media (max-width: 576px){
  .mgc-fs-hero{ min-height: 280px; }
  .mgc-fs-hero__content{ padding: 44px 12px; }
  .mgc-fs-hero__title{ font-size: 22px; line-height: 1.22; }
  .mgc-fs-hero__subtitle{ font-size: 13px; }

  .mgc-fs-trust__row{ grid-template-columns: 1fr; gap: 10px; }

  .mgc-fs-body{ padding: 34px 0 56px; }
  .mgc-fs-card{ padding: 24px 16px; border-radius: 16px; }
  .mgc-fs-card__title{ font-size: 22px; }
  .mgc-fs-card__list{ font-size: 15px; }

  .mgc-fs-card__btn{
    width: 100%;
    min-width: unset;
  }
}

/* End FIRE SAFETY CATEGORY PAGE (SCOPED) - mgc-fs */


/* Start FIRE SAFETY CF7 FORM (SCOPED) - mgc-fsf */

.mgc-fsf-wrap{
  padding: 44px 0;
  background: #ffffff;
}

.mgc-fsf-card{
  max-width: 980px;
  margin: 0 auto;
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
  padding: 34px 28px;
}

.mgc-fsf-title{
  margin: 0 0 8px;
  font-size: 44px;
  line-height: 1.1;
  font-weight: 800;
  color: #0f172a;
}

.mgc-fsf-subtitle{
  margin: 0 0 26px;
  color: #334155;
  font-size: 16px;
  line-height: 1.6;
  max-width: 860px;
}

.mgc-fsf-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 26px;
}

.mgc-fsf-field label{
  display: block;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.mgc-fsf-req{
  color: #ef4444;
  margin-left: 3px;
}

/* Inputs */
.mgc-fsf-wrap .mgc-fsf-field input,
.mgc-fsf-wrap .mgc-fsf-field select,
.mgc-fsf-wrap .mgc-fsf-field textarea{
  width: 100%;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 10px;
  padding: 12px 12px;
  font-size: 15px;
  outline: none;
  background: #ffffff;
  box-sizing: border-box;
}

.mgc-fsf-wrap .mgc-fsf-field textarea{
  min-height: 120px;
  resize: vertical;
}

.mgc-fsf-full{
  grid-column: 1 / -1;
}

.mgc-fsf-actions{
  margin-top: 6px;
}

/* ===== CF7 Submit HARD FIX (scoped) ===== */
.mgc-fsf-wrap .wpcf7 form input.mgc-fsf-submit[type="submit"],
.mgc-fsf-wrap .wpcf7 form button.mgc-fsf-submit,
.mgc-fsf-wrap input.mgc-fsf-submit[type="submit"]{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: #0b2e59 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  min-height: 48px;
  cursor: pointer;
  text-decoration: none;
  appearance: none;
  -webkit-appearance: none;
}

.mgc-fsf-wrap .wpcf7 form input.mgc-fsf-submit[type="submit"]:hover,
.mgc-fsf-wrap .wpcf7 form button.mgc-fsf-submit:hover{
  opacity: .95;
}

/* Prevent clipping */
.mgc-fsf-wrap,
.mgc-fsf-card,
.mgc-fsf-wrap .wpcf7,
.mgc-fsf-wrap .wpcf7 form{
  overflow: visible !important;
}

/* CF7 response output spacing */
.mgc-fsf-wrap .wpcf7-response-output{
  margin: 18px 0 0 !important;
}

/* Tablet */
@media (max-width: 991px){
  .mgc-fsf-title{ font-size: 34px; }
  .mgc-fsf-grid{ gap: 18px; }
  .mgc-fsf-card{ padding: 30px 22px; }
}

/* Mobile */
@media (max-width: 576px){
  .mgc-fsf-card{
    padding: 22px 16px;
    border-radius: 16px;
  }
  .mgc-fsf-title{ font-size: 26px; }

  .mgc-fsf-grid{
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .mgc-fsf-wrap .wpcf7 form input.mgc-fsf-submit[type="submit"],
  .mgc-fsf-wrap .wpcf7 form button.mgc-fsf-submit{
    width: 100% !important;
  }
}

/* End FIRE SAFETY CF7 FORM (SCOPED) - mgc-fsf */


/* Start LIGHTING SOLUTIONS CATEGORY PAGE (SCOPED) - mgc-lit */

/* HERO */
.mgc-lit-hero{
  position: relative;
  width: 100%;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.mgc-lit-hero__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.45);
}

.mgc-lit-hero__content{
  position: relative;
  z-index: 2;
  padding: 78px 16px;
  max-width: 1100px;
}

.mgc-lit-hero__title{
  color: #fff;
  font-weight: 800;
  margin: 0 0 12px;
  font-size: 46px;
  line-height: 1.12;
  letter-spacing: .2px;
}

.mgc-lit-hero__subtitle{
  color: rgba(255,255,255,.92);
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.65;
  max-width: 760px;
}

/* TRUSTBAR */
.mgc-lit-trust{
  background: #ffffff;
  border-bottom: 1px solid rgba(15,23,42,.08);
}

.mgc-lit-trust__row{
  display: flex;
  gap: 18px;
  justify-content: center;
  align-items: center;
  padding: 18px 10px;
  flex-wrap: wrap;
}

.mgc-lit-trust__item{
  font-weight: 700;
  color: #111827;
  font-size: 16px;
  white-space: nowrap;
}

/* BODY */
.mgc-lit-body{
  background: #ffffff;
  padding: 46px 0 70px;
}

/* Two cards grid */
.mgc-lit-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
  align-items: stretch;
}

/* CARD */
.mgc-lit-card{
  background: #f8fafc;
  border-radius: 18px;
  padding: 34px 28px;
  box-shadow: 0 18px 48px rgba(15, 23, 42, .08);
  border: 1px solid rgba(15,23,42,.08);
}

.mgc-lit-card__title{
  margin: 0 0 8px;
  font-size: 28px;
  line-height: 1.15;
  font-weight: 800;
  color: #0f172a;
}

.mgc-lit-card__small{
  margin: 0 0 12px;
  font-style: italic;
  color: #334155;
  font-size: 14px;
}

.mgc-lit-card__desc{
  margin: 0 0 16px;
  color: #0f172a;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.55;
  max-width: 520px;
}

.mgc-lit-card__list{
  list-style: disc;
  margin: 0 0 20px;
  padding-left: 20px;
  color: #0f172a;
  font-size: 18px;
  line-height: 1.6;
}

.mgc-lit-card__list li{
  margin: 6px 0;
}

.mgc-lit-card__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #0b2e59;
  color: #fff;
  padding: 14px 18px;
  border-radius: 10px;
  font-weight: 800;
  text-decoration: none;
  min-height: 48px;
  transition: transform .15s ease, opacity .15s ease;
}

.mgc-lit-card__btn:hover{
  opacity: .95;
  transform: translateY(-1px);
}

/* =========================================
   RESPONSIVE
========================================= */

/* Tablet */
@media (max-width: 991px){
  .mgc-lit-hero{ min-height: 360px; }
  .mgc-lit-hero__content{ padding: 56px 14px; }
  .mgc-lit-hero__title{ font-size: 30px; }
  .mgc-lit-hero__subtitle{ font-size: 15px; }

  .mgc-lit-trust__row{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    padding: 16px 14px;
    justify-items: center;
    text-align: center;
  }
  .mgc-lit-trust__item{
    font-size: 14px;
    white-space: normal;
  }

  .mgc-lit-grid{
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .mgc-lit-card{
    padding: 30px 22px;
  }

  .mgc-lit-card__title{ font-size: 26px; }
  .mgc-lit-card__list{ font-size: 16px; }
}

/* Mobile */
@media (max-width: 576px){
  .mgc-lit-hero{ min-height: 280px; }
  .mgc-lit-hero__content{ padding: 44px 12px; }
  .mgc-lit-hero__title{ font-size: 22px; line-height: 1.22; }
  .mgc-lit-hero__subtitle{ font-size: 13px; }

  .mgc-lit-trust__row{
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .mgc-lit-body{ padding: 34px 0 56px; }

  .mgc-lit-card{
    padding: 24px 16px;
    border-radius: 16px;
  }

  .mgc-lit-card__title{ font-size: 22px; }
  .mgc-lit-card__list{ font-size: 15px; }

  .mgc-lit-card__btn{
    width: 100%;
  }
}

/* End LIGHTING SOLUTIONS CATEGORY PAGE (SCOPED) - mgc-lit */


/* Start INDUSTRIAL LIGHTING CF7 FORM (SCOPED) - mgc-ilf */

.mgc-ilf-wrap{
  padding: 44px 0;
  background: #ffffff;
}

.mgc-ilf-card{
  max-width: 980px;
  margin: 0 auto;
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
  padding: 34px 28px;
}

.mgc-ilf-title{
  margin: 0 0 8px;
  font-size: 44px;
  line-height: 1.1;
  font-weight: 800;
  color: #0f172a;
}

.mgc-ilf-subtitle{
  margin: 0 0 26px;
  color: #334155;
  font-size: 16px;
  line-height: 1.6;
  max-width: 900px;
}

.mgc-ilf-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 26px;
}

.mgc-ilf-field label{
  display: block;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.mgc-ilf-req{
  color: #ef4444;
  margin-left: 3px;
}

/* Inputs */
.mgc-ilf-wrap .mgc-ilf-field input,
.mgc-ilf-wrap .mgc-ilf-field select,
.mgc-ilf-wrap .mgc-ilf-field textarea{
  width: 100%;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 10px;
  padding: 12px 12px;
  font-size: 15px;
  outline: none;
  background: #ffffff;
  box-sizing: border-box;
}

.mgc-ilf-wrap .mgc-ilf-field textarea{
  min-height: 120px;
  resize: vertical;
}

.mgc-ilf-full{
  grid-column: 1 / -1;
}

.mgc-ilf-actions{
  margin-top: 6px;
}

/* ===== Submit button hard fix (scoped) ===== */
.mgc-ilf-wrap .wpcf7 form input.mgc-ilf-submit[type="submit"],
.mgc-ilf-wrap .wpcf7 form button.mgc-ilf-submit,
.mgc-ilf-wrap input.mgc-ilf-submit[type="submit"]{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: #0b2e59 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  min-height: 48px;
  cursor: pointer;
  text-decoration: none;
  appearance: none;
  -webkit-appearance: none;
}

.mgc-ilf-wrap .wpcf7 form input.mgc-ilf-submit[type="submit"]:hover,
.mgc-ilf-wrap .wpcf7 form button.mgc-ilf-submit:hover{
  opacity: .95;
}

/* Prevent clipping */
.mgc-ilf-wrap,
.mgc-ilf-card,
.mgc-ilf-wrap .wpcf7,
.mgc-ilf-wrap .wpcf7 form{
  overflow: visible !important;
}

/* CF7 response output spacing */
.mgc-ilf-wrap .wpcf7-response-output{
  margin: 18px 0 0 !important;
}

/* Tablet */
@media (max-width: 991px){
  .mgc-ilf-title{ font-size: 34px; }
  .mgc-ilf-grid{ gap: 18px; }
  .mgc-ilf-card{ padding: 30px 22px; }
}

/* Mobile */
@media (max-width: 576px){
  .mgc-ilf-card{
    padding: 22px 16px;
    border-radius: 16px;
  }
  .mgc-ilf-title{ font-size: 26px; }

  .mgc-ilf-grid{
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .mgc-ilf-wrap .wpcf7 form input.mgc-ilf-submit[type="submit"],
  .mgc-ilf-wrap .wpcf7 form button.mgc-ilf-submit{
    width: 100% !important;
  }
}

/* End INDUSTRIAL LIGHTING CF7 FORM (SCOPED) - mgc-ilf */


/* Start COMMERCIAL LIGHTING CF7 FORM (SCOPED) - mgc-clf */

.mgc-clf-wrap{
  padding: 44px 0;
  background: #ffffff;
}

.mgc-clf-card{
  max-width: 980px;
  margin: 0 auto;
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
  padding: 34px 28px;
}

.mgc-clf-title{
  margin: 0 0 8px;
  font-size: 44px;
  line-height: 1.1;
  font-weight: 800;
  color: #0f172a;
}

.mgc-clf-subtitle{
  margin: 0 0 26px;
  color: #334155;
  font-size: 16px;
  line-height: 1.6;
  max-width: 900px;
}

.mgc-clf-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 26px;
}

.mgc-clf-field label{
  display: block;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.mgc-clf-req{
  color: #ef4444;
  margin-left: 3px;
}

/* Inputs */
.mgc-clf-wrap .mgc-clf-field input,
.mgc-clf-wrap .mgc-clf-field select,
.mgc-clf-wrap .mgc-clf-field textarea{
  width: 100%;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 10px;
  padding: 12px 12px;
  font-size: 15px;
  outline: none;
  background: #ffffff;
  box-sizing: border-box;
}

.mgc-clf-wrap .mgc-clf-field textarea{
  min-height: 120px;
  resize: vertical;
}

.mgc-clf-full{
  grid-column: 1 / -1;
}

.mgc-clf-actions{
  margin-top: 6px;
}

/* ===== Submit button hard fix (scoped) ===== */
.mgc-clf-wrap .wpcf7 form input.mgc-clf-submit[type="submit"],
.mgc-clf-wrap .wpcf7 form button.mgc-clf-submit,
.mgc-clf-wrap input.mgc-clf-submit[type="submit"]{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: #0b2e59 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  min-height: 48px;
  cursor: pointer;
  text-decoration: none;
  appearance: none;
  -webkit-appearance: none;
}

.mgc-clf-wrap .wpcf7 form input.mgc-clf-submit[type="submit"]:hover,
.mgc-clf-wrap .wpcf7 form button.mgc-clf-submit:hover{
  opacity: .95;
}

/* Prevent clipping */
.mgc-clf-wrap,
.mgc-clf-card,
.mgc-clf-wrap .wpcf7,
.mgc-clf-wrap .wpcf7 form{
  overflow: visible !important;
}

/* CF7 response output spacing */
.mgc-clf-wrap .wpcf7-response-output{
  margin: 18px 0 0 !important;
}

/* Tablet */
@media (max-width: 991px){
  .mgc-clf-title{ font-size: 34px; }
  .mgc-clf-grid{ gap: 18px; }
  .mgc-clf-card{ padding: 30px 22px; }
}

/* Mobile */
@media (max-width: 576px){
  .mgc-clf-card{
    padding: 22px 16px;
    border-radius: 16px;
  }
  .mgc-clf-title{ font-size: 26px; }

  .mgc-clf-grid{
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .mgc-clf-wrap .wpcf7 form input.mgc-clf-submit[type="submit"],
  .mgc-clf-wrap .wpcf7 form button.mgc-clf-submit{
    width: 100% !important;
  }
}

/* End COMMERCIAL LIGHTING CF7 FORM (SCOPED) - mgc-clf */







/* START SWITCHES & SOCKETS PAGE*/

.ssp-wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

/* HERO */
.ssp-hero{
  position: relative;
  min-height: 520px;
  display: grid;
  place-items: center;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.ssp-hero__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.50);
}

.ssp-hero__inner{
  position: relative;
  z-index: 2;
  padding: 78px 16px;
  max-width: 1100px;
}

.ssp-hero__title{
  color: #fff;
  font-weight: 800;
  margin: 0 auto 12px;
  font-size: 46px;
  line-height: 1.12;
  max-width: 980px;
}

.ssp-hero__subtitle{
  color: rgba(255,255,255,.92);
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.65;
  max-width: 760px;
}

/* TRUST BAR */
.ssp-trust{
  background: #fff;
  border-bottom: 1px solid rgba(15,23,42,.08);
}

.ssp-trust__row{
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  justify-content: center;
  align-items: center;
  padding: 18px 10px;
}

.ssp-trust__item{
  font-weight: 800;
  color: #111827;
  font-size: 14px;
  white-space: nowrap;
}

/* CHOICE HEADER */
.ssp-choice{
  padding: 40px 0 70px;
  background: #ffffff;
}

.ssp-choice__head{
  text-align: center;
  padding: 10px 0 26px;
}

.ssp-choice__title{
  margin: 0 0 8px;
  font-size: 40px;
  line-height: 1.1;
  font-weight: 900;
  color: #0f172a;
}

.ssp-choice__subtitle{
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: #475569;
}

/* CARDS */
.ssp-cards{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
  margin-top: 18px;
}

.ssp-card{
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  padding: 26px 24px;
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
}

.ssp-card__title{
  margin: 0 0 8px;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 900;
  color: #0f172a;
}

.ssp-card__meta{
  margin: 0 0 10px;
  color: #475569;
  font-size: 13px;
}

.ssp-card__lead{
  margin: 0 0 12px;
  color: #0f172a;
  font-size: 13px;
}

.ssp-card__list{
  margin: 0 0 18px;
  padding-left: 18px;
  color: #0f172a;
  font-size: 13px;
  line-height: 1.7;
}

.ssp-card__list li{
  margin: 6px 0;
}

.ssp-card__btn{
  display: inline-block;
  background: #0b2e59;
  color: #fff;
  font-weight: 800;
  border-radius: 10px;
  padding: 12px 16px;
  text-decoration: none;
  transition: transform .15s ease, opacity .15s ease;
}

.ssp-card__btn:hover{
  opacity: .95;
  transform: translateY(-1px);
}

/* =========================
   RESPONSIVE
========================= */

/* Tablet */
@media (max-width: 991px){
  .ssp-hero{ min-height: 360px; }
  .ssp-hero__inner{ padding: 56px 14px; }
  .ssp-hero__title{ font-size: 30px; max-width: 760px; }
  .ssp-hero__subtitle{ font-size: 14px; max-width: 640px; }

  .ssp-trust__row{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    padding: 16px 14px;
    justify-items: center;
    text-align: center;
  }

  .ssp-trust__item{ white-space: normal; }

  .ssp-choice__title{ font-size: 32px; }
  .ssp-cards{ grid-template-columns: 1fr; }
}

/* Mobile */
@media (max-width: 576px){
  .ssp-hero{ min-height: 280px; }
  .ssp-hero__inner{ padding: 44px 12px; }
  .ssp-hero__title{ font-size: 22px; line-height: 1.22; padding: 0 10px; }
  .ssp-hero__subtitle{ font-size: 13px; }

  .ssp-trust__row{ grid-template-columns: 1fr; gap: 10px; }

  .ssp-choice{ padding: 34px 0 56px; }
  .ssp-choice__title{ font-size: 26px; }

  .ssp-card{ padding: 22px 16px; border-radius: 16px; }
  .ssp-card__btn{ width: 100%; text-align: center; }
}

/* END SWITCHES & SOCKETS PAGE*/

/* START SWITCHES & SOCKETS QUOTATION FORM 1 */

.ssq-wrap{
  padding: 42px 0;
  background: #ffffff;
}

.ssq-card{
  max-width: 980px;
  margin: 0 auto;
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
  padding: 34px 28px;
}

.ssq-title{
  margin: 0 0 10px;
  font-size: 42px;
  line-height: 1.1;
  font-weight: 800;
  color: #0f172a;
}

.ssq-subtitle{
  margin: 0 0 26px;
  color: #334155;
  font-size: 16px;
  line-height: 1.65;
  max-width: 920px;
}

.ssq-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 26px;
}

.ssq-field label{
  display: block;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.ssq-req{
  color: #ef4444;
  margin-left: 3px;
}

.ssq-field input,
.ssq-field select,
.ssq-field textarea{
  width: 100%;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 10px;
  padding: 12px 12px;
  font-size: 15px;
  outline: none;
  background: #fff;
}

.ssq-field textarea{
  min-height: 120px;
  resize: vertical;
}

.ssq-field--full{
  grid-column: 1 / -1;
}

.ssq-submit{
  background: #0b2e59 !important;
  color: #fff;
  font-weight: 800;
  border: 0;
  border-radius: 10px;
  padding: 14px 18px;
  cursor: pointer;
}

.ssq-submit:hover{ opacity: .95; }

/* Tablet */
@media (max-width: 991px){
  .ssq-title{ font-size: 34px; }
  .ssq-grid{ gap: 18px; }
}

/* Mobile */
@media (max-width: 576px){
  .ssq-card{ padding: 22px 16px; border-radius: 16px; }
  .ssq-title{ font-size: 26px; }
  .ssq-grid{ grid-template-columns: 1fr; }
}
/* END SWITCHES & SOCKETS QUOTATION FORM 1 */

/*  START SWITCHES & SOCKETS PROJECT FORM 2 */

.sspr-wrap{
  padding: 42px 0;
  background: #ffffff;
}

.sspr-card{
  max-width: 980px;
  margin: 0 auto;
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
  padding: 34px 28px;
}

.sspr-title{
  margin: 0 0 10px;
  font-size: 42px;
  line-height: 1.1;
  font-weight: 800;
  color: #0f172a;
}

.sspr-subtitle{
  margin: 0 0 26px;
  color: #334155;
  font-size: 16px;
  line-height: 1.65;
  max-width: 920px;
}

.sspr-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 26px;
}

.sspr-field label{
  display: block;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.sspr-req{
  color: #ef4444;
  margin-left: 3px;
}

.sspr-field input,
.sspr-field select,
.sspr-field textarea{
  width: 100%;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 10px;
  padding: 12px 12px;
  font-size: 15px;
  outline: none;
  background: #fff;
}

.sspr-field textarea{
  min-height: 120px;
  resize: vertical;
}

.sspr-field--full{
  grid-column: 1 / -1;
}

.sspr-submit{
  background: #0b2e59 !important;
  color: #fff;
  font-weight: 800;
  border: 0;
  border-radius: 10px;
  padding: 14px 18px;
  cursor: pointer;
}

.sspr-submit:hover{ opacity: .95; }

/* Tablet */
@media (max-width: 991px){
  .sspr-title{ font-size: 34px; }
  .sspr-grid{ gap: 18px; }
}

/* Mobile */
@media (max-width: 576px){
  .sspr-card{ padding: 22px 16px; border-radius: 16px; }
  .sspr-title{ font-size: 26px; }
  .sspr-grid{ grid-template-columns: 1fr; }
}
/*  END SWITCHES & SOCKETS PROJECT FORM 2 */


/*start POWER DISTRIBUTION PAGE (Isolated Styles) */

.pdc-page{ background:#fff; }

/* width wrapper like container but isolated */
.pdc-wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

/* HERO */
.pdc-hero{
  position: relative;
  width: 100%;
  min-height: 520px;
  display: grid;
  place-items: center;
  text-align: center;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.pdc-hero__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.50);
}

.pdc-hero__inner{
  position: relative;
  z-index: 2;
  max-width: 1100px;
  padding: 78px 16px;
}

.pdc-hero__title{
  color: #fff;
  font-weight: 800;
  margin: 0 auto 14px;
  font-size: 43px;
  line-height: 1.12;
  letter-spacing: .2px;
  max-width: 920px; /* keeps title nicely in 2 lines */
  text-align: center;
}

.pdc-hero__subtitle{
  color: rgba(255,255,255,.92);
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.65;
  max-width: 760px;
}

/* TRUST BAR */
.pdc-trust{
  background: #ffffff;
  border-bottom: 1px solid rgba(15,23,42,.08);
}

.pdc-trust__row{
  display: flex;
  gap: 18px;
  justify-content: center;
  align-items: center;
  padding: 18px 10px;
  flex-wrap: wrap;
}

.pdc-trust__item{
  font-weight: 800;
  color: #111827;
  font-size: 14px;
  white-space: nowrap;
}

/* BODY + CARD */
.pdc-body{
  background: #ffffff;
  padding: 46px 0 70px;
}

.pdc-card{
  max-width: 760px;
  margin: 0 auto;
  background: #f8fafc;
  border-radius: 18px;
  padding: 36px 28px;
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
  border: 1px solid rgba(15,23,42,.08);
  text-align: left;
}

.pdc-card__title{
  margin: 0 0 10px;
  font-size: 30px;
  line-height: 1.15;
  font-weight: 800;
  color: #0f172a;
}

.pdc-card__intro{
  margin: 0 0 18px;
  max-width: 680px;
  color: #334155;
  font-size: 15px;
  line-height: 1.6;
}

.pdc-card__list{
  list-style: disc;
  margin: 0 0 22px;
  padding-left: 22px;
  color: #0f172a;
  font-size: 18px;
  line-height: 1.6;
}

.pdc-card__list li{ margin: 6px 0; }

.pdc-card__cta{
  display: inline-block;
  background: #0b2e59;
  color: #fff;
  padding: 14px 18px;
  border-radius: 10px;
  font-weight: 800;
  text-decoration: none;
  min-width: 340px;
  text-align: center;
  transition: transform .15s ease, opacity .15s ease;
}

.pdc-card__cta:hover{
  opacity: .95;
  transform: translateY(-1px);
}

/* =========================
   RESPONSIVE
========================= */

/* Tablet */
@media (max-width: 991px){
  .pdc-hero{ min-height: 360px; }
  .pdc-hero__inner{ padding: 56px 14px; }

  .pdc-hero__title{
    font-size: 30px;
    line-height: 1.18;
    margin-bottom: 10px;
    max-width: 720px;
  }

  .pdc-hero__subtitle{ font-size: 15px; max-width: 680px; }

  /* Trustbar -> 2 column grid */
  .pdc-trust__row{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    padding: 16px 14px;
    justify-items: center;
    text-align: center;
  }

  .pdc-trust__item{
    white-space: normal;
  }

  .pdc-card{ padding: 30px 22px; }
  .pdc-card__title{ font-size: 28px; }
  .pdc-card__list{ font-size: 16px; }
}

/* Mobile */
@media (max-width: 576px){
  .pdc-hero{ min-height: 280px; }
  .pdc-hero__inner{ padding: 44px 12px; }

  .pdc-hero__title{
    font-size: 22px;
    line-height: 1.22;
    max-width: 100%;
    padding: 0 10px;
  }

  .pdc-hero__subtitle{
    font-size: 13px;
    line-height: 1.65;
  }

  /* Trustbar -> 1 column */
  .pdc-trust__row{
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .pdc-body{ padding: 34px 0 56px; }

  .pdc-card{
    padding: 24px 16px;
    border-radius: 16px;
  }

  .pdc-card__title{ font-size: 22px; }
  .pdc-card__list{ font-size: 15px; }

  .pdc-card__cta{
    width: 100%;
    min-width: unset;
  }
}
/* End POWER DISTRIBUTION PAGE  */

/* Start POWER DISTRIBUTION FORM (CF7) */

.pdrf-wrap{
  padding: 42px 0;
  background: #ffffff;
}

.pdrf-page{
  padding: 60px 16px 110px;
  background: #ffffff;
}

.pdrf-card{
  max-width: 980px;
  margin: 0 auto;
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
  padding: 34px 28px;
}

.pdrf-title{
  margin: 0 0 8px;
  font-size: 42px;
  line-height: 1.1;
  font-weight: 800;
  color: #0f172a;
}

.pdrf-subtitle{
  margin: 0 0 26px;
  color: #334155;
  font-size: 16px;
  line-height: 1.6;
  max-width: 900px;
}

.pdrf-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 26px;
}

.pdrf-field label{
  display: block;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.pdrf-req{
  color: #ef4444;
  margin-left: 3px;
}

.pdrf-field input,
.pdrf-field select,
.pdrf-field textarea{
  width: 100%;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 10px;
  padding: 12px 12px;
  font-size: 15px;
  outline: none;
  background: #fff;
}

.pdrf-field textarea{
  min-height: 110px;
  resize: vertical;
}

.pdrf-field--full{
  grid-column: 1 / -1;
}

.pdrf-submit{
  background: #0b2e59 !important;
  color: #fff;
  font-weight: 800;
  border: 0;
  border-radius: 10px;
  padding: 14px 18px;
  cursor: pointer;
}

.pdrf-submit:hover{ opacity: .95; }

/* Tablet */
@media (max-width: 991px){
  .pdrf-title{ font-size: 34px; }
  .pdrf-grid{ gap: 18px; }
}

/* Mobile */
@media (max-width: 576px){
  .pdrf-card{ padding: 22px 16px; border-radius: 16px; }
  .pdrf-title{ font-size: 26px; }
  .pdrf-grid{ grid-template-columns: 1fr; }
}
/* End POWER DISTRIBUTION FORM (CF7) */


/* Start CAPACITORS & POWER QUALITY PAGE */

.cpq-page{ background:#fff; }

.cpq-wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

/* HERO */
.cpq-hero{
  position: relative;
  width: 100%;
  min-height: 520px;
  display: grid;
  place-items: center;
  text-align: center;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.cpq-hero__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.50);
}

.cpq-hero__inner{
  position: relative;
  z-index: 2;
  max-width: 1100px;
  padding: 78px 16px;
}

.cpq-hero__title{
  color: #fff;
  font-weight: 800;
  margin: 0 auto 14px;
  font-size: 46px;
  line-height: 1.12;
  letter-spacing: .2px;
  max-width: 980px; /* keeps title in balanced lines */
  text-align: center;
}

.cpq-hero__subtitle{
  color: rgba(255,255,255,.92);
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.65;
  max-width: 820px;
}

/* TRUST BAR */
.cpq-trust{
  background: #ffffff;
  border-bottom: 1px solid rgba(15,23,42,.08);
}

.cpq-trust__row{
  display: flex;
  gap: 18px;
  justify-content: center;
  align-items: center;
  padding: 18px 10px;
  flex-wrap: wrap;
}

.cpq-trust__item{
  font-weight: 800;
  color: #111827;
  font-size: 16px;
  white-space: nowrap;
}

/* BODY + CARD */
.cpq-body{
  background: #ffffff;
  padding: 46px 0 70px;
}

.cpq-card{
  max-width: 760px;
  margin: 0 auto;
  background: #f8fafc;
  border-radius: 18px;
  padding: 36px 28px;
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
  border: 1px solid rgba(15,23,42,.08);
  text-align: left;
}

.cpq-card__title{
  margin: 0 0 10px;
  font-size: 32px;
  line-height: 1.15;
  font-weight: 800;
  color: #0f172a;
}

.cpq-card__intro{
  margin: 0 0 18px;
  max-width: 700px;
  color: #334155;
  font-size: 15px;
  line-height: 1.6;
}

.cpq-card__list{
  list-style: disc;
  margin: 0 0 22px;
  padding-left: 22px;
  color: #0f172a;
  font-size: 18px;
  line-height: 1.6;
}

.cpq-card__list li{ margin: 6px 0; }

.cpq-card__cta{
  display: inline-block;
  background: #0b2e59;
  color: #fff;
  padding: 14px 18px;
  border-radius: 10px;
  font-weight: 800;
  text-decoration: none;
  min-width: 360px;
  text-align: center;
  transition: transform .15s ease, opacity .15s ease;
}

.cpq-card__cta:hover{
  opacity: .95;
  transform: translateY(-1px);
}

/* =========================
   RESPONSIVE
========================= */

/* Tablet */
@media (max-width: 991px){
  .cpq-hero{ min-height: 360px; }
  .cpq-hero__inner{ padding: 56px 14px; }

  .cpq-hero__title{
    font-size: 30px;
    line-height: 1.18;
    margin-bottom: 10px;
    max-width: 760px;
  }

  .cpq-hero__subtitle{
    font-size: 15px;
    max-width: 680px;
  }

  /* Trustbar -> 2 columns */
  .cpq-trust__row{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    padding: 16px 14px;
    justify-items: center;
    text-align: center;
  }

  .cpq-trust__item{
    white-space: normal;
  }

  .cpq-card{ padding: 30px 22px; }
  .cpq-card__title{ font-size: 28px; }
  .cpq-card__list{ font-size: 16px; }
}

/* Mobile */
@media (max-width: 576px){
  .cpq-hero{ min-height: 280px; }
  .cpq-hero__inner{ padding: 44px 12px; }

  .cpq-hero__title{
    font-size: 22px;
    line-height: 1.22;
    max-width: 100%;
    padding: 0 10px;
  }

  .cpq-hero__subtitle{
    font-size: 13px;
    line-height: 1.65;
  }

  /* Trustbar -> 1 column */
  .cpq-trust__row{
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .cpq-body{ padding: 34px 0 56px; }

  .cpq-card{
    padding: 24px 16px;
    border-radius: 16px;
  }

  .cpq-card__title{ font-size: 22px; }
  .cpq-card__list{ font-size: 15px; }

  .cpq-card__cta{
    width: 100%;
    min-width: unset;
  }
}
/* END CAPACITORS & POWER QUALITY PAGE */

/* START CAPACITOR & POWER QUALITY FORM */

.cqrf-wrap{
  padding: 42px 0;
  background: #ffffff;
}

.cqrf-card{
  max-width: 980px;
  margin: 0 auto;
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
  padding: 34px 28px;
}

.cqrf-title{
  margin: 0 0 10px;
  font-size: 42px;
  line-height: 1.1;
  font-weight: 800;
  color: #0f172a;
  max-width: 920px;
}

.cqrf-subtitle{
  margin: 0 0 26px;
  color: #334155;
  font-size: 16px;
  line-height: 1.65;
  max-width: 920px;
}

.cqrf-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 26px;
}

.cqrf-field label{
  display: block;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.cqrf-req{
  color: #ef4444;
  margin-left: 3px;
}

.cqrf-field input,
.cqrf-field select,
.cqrf-field textarea{
  width: 100%;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 10px;
  padding: 12px 12px;
  font-size: 15px;
  outline: none;
  background: #fff;
}

.cqrf-field textarea{
  min-height: 130px;
  resize: vertical;
}

.cqrf-field--full{
  grid-column: 1 / -1;
}

.cqrf-submit{
  background: #0b2e59 !important;
  color: #fff;
  font-weight: 800;
  border: 0;
  border-radius: 10px;
  padding: 14px 18px;
  cursor: pointer;
}

.cqrf-submit:hover{ opacity: .95; }

/* Tablet */
@media (max-width: 991px){
  .cqrf-title{ font-size: 34px; }
  .cqrf-grid{ gap: 18px; }
}

/* Mobile */
@media (max-width: 576px){
  .cqrf-card{ padding: 22px 16px; border-radius: 16px; }
  .cqrf-title{ font-size: 26px; }
  .cqrf-grid{ grid-template-columns: 1fr; }
}
/* END CAPACITOR & POWER QUALITY FORM */


/* START MONITORING & CONTROL DEVICES PAGE*/

.mcd-wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

/* HERO */
.mcd-hero{
  position: relative;
  min-height: 520px;
  display: grid;
  place-items: center;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.mcd-hero__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.55);
}

.mcd-hero__inner{
  position: relative;
  z-index: 2;
  padding: 78px 16px;
  max-width: 1100px;
}

.mcd-hero__title{
  color: #fff;
  font-weight: 800;
  margin: 0 auto 12px;
  font-size: 46px;
  line-height: 1.12;
  max-width: 980px;
}

.mcd-hero__subtitle{
  color: rgba(255,255,255,.92);
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.65;
  max-width: 760px;
}

/* TRUST BAR */
.mcd-trust{
  background: #fff;
  border-bottom: 1px solid rgba(15,23,42,.08);
}

.mcd-trust__row{
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  justify-content: center;
  align-items: center;
  padding: 18px 10px;
}

.mcd-trust__item{
  font-weight: 800;
  color: #111827;
  font-size: 14px;
  white-space: nowrap;
}

/* CHOOSE REQUIREMENT */
.mcd-choice{
  padding: 40px 0 70px;
  background: #ffffff;
}

.mcd-choice__head{
  text-align: center;
  padding: 10px 0 26px;
}

.mcd-choice__title{
  margin: 0 0 8px;
  font-size: 40px;
  line-height: 1.1;
  font-weight: 900;
  color: #0f172a;
}

.mcd-choice__subtitle{
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: #475569;
}

/* CARDS */
.mcd-cards{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
  margin-top: 18px;
}

.mcd-card{
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  padding: 26px 24px;
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
}

.mcd-card__title{
  margin: 0 0 8px;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 900;
  color: #0f172a;
}

.mcd-card__meta{
  margin: 0 0 10px;
  color: #475569;
  font-size: 13px;
}

.mcd-card__lead{
  margin: 0 0 12px;
  color: #0f172a;
  font-size: 13px;
}

.mcd-card__list{
  margin: 0 0 18px;
  padding-left: 18px;
  color: #0f172a;
  font-size: 13px;
  line-height: 1.7;
}

.mcd-card__list li{ margin: 6px 0; }

.mcd-card__btn{
  display: inline-block;
  background: #0b2e59;
  color: #fff;
  font-weight: 800;
  border-radius: 10px;
  padding: 12px 16px;
  text-decoration: none;
  transition: transform .15s ease, opacity .15s ease;
}

.mcd-card__btn:hover{
  opacity: .95;
  transform: translateY(-1px);
}

/* ============ RESPONSIVE ============ */

/* Tablet */
@media (max-width: 991px){
  .mcd-hero{ min-height: 360px; }
  .mcd-hero__inner{ padding: 56px 14px; }
  .mcd-hero__title{ font-size: 30px; max-width: 760px; }
  .mcd-hero__subtitle{ font-size: 14px; max-width: 640px; }

  .mcd-trust__row{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    padding: 16px 14px;
    justify-items: center;
    text-align: center;
  }

  .mcd-trust__item{ white-space: normal; }

  .mcd-choice__title{ font-size: 32px; }
  .mcd-cards{ grid-template-columns: 1fr; }
}

/* Mobile */
@media (max-width: 576px){
  .mcd-hero{ min-height: 280px; }
  .mcd-hero__inner{ padding: 44px 12px; }
  .mcd-hero__title{ font-size: 22px; line-height: 1.22; padding: 0 10px; }
  .mcd-hero__subtitle{ font-size: 13px; }

  .mcd-trust__row{ grid-template-columns: 1fr; gap: 10px; }

  .mcd-choice{ padding: 34px 0 56px; }
  .mcd-choice__title{ font-size: 26px; }

  .mcd-card{ padding: 22px 16px; border-radius: 16px; }
  .mcd-card__btn{ width: 100%; text-align: center; }
}
/* END MONITORING & CONTROL DEVICES PAGE*/

/*  START MCD DEVICE QUOTATION FORM 1 */

.mcdq-wrap{
  padding: 42px 0;
  background: #ffffff;
}

.mcdq-card{
  max-width: 980px;
  margin: 0 auto;
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
  padding: 34px 28px;
}

.mcdq-title{
  margin: 0 0 10px;
  font-size: 42px;
  line-height: 1.1;
  font-weight: 800;
  color: #0f172a;
}

.mcdq-subtitle{
  margin: 0 0 26px;
  color: #334155;
  font-size: 16px;
  line-height: 1.65;
  max-width: 920px;
}

.mcdq-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 26px;
}

.mcdq-field label{
  display: block;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.mcdq-req{
  color: #ef4444;
  margin-left: 3px;
}

.mcdq-field input,
.mcdq-field select,
.mcdq-field textarea{
  width: 100%;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 10px;
  padding: 12px 12px;
  font-size: 15px;
  outline: none;
  background: #fff;
}

.mcdq-field textarea{
  min-height: 120px;
  resize: vertical;
}

.mcdq-field--full{
  grid-column: 1 / -1;
}

.mcdq-submit{
  background: #0b2e59 !important;
  color: #fff;
  font-weight: 800;
  border: 0;
  border-radius: 10px;
  padding: 14px 18px;
  cursor: pointer;
}
.mcdq-page{
  padding: 60px 16px 110px;
  background: #ffffff;
}
.mcdq-submit:hover{ opacity: .95; }

/* Tablet */
@media (max-width: 991px){
  .mcdq-title{ font-size: 34px; }
  .mcdq-grid{ gap: 18px; }
}

/* Mobile */
@media (max-width: 576px){
  .mcdq-card{ padding: 22px 16px; border-radius: 16px; }
  .mcdq-title{ font-size: 26px; }
  .mcdq-grid{ grid-template-columns: 1fr; }
  .mcdq-submit{ width: 100%; }
}
/*  END MCD DEVICE QUOTATION FORM 1 */

/*   START DISCUSS MONITORING & CONTROL REQUIREMENT FORM 2  */

.dmcr-wrap{
  padding: 42px 0;
  background: #ffffff;
}

.dmcr-card{
  max-width: 980px;
  margin: 0 auto;
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
  padding: 34px 28px;
}

.dmcr-title{
  margin: 0 0 10px;
  font-size: 42px;
  line-height: 1.1;
  font-weight: 800;
  color: #0f172a;
}

.dmcr-subtitle{
  margin: 0 0 26px;
  color: #334155;
  font-size: 16px;
  line-height: 1.65;
  max-width: 920px;
}

.dmcr-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 26px;
}

.dmcr-field label{
  display: block;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.dmcr-req{
  color: #ef4444;
  margin-left: 3px;
}

.dmcr-field input,
.dmcr-field select,
.dmcr-field textarea{
  width: 100%;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 10px;
  padding: 12px 12px;
  font-size: 15px;
  outline: none;
  background: #fff;
}

.dmcr-field textarea{
  min-height: 120px;
  resize: vertical;
}

.dmcr-field--full{
  grid-column: 1 / -1;
}

.dmcr-submit{
  background: #0b2e59 !important;
  color: #fff;
  font-weight: 800;
  border: 0;
  border-radius: 10px;
  padding: 14px 18px;
  cursor: pointer;
}
.dmcr-page{
  padding: 60px 16px 110px;
  background: #ffffff;
}


.dmcr-submit:hover{ opacity: .95; }

/* Tablet */
@media (max-width: 991px){
  .dmcr-title{ font-size: 34px; }
  .dmcr-grid{ gap: 18px; }
}

/* Mobile */
@media (max-width: 576px){
  .dmcr-card{ padding: 22px 16px; border-radius: 16px; }
  .dmcr-title{ font-size: 26px; }
  .dmcr-grid{ grid-template-columns: 1fr; }
  .dmcr-submit{ width: 100%; }
}
/*   END DISCUSS MONITORING & CONTROL REQUIREMENT FORM 2  */


/* START COMMUNICATION & SECURITY PAGE */

.csx-wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

/* HERO */
.csx-hero{
  position: relative;
  min-height: 520px;
  display: grid;
  place-items: center;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.csx-hero__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.55);
}

.csx-hero__inner{
  position: relative;
  z-index: 2;
  padding: 78px 16px;
  max-width: 1100px;
}

.csx-hero__title{
  color: #fff;
  font-weight: 800;
  margin: 0 auto 12px;
  font-size: 40px;
  line-height: 1.12;
  max-width: 980px;
}

.csx-hero__subtitle{
  color: rgba(255,255,255,.92);
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.65;
  max-width: 780px;
}

/* TRUST BAR */
.csx-trust{
  background: #fff;
  border-bottom: 1px solid rgba(15,23,42,.08);
}

.csx-trust__row{
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  justify-content: center;
  align-items: center;
  padding: 18px 10px;
}

.csx-trust__item{
  font-weight: 800;
  color: #111827;
  font-size: 14px;
  white-space: nowrap;
}

/* CHOOSE REQUIREMENT */
.csx-choice{
  padding: 40px 0 70px;
  background: #ffffff;
}

.csx-choice__head{
  text-align: center;
  padding: 10px 0 26px;
}

.csx-choice__title{
  margin: 0 0 8px;
  font-size: 40px;
  line-height: 1.1;
  font-weight: 900;
  color: #0f172a;
}

.csx-choice__subtitle{
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: #475569;
}

/* CARDS */
.csx-cards{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
  margin-top: 18px;
}

.csx-card{
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  padding: 26px 24px;
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
}

.csx-card__title{
  margin: 0 0 8px;
  font-size: 28px;
  line-height: 1.25;
  font-weight: 900;
  color: #0f172a;
}

.csx-card__meta{
  margin: 0 0 10px;
  color: #475569;
  font-size: 13px;
}

.csx-card__lead{
  margin: 0 0 12px;
  color: #0f172a;
  font-size: 13px;
}

.csx-card__list{
  margin: 0 0 18px;
  padding-left: 18px;
  color: #0f172a;
  font-size: 13px;
  line-height: 1.7;
}

.csx-card__list li{ margin: 6px 0; }

.csx-card__btn{
  display: inline-block;
  background: #0b2e59;
  color: #fff;
  font-weight: 800;
  border-radius: 10px;
  padding: 12px 16px;
  text-decoration: none;
  transition: transform .15s ease, opacity .15s ease;
}

.csx-card__btn:hover{
  opacity: .95;
  transform: translateY(-1px);
}

/* ============ RESPONSIVE ============ */

/* Tablet */
@media (max-width: 991px){
  .csx-hero{ min-height: 360px; }
  .csx-hero__inner{ padding: 56px 14px; }
  .csx-hero__title{ font-size: 30px; max-width: 780px; }
  .csx-hero__subtitle{ font-size: 14px; max-width: 660px; }

  .csx-trust__row{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    padding: 16px 14px;
    justify-items: center;
    text-align: center;
  }
  .csx-trust__item{ white-space: normal; }

  .csx-choice__title{ font-size: 32px; }
  .csx-cards{ grid-template-columns: 1fr; }
}

/* Mobile */
@media (max-width: 576px){
  .csx-hero{ min-height: 280px; }
  .csx-hero__inner{ padding: 44px 12px; }
  .csx-hero__title{ font-size: 22px; line-height: 1.22; padding: 0 10px; }
  .csx-hero__subtitle{ font-size: 13px; }

  .csx-trust__row{ grid-template-columns: 1fr; gap: 10px; }

  .csx-choice{ padding: 34px 0 56px; }
  .csx-choice__title{ font-size: 26px; }

  .csx-card{ padding: 22px 16px; border-radius: 16px; }
  .csx-card__btn{ width: 100%; text-align: center; }
}
/* END COMMUNICATION & SECURITY PAGE */

/* Start GET COMMUNICATION & SECURITY SYSTEM QUOTATION form 1 */

.csq-wrap{
  padding: 42px 0;
  background: #ffffff;
}

.csq-card{
  max-width: 980px;
  margin: 0 auto;
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
  padding: 34px 28px;
}

.csq-title{
  margin: 0 0 10px;
  font-size: 37px;
  line-height: 1.1;
  font-weight: 800;
  color: #0f172a;
}

.csq-subtitle{
  margin: 0 0 26px;
  color: #334155;
  font-size: 16px;
  line-height: 1.65;
  max-width: 920px;
}

.csq-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 26px;
}

.csq-field label{
  display: block;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.csq-req{
  color: #ef4444;
  margin-left: 3px;
}

.csq-field input,
.csq-field select,
.csq-field textarea{
  width: 100%;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 10px;
  padding: 12px 12px;
  font-size: 15px;
  outline: none;
  background: #fff;
}

.csq-field textarea{
  min-height: 120px;
  resize: vertical;
}

.csq-field--full{
  grid-column: 1 / -1;
}

.csq-submit{
  background: #0b2e59 !important;
  color: #fff;
  font-weight: 800;
  border: 0;
  border-radius: 10px;
  padding: 14px 18px;
  cursor: pointer;
  transition: transform .15s ease, opacity .15s ease;
}

.csq-submit:hover{
  opacity: .95;
  transform: translateY(-1px);
}

/* -------- CF7 validation + response styles (scoped) -------- */
.csq-card .wpcf7-not-valid-tip{
  font-size: 12px;
  margin-top: 6px;
  color: #dc2626;
}

.csq-card .wpcf7-response-output{
  margin: 18px 0 0;
  padding: 12px 14px;
  border-radius: 10px;
  font-size: 14px;
}

/* =========================================
   RESPONSIVE FIXES (Tablet + Mobile)
========================================= */

/* Tablet */
@media (max-width: 991px){
  .csq-title{
    font-size: 34px;
  }

  .csq-subtitle{
    font-size: 15px;
  }

  .csq-grid{
    gap: 18px;
  }
}

/* Mobile */
@media (max-width: 576px){
  .csq-card{
    padding: 22px 16px;
    border-radius: 16px;
  }

  .csq-title{
    font-size: 26px;
    line-height: 1.2;
  }

  .csq-subtitle{
    font-size: 13px;
  }

  .csq-grid{
    grid-template-columns: 1fr;
  }

  .csq-submit{
    width: 100%;
    min-width: unset;
    text-align: center;
  }
}

/* Optional: If used inside a WP page template, ensure bottom space */
.csq-page{
  padding: 60px 16px 110px;
  background: #ffffff;
}
/* END GET COMMUNICATION & SECURITY SYSTEM QUOTATION form 1 */

/*STart DISCUSS COMMUNICATION & SECURITY REQUIREMENT form 2 */

.csp-wrap{
  padding: 42px 0;
  background: #ffffff;
}

.csp-card{
  max-width: 980px;
  margin: 0 auto;
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
  padding: 34px 28px;
}

.csp-title{
  margin: 0 0 10px;
  font-size: 42px;
  line-height: 1.1;
  font-weight: 800;
  color: #0f172a;
}

.csp-subtitle{
  margin: 0 0 26px;
  color: #334155;
  font-size: 16px;
  line-height: 1.65;
  max-width: 920px;
}

.csp-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 26px;
}

.csp-field label{
  display: block;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.csp-req{
  color: #ef4444;
  margin-left: 3px;
}

.csp-field input,
.csp-field select,
.csp-field textarea{
  width: 100%;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 10px;
  padding: 12px 12px;
  font-size: 15px;
  outline: none;
  background: #fff;
}

.csp-field textarea{
  min-height: 120px;
  resize: vertical;
}

.csp-field--full{
  grid-column: 1 / -1;
}

.csp-submit{
  background: #0b2e59 !important;
  color: #fff;
  font-weight: 800;
  border: 0;
  border-radius: 10px;
  padding: 14px 18px;
  cursor: pointer;
  transition: transform .15s ease, opacity .15s ease;
}

.csp-submit:hover{
  opacity: .95;
  transform: translateY(-1px);
}

/* Scoped CF7 validation */
.csp-card .wpcf7-not-valid-tip{
  font-size: 12px;
  margin-top: 6px;
  color: #dc2626;
}

.csp-card .wpcf7-response-output{
  margin: 18px 0 0;
  padding: 12px 14px;
  border-radius: 10px;
  font-size: 14px;
}

/* Tablet */
@media (max-width: 991px){
  .csp-title{ font-size: 34px; }
  .csp-subtitle{ font-size: 15px; }
  .csp-grid{ gap: 18px; }
}

/* Mobile */
@media (max-width: 576px){
  .csp-card{ padding: 22px 16px; border-radius: 16px; }
  .csp-title{ font-size: 26px; line-height: 1.2; }
  .csp-subtitle{ font-size: 13px; }
  .csp-grid{ grid-template-columns: 1fr; }
  .csp-submit{ width: 100%; text-align: center; }
}

/* Optional page spacing to avoid cut button */
.csp-page{
  padding: 60px 16px 110px;
  background: #ffffff;
}

/*END DISCUSS COMMUNICATION & SECURITY REQUIREMENT form 2 */


/*  START TRANSFORMER PAGE  */

.trx-wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

/* HERO */
.trx-hero{
  position: relative;
  min-height: 520px;
  display: grid;
  place-items: center;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.trx-hero__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.55);
}

.trx-hero__inner{
  position: relative;
  z-index: 2;
  padding: 78px 16px;
  max-width: 1100px;
}

.trx-hero__title{
  color: #fff;
  font-weight: 800;
  margin: 0 auto 12px;
  font-size: 46px;
  line-height: 1.12;
  max-width: 980px;
}

.trx-hero__subtitle{
  color: rgba(255,255,255,.92);
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.65;
  max-width: 780px;
}

/* TRUST BAR */
.trx-trust{
  background: #fff;
  border-bottom: 1px solid rgba(15,23,42,.08);
}

.trx-trust__row{
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  justify-content: center;
  align-items: center;
  padding: 18px 10px;
}

.trx-trust__item{
  font-weight: 800;
  color: #111827;
  font-size: 14px;
  white-space: nowrap;
}

/* CHOOSE REQUIREMENT */
.trx-choice{
  padding: 40px 0 70px;
  background: #ffffff;
}

.trx-choice__head{
  text-align: center;
  padding: 10px 0 26px;
}

.trx-choice__title{
  margin: 0 0 8px;
  font-size: 40px;
  line-height: 1.1;
  font-weight: 900;
  color: #0f172a;
}

.trx-choice__subtitle{
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: #475569;
}

/* CARDS */
.trx-cards{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
  margin-top: 18px;
}

.trx-card{
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  padding: 26px 24px;
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
}

.trx-card__title{
  margin: 0 0 8px;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 900;
  color: #0f172a;
}

.trx-card__meta{
  margin: 0 0 10px;
  color: #475569;
  font-size: 13px;
}

.trx-card__lead{
  margin: 0 0 12px;
  color: #0f172a;
  font-size: 12px;
}

.trx-card__list{
  margin: 0 0 18px;
  padding-left: 18px;
  color: #0f172a;
  font-size: 13px;
  line-height: 1.7;
}

.trx-card__list li{ margin: 6px 0; }

.trx-card__btn{
  display: inline-block;
  background: #0b2e59;
  color: #fff;
  font-weight: 800;
  border-radius: 10px;
  padding: 12px 16px;
  text-decoration: none;
  transition: transform .15s ease, opacity .15s ease;
}

.trx-card__btn:hover{
  opacity: .95;
  transform: translateY(-1px);
}

/* ============ RESPONSIVE ============ */

/* Tablet */
@media (max-width: 991px){
  .trx-hero{ min-height: 360px; }
  .trx-hero__inner{ padding: 56px 14px; }
  .trx-hero__title{ font-size: 30px; max-width: 780px; }
  .trx-hero__subtitle{ font-size: 14px; max-width: 660px; }

  .trx-trust__row{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    padding: 16px 14px;
    justify-items: center;
    text-align: center;
  }
  .trx-trust__item{ white-space: normal; }

  .trx-choice__title{ font-size: 32px; }
  .trx-cards{ grid-template-columns: 1fr; }
}

/* Mobile */
@media (max-width: 576px){
  .trx-hero{ min-height: 280px; }
  .trx-hero__inner{ padding: 44px 12px; }
  .trx-hero__title{ font-size: 22px; line-height: 1.22; padding: 0 10px; }
  .trx-hero__subtitle{ font-size: 13px; }

  .trx-trust__row{ grid-template-columns: 1fr; gap: 10px; }

  .trx-choice{ padding: 34px 0 56px; }
  .trx-choice__title{ font-size: 26px; }

  .trx-card{ padding: 22px 16px; border-radius: 16px; }
  .trx-card__btn{ width: 100%; text-align: center; }
}

/*  END TRANSFORMER PAGE  */

/* START GET TRANSFORMER QUOTATION FORM 1*/

.gtq-page{
  padding: 60px 16px 110px;
  background: #ffffff;
}

.gtq-wrap{
  padding: 0;
}

.gtq-card{
  max-width: 980px;
  margin: 0 auto;
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
  padding: 34px 28px;
}

.gtq-title{
  margin: 0 0 10px;
  font-size: 42px;
  line-height: 1.1;
  font-weight: 800;
  color: #0f172a;
}

.gtq-subtitle{
  margin: 0 0 26px;
  color: #334155;
  font-size: 16px;
  line-height: 1.65;
  max-width: 920px;
}

.gtq-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 26px;
}

.gtq-field label{
  display: block;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.gtq-req{
  color: #ef4444;
  margin-left: 3px;
}

.gtq-field input,
.gtq-field select,
.gtq-field textarea{
  width: 100%;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 10px;
  padding: 12px 12px;
  font-size: 15px;
  outline: none;
  background: #fff;
}

.gtq-field textarea{
  min-height: 120px;
  resize: vertical;
}

.gtq-field--full{
  grid-column: 1 / -1;
}

.gtq-submit{
  background: #0b2e59 !important;
  color: #fff;
  font-weight: 800;
  border: 0;
  border-radius: 10px;
  padding: 14px 18px;
  cursor: pointer;
  transition: transform .15s ease, opacity .15s ease;
}

.gtq-submit:hover{
  opacity: .95;
  transform: translateY(-1px);
}

/* Scoped CF7 validation */
.gtq-card .wpcf7-not-valid-tip{
  font-size: 12px;
  margin-top: 6px;
  color: #dc2626;
}

.gtq-card .wpcf7-response-output{
  margin: 18px 0 0;
  padding: 12px 14px;
  border-radius: 10px;
  font-size: 14px;
}

/* Tablet */
@media (max-width: 991px){
  .gtq-title{ font-size: 34px; }
  .gtq-subtitle{ font-size: 15px; }
  .gtq-grid{ gap: 18px; }
}

/* Mobile */
@media (max-width: 576px){
  .gtq-card{ padding: 22px 16px; border-radius: 16px; }
  .gtq-title{ font-size: 26px; line-height: 1.2; }
  .gtq-subtitle{ font-size: 13px; }
  .gtq-grid{ grid-template-columns: 1fr; }
  .gtq-submit{ width: 100%; text-align: center; }
}
/* END  GET TRANSFORMER QUOTATION FORM 1*/

/* START DISCUSS TRANSFORMER REQUIREMENT FORM */

.dtr-page{
  padding: 60px 16px 110px;
  background: #ffffff;
}

.dtr-wrap{
  padding: 0;
}

.dtr-card{
  max-width: 980px;
  margin: 0 auto;
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
  padding: 34px 28px;
}

.dtr-title{
  margin: 0 0 10px;
  font-size: 42px;
  line-height: 1.1;
  font-weight: 800;
  color: #0f172a;
}

.dtr-subtitle{
  margin: 0 0 26px;
  color: #334155;
  font-size: 16px;
  line-height: 1.65;
  max-width: 920px;
}

.dtr-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 26px;
}

.dtr-field label{
  display: block;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.dtr-req{
  color: #ef4444;
  margin-left: 3px;
}

.dtr-field input,
.dtr-field select,
.dtr-field textarea{
  width: 100%;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 10px;
  padding: 12px 12px;
  font-size: 15px;
  outline: none;
  background: #fff;
}

.dtr-field textarea{
  min-height: 120px;
  resize: vertical;
}

.dtr-field--full{
  grid-column: 1 / -1;
}

.dtr-submit{
  background: #0b2e59 !important;
  color: #fff;
  font-weight: 800;
  border: 0;
  border-radius: 10px;
  padding: 14px 18px;
  cursor: pointer;
  transition: transform .15s ease, opacity .15s ease;
}

.dtr-submit:hover{
  opacity: .95;
  transform: translateY(-1px);
}

/* Scoped CF7 validation */
.dtr-card .wpcf7-not-valid-tip{
  font-size: 12px;
  margin-top: 6px;
  color: #dc2626;
}

.dtr-card .wpcf7-response-output{
  margin: 18px 0 0;
  padding: 12px 14px;
  border-radius: 10px;
  font-size: 14px;
}

/* Tablet */
@media (max-width: 991px){
  .dtr-title{ font-size: 34px; }
  .dtr-subtitle{ font-size: 15px; }
  .dtr-grid{ gap: 18px; }
}

/* Mobile */
@media (max-width: 576px){
  .dtr-card{ padding: 22px 16px; border-radius: 16px; }
  .dtr-title{ font-size: 26px; line-height: 1.2; }
  .dtr-subtitle{ font-size: 13px; }
  .dtr-grid{ grid-template-columns: 1fr; }
  .dtr-submit{ width: 100%; text-align: center; }
}
/* END DISCUSS TRANSFORMER REQUIREMENT FORM */


/*  Start EARTHING & GROUNDING CATEGORY PAGE */

.egp-page{ background:#fff; }

/* HERO */
.egp-hero{
  position: relative;
  width: 100%;
  min-height: 520px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.egp-hero__overlay{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.45);
}

.egp-hero__inner{
  position: relative;
  z-index: 2;
  max-width: 1100px;
  padding: 78px 16px;
}

.egp-hero__title{
  margin: 0 0 14px;
  color: #fff;
  font-size: 46px;
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: .2px;
}

.egp-hero__subtitle{
  margin: 0 auto;
  max-width: 820px;
  color: rgba(255,255,255,.92);
  font-size: 16px;
  line-height: 1.65;
}

/* WRAP */
.egp-wrap{
  width: min(1100px, 92%);
  margin: 0 auto;
}

/* TRUST BAR */
.egp-trust{
  background: #fff;
  border-bottom: 1px solid rgba(15,23,42,.08);
}

.egp-trust__row{
  display:flex;
  gap: 18px;
  align-items:center;
  justify-content:center;
  padding: 18px 10px;
  flex-wrap: wrap;
}

.egp-trust__item{
  font-weight: 800;
  color: #111827;
  font-size: 14px;
  white-space: nowrap;
}

/* CHOOSE */
.egp-choose{
  padding: 36px 0 90px;
  background:#fff;
  text-align:center;
}

.egp-choose__title{
  margin: 12px 0 8px;
  font-size: 44px;
  line-height: 1.1;
  font-weight: 900;
  color:#0f172a;
}

.egp-choose__subtitle{
  margin: 0 auto 28px;
  max-width: 760px;
  font-size: 12px;
  line-height: 1.45;
  color:#334155;
}

/* CARDS */
.egp-cards{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
  margin-top: 18px;
}

.egp-card{
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
  padding: 26px 24px;
  text-align: left;
}

.egp-card__title{
  margin: 0 0 8px;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 900;
  color:#0f172a;
}

.egp-card__for{
  margin: 0 0 10px;
  color:#334155;
  font-size: 13px;
}

.egp-card__lead{
  margin: 0 0 12px;
  font-size: 13px;
  color:#0f172a;
  line-height: 1.55;
}

.egp-card__list{
  margin: 0 0 16px;
  padding-left: 18px;
  color:#0f172a;
  font-size: 16px;
  line-height: 1.65;
}

.egp-card__list li{ margin: 6px 0; }

.egp-card__btn{
  display:inline-block;
  background:#0b2e59;
  color:#fff;
  padding: 10px 14px;
  border-radius: 10px;
  font-weight: 800;
  text-decoration:none;
  transition: transform .15s ease, opacity .15s ease;
}

.egp-card__btn:hover{
  opacity: .95;
  transform: translateY(-1px);
}

/* ============ Responsive ============ */

/* Tablet */
@media (max-width: 991px){
  .egp-hero{ min-height: 380px; }
  .egp-hero__inner{ padding: 56px 14px; }
  .egp-hero__title{ font-size: 32px; }
  .egp-hero__subtitle{ font-size: 15px; }

  .egp-trust__row{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    padding: 16px 14px;
    justify-items:center;
    text-align:center;
  }
  .egp-trust__item{ white-space: normal; }

  .egp-choose__title{ font-size: 34px; }
  .egp-cards{ grid-template-columns: 1fr; }
}

/* Mobile */
@media (max-width: 576px){
  .egp-hero{ min-height: 300px; }
  .egp-hero__inner{ padding: 44px 12px; }
  .egp-hero__title{ font-size: 24px; line-height: 1.2; }
  .egp-hero__subtitle{ font-size: 13px; }

  .egp-trust__row{ grid-template-columns: 1fr; gap: 10px; }

  .egp-choose{ padding: 26px 0 70px; }
  .egp-choose__title{ font-size: 28px; }
  .egp-card{ padding: 22px 16px; border-radius: 16px; }
  .egp-card__list{ font-size: 15px; }
  .egp-card__btn{ width: 100%; text-align: center; }
}
/*  END EARTHING & GROUNDING CATEGORY PAGE */

/* start Get Earthing Product Quotation Form 1*/

.egq-page{
  padding: 40px 0 70px;
  background: #ffffff;
}

.egq-container{
  width: min(1080px, 92%);
  margin: 0 auto;
}

.egq-form-wrap{
  width: 100%;
}

.egq-form-card{
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 18px 48px rgba(15, 23, 42, .08);
  border-radius: 18px;
  padding: 34px 28px;
}

.egq-form-title{
  margin: 0 0 10px;
  font-size: 38px;
  line-height: 1.12;
  font-weight: 900;
  color: #0f172a;
}

.egq-form-subtitle{
  margin: 0 0 22px;
  max-width: 820px;
  font-size: 15px;
  line-height: 1.6;
  color: #334155;
}

.egq-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 22px;
}

.egq-field{ width: 100%; }

.egq-field--full{
  grid-column: 1 / -1;
}

.egq-label{
  display: block;
  font-weight: 800;
  font-size: 14px;
  color: #0f172a;
  margin: 0 0 8px;
}

.egq-req{
  color: #ef4444;
  margin-left: 2px;
}

.egq-input,
.egq-select,
.egq-textarea{
  width: 100%;
  border: 1px solid rgba(15,23,42,.15);
  border-radius: 8px;
  background: #fff;
  padding: 12px 12px;
  font-size: 14px;
  color: #0f172a;
  outline: none;
}

.egq-textarea{
  min-height: 120px;
  resize: vertical;
}

.egq-input:focus,
.egq-select:focus,
.egq-textarea:focus{
  border-color: rgba(11,46,89,.55);
  box-shadow: 0 0 0 3px rgba(11,46,89,.12);
}

.egq-actions{
  margin-top: 18px;
}

.egq-btn{
  display: inline-block;
  background: #0b2e59 !important;
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 12px 18px;
  font-weight: 900;
  font-size: 14px;
  cursor: pointer;
  min-width: 320px;
  text-align: center;
  transition: transform .15s ease, opacity .15s ease;
}

.egq-btn:hover{
  opacity: .95;
  transform: translateY(-1px);
}

/* CF7 validation messages spacing */
.egq-form-card .wpcf7-not-valid-tip{
  font-size: 12px;
  margin-top: 6px;
}

.egq-form-card .wpcf7-response-output{
  margin: 18px 0 0;
  border-radius: 10px;
}

/* Tablet */
@media (max-width: 991px){
  .egq-form-title{ font-size: 30px; }
  .egq-grid{
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .egq-btn{
    width: 100%;
    min-width: unset;
  }
}

/* Mobile */
@media (max-width: 576px){
  .egq-page{ padding: 28px 0 54px; }
  .egq-form-card{ padding: 22px 16px; border-radius: 16px; }
  .egq-form-title{ font-size: 24px; }
  .egq-form-subtitle{ font-size: 13px; }
}
/* END Get Earthing Product Quotation Form 1*/

/*  START Discuss Earthing Requirement Form 2 */

.der-form-wrap{ width:100%; }

.der-form-card{
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 18px 48px rgba(15,23,42,.08);
  border-radius:18px;
  padding:34px 28px;
}

.der-form-title{
  margin:0 0 10px;
  font-size:38px;
  line-height:1.12;
  font-weight:900;
  color:#0f172a;
}

.der-form-subtitle{
  margin:0 0 22px;
  max-width:820px;
  font-size:15px;
  line-height:1.6;
  color:#334155;
}

.der-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px 22px;
}

.der-field{ width:100%; }
.der-field--full{ grid-column:1 / -1; }

.der-label{
  display:block;
  font-weight:800;
  font-size:14px;
  color:#0f172a;
  margin:0 0 8px;
}

.der-req{ color:#ef4444; margin-left:2px; }

.der-input,
.der-select,
.der-textarea{
  width:100%;
  border:1px solid rgba(15,23,42,.15);
  border-radius:8px;
  background:#fff;
  padding:12px 12px;
  font-size:14px;
  color:#0f172a;
  outline:none;
}

.der-textarea{
  min-height:120px;
  resize:vertical;
}

.der-input:focus,
.der-select:focus,
.der-textarea:focus{
  border-color:rgba(11,46,89,.55);
  box-shadow:0 0 0 3px rgba(11,46,89,.12);
}

.der-actions{ margin-top:18px; }

.der-btn{
  display:inline-block;
  background:#0b2e59 !important;
  color:#fff;
  border:none;
  border-radius:10px;
  padding:12px 18px;
  font-weight:900;
  font-size:14px;
  cursor:pointer;
  min-width:320px;
  text-align:center;
  transition:transform .15s ease, opacity .15s ease;
}

.der-btn:hover{ opacity:.95; transform:translateY(-1px); }

/* CF7 validation spacing */
.der-form-card .wpcf7-not-valid-tip{
  font-size:12px;
  margin-top:6px;
}
.der-form-card .wpcf7-response-output{
  margin:18px 0 0;
  border-radius:10px;
}

/* Tablet */
@media (max-width: 991px){
  .der-form-title{ font-size:30px; }
  .der-grid{ grid-template-columns:1fr; gap:16px; }
  .der-btn{ width:100%; min-width:unset; }
}

/* Mobile */
@media (max-width: 576px){
  .der-form-card{ padding:22px 16px; border-radius:16px; }
  .der-form-title{ font-size:24px; }
  .der-form-subtitle{ font-size:13px; }
}
/*  END Discuss Earthing Requirement Form 2 */


/* START Miscellaneous Electrical Accessories Page */

.mea-page{ background:#fff; }

/* HERO */
.mea-hero{
  position:relative;
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  overflow:hidden;
}

.mea-hero__overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.45);
}

.mea-hero__inner{
  position:relative;
  z-index:2;
  width:min(1100px, 92%);
  padding:84px 16px;
}

.mea-hero__title{
  margin:0 0 14px;
  color:#fff;
  font-weight:900;
  font-size:42px;
  line-height:1.12;
  letter-spacing:.2px;
}

.mea-hero__subtitle{
  margin:0 auto;
  max-width:760px;
  color:rgba(255,255,255,.92);
  font-size:14px;
  line-height:1.7;
}

/* WRAP */
.mea-wrap{
  width:min(1180px, 92%);
  margin:0 auto;
}

/* TRUST BAR */
.mea-trust{
  background:#fff;
  border-bottom:1px solid rgba(15,23,42,.08);
}

.mea-trust__row{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  padding:18px 10px;
  flex-wrap:wrap;
}

.mea-trust__item{
  font-weight:800;
  color:#111827;
  font-size:13px;
  white-space:nowrap;
}

/* CHOOSE SECTION */
.mea-choose{
  padding:46px 0 70px;
  background:#fff;
}

.mea-choose__head{
  text-align:center;
  margin:10px auto 26px;
}

.mea-choose__title{
  margin:0 0 8px;
  font-size:34px;
  line-height:1.15;
  font-weight:900;
  color:#0f172a;
}

.mea-choose__sub{
  margin:0 auto;
  max-width:760px;
  font-size:11px;
  line-height:1.6;
  color:#475569;
}

/* CARDS GRID */
.mea-cards{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:26px;
  margin-top:24px;
}

.mea-card{
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 18px 48px rgba(15,23,42,.08);
  border-radius:18px;
  padding:26px 24px;
}

.mea-card__title{
  margin:0 0 8px;
  font-size:20px;
  line-height:1.2;
  font-weight:900;
  color:#0f172a;
}

.mea-card__meta{
  margin:0 0 10px;
  color:#334155;
  font-size:12px;
}

.mea-card__lead{
  margin:0 0 12px;
  color:#0f172a;
  font-size:12px;
}

.mea-card__list{
  margin:0 0 18px;
  padding-left:18px;
  color:#0f172a;
  font-size:13px;
  line-height:1.65;
}

.mea-card__list li{ margin:6px 0; }

.mea-card__btn{
  display:inline-block;
  background:#0b2e59;
  color:#fff;
  text-decoration:none;
  font-weight:900;
  font-size:12px;
  padding:10px 14px;
  border-radius:10px;
  transition:transform .15s ease, opacity .15s ease;
}

.mea-card__btn:hover{
  opacity:.95;
  transform:translateY(-1px);
}

/* TABLET */
@media (max-width: 991px){
  .mea-hero{ min-height:360px; }
  .mea-hero__inner{ padding:64px 14px; }
  .mea-hero__title{ font-size:30px; }
  .mea-hero__subtitle{ font-size:13px; }

  .mea-trust__row{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px 16px;
    padding:16px 14px;
    justify-items:center;
    text-align:center;
  }

  .mea-trust__item{
    white-space:normal;
    font-size:12px;
  }

  .mea-cards{
    grid-template-columns:1fr;
  }
}

/* MOBILE */
@media (max-width: 576px){
  .mea-hero{ min-height:280px; }
  .mea-hero__inner{ padding:50px 12px; }

  .mea-hero__title{
    font-size:22px;
    line-height:1.22;
  }

  .mea-hero__subtitle{ font-size:12px; }

  .mea-trust__row{
    grid-template-columns:1fr;
    gap:10px;
  }

  .mea-choose{ padding:36px 0 56px; }
  .mea-choose__title{ font-size:24px; }

  .mea-card{
    padding:20px 16px;
    border-radius:16px;
  }

  .mea-card__btn{ width:100%; text-align:center; }
}

/* END Miscellaneous Electrical Accessories Page */

/*START Accessories Quotation Form  FROM 1 */

.meaq-page{
  padding: 28px 0 70px;
  background:#ffffff;
}

.meaq-wrap{
  width: min(1100px, 92%);
  margin: 0 auto;
}

.meaq-card{
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  padding:34px 28px;
  box-shadow:0 18px 48px rgba(15,23,42,.08);
}

.meaq-title{
  margin:0 0 10px;
  font-size:34px;
  line-height:1.15;
  font-weight:900;
  color:#0f172a;
}

.meaq-subtitle{
  margin:0 0 18px;
  max-width: 820px;
  color:#334155;
  font-size:15px;
  line-height:1.6;
}

.meaq-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:18px 26px;
  margin-top: 10px;
}

.meaq-field{ display:block; }

.meaq-field--full{ grid-column: 1 / -1; }

.meaq-label{
  display:block;
  margin: 6px 0 8px;
  font-weight:800;
  color:#0f172a;
  font-size:14px;
}

.meaq-req{
  color:#ef4444;
  margin-left: 3px;
}

.meaq-input,
.meaq-select,
.meaq-textarea{
  width:100%;
  border:1px solid rgba(15,23,42,.15);
  border-radius:8px;
  padding:12px 12px;
  font-size:14px;
  background:#fff;
  outline:none;
}

.meaq-textarea{
  min-height:120px;
  resize: vertical;
}

.meaq-input:focus,
.meaq-select:focus,
.meaq-textarea:focus{
  border-color: rgba(11,46,89,.55);
  box-shadow: 0 0 0 3px rgba(11,46,89,.12);
}

.meaq-actions{
  margin-top: 18px;
}

.meaq-btn{
  display:inline-block;
  background:#0b2e59;
  color:#fff;
  font-weight:900;
  font-size:14px;
  padding:12px 18px;
  border-radius:10px;
  border:0;
  cursor:pointer;
}

.meaq-btn:hover{ opacity:.95; }

/* CF7 validation fixes */
.meaq-card .wpcf7-not-valid-tip{
  font-size:12px;
  margin-top:6px;
}

.meaq-card .wpcf7-response-output{
  margin:18px 0 0;
  border-radius:10px;
}

/* Tablet */
@media (max-width: 991px){
  .meaq-title{ font-size:28px; }
  .meaq-grid{ grid-template-columns: 1fr; }
  .meaq-card{ padding:28px 20px; }
}

/* Mobile */
@media (max-width: 576px){
  .meaq-page{ padding: 18px 0 54px; }
  .meaq-title{ font-size:22px; }
  .meaq-subtitle{ font-size:13px; }
  .meaq-btn{ width:100%; text-align:center; }
}
/*END Accessories Quotation Form  FROM 1 */

/*START Accessories Requirement Form 2 */

.mapr-wrap{
  width: min(1100px, 92%);
  margin: 30px auto 70px;
}

.mapr-card{
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  padding:34px 28px;
  box-shadow:0 18px 48px rgba(15,23,42,.08);
}

.mapr-title{
  margin:0 0 10px;
  font-size:34px;
  line-height:1.15;
  font-weight:900;
  color:#0f172a;
}

.mapr-subtitle{
  margin:0 0 18px;
  max-width: 820px;
  color:#334155;
  font-size:15px;
  line-height:1.6;
}

.mapr-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:18px 26px;
  margin-top: 8px;
}

.mapr-field{ display:block; }
.mapr-field--full{ grid-column: 1 / -1; }

.mapr-label{
  display:block;
  margin: 6px 0 8px;
  font-weight:800;
  color:#0f172a;
  font-size:14px;
}

.mapr-req{
  color:#ef4444;
  margin-left: 3px;
}

.mapr-input,
.mapr-select,
.mapr-textarea{
  width:100%;
  border:1px solid rgba(15,23,42,.15);
  border-radius:8px;
  padding:12px 12px;
  font-size:14px;
  background:#fff;
  outline:none;
}

.mapr-textarea{
  min-height:130px;
  resize: vertical;
}

.mapr-input:focus,
.mapr-select:focus,
.mapr-textarea:focus{
  border-color: rgba(11,46,89,.55);
  box-shadow: 0 0 0 3px rgba(11,46,89,.12);
}

.mapr-actions{
  margin-top: 18px;
}

.mapr-btn{
  display:inline-block;
  background:#0b2e59;
  color:#fff;
  font-weight:900;
  font-size:14px;
  padding:12px 18px;
  border-radius:10px;
  border:0;
  cursor:pointer;
  min-width: 280px;
}

.mapr-btn:hover{ opacity:.95; }

/* CF7 errors */
.mapr-card .wpcf7-not-valid-tip{
  font-size:12px;
  margin-top:6px;
}
.mapr-card .wpcf7-response-output{
  margin:18px 0 0;
  border-radius:10px;
}

/* Tablet */
@media (max-width: 991px){
  .mapr-title{ font-size:28px; }
  .mapr-card{ padding:28px 20px; }
  .mapr-grid{ grid-template-columns: 1fr; }
  .mapr-btn{ width:100%; min-width: unset; text-align:center; }
}

/* Mobile */
@media (max-width: 576px){
  .mapr-wrap{ margin: 18px auto 54px; }
  .mapr-title{ font-size:22px; }
  .mapr-subtitle{ font-size:13px; }
}

/*END Accessories Requirement Form 2 */


/* start page-air-conditioning-solutions csss*/


.acsol-page { background:#fff; }

/* HERO */
.acsol-hero{
  position: relative;
  width: 100%;
  min-height: 520px;
  display: grid;
  place-items: center;
  text-align: center;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.acsol-hero__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.50);
}

.acsol-hero__inner{
  position: relative;
  z-index: 2;
  max-width: 1100px;
  padding: 78px 16px;
}

.acsol-hero__title{
  color: #fff;
  font-weight: 800;
  margin: 0 auto 14px;
  font-size: 36px;
  line-height: 1.12;
  letter-spacing: .2px;
  max-width: 920px;     /* controls line break */
  text-align: center;
}


.acsol-hero__subtitle{
  color: rgba(255,255,255,.92);
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.65;
  max-width: 760px;
}

/* TRUST BAR */
.acsol-trust{
  background: #fff;
  border-bottom: 1px solid rgba(15,23,42,.08);
}

.acsol-trust__row{
  display: flex;
  gap: 18px;
  justify-content: center;
  align-items: center;
  padding: 18px 10px;
  flex-wrap: wrap;
}

.acsol-trust__item{
  font-weight: 800;
  color: #111827;
  font-size: 16px;
  white-space: nowrap;
}

/* BODY + CARD */
.acsol-body{
  background: #fff;
  padding: 46px 0 70px;
}

.acsol-card{
  max-width: 760px;
  margin: 0 auto;
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(15, 23, 42, .08);
  padding: 36px 28px;
  text-align: left;
}

.acsol-card__title{
  margin: 0 0 12px;
  font-size: 34px;
  line-height: 1.15;
  font-weight: 800;
  color: #0f172a;
}

.acsol-card__intro{
  margin: 0 0 18px;
  color: #334155;
  font-size: 15px;
  line-height: 1.6;
  max-width: 680px;
}

.acsol-card__list{
  list-style: disc;
  margin: 0 0 22px;
  padding-left: 22px;
  color: #0f172a;
  font-size: 18px;
  line-height: 1.6;
}

.acsol-card__list li{ margin: 6px 0; }

.acsol-card__cta{
  display: inline-block;
  background: #0b2e59;
  color: #fff;
  padding: 14px 18px;
  border-radius: 10px;
  font-weight: 800;
  text-decoration: none;
  min-width: 320px;
  text-align: center;
  transition: transform .15s ease, opacity .15s ease;
}

.acsol-card__cta:hover{
  opacity: .95;
  transform: translateY(-1px);
}

/* =========================
   RESPONSIVE
========================= */

/* Tablet */
@media (max-width: 991px){
  .acsol-hero{ min-height: 360px; }
  .acsol-hero__inner{ padding: 56px 14px; }

  .acsol-hero__title{
    font-size: 30px;
    line-height: 1.18;
    margin-bottom: 10px;
  }

  .acsol-hero__subtitle{ font-size: 15px; }

  /* Trustbar -> 2 columns */
  .acsol-trust__row{
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 12px 16px;
    padding: 16px 14px;
    justify-items: center;
    text-align: center;
  }

  .acsol-trust__item{
    font-size: 14px;
    white-space: normal;
  }

  .acsol-card{ padding: 30px 22px; }
  .acsol-card__title{ font-size: 28px; }
  .acsol-card__list{ font-size: 16px; }
}

/* Mobile */
@media (max-width: 576px){
  .acsol-hero{ min-height: 280px; }
  .acsol-hero__inner{ padding: 44px 12px; }

  .acsol-hero__title{
    font-size: 22px;
    line-height: 1.22;
  }

  .acsol-hero__subtitle{
    font-size: 13px;
    line-height: 1.65;
  }

  /* Trustbar -> 1 column */
  .acsol-trust__row{
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .acsol-body{ padding: 34px 0 56px; }

  .acsol-card{
    padding: 24px 16px;
    border-radius: 16px;
  }

  .acsol-card__title{ font-size: 22px; }
  .acsol-card__list{ font-size: 15px; }

  .acsol-card__cta{
    width: 100%;
    min-width: unset;
  }
}

/* End page-air-conditioning-solutions csss*/


/* Start AC REQUIREMENT FORM (CF7) * */

.acreq-wrap{
  padding: 42px 0;
  background: #ffffff;
}

.acreq-card{
  max-width: 980px;
  margin: 0 auto;
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
  padding: 34px 28px;
}

.acreq-title{
  margin: 0 0 8px;
  font-size: 42px;
  line-height: 1.1;
  font-weight: 800;
  color: #0f172a;
}

.acreq-subtitle{
  margin: 0 0 26px;
  color: #334155;
  font-size: 16px;
  line-height: 1.6;
  max-width: 900px;
}

.acreq-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 26px;
}

.acreq-field label{
  display: block;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.acreq-req{
  color: #ef4444;
  margin-left: 3px;
}

.acreq-field input,
.acreq-field select,
.acreq-field textarea{
  width: 100%;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 10px;
  padding: 12px 12px;
  font-size: 15px;
  outline: none;
  background: #fff;
}

.acreq-field textarea{
  min-height: 120px;
  resize: vertical;
}

.acreq-field--full{
  grid-column: 1 / -1;
}

.acreq-submit{
  background: #0b2e59 !important;
  color: #fff;
  font-weight: 700;
  border: 0;
  border-radius: 10px;
  padding: 14px 18px;
  cursor: pointer;
}

.acreq-submit:hover{ opacity: .95; }

/* Tablet */
@media (max-width: 991px){
  .acreq-title{ font-size: 34px; }
  .acreq-grid{ gap: 18px; }
}

/* Mobile */
@media (max-width: 576px){
  .acreq-card{ padding: 22px 16px; border-radius: 16px; }
  .acreq-title{ font-size: 26px; }
  .acreq-grid{ grid-template-columns: 1fr; }
}
/* Page wrapper for AC Requirement form */
.acreq-page{
  padding: 60px 16px 90px; /* bottom padding is KEY */
  background: #ffffff;
}

/* Ensure CF7 submit button never gets clipped */
.acreq-card{
  margin-bottom: 0;
}

/* Extra safety for small screens */
@media (max-width: 768px){
  .acreq-page{
    padding-bottom: 110px;
  }
}

/* End AC REQUIREMENT FORM (CF7)  */


/* ================= CAREER PAGE ================= */

.mgc-career-wrap{
  max-width:1200px;
  margin:auto;
  padding:40px 20px;
}

/* HERO */
.mgc-career-hero{
  background-image:url('images/carrer_page_background.jpg');
  padding:80px 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.mgc-career-hero-text h1{
  font-size:40px;
  font-weight:800;
  color:#ffffff;
  z-index: 2;
}

.mgc-career-hero-text p{
  font-size:16px;
  color:#ffffff;
  max-width:600px;
}

.mgc-career-hero-btns{
  margin-top:20px;
}

.mgc-btn-primary{
  background:#0b2e59;
  color:#fff;
  padding:12px 22px;
  border-radius:8px;
  font-weight:700;
  text-decoration:none;
  margin-right:10px;
}

.mgc-btn-outline{
  border:2px solid #0b2e59;
  color:#0b2e59;
  padding:10px 20px;
  border-radius:8px;
  font-weight:700;
  text-decoration:none;
}

/* WHY JOIN */
.mgc-career-why h2{
  font-size:42px;
  font-weight:700;
  margin-bottom:20px;
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

.mgc-career-why-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
}

.mgc-career-why-item{
  background:#fff;
  padding:18px;
  border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.05);
}

/* ================= CAREERS FORM (MGC STANDARD FORM STYLE) ================= */

.mgc-career-form-section {
  padding: 80px 0;
  background: #ffffff;
}

.mgc-career-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.mgc-career-form-card {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  padding: 40px;
  width: 100%;
}

.mgc-career-form-title {
  font-size: 35px;
  font-weight: 700;
  color: #0f172a;
  display: flex;
  justify-content: center;
  margin: 0 0 8px;
}

.mgc-career-form-subtitle {
  font-size: 15px;
  color: #475569;
  margin: 0 0 26px;
}

.mgc-career-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

.mgc-career-form label {
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 6px;
  display: block;
}

.mgc-career-form input,
.mgc-career-form textarea,
.mgc-career-form select {
  width: 100%;
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  font-size: 14px;
  background: #ffffff;
  transition: 0.2s;
}


.mgc-career-form input:focus,
.mgc-career-form textarea:focus,
.mgc-career-form select:focus {
  border-color: #2563eb;
  outline: none;
  box-shadow: 0 0 0 2px rgba(37,99,235,0.12);
}

.mgc-career-form textarea {
  min-height: 120px;
  max-width: 100%;
  resize: vertical;
  grid-column: 1 /-1;
}
.mgc-full-roww{
  grid-column: 1 / -1;
  outline: none;
  width: 100%;
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  font-size: 14px;
  background: #ffffff;
  transition: 0.2s;
}

.mgc-full-row {
  grid-column: 1 / 1;
}

.mgc-career-form input[type="file"] {
  padding: 10px 12px;
  font-size: 13px;
}

.mgc-career-btn {
  grid-column: 1 / -1;
  margin-top: 4px;
}

.mgc-career-btn input[type="submit"] {
  background: #0b3a68;
  color: #fff;
  border: none;
  padding: 14px 28px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.2s;
}

.mgc-career-btn input[type="submit"]:hover {
  background: #0a2f55;
}

.req {
  color: red;
  margin-left: 2px;
}

.wpcf7-not-valid-tip {
  font-size: 12px;
  color: #dc2626;
  margin-top: 6px;
}

.wpcf7-response-output {
  border-radius: 10px;
  padding: 14px;
  margin: 18px 0 0;
  font-size: 14px;
}

/* Mobile */
@media (max-width: 768px) {
  .mgc-career-form-section {
    padding: 50px 0;
  }

  .mgc-career-form {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .mgc-career-form-card {
    padding: 24px;
  }

  .mgc-career-form-title {
    font-size: 24px;
  }
}