@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@font-face{ font-family:"FontAwesome";src:url("../fonts/FontAwesome.woff") format("woff"),url("../fonts/FontAwesome.ttf") format("truetype"); } *[data-ico-fontawesome]:before{ font-family:FontAwesome;content:attr(data-ico-fontawesome); } 
@font-face{ font-family:"FontAwesome5Brands";src:url("../fonts/FontAwesome5Brands.woff") format("woff"),url("../fonts/FontAwesome5Brands.ttf") format("truetype"); } *[data-ico-fontawesome5brands]:before{ font-family:FontAwesome5Brands;content:attr(data-ico-fontawesome5brands); } 
@font-face{ font-family:"FontAwesome5Regular";src:url("../fonts/FontAwesome5Regular.woff") format("woff"),url("../fonts/FontAwesome5Regular.ttf") format("truetype"); } *[data-ico-fontawesome5regular]:before{ font-family:FontAwesome5Regular;content:attr(data-ico-fontawesome5regular); } 
@font-face{ font-family:"FontAwesome5Solid";src:url("../fonts/FontAwesome5Solid.woff") format("woff"),url("../fonts/FontAwesome5Solid.ttf") format("truetype"); } *[data-ico-fontawesome5solid]:before{ font-family:FontAwesome5Solid;content:attr(data-ico-fontawesome5solid); } 


  /* ===== BASE DEFAULT CSS ===== */
  @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

  * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
  }

  body {
      font-family: "Outfit", sans-serif;
      background: #fff;
      font-weight: 400;
      color: #333;
      font-size: 16px;
      line-height: 1.6;
  }

  body a {
      color: #1a1a1a;
      text-decoration: none;
  }

  body a:hover,
  body a:focus {
      outline: none;
      text-decoration: none;
      color: #00a651;
  }

  body ol,
  body ul {
      padding: 0;
      margin: 0;
      list-style-type: none;
  }

  body h1, body .h1 {
      font-size: 52px;
      color: #fff;
      font-weight: 600;
      margin: 0 0 20px;
      line-height: 1.1;
      font-family: "Outfit", sans-serif;
  }

  body h2, body .h2 {
      color: #1a1a1a;
      font-size: 45px;
      font-weight: 600;
      margin: 0 0 20px;
      text-transform: capitalize;
      line-height: 1.1;
      letter-spacing: -1.4px;
      font-family: "Outfit", sans-serif;
  }

  body h3, body .h3 {
      color: #1a1a1a;
      font-size: 26px;
      font-weight: 600;
      margin: 0 0 20px;
      line-height: 1.5;
      text-transform: capitalize;
      font-family: "Outfit", sans-serif;
  }

  body h4, body .h4 {
      font-size: 20px;
      color: #1a1a1a;
      font-weight: 600;
      margin: 0 0 20px;
      line-height: 1.5;
      font-family: "Outfit", sans-serif;
      text-transform: capitalize;
  }

  body p {
      font-size: 18px;
      line-height: 2;
      color: #333;
      margin: 0 0 30px;
      font-family: "Outfit", sans-serif;
  }

  .heading { margin: 0 0 50px; }
  .heading h5, .heading .h5 {
      font-size: 17px;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #333;
      font-family: "Outfit", sans-serif;
  }

  .SubHeading h4, .SubHeading .h4 {
      position: relative;
      color: #009e45;
      font-size: 20px;
      letter-spacing:.5px;
      margin: 0 0 10px;
      text-transform: uppercase;
      align-items: center;
  }

  .SubHeading.SubLeft h4, .SubHeading.SubLeft .h4 {
      text-align: left;
  }

  .gray_bg { background: #f7f7f7; }

  ul, ol { padding: 0; margin: 0; list-style-type: none; }

  section { padding: 100px 0; position: relative; }

  .black_bg {
      color: #fff;
      background-color: #1a1a1a;
  }
  .black_bg h1, .black_bg h2, .black_bg h3, .black_bg h4, .black_bg h5, .black_bg p, .black_bg a {
      color: #fff;
  }

  .white_bg {
      color: #1a1a1a;
      background-color: #fff;
  }
  .white_bg h1, .white_bg h2, .white_bg h3, .white_bg h4, .white_bg h5, .white_bg p, .white_bg a {
      color: #1a1a1a;
  }

  .default_btn a,
  .default_btn input[type="button"],
  .default_btn input[type="submit"] {
      background: #009e45;
      padding: 11px 30px;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      letter-spacing: 0px;
      text-transform: capitalize;
      font-size: 18px;
      text-align: center;
      border-radius: 10px;
      font-family: "Outfit", sans-serif;
      transition: all 0.3s ease;
      font-weight: 600;
      width: max-content;
      text-decoration: none;
  }

  .default_btn a:hover,
  .default_btn input[type="button"]:hover,
  .default_btn input[type="submit"]:hover {
      color: #fff;
      background: #00a651;
      transition: all 0.3s ease;
  }

  .default_btn2 a,
  .default_btn2 input[type="button"] {
      background: none;
      padding: 11px 30px;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      letter-spacing: 0px;
      text-transform: capitalize;
      font-size: 18px;
      text-align: center;
      border-radius: 10px;
      border: 1px solid #fff;
      font-family: "Outfit", sans-serif;
      transition: all 0.3s ease;
      font-weight: 600;
      width: max-content;
      text-decoration: none;
  }

  .default_btn2 a:hover,
  .default_btn2 input[type="button"]:hover {
      color: #000;
      background: #fff;
      transition: all 0.3s ease;
  }

  .heading_bod {
      margin: 0 auto 20px;
      position: relative;
      width: 200px;
      height: 20px;
  }

  .heading_bod hr {
      height: 2px;
      background: #1a1a1a;
      position: absolute;
      top: 0%;
      width: 100%;
      border: none;
  }

  .heading_bod:after {
      position: absolute;
      content: "";
      width: 10px;
      height: 10px;
      background: #1a1a1a;
      left: 0;
      right: auto;
      top: 16px;
      margin: 0 auto;
      transform: rotate(45deg);
  }

  .heading_bod:before {
      position: absolute;
      content: "";
      width: 10px;
      height: 10px;
      background: #1a1a1a;
      left: auto;
      right: 0;
      top: 16px;
      margin: 0 auto;
      transform: rotate(45deg);
  }

  .heading_bod.bod_left { margin: 0 0 20px; }
  .heading_bod.bod_white hr { background: #fff; }
  .heading_bod.bod_white:before, .heading_bod.bod_white:after { background: #fff; }

  .margin0 { margin: 0 !important; }

  .list { margin: 0 0 20px; }
  .list li {
      position: relative;
      margin: 0 0 10px;
      padding-left: 20px;
      color: #666;
  }
  .list li:before {
      position: absolute;
      content: "\f054";
      font-family: 'Font Awesome 6 Free';
      font-weight: 900;
      font-size: 15px;
      color: #00a651;
      left: 0px;
      top: 5px;
  }

  /* ===== CONTAINER ===== */
  .container {
      max-width: 1170px;
      margin: 0 auto;
      padding: 0 15px;
      width: 100%;
  }

  /* ===== HEADER ===== */
  .header {
      background-color: #fff;
      padding: 14px 0;
      position: sticky;
      top: 0;
      z-index: 1000;
  }

  .header .container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      max-width: 1500px;
  }
  .header .rightmenu{
      display: flex;
      justify-content: flex-end;
      column-gap: 20px;
  }

  .logo {
      font-size: 44px;
      font-weight: 900;
      color: #009e45 !important;
      letter-spacing: 1px;
      text-decoration: none;
  }

  .logo:hover { color: #fff !important; }

  .nav {
      display: flex;
      align-items: center;
      gap: 24px;
  }

  .nav a {
      color: #000 !important;
      text-decoration: none;
      font-size: 17px;
      font-weight: 500;
      transition: opacity 0.3s;
      white-space: nowrap;
  }

  .nav a:hover { opacity: 0.75; color: #009e45 !important; }

  .nav-right {
      display: flex;
      align-items: center;
      gap: 18px;
      position: relative;
  }

  .search-icon-btn {
      background: none;
      border: none;
      color: #000;
      cursor: pointer;
      padding: 6px;
      display: flex;
      align-items: center;
      transition: opacity 0.3s;
      width: 30px;
      height: 30px;
      border-radius: 50%;
  }

  .search-icon-btn:hover { 
      opacity: 0.75; 
      background: #009e45;
      color: #fff;

  }

  .lang-dropdown { position: relative; }

  .lang-btn {
      color: #000;
      font-size: 13px;
      background: none;
      border: none;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 6px;
      font-family: "Outfit", sans-serif;
      font-weight: 500;
      padding: 4px 0;
  }

  .lang-menu {
      display: none;
      position: absolute;
      top: calc(100% + 8px);
      right: 0;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 6px 24px rgba(0,0,0,0.15);
      min-width: 160px;
      padding: 6px 0;
      z-index: 1002;
  }

  .lang-menu.active { display: block; }

  .lang-menu a {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 16px;
      color: #333 !important;
      text-decoration: none;
      font-size: 13px;
      transition: background 0.2s;
  }

  .lang-menu a:hover { background: #f5f5f5; color: #00a651 !important; }

  .contact-btn {
      background-color: #00a651;
      color: #fff !important;
      padding: 9px 22px;
      border: none;
      border-radius: 4px;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      text-decoration: none;
      transition: background-color 0.3s;
      font-family: "Outfit", sans-serif;
  }

  .contact-btn:hover { background-color: #008f45; color: #fff !important; }

  .search-dropdown {
      display: none;
      position: absolute;
      top: calc(100% + 10px);
      right: 0;
      background: #f8f8f8;
      border-radius: 0px;
      box-shadow: 0 8px 32px rgba(0,0,0,0.18);
      padding: 10px 10px;
      z-index: 1002;
      min-width: 550px;
      align-items: center;
      gap: 10px;
  }
  .search-dropdown .searchform{
      background: #fff;
      padding: 5px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      column-gap: 20px;
  }

  .search-dropdown.active{ display: flex; justify-content: space-between;}
  .search-dropdown .search-icon-inner { color: #888; flex-shrink: 0; }

  .search-dropdown input {
      border: none;
      outline: none;
      font-size: 14px;
      flex: 1;
      font-family: "Outfit", sans-serif;
      color: #333;
      background: transparent;
  }

  .search-dropdown input::placeholder { color: #999; }

  .search-dropdown button {
      background-color: #00a651;
      color: #fff;
      border: none;
      padding: 9px 20px;
      border-radius: 5px;
      font-size: 13px;
      font-weight: 600;
      cursor: pointer;
      font-family: "Outfit", sans-serif;
      transition: background-color 0.3s;
      white-space: nowrap;
  }

  .search-dropdown button:hover { background-color: #008f45; }

  /* ===== HERO ===== */
  .hero {
      position: relative;
      min-height: 540px;
      overflow: hidden;
      background: #214c35;
      padding: 0;
  }

  .hero-bg { position: absolute; inset: 0; z-index: 0; }
  .hero-bg svg { width: 100%; height: 100%; }

  .hero .container {
      position: relative;
      z-index: 3;
      display: flex;
      align-items: center;
      min-height: 540px;
  }

  .hero-content {
      max-width: 620px;
      width: 100%;
      padding: 70px 0 80px;
  }

  .hero-badge {
      display: inline-block;
      background-color: #009e45;
      color: #fff;
      padding: 5px 14px;
      border-radius: 3px;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: 1.5px;
      margin-bottom: 22px;
  }

  .hero h1 {
      color: #fff;
      font-size: 52px;
      font-weight: 800;
      line-height: 1.18;
      margin-bottom: 18px;
      letter-spacing: -0.5px;
      text-transform: none;
  }

  .hero p {
      color: rgba(255,255,255,0.78);
      font-size: 18px;
      margin-bottom: 32px;
      /*max-width: 420px;*/
      line-height: 1.65;
  }

  .hero-buttons {
      display: flex;
      gap: 16px;
      flex-wrap: wrap;
  }

  .btn-primary {
      background-color: #00a651;
      color: #fff !important;
      padding: 14px 28px;
      border: none;
      border-radius: 5px;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      text-decoration: none;
      transition: background-color 0.3s;
      display: inline-block;
      font-family: "Outfit", sans-serif;
  }

  .btn-primary:hover { background-color: #008f45; color: #fff !important; }

  .btn-outline {
      background-color: transparent;
      color: #fff !important;
      padding: 14px 28px;
      border: 2px solid rgba(255,255,255,0.55);
      border-radius: 5px;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      text-decoration: none;
      transition: all 0.3s;
      display: inline-block;
      font-family: "Outfit", sans-serif;
  }

  .btn-outline:hover {
      background-color: rgba(255,255,255,0.1);
      border-color: #fff;
      color: #fff !important;
  }

  .hero-image-area {
      position: absolute;
      top: 0;
      right: 0;
      width: 45%;
      height: 100%;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      /*padding: 30px 40px 30px 0;*/
  }

  .hero-image-area img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .hero-image-area:after{
    position: absolute;
    content:"";
    top: 0;
    left: -3px;
    width: 100px;
    height: 100%;
    background: url(../img/bannreshape.webp) no-repeat;
    background-size: contain; 
    
  }


  /* ===== GREEN BANNER ===== */
  .green-banner {
      background-color: #00a651;
      padding: 20px 0;
  }

  .green-banner .container {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 24px;
  }

  .banner-line {
      width: 40%;
      height: 1px;
      background: rgba(255,255,255,0.45);
  }

  .green-banner p {
      color: #fff !important;
      font-size: 26px;
      font-weight: 600;
      white-space: nowrap;
      margin: 0;
  }

  /* ===== SOLUTIONS ===== */
  .solutions-section {
      padding: 80px 0;
      text-align: center;
      background: #fff;
  }

  .section-label {
      color: #00a651;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
      margin-bottom: 12px;
  }

  .section-title {
      font-size: 45px;
      font-weight: 600;
      color: #1a1a1a;
      margin-bottom: 50px;
      letter-spacing: -0.5px;
      text-transform: none;
  }

  .solutions-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 30px;
  }

  .solution-card {
      border: 1px solid #e8e8e8;
      border-radius: 12px;
      overflow: hidden;
      display: flex;
      text-align: left;
      transition: box-shadow 0.3s, transform 0.3s;
      background: #fff;
  }

  .solution-card:hover {
      box-shadow: 0 10px 35px rgba(0,0,0,0.1);
      transform: translateY(-2px);
  }
  .solution-card .cardimg{
    width: 47%;
    height: 100%;
    display: flex;
    position: relative;
  }
  .solution-card .cardimg:after{
    position:absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
background: #FFF;
background: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 40%);
  }
  .solution-card img {
      width: 100%;
      object-fit: cover;
      min-height: 260px;
  }

  .solution-card-content {
    width: 50%;
      padding: 32px 26px;
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }

  .solution-badge {
      display: inline-block;
      background-color: #00a651;
      color: #fff;
      padding: 2px 12px;
      border-radius: 3px;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: 1px;
      margin-bottom: 14px;
      width: fit-content;
  }

  .solution-card-content h3 {
      font-size: 26px;
      font-weight: 800;
      color: #1a1a1a;
      margin-bottom: 12px;
      line-height: 1.3;
      text-transform: none;
  }

  .solution-card-content p {
      font-size: 16px;
      color: #666;
      margin-bottom: 22px;
      line-height: 1.65;
  }

  .btn-card {
      background-color: #00a651;
      color: #fff !important;
      padding: 10px 24px;
      border: none;
      border-radius: 5px;
      font-size: 18px;
      font-weight: 600;
      cursor: pointer;
      text-decoration: none;
      width: fit-content;
      transition: background-color 0.3s;
      display: inline-block;
      font-family: "Outfit", sans-serif;
  }

  .btn-card:hover { background-color: #008f45; color: #fff !important; }

  /* ===== MANUFACTURING ===== */
  .manufacturing-section {
      position: relative;
      /*min-height: 560px;*/
      padding: 100px 0;
      display: flex;
      align-items: center;
      overflow: hidden;
      background:#fbfbfb url(../img/manufacturing_bg.jpg) no-repeat;
      background-position: 100% 50%; 
      /*padding: 0;*/
      background-size: contain;
  }

  .manufacturing-bg-image {
      position: absolute;
      top: 0;
      right: 0;
      width: 55%;
      height: 100%;
      z-index: 1;
  }

  .manufacturing-bg-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  .manufacturing-bg-gradient {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to right, #fbfbfb 0%, #fbfbfb 50%, rgba(255,255,255,0.95) 51%, rgba(255,255,255,0.7) 60%, rgba(255,255,255,0) 80%);
      z-index: 2;
  }

  .manufacturing-content {
      position: relative;
      z-index: 3;
      max-width: 90%;
  }

  .manufacturing-content .section-label { text-align: left; }

  .manufacturing-content h2 {
      /*font-size: 38px;*/
      font-weight: 800;
      color: #1a1a1a;
      margin-bottom: 20px;
      line-height: 1.2;
      letter-spacing: -0.5px;
      text-transform: none;
  }

  .manufacturing-content > p {
      /*font-size: 14.5px;*/
      color: #555;
      margin-bottom: 35px;
      line-height: 1.7;
      max-width: 520px;
  }

  .features-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      margin-bottom: 35px;
  }

  .feature-box {
      border: 1px solid #e4e4e4;
      border-radius: 10px;
      padding: 25px 20px;
      /*text-align: center;*/
      transition: box-shadow 0.3s, transform 0.3s;
      background: #fff;
  }

  .feature-box:hover {
      box-shadow: 0 6px 20px rgba(0,0,0,0.08);
      transform: translateY(-2px);
  }

  .feature-icon {
      margin-bottom: 12px;
      display: flex;
      /*justify-content: center;*/
  }

  .feature-box h4 {
      /*font-size: 13.5px;*/
      font-weight: 700;
      color: #1a1a1a;
      line-height: 1.35;
      text-transform: none;
      margin: 0;
  }

  

  .btn-partner:hover { background-color: #008f45; color: #fff !important; }

  /* ===== HOME CARD ===== */
  .home-section {
      padding: 100px 0 100px;
  }

  .home-card {
      /*background: linear-gradient(135deg, #1a7a42 0%, #1e8a4a 40%, #22994f 70%, #1a7a42 100%);*/
      border-radius: 18px;
      display: flex;
      overflow: hidden;
      min-height: 420px;
      box-shadow: 0 12px 45px rgba(26,122,66,0.22);
  }

  .home-card-content {
      flex: 1;
      padding: 60px 50px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background: #1f7f3f;
  }

  .home-card-content .section-label {
      color:#fff;
      text-align: left;
      margin-bottom: 10px;
      font-size: 20px;
      text-transform: uppercase;
      font-weight: normal;
  }

  .home-card-content h2 {
      /*font-size: 36px;*/
      font-weight: 800;
      color: #fff !important;
      margin-bottom: 18px;
      line-height: 1.2;
      letter-spacing: -0.5px;
      text-transform: none;
  }

  .home-card-content p {
      color: rgba(255,255,255,0.85);
      /*font-size: 14.5px;*/
      margin-bottom: 30px;
      line-height: 1.7;
      max-width: 460px;
  }


  .home-card-image { flex: 1; overflow: hidden; position: relative;}
  .home-card-image:after { 
    position:absolute;
    content: "";
    width: 30%;
    height: 100%;
    top: 0;
    left: 0;
    background: #1F7F3F;
    background: linear-gradient(90deg, rgba(31, 127, 63, 1) 32%, rgba(31, 127, 63, 0) 100%);
  
  }



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

  /* ===== WHY ===== */
        .why-section {
            padding:0px 0;
            background: #fbfbfb;  
        }
        .why-section .container{
          max-width: 100%;
        }
        .why-section::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 50%;
            height: 100%;
            background:#fbfbfb url(../img/whyImg.jpg) no-repeat;
            /*z-index: -1;*/
            background-size: cover;
        }

        .why-inner {
            display: flex;
            align-items: stretch;
            gap: 60px;


        }

        /* Left Image Area - Background Image */
        .why-image-wrapper {
            z-index: 1;
            position: relative;
                display: flex;
            flex-direction: column;
            width: 56%;
            justify-content: center;
            align-items:center; 
        }
        .why-image-wrapper img{
          position: relative;
          z-index: 2;
          width: max-content;
        }
        .why-image-wrapper .img-1{
          position: absolute;
          left: 10%;
          top: 30%  
        }
        .why-image-wrapper .img-2{
          position: absolute;
          right: 10%;
          top: 50%
        }

        .why-image-wrapper::after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 50%;
            height: 100%;
            background: linear-gradient(to right, #fbfbfb00 0%, #fbfbfbf0 60%, #fbfbfb 100%);
            z-index: 1;
        }

        /* Right Content Area */
        .why-content {
            padding: 100px 0;
            position: relative;
            
            width: 50%;
        }

        .why-label {
            color: #51b656;
            font-size: 20px;
            font-weight: 400;
            /*letter-spacing: 2px;*/
            text-transform: uppercase;
            margin-bottom: 10px;
            font-family: "Outfit", sans-serif;
        }

        .why-heading {
            font-size: 48px;
            font-weight: 700;
            color: #1a1a1a;
            line-height: 1.15;
            margin-bottom: 32px;
            letter-spacing: -0.5px;
            font-family: "Outfit", sans-serif;
        }

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

        .why-list li {
            display: flex;
            align-items: center;
            gap: 14px;
            font-size: 17px;
            color: #333;
            margin-bottom: 18px;
            font-family: "Outfit", sans-serif;
            font-weight: 400;
        }

        .why-list li:last-child {
            margin-bottom: 0;
        }

        .check-icon {
            width: 22px;
            height: 22px;
            min-width: 22px;
            background: #51b656;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .check-icon svg {
            width: 12px;
            height: 12px;
        }


  /* ===== PELISIS ===== */
  .pelsis-section {
      padding: 60px 0 80px;
  }

  .pelsis-inner {
      display: flex;
      align-items: center;
      gap: 70px;
  }

  .pelsis-content { flex: 1; }
  .pelsis-content .section-label { text-align: left; }

  .pelsis-content h2 {
    
      font-weight: 800;
      color: #1a1a1a;
      margin-bottom: 18px;
      line-height: 1.2;
      letter-spacing: -0.5px;
      text-transform: none;
  }

  .pelsis-content p {
      color: #555;
      margin-bottom: 28px;
      line-height: 1.7;
  }

  .pelsis-logo {

      margin-bottom: 26px;
      display: flex;
      align-items: center;
      gap: 12px;


  }
.pelsis-logo img{
  width: 200px;
}
  

  .pelsis-logo-icon svg { width: 24px; height: 24px; }

  .default_btn a{
    text-align: left;
    display: block;
  }
  .default_btn a u{
    display: block;
  }

  .btn-pelsis:hover { background-color: #008f45; color: #fff !important; }

  .pelsis-image { flex: 1; }

  .pelsis-image img {
      width: 100%;
      border-radius: 14px;
      object-fit: cover;
      box-shadow: 0 12px 40px rgba(0,0,0,0.1);
  }

  /* ===== FOOTER ===== */
  .footer {
      background: #214c35;
      padding: 100px 0 100px;
  }

  .footer-top {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .footer-logo {
      font-size: 34px;
      font-weight: 900;
      color: #fff !important;
      letter-spacing: 2px;
  }
  .footer-logo img{
    width: 100%;
    max-width: 330px;
  }

  .footer-social { display: flex; gap: 12px; }

  .footer-social a {
      width: 40px;
      height: 40px;
      border: 1.5px solid rgba(255,255,255,0.3);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff !important;
      text-decoration: none;
      transition: all 0.3s;
  }

  .footer-social a:hover {
      background-color: #00a651;
      border-color: #00a651;
      color: #fff !important;
  }

  .footer-bottom {
      background: #000;
      padding: 20px 0;
     
  }
  .footer-bottom .wrap{
     display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .footer-bottom p {
      color: #fff;
      font-size: 16px;
      margin: 0;
  }

  .footer-links { display: flex; gap: 22px; }

  .footer-links a {
      color: #fff !important;
      text-decoration: none;
      font-size: 16px;
      transition: color 0.3s;
  }

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

  .hamburger {
      display: none;
      flex-direction: column;
      gap: 5px;
      cursor: pointer;
      background: none;
      border: none;
      padding: 5px;
  }

  .hamburger span {
      width: 24px;
      height: 2px;
      background: #fff;
      transition: 0.3s;
  }




/*------------------------single page---------------------*/
/* ===== BREADCRUMB ===== */
        .breadcrumb-bar {
            background-color: #00a651;
            padding: 14px 0;
        }

        .breadcrumb {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 16px;
            color: #fff;
            font-family: "Outfit", sans-serif;
        }

        .breadcrumb a {
            color: #fff !important;
            text-decoration: none;
            transition: opacity 0.3s;
        }

        .breadcrumb a:hover {
            opacity: 0.8;
            color: #fff !important;
        }

        .breadcrumb .separator {
            color: rgba(255,255,255,0.7);
        }

        .breadcrumb .current {
            color: #fff;
            font-weight: 500;
        }

        /* ===== PRODUCT DETAIL SECTION ===== */
        .product-detail-section {
            padding: 60px 0;
            background: #fff;
        }

        .product-detail-inner {
            display: flex;
            gap: 50px;
            align-items: stretch;
        }

        .product-image-wrapper {
            flex: 0 0 45%;
            position: relative;
            background: #f7f7f7;
            border-radius: 10px;
            padding: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 380px;
        }

        .product-image-wrapper img {
            max-width: 100%;
            max-height: 320px;
            object-fit: contain;
        }

        .zoom-icon {
            position: absolute;
            top: 16px;
            right: 16px;
            width: 36px;
            height: 36px;
            background: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            transition: transform 0.3s;
        }

        .zoom-icon:hover {
            transform: scale(1.1);
        }

        .product-info {
            flex: 1;
        }

        .product-category-label {
            color: #00a651;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            margin-bottom: 10px;
            font-family: "Outfit", sans-serif;
        }

        .product-title {
            font-size: 36px;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 16px;
            line-height: 1.2;
            font-family: "Outfit", sans-serif;
        }

        .product-description {
            font-size: 16px;
            color: #555;
            line-height: 1.7;
            margin-bottom: 24px;
            font-family: "Outfit", sans-serif;
        }

        .product-features {
            list-style: none;
            padding: 0;
            margin: 0 0 28px;
        }

        .product-features li {
            position: relative;
            padding-left: 18px;
            font-size: 16px;
            color: #444;
            margin-bottom: 10px;
            line-height: 1.6;
            font-family: "Outfit", sans-serif;
        }

        .product-features li:before {
            content: "›";
            position: absolute;
            left: 0;
            top: 0;
            color: #00a651;
            font-size: 18px;
            font-weight: 700;
        }

        .btn-download-overview {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: #00a651;
            color: #fff !important;
            padding: 13px 26px;
            border-radius: 6px;
            font-size: 18px;
            font-weight: 600;
            text-decoration: none;
            font-family: "Outfit", sans-serif;
            transition: background-color 0.3s;
        }

        .btn-download-overview:hover {
            background: #008f45;
            color: #fff !important;
        }

        /* ===== SKU TABLE ===== */
        .sku-table-section {
            padding: 0 0 60px;
            background: #fff;
        }

        .sku-table {
            width: 100%;
            border-collapse: collapse;
            font-family: "Outfit", sans-serif;
        }

        .sku-table thead th {
            background: #224d36;
            color: #fff;
            padding: 16px 20px;
            text-align: center;
            font-size: 18px;
            font-weight: 500;
            letter-spacing: 0.5px;
        }

        

        .sku-table tbody td {
            padding: 20px;
            text-align: center;
            font-size: 16px;
            color: #333;
            border: 1px solid #e8e8e8;
            line-height: 1.7;
        }

        .sku-table tbody tr:first-child td:first-child {
            border-radius: 0 0 0 6px;
        }

        .sku-table tbody tr:first-child td:last-child {
            border-radius: 0 0 6px 0;
        }

        /* ===== DOWNLOAD RESOURCES ===== */
        .download-section {
            padding:0;
            
        }
        .download-section .secwrap{
          background: #f5f7f5;
          padding: 50px;
          border-radius: 20px;
        }

        

        .download-section h2 {
            /*font-size: 36px;*/
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 10px;
            font-family: "Outfit", sans-serif;
        }
        .download-section .section-label{
          font-size: 20px;
          color: #009e45 !important;
          letter-spacing: 0;
          font-weight: normal;
          text-transform: uppercase;
          margin: 0 0 0px;
        }
        .download-section > .container > p {
            font-size: 16px;
            color: #666;
            margin-bottom: 36px;
            font-family: "Outfit", sans-serif;
        }

        .download-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 14px;
        }

        .download-card {
            background: #fff;
            border: 1px solid #e8e8e8;
            border-radius: 10px;
            padding: 30px 20px;
            text-align: center;
            transition: box-shadow 0.3s, transform 0.3s;
        }

        .download-card:hover {
            box-shadow: 0 8px 25px rgba(0,0,0,0.08);
            transform: translateY(-3px);
        }

        .download-icon {
            width: 52px;
            height: 52px;
            margin: 0 auto 16px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .download-icon svg {
            width: 48px;
            height: 48px;
        }

        .download-card h4 {
            font-size: 22px;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 12px;
            min-height: 50px;
            line-height: 1;
            text-transform: none;
            font-family: "Outfit", sans-serif;
        }

        .download-card p {
            font-size: 16px;
            /*color: #666;*/
            line-height: 1.4;
            margin-bottom: 20px;
            font-family: "Outfit", sans-serif;
        }

        .btn-download-pdf {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            background: #00a651;
            color: #fff !important;
            padding: 10px 18px;
            border-radius: 5px;
            font-size: 13px;
            font-weight: 600;
            text-decoration: none;
            font-family: "Outfit", sans-serif;
            transition: background-color 0.3s;
        }

        .btn-download-pdf:hover {
            background: #008f45;
            color: #fff !important;
        }

        /* ===== RELATED PRODUCTS ===== */
        .related-section {
            padding: 70px 0 80px;
            background: #fff;
        }

        .related-section > .container > h2 {
            text-align: center;
            font-size: 36px;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 40px;
            font-family: "Outfit", sans-serif;
        }

        .related-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
        }

        .related-card {
            background: #fff;
            border: 1px solid #e8e8e8;
            border-radius: 10px;
            overflow: hidden;
            transition: box-shadow 0.3s, transform 0.3s;
        }

        .related-card:hover {
            box-shadow: 0 8px 25px rgba(0,0,0,0.1);
            transform: translateY(-3px);
        }

        .related-card-image {
            position: relative;
            background: #f9f9f9;
            padding: 20px;
            min-height: 180px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .related-card-image img {
            max-width: 100%;
            max-height: 140px;
            object-fit: contain;
        }

        .wishlist-btn {
            position: absolute;
            top: 12px;
            right: 12px;
            width: 32px;
            height: 32px;
            background: #fff;
            border: 1px solid #e0e0e0;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s;
            color: #999;
        }

        .wishlist-btn:hover {
            color: #00a651;
            border-color: #00a651;
        }

        .related-card-content {
            padding: 20px;
        }

        .related-card-category {
            color: #00a651 !important;
            font-size: 16px;
            font-weight: 500;
            text-transform: uppercase;
            margin-bottom: 5px;
            font-family: "Outfit", sans-serif;
        }

        .related-card-content h4 {
            font-size: 22px;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 10px;
            line-height: 1.3;
            text-transform: none;
            font-family: "Outfit", sans-serif;
        }

        .related-card-content p {
            font-size: 16px;
            /*color: #666;*/
            line-height: 1.4;
            margin-bottom: 10px;
            font-family: "Outfit", sans-serif;
        }

        .view-product-link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            color: #00a651 !important;
            font-size: 14px;
            font-weight: 600;
            text-decoration: none;
            font-family: "Outfit", sans-serif;
            transition: gap 0.3s;
        }

        .view-product-link:hover {
            gap: 10px;
            color: #008f45 !important;
        }




/*-------------------------------product page--------------------*/

/* ===== PRODUCT LISTING SECTION ===== */
        .product-listing-section {
    padding: 100px 0 100px;
    background: #fff;
}

.product-listing-section .product-listing-inner {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

/* ===== FILTER SIDEBAR ===== */
.product-listing-section .filter-sidebar {
    flex: 0 0 270px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 24px;
    position: sticky;
    top: 20px;
}

.product-listing-section .filter-title {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 24px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: "Outfit", sans-serif;
}

.product-listing-section .filter-group {
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e8e8e8;
}

.product-listing-section .filter-group:first-of-type {
    padding-top: 20px;
    border-top: 1px solid #e8e8e8;
}

.product-listing-section .filter-group:last-of-type {
    /* border-bottom: none; */
    margin-bottom: 20px;
}

.product-listing-section .filter-group-title {
    font-size: 18px;
    font-weight: 400;
    color: #00a651;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-family: "Outfit", sans-serif;
}

.product-listing-section .filter-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
    cursor: pointer;
}

.product-listing-section .filter-option label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 16px;
    color: #333;
    font-family: "Outfit", sans-serif;
    flex: 1;
}

.product-listing-section .filter-option input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: #00a651;
    cursor: pointer;
}

.product-listing-section .filter-option .count {
    font-size: 16px;
    color: #8e8e8e;
    font-family: "Outfit", sans-serif;
}

.product-listing-section .btn-reset-filters {
    width: 100%;
    padding: 12px;
    background: #fff;
    color: #00a651;
    border: 1px solid #00a651;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    font-family: "Outfit", sans-serif;
    transition: all 0.3s;
}

.product-listing-section .btn-reset-filters:hover {
    background: #00a651;
    color: #fff;
}

/* ===== PRODUCT GRID AREA ===== */
.product-listing-section .product-grid-area {
    flex: 1;
}

.product-listing-section .product-grid-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e8e8e8;
}

.product-listing-section .product-count {
    font-size: 16px;
    color: #121212;
    font-family: "Outfit", sans-serif;
    margin: 0;
}

.product-listing-section .product-card-category {
    font-size: 14px;
    color: #009e45;
    letter-spacing: 0;
    margin: 0 0 8px;
}

.product-listing-section .product-controls {
    display: flex;
    align-items: center;
    gap: 16px;
}

.product-listing-section .sort-dropdown {
    padding: 11px 12px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    font-size: 16px;
    font-family: "Outfit", sans-serif;
    color: #121212;
    background: #fff;
    cursor: pointer;
    outline: none;
}

.product-listing-section .sort-dropdown:focus {
    border-color: #00a651;
}

.product-listing-section .view-toggle {
    display: flex;

    border: 1px solid #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
}

.product-listing-section .view-toggle button {
    width: 46px;
    height: 46px;
    background: #fff;
    
    cursor: pointer;
    display: flex;
    border: none;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    color: #666;
}

.product-listing-section .view-toggle button:hover,
.product-listing-section .view-toggle button.active {
    background: #00a651;
    border-color: #00a651;
    color: #fff;
}

.product-listing-section .view-toggle button svg {
    width: 18px;
    height: 18px;
}

/* ===== PRODUCT GRID ===== */
.product-listing-section .product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 40px;
}

.product-listing-section .product-card {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    overflow: hidden;
    transition: box-shadow 0.3s, transform 0.3s;
    position: relative;
}

.product-listing-section .product-card:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
}

.product-listing-section .product-card-image {
    position: relative;
    background: #f9f9f9;
    padding: 24px;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-listing-section .product-card-image img {
    max-width: 100%;
    max-height: 160px;
    object-fit: contain;
}

.product-listing-section .wishlist-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    color: #999;
}

.product-listing-section .wishlist-btn:hover {
    color: #00a651;
    border-color: #00a651;
}

.product-listing-section .product-card-content {
    padding: 20px 20px 30px;
}

.product-listing-section .product-card-content .product-card-category {
    color: #00a651;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-family: "Outfit", sans-serif;
}

.product-listing-section .product-card-content h4 {
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 10px;
    line-height: 1.3;
    text-transform: none;
    font-family: "Outfit", sans-serif;
}

.product-listing-section .product-card-content p {
    font-size: 16px;
    color: #121212;
    line-height: 1.4;
    margin-bottom: 10px;
    font-family: "Outfit", sans-serif;
}

.product-listing-section .view-product-link{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #00a651 !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    font-family: "Outfit", sans-serif;
    transition: gap 0.3s;
    position: absolute;
    top: auto;
    bottom: 10px;

}

.product-listing-section .view-product-link:hover {
    gap: 10px;
    color: #008f45 !important;
}

/* ===== PAGINATION ===== */
.product-listing-section .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.product-listing-section .pagination button {
    min-width: 36px;
    height: 36px;
    padding: 0 12px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    font-family: "Outfit", sans-serif;
    color: #333;
    transition: all 0.3s;
}

.product-listing-section .pagination button:hover {
    border-color: #00a651;
    color: #00a651;
}

.product-listing-section .pagination button.active {
    background: #00a651;
    border-color: #00a651;
    color: #fff;
}





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

  @media (max-width: 1170px) {
    .container{
      
    }
    .nav{
      gap: 10px;
    }
    .nav-right{
      gap:10px;
    }
    .hero h1{
      font-size: 43px;
    }
    .hero-content{
      max-width: 500px;
    }
    .why-image-wrapper::after{
      right: -3px;
    }
    .why-image-wrapper .img-1 {
        position: absolute;
        left: 0%;
        top: 24%;
    }
    .logo img{
      width: 180px;
    }
    .nav a{
      font-size: 15px;
    }
  }
  @media (max-width: 1024px) {
      .hero-content { max-width: 55%; padding: 60px 0 70px; }
      .hero h1 { font-size: 36px; }
      .section-title { font-size: 32px; }
      .manufacturing-content h2, .home-card-content h2, .why-content h2, .pelsis-content h2 { font-size: 30px; }
      .features-grid { grid-template-columns: repeat(2, 1fr); }
      .why-inner, .pelsis-inner { gap: 40px; }
      .nav {
          display: none;
          position: absolute;
          top: 100%;
          left: 0;
          right: 0;
          background: #1a3a2a;
          flex-direction: column;
          padding: 20px;
          gap: 16px;
          border-top: 1px solid rgba(255,255,255,0.1);
      }
      .hamburger span{
        background: #1a3a2a;
      }
      .nav a{
        color: #fff !important;
      }

      .nav.active { display: flex; }
      .hamburger { display: flex; }
      .solution-card-content{
        width: 60%;
      }
      .solutions-grid{
            grid-template-columns: none;
      }
      .manufacturing-section{
        background-size: cover; 
      }
      .product-listing-inner  .product-grid {
          grid-template-columns: repeat(2, 1fr);
      }
       .download-grid, .related-grid {
          grid-template-columns: repeat(2, 1fr);
      }
  }

  @media (max-width: 991px) {
      section{
        padding: 100px 0 !important;
      }

      .hero { min-height: auto; 
        padding: 0 !important;}
      .hero .container { flex-direction: column;     min-height: auto;}
      .hero-content { max-width: 100%; padding: 70px 0 70px; text-align: center; }
      .hero h1 { font-size: 28px; }
      .hero p { margin: 0 auto 25px; }
      .hero-buttons { justify-content: center; }
      .hero-image-area {
          position: relative;
          width: 100%;
          height: 320px;
          /*padding: 20px 0;*/
          justify-content: center;
      }
      .hero-image-area:after{
        display: none;
      }

      .search-dropdown { right: -20px; min-width: 320px; }

      .green-banner .container { flex-wrap: wrap; }
      .banner-line { width: 60px; }
      .green-banner p { font-size: 14px; }

      .solutions-section { padding: 50px 0; }
      .section-title { font-size: 26px; }
      .solutions-grid { grid-template-columns: 1fr; }
      
      .solution-card img { width: 100%; min-height: 200px; }

      .manufacturing-section { flex-direction: column; min-height: auto; }
      .manufacturing-bg-image { position: relative; width: 100%; height: 300px; }
      /*.manufacturing-bg-gradient {
          background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, #fff 80%);
      }*/
      .manufacturing-content { max-width: 100%;  }
      .features-grid { grid-template-columns: 1fr 1fr; }

      .home-section { padding: 20px 0; }
      .home-card { flex-direction: column; }
      .home-card-content { padding: 40px 25px; }
      .home-card-content h2 { font-size: 26px; }

      .why-inner, .pelsis-inner { flex-direction: column; gap: 40px; }

      .footer-top { flex-direction: column; gap: 20px; }
      .footer-bottom { flex-direction: column; gap: 12px; text-align: center; }
      .footer-links { flex-wrap: wrap; justify-content: center; }
      .home-card-image:after{
        display: none;
      }
      .home-card-image{
        display: block;
        height: 400px;
        flex: auto;
      }
      .why-section{
        padding-bottom: 0 !important; 
      }
      .why-section::after{
        width: 100%;
        height: 47%;
      }
      .why-image-wrapper{
        width: 100%;
      }
      .why-image-wrapper::after{
        display: none;
      }
      .why-image-wrapper img{
        position: relative !important;
      }
      .pelsis-image{
        flex: auto;
        width: 100%;
        height: 400px;
      }
      .pelsis-image img{
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .product-detail-inner {
          flex-direction: column;
          gap: 30px;
      }

      .product-image-wrapper {
          flex: 1 1 100%;
          min-height: 300px;
      }

      .product-title {
          font-size: 28px;
      }

      .download-section h2,
      .related-section > .container > h2 {
          font-size: 28px;
      }

      .sku-table {
          font-size: 12px;
      }

      .sku-table thead th,
      .sku-table tbody td {
          padding: 12px 8px;
      }
      .download-section{
        padding: 0 !important;
      }
      
  }

@media (max-width: 767px) {
  

      

      .product-listing-inner .product-grid {
          grid-template-columns: 1fr;
      }

      .product-listing-inner .product-grid-header {
          flex-direction: column;
          gap: 12px;
          align-items: flex-start;
      }
}

  @media (max-width: 600px) {
    section{
      padding: 50px 0 !important;
    }
    .manufacturing-bg-gradient{
      background: #ffffffde;
    }
    .why-content{
      padding: 0px 0 50px;
      width: 100%; 
    }
    .solution-card{
      flex-direction: column;
    }
    .solution-card .cardimg{
      width: 100%;
    }
    .solution-card .cardimg:after{
      display: none;
    }
    .solution-card-content{
      width: 100%;
    }
    .rightmenu .contact-btn{
      display: none;
    }
    .why-section::after{
      display: none;
    }
    .why-image-wrapper{
      background: #fbfbfb url(../img/whyImg.jpg) no-repeat;
      padding: 30px;
      border-radius: 20px;
      background-position: 40% 60%;
    }
    .why-image-wrapper img{
      width: 80%;
        position: relative !important;
        left: 0;
        top: auto !important;
        right: 0 !important;
    }
    .footer{
      padding: 50px 0;
    }
    .footer-bottom .wrap{
      flex-direction: column;
    }
    .product-listing-inner .filter-sidebar {
          flex: 1 1 100%;
          position: static;
          margin: 0 0 40px;
      }
      .product-listing-section .product-listing-inner{
        display: block;
      }
      .download-grid, .related-grid {
            grid-template-columns: 1fr;
        }

        .product-title {
            font-size: 24px;
        }

        .breadcrumb {
            font-size: 12px;
            flex-wrap: wrap;
        }
    .download-section .secwrap{
      padding: 20px;
    }

  }

  @media (max-width: 480px) {
    .logo{
      font-size: initial;
    }
    .logo img {
      width: 120px;
      margin-top: 5px;
    }
      .hero h1 { font-size: 24px; }
      .features-grid { grid-template-columns: 1fr; }
      .hero-buttons { flex-direction: column; align-items: center; }
      .btn-primary, .btn-outline { width: 100%; text-align: center; }
      .section-title { font-size: 22px; }
      .manufacturing-content h2, .home-card-content h2, .why-content h2, .pelsis-content h2 { font-size: 24px; }
      .search-dropdown { min-width: 280px; right: -10px; }
      .footer-logo img {
          max-width: 200px;
      }
  }