p{margin-bottom:initial;}
a:hover, a:focus {color: #ffffff !important;}
#ast-scroll-top{display:none !important;}
/* Contact Form 7 */
.contact-form fieldset.hidden-fields-container {display: none;}
.main-form.serviceftr-cnt-form{padding: 30px 50px;border-radius: 12px;background-color: #fff;margin-top:40px;text-align: center;border: 1px solid var(--border);}
.main-form.serviceftr-cnt-form h4{font-weight: 600;font-size: 22px;line-height: 31px;}
.serviceftr-cnt-form .wpcf7-form-control.wpcf7-text {width: 100%;margin-bottom: 2px;}
.serviceftr-cnt-form .wpcf7-form-control.wpcf7-text, .serviceftr-cnt-form .wpcf7-form-control.wpcf7-textarea, .serviceftr-cnt-form .wpcf7-form-control.wpcf7-select{border: 1px solid #cacaca;padding: 27px 15px !important;font-size: 14px;box-shadow: 0 15px 15px -14px rgba(0, 0, 0, .009);border-bottom: 1px solid #d3d3d36e !important;border-top: inherit !important;border-right: inherit !important;border-left: inherit !important;font-family: 'Inter', sans-serif !important;}
.serviceftr-cnt-form .wpcf7-form-control.wpcf7-textarea {height:140px;width: 100%;margin-bottom: 15px;}
.serviceftr-cnt-form .serviceftr-sbmt-btn {cursor: pointer;padding: 20px 34px;border-radius: 30px;background: linear-gradient(135deg, hsl(155, 65%, 42%), hsl(160, 50%, 30%));color: #fff;border-color: #fc9c2e;outline: none;border: none;}
.serviceftr-cnt-form .font14{font-size: 15px;line-height: 22px;margin: 10px 0 20px;color: #0000008a;}
.wpcf7-form .wpcf7-response-output{background-color: #46b450 !important;color: #fff !important;}
/* Contact Form 7 */
/* Landing Page Codes */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --bg: #fff;
      --fg: #161b26;
      --primary: #08a850;
      --primary-fg: #fff;
      --muted: #6b7280;
      --border: #dfe3ea;
      --dark: #121720;
      --dark-fg: #ede8df;
      --secondary-bg: #f5f3ef;
    }

    html { scroll-behavior: smooth; }
    h1,h2,h3,h4,h5,h6{font-family: 'Roboto', sans-serif;}
    body {
      font-family: 'Roboto', sans-serif;
      background: var(--bg);
      color: var(--fg);
      -webkit-font-smoothing: antialiased;
      line-height: 1.5;
    }

    /* ─── Utilities ─── */
    .section-pad { padding-left: clamp(1.5rem, 5vw, 7rem); padding-right: clamp(1.5rem, 5vw, 7rem); }
    .section-pad-y { padding-top: clamp(6rem, 10vw, 11rem); padding-bottom: clamp(6rem, 10vw, 11rem); }

    .text-hero {
    font-size: clamp(3rem, 8vw, 8rem);
    font-weight: 900;
    text-transform: uppercase;
    line-height: .88;
    letter-spacing: -.03em;
    }

    .text-display {
      font-size: clamp(2.5rem, 5vw, 5rem);
      line-height: 0.92;
      font-weight: 900;
      letter-spacing: -0.02em;
      text-transform: uppercase;
    }

    .text-editorial-md {
      font-size: clamp(1.75rem, 3vw, 3rem);
      line-height: 1.1;
      font-weight: 700;
      letter-spacing: -0.01em;
    }

    .text-body-lg {
      /*font-size: clamp(1.05rem, 1.3vw, 1.25rem);*/
      line-height: 1.7;
      font-weight: 300;
      font-size: 1.25rem;
    line-height: 1.75rem;
    width: 90%;
    }

    .text-label {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.25em;
      font-weight: 500;
    }

    .editorial-bar {
      width: 3rem;
      height: 4px;
      background: var(--primary);
    }

    .surface-dark { background: var(--dark); color: var(--dark-fg); }

    /* ─── Animations ─── */
    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(40px); }
      to { opacity: 1; transform: translateY(0); }
    }
    @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }

    .animate-fade-up {
      opacity: 0;
      animation: fadeUp 0.8s ease-out forwards;
    }
    .animate-fade-in {
      opacity: 0;
      animation: fadeIn 0.6s ease-out forwards;
    }
    .delay-1 { animation-delay: 0.2s; }
    .delay-2 { animation-delay: 0.4s; }
    .delay-3 { animation-delay: 0.6s; }
    .delay-4 { animation-delay: 0.8s; }
    .delay-5 { animation-delay: 1s; }

    /* Scroll-triggered animation */
    .reveal {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.7s ease-out, transform 0.7s ease-out;
    }
    .reveal.visible {
      opacity: 1;
      transform: translateY(0);
    }

    /* ─── Navbar ─── */
    .navbar {
      position: fixed;
      top: 0; left: 0; right: 0;
      z-index: 100;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 1.5rem clamp(1.5rem, 5vw, 7rem);background-color: #ffffffed;
      /*mix-blend-mode: difference;*/
    }
    .navbar .navbar-links {display: flex;justify-content: flex-end;width: 50%;gap:30px}
    .navbar .nav-link {font-size: 11px;text-transform: uppercase;letter-spacing: 0.25em;font-weight: 500;color: #000000;text-decoration: none;transition: opacity 0.3s;}
    .navbar .nav-link:hover { opacity: 0.6;color: #000000 !important; }
    /* ─── Hero ─── */
    .hero {position: relative;min-height: 100vh;display: flex;flex-direction: column;overflow: hidden;}
    .hero-img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;}
    .hero-overlay {position: absolute;inset: 0;background: linear-gradient( to right, hsl(220 25% 10% / 0.9), transparent);}
    .hero-content {position: relative;z-index: 10;margin-top: auto;padding-bottom: clamp(4rem, 6vw, 8rem);}
    .hero-grid {display: grid;grid-template-columns: 1fr;gap: 2rem;margin-top: 3rem;}
    .hero-cta { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: flex-end;margin-right: 12%;}
    .btn-primary {display: inline-flex;align-items: center;justify-content: center;padding: 1rem 2rem;background: var(--primary);color: var(--primary-fg);font-weight: 500;font-size: 0.875rem;letter-spacing: 0.05em;text-transform: uppercase;text-decoration: none;transition: opacity 0.3s;border: none;cursor: pointer;}
    .btn-primary:hover { opacity: 0.9; }
    .btn-outline {display: inline-flex;align-items: center;justify-content: center;padding: 1rem 2rem;background: transparent;color: var(--dark-fg);font-weight: 500;font-size: 0.875rem;letter-spacing: 0.05em;text-transform: uppercase;text-decoration: none;border: 1px solid rgba(237,232,223,0.3);transition: border-color 0.3s, color 0.3s;}
    .btn-outline:hover { border-color: var(--primary); color: var(--primary); }
    /* ─── Statement ─── */
    .statement-grid {display: grid;grid-template-columns: 1fr;gap: 3rem;}
    .statement-text {font-size: clamp(2.5rem, 5vw, 5rem);font-weight: 900;text-transform: uppercase;line-height: .92;letter-spacing: -.02em;width: 90%;}
    /* ─── Image Band ─── */
    .image-band {
      position: relative;
      height: 50vh;
      min-height: 300px;
      overflow: hidden;
    }
    .image-band img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .image-band-overlay {
      position: absolute;
      inset: 0;
      background: rgba(22,27,38,0.35);
      display: flex;
      align-items: center;
    }
	.image-band-one .image-band-overlay{background:inherit;}

    /* ─── Vision List ─── */
    .vision-grid {display: grid;grid-template-columns: 1fr;gap: 3rem;}
    .capability-item {border-top: 1px solid var(--border);padding: 1.5rem 0;display: flex;align-items: baseline;gap: 1.5rem;transition: color 0.3s;cursor: default;}
    .capability-item:hover { color: var(--primary); }
    .capability-num {font-size: clamp(1.75rem, 3vw, 2.5rem);font-weight: 900;color: rgba(8,168,80,0.2);line-height: 1;flex-shrink: 0;}
    .capability-text { font-size: clamp(1rem, 1.3vw, 1.2rem); font-weight: 300; }
    /* ─── Services ─── */
    .service-item {border-top: 1px solid rgba(237,232,223,0.15);}
    .service-btn {width: 100%;text-align: left;background: none;border: none;color: inherit;cursor: pointer;padding: 2.5rem 0;font-family: inherit;}
    .service-header {display: grid;grid-template-columns: 1fr;gap: 1rem;align-items: start;}
    .service-num {font-size: clamp(2.5rem, 4vw, 3.5rem);font-weight: 900;color: rgba(8,168,80,0.3);line-height: 1;}
    .service-title {font-size: clamp(1.25rem, 2vw, 1.75rem);font-weight: 700;line-height: 1.2;transition: color 0.3s;}
    #services-list button:hover, #services-list button:focus, .service-details.open:hover, .service-detail-item:hover{background-color: inherit;border-color: inherit;}
    #services-list .services-details-grid {grid-template-columns: repeat(2, minmax(0px, 1fr));display: grid;row-gap: 1rem;column-gap: 3rem;}
    .service-btn:hover .service-title { color: var(--primary); }
    .service-intro {color: rgba(237,232,223,0.6);font-weight: 300;line-height: 1.6;}
    .service-toggle {font-size: 1.75rem;color: var(--primary);font-weight: 300;transition: transform 0.3s;text-align: right;}
    .service-toggle.open { transform: rotate(45deg); }
    .service-details {max-height: 0;overflow: hidden;transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;padding-left: calc(16.666% + 2rem);}
    .service-details.open {max-height: 500px;padding-bottom: 2.5rem;}
    .service-detail-item {display: flex;align-items: start;gap: 1rem;margin-bottom: 0.75rem;color: rgba(237,232,223,0.7);font-weight: 300;}
    .service-detail-item::before {content: '';display: inline-block;width: 8px;height: 1px;background: var(--primary);margin-top: 0.75rem;flex-shrink: 0;}
    /* ─── Why Section ─── */
    .why-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0;
    }
    .why-item {
      border-top: 1px solid var(--border);
      padding: 2rem;
    }
    .why-num {
      font-size: 3rem;
      font-weight: 900;
      color: rgba(8,168,80,0.15);
      line-height: 1;
      margin-bottom: 1rem;
    }
	.why-grid .text-label{font-size:13px;}
    /* ─── Industries ─── */
    .industry-item {
      border-top: 1px solid var(--border);
      padding: 1.5rem 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: default;
      transition: color 0.3s;
    }
    .industry-item:hover { color: var(--primary); }
    .industry-name {
      font-size: clamp(1.25rem, 3vw, 3rem);
      font-weight: 300;
    }
    .industry-num {
      font-size: 11px;
      letter-spacing: 0.25em;
      color: rgba(107,114,128,0.4);
    }

    /* ─── Contact ─── */
    .contact-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 4rem;
    }
    .contact-grid .text-label {
        font-size: 11px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: .25em;
        color:#ffffff96;
    }
    .contact-grid input, .contact-grid textarea{border-color:hsl(40deg 20% 92% / 40%);background-color: transparent;padding-top: 1.75rem !important;padding-bottom: 1.75rem !important;color:hsl(40 20% 92%);border-width: 0 0 1px 0;border-radius: 0;}
    .contact-grid input::placeholder, .contact-grid textarea::placeholder{color:#ede8df30 !important;font-size:14px;}
    .contact-grid input:focus, .contact-grid textarea:focus{border-color: inherit !important;background-color: inherit;border-width: 0 0 1px 0 !important;border-style: solid;border-color: hsl(40deg 20% 92% / 40%) !important;color:#fff !important;}
    .contact-grid textarea{height: 180px !important;}
    .btn-submit {
      width: 100%;
      padding: 1.25rem;
      background: var(--primary);
      color: var(--primary-fg);
      font-weight: 700;
      font-size: 0.875rem;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      border: none;
      cursor: pointer;
      font-family: inherit;
      transition: opacity 0.3s;
      margin-top: 1rem;
    }
    .btn-submit:hover, button:hover { opacity: 0.9;background: #08a850;border-color:#08a850; }

    /* ─── Footer ─── */
    .footer {
      border-top: 1px solid var(--border);
      padding: 20px clamp(1.5rem, 5vw, 7rem);
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }
    .footer-logo {
      font-size: 0.875rem;
      font-weight: 700;
      letter-spacing: 0.15em;
      text-transform: uppercase;
    }
    .footer-logo span { color: var(--primary); }
    .footer-sub { font-size: 0.875rem; color: var(--muted); font-weight: 300; }
    .footer-copy { font-size: 0.75rem; color: #000000; font-weight: 300; }

    /* ─── Responsive ─── */
    @media (min-width: 768px) {
      .hero-grid { grid-template-columns: 5fr 4fr; gap: 2rem; align-items: end; }
      .statement-grid { grid-template-columns: 8fr 3fr; gap: 3rem; }
      .statement-right { display: flex; flex-direction: column; justify-content: flex-end; }
      .vision-grid { grid-template-columns: 4fr 7fr; gap: 4rem; }
      .vision-right { grid-column: 2; }
      .service-header { grid-template-columns: 2fr 4fr 5fr 1fr; gap: 2rem; }
      .why-grid { grid-template-columns: 1fr 1fr; }
      .why-item:nth-child(even) { border-left: 1px solid var(--border); }
      .contact-grid { grid-template-columns: 5fr 6fr; gap: 5rem; }
      .footer { flex-direction: row; justify-content: space-between; align-items: center; }
      .image-band { height: 50vh; }
    }
    
    @media (min-width: 1024px) {
      .image-band { height: 60vh; }
    }
    @media (max-width: 1024px) {
    .hero-cta a {width: 240px;}
    }
    @media (max-width: 600px) {
    .hero-cta{justify-content: flex-start;}
    .service-details{padding-left:inherit;}
    .navbar .navbar-links{display:none;}
    }
    @media (max-width: 441px) {
        .navbar-logo img{width:40% !important;}
        .navbar-logo{text-align:center;}
    }