.accordion-item {
  display: none;
}

.footer {
    width: 100%;
    height: 500px;
    background-color: #f6f6f6;
  }
  
  .footer h2 {
    text-align: center;
    width: 100%;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #b5b5b5;
    position: absolute;
    bottom: 35px;
    left: 0%;
    font-weight: 400;
    cursor: default;
  }
  
  .footer img {
    width: 260px;
    position: absolute;
    top:80px;
    left: 5%;
  }

  .statement {
    color: #afafaf;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-weight: 100;
    position: absolute;
    top: 210px;
    left: 7%;
    width: 30%;
  }

  .about a {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #000;
    position: absolute;
    top: 300px;
    left: 7%;
    text-decoration: none;
    transition: all .3s ease-in-out
  }

  .about a:hover {
    left: 7.5%;
  }

  #footer-products-container {
    position: absolute;
    top: 140px;
    left: 45%;
    width: 50%;
  }

  #footer-contact-container {
    position: absolute;
    top: 200px;
    left: 45%;
    width: 50%;
  }

  #footer-social-container {
    position: absolute;
    top: 260px;
    left: 45%;
    width: 50%;
  }

   .footer-products, .footer-contact, .footer-social {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      gap: 20px;
    }

    .footer-products li a, .footer-contact li a, .footer-social li a {
      text-decoration: none;
      color: #333;
      padding: 10px 15px;
      border: 1px solid #ccc;
      border-radius: 8px;
      background-color: #f7f7f7;
      transition: background-color 0.2s;
    }

    .footer-products li a:hover, .footer-contact li a:hover, .footer-social li a:hover{
      background-color: #e0e0e0;
    }

    .footer-products h1, .footer-contact h1, .footer h1 {
      font-size: 20px;
      margin-top: 0px;
      color: #7b8f4c;
    }

  .copyright {
    cursor: default;
    background-color: #7b8f4c;
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0px;
    left: 0%;
  }
  
  .copyright p{
    color: #fff;
    font-family: sans-serif;
    font-weight: 100;
    font-size: 16px;
    position: absolute;
    top: 18px;
    left: 5%;
  }
  
  .watermark {
    background-color: #000;
    width: 100%;
    height: 35px;
    position: absolute;
    bottom: -35px;
    left: 0%;
  }

  .watermark p {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #cfcfcf;
    width: 100%;
    text-align: center;
    cursor: default;
    position: absolute;
    bottom: -4px;
  }

  .watermark p a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
  
  


   
  /*RESPONSIVE*/
@media (min-width: 240px) and (max-width: 359.98px) and (orientation: portrait)  {
  .footer {
    width: 100%;
    height: 320px;
    background-color: #f6f6f6;
  }
  
  .footer h2 { display: none;
    text-align: center;
    width: 100%;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #b5b5b5;
    position: absolute;
    bottom: 35px;
    left: 0%;
    font-weight: 400;
    cursor: default;
  }
  
  .footer img { 
    width: 150px;
    position: absolute;
    top: 20px;
    left: 2%;
  }

  .statement { 
    color: #afafaf;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    font-weight: 100;
    position: absolute;
    top: 80px;
    left: 5%;
    width: 90%;
  }

  .about a { 
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #000;
    position: absolute;
    top: 150px;
    left: 5%;
    text-decoration: none;
    transition: all .3s ease-in-out
  }

  .about a:hover {
    left: 7.5%;
  }

  #footer-products-container { display: none;
    position: absolute;
    top: 140px;
    left: 45%;
    width: 50%;
  }

  #footer-contact-container { display: none;
    position: absolute;
    top: 200px;
    left: 45%;
    width: 50%;
  }

  #footer-social-container { display: none;
    position: absolute;
    top: 260px;
    left: 45%;
    width: 50%;
  }

   .footer-products, .footer-contact, .footer-social { display: none;
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      gap: 20px;
    }

    .footer-products li a, .footer-contact li a, .footer-social li a { display: none;
      text-decoration: none;
      color: #333;
      padding: 10px 15px;
      border: 1px solid #ccc;
      border-radius: 8px;
      background-color: #f7f7f7;
      transition: background-color 0.2s;
    }

    .footer-products li a:hover, .footer-contact li a:hover, .footer-social li a:hover{
      background-color: #e0e0e0;
    }

    .footer-products h1, .footer-contact h1, .footer h1 {
      font-size: 20px;
      margin-top: 0px;
      color: #7b8f4c;
    }

    /*Acordion Menu*/
    .accordion-item { display: block;
      border-top: 1px solid #dddddd;
      position: relative;
      top: 200px;
    }

    .accordion-header {
      font-family: 'Poppins', sans-serif;
      font-size: 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px;
      cursor: pointer;
      background-color: #f6f6f6;
      transition: background 0.3s;
      color: #7b8f4c;
    }

    .accordion-header svg {
      width: 20px;
      height: 20px;
      transition: transform 0.3s;
      fill: #7b8f4c;
    }

    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease;
      background-color: #f6f6f6;
    }

    .accordion-content ul {
      list-style: none;
      margin: 0;
      padding: 10px 20px;
    }

    .accordion-content li {
      padding: 8px 0;
    }

    .accordion-content a {
      font-family: 'Poppins', sans-serif;
      font-size: 12px;
      color: #b0b0b0;
      text-decoration: none;
    }

    .accordion-content a:hover {
      text-decoration: underline;
    }

    .accordion-item.active .accordion-content {
      max-height: 300px;
    }

    .accordion-item.active .arrow-icon {
      transform: rotate(180deg);
    }

  .copyright { 
    cursor: default;
    background-color: #7b8f4c;
    width: 100%;
    height: 50px;
    position: relative;
    top: 200px;
    left: 0%;
    z-index: 6;
  }
  
  .copyright p{ 
    color: #fff;
    font-family: sans-serif;
    font-weight: 100;
    font-size: 10px;
    position: absolute;
    top: 5px;
    left: 5%;
    width: 90%;
  }
  
  .watermark { 
    background-color: #000;
    width: 100%;
    height: 35px;
    position: relative;
    top: 200px;
    left: 0%;
    z-index: 6;
  }

  .watermark p {
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    color: #cfcfcf;
    width: 100%;
    text-align: center;
    cursor: default;
    position: absolute;
    bottom: 0px;
  }

  .watermark p a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
    
}
  
@media (min-width: 360px) and (max-width: 575.98px) and (orientation: portrait) {
  .footer {
    width: 100%;
    height: 400px;
    background-color: #f6f6f6;
    z-index: 10;
  }
  
  .footer h2 { display: none;
    text-align: center;
    width: 100%;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #b5b5b5;
    position: absolute;
    bottom: 35px;
    left: 0%;
    font-weight: 400;
    cursor: default;
  }
  
  .footer img { 
    width: 160px;
    position: absolute;
    top: 15px;
    left: 2%;
  }

  .statement { 
    color: #afafaf;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    font-weight: 100;
    position: absolute;
    top: 80px;
    left: 5%;
    width: 90%;
  }

  .about a { 
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #000;
    position: absolute;
    top: 160px;
    left: 5%;
    text-decoration: none;
    transition: all .3s ease-in-out
  }

  .about a:hover {
    left: 7.5%;
  }

  #footer-products-container { display: none;
    position: absolute;
    top: 140px;
    left: 45%;
    width: 50%;
  }

  #footer-contact-container { display: none;
    position: absolute;
    top: 200px;
    left: 45%;
    width: 50%;
  }

  #footer-social-container { display: none;
    position: absolute;
    top: 260px;
    left: 45%;
    width: 50%;
  }

   .footer-products, .footer-contact, .footer-social { display: none;
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      gap: 20px;
    }

    .footer-products li a, .footer-contact li a, .footer-social li a { display: none;
      text-decoration: none;
      color: #333;
      padding: 10px 15px;
      border: 1px solid #ccc;
      border-radius: 8px;
      background-color: #f7f7f7;
      transition: background-color 0.2s;
    }

    .footer-products li a:hover, .footer-contact li a:hover, .footer-social li a:hover{
      background-color: #e0e0e0;
    }

    .footer-products h1, .footer-contact h1, .footer h1 {
      font-size: 20px;
      margin-top: 0px;
      color: #7b8f4c;
    }

    /*Acordion Menu*/
    .accordion-item { display: block;
      border-top: 1px solid #dddddd;
      position: relative;
      top: 200px;
    }

    .accordion-header {
      font-family: 'Poppins', sans-serif;
      font-size: 14px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px;
      cursor: pointer;
      background-color: #f6f6f6;
      transition: background 0.3s;
      color: #7b8f4c;
    }

    .accordion-header svg {
      width: 20px;
      height: 20px;
      transition: transform 0.3s;
      fill: #7b8f4c;
    }

    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease;
      background-color: #f6f6f6;
    }

    .accordion-content ul {
      list-style: none;
      margin: 0;
      padding: 10px 20px;
    }

    .accordion-content li {
      padding: 8px 0;
    }

    .accordion-content a {
      font-family: 'Poppins', sans-serif;
      font-size: 13px;
      color: #b0b0b0;
      text-decoration: none;
    }

    .accordion-content a:hover {
      text-decoration: underline;
    }

    .accordion-item.active .accordion-content {
      max-height: 300px;
    }

    .accordion-item.active .arrow-icon {
      transform: rotate(180deg);
    }

  .copyright { 
    cursor: default;
    background-color: #7b8f4c;
    width: 100%;
    height: 35px;
    position: relative;
    top: 210px;
    left: 0%;
    z-index: 6;
  }
  
  .copyright p{ 
    color: #fff;
    font-family: sans-serif;
    font-weight: 500;
    font-size: 9px;
    position: absolute;
    top: 5px;
    left: 5%;
    width: 90%;
  }
  
  .watermark { 
    background-color: #000;
    width: 100%;
    height: 35px;
    position: relative;
    top: 210px;
    left: 0%;
    z-index: 6;
  }

  .watermark p {
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    color: #cfcfcf;
    width: 100%;
    text-align: center;
    cursor: default;
    position: absolute;
    bottom: -2px;
  }

  .watermark p a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) and (orientation: portrait)  {
  .footer {
    width: 100%;
    height: 480px;
    background-color: #f6f6f6;
    z-index: 10;
  }
  
  .footer h2 { display: none;
    text-align: center;
    width: 100%;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #b5b5b5;
    position: absolute;
    bottom: 35px;
    left: 0%;
    font-weight: 400;
    cursor: default;
  }
  
  .footer img { 
    width: 180px;
    position: absolute;
    top: 20px;
    left: 2%;
  }

  .statement { 
    color: #afafaf;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 100;
    position: absolute;
    top: 90px;
    left: 5%;
    width: 70%;
  }

  .about a { 
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #000;
    position: absolute;
    top: 160px;
    left: 5%;
    text-decoration: none;
    transition: all .3s ease-in-out
  }

  .about a:hover {
    left: 7.5%;
  }

  #footer-products-container { display: none;
    position: absolute;
    top: 140px;
    left: 45%;
    width: 50%;
  }

  #footer-contact-container { display: none;
    position: absolute;
    top: 200px;
    left: 45%;
    width: 50%;
  }

  #footer-social-container { display: none;
    position: absolute;
    top: 260px;
    left: 45%;
    width: 50%;
  }

   .footer-products, .footer-contact, .footer-social { display: none;
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      gap: 20px;
    }

    .footer-products li a, .footer-contact li a, .footer-social li a { display: none;
      text-decoration: none;
      color: #333;
      padding: 10px 15px;
      border: 1px solid #ccc;
      border-radius: 8px;
      background-color: #f7f7f7;
      transition: background-color 0.2s;
    }

    .footer-products li a:hover, .footer-contact li a:hover, .footer-social li a:hover{
      background-color: #e0e0e0;
    }

    .footer-products h1, .footer-contact h1, .footer h1 {
      font-size: 20px;
      margin-top: 0px;
      color: #7b8f4c;
    }

    /*Acordion Menu*/
    .accordion-item { display: block;
      border-top: 1px solid #dddddd;
      position: relative;
      top: 200px;
    }

    .accordion-header {
      font-family: 'Poppins', sans-serif;
      font-size: 18px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px;
      cursor: pointer;
      background-color: #f6f6f6;
      transition: background 0.3s;
      color: #7b8f4c;
    }

    .accordion-header svg {
      width: 25px;
      height: 25px;
      transition: transform 0.3s;
      fill: #7b8f4c;
    }

    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease;
      background-color: #f6f6f6;
    }

    .accordion-content ul {
      list-style: none;
      margin: 0;
      padding: 10px 20px;
    }

    .accordion-content li {
      padding: 8px 0;
    }

    .accordion-content a {
      font-family: 'Poppins', sans-serif;
      font-size: 18px;
      color: #b0b0b0;
      text-decoration: none;
    }

    .accordion-content a:hover {
      text-decoration: underline;
    }

    .accordion-item.active .accordion-content {
      max-height: 300px;
    }

    .accordion-item.active .arrow-icon {
      transform: rotate(180deg);
    }

  .copyright { 
    cursor: default;
    background-color: #7b8f4c;
    width: 100%;
    height: 40px;
    position: relative;
    top: 200px;
    left: 0%;
    z-index: 6;
    text-align: center;
  }
  
  .copyright p{ 
    color: #fff;
    font-family: sans-serif;
    font-weight: 100;
    font-size: 14px;
    position: absolute;
    top: 0px;
    width: 90%;
  }
  
  .watermark { 
    background-color: #000;
    width: 100%;
    height: 45px;
    position: relative;
    top: 200px;
    left: 0%;
    z-index: 6;
  }

  .watermark p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #cfcfcf;
    width: 100%;
    text-align: center;
    cursor: default;
    position: absolute;
    bottom: -2px;
  }

  .watermark p a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
}
     
@media  (min-width: 768px) and (max-width: 991.98px) and (orientation: portrait) {
  .footer {
    width: 100%;
    height: 510px;
    background-color: #f6f6f6;
    z-index: 10;
  }
  
  .footer h2 { display: none;
    text-align: center;
    width: 100%;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #b5b5b5;
    position: absolute;
    bottom: 35px;
    left: 0%;
    font-weight: 400;
    cursor: default;
  }
  
  .footer img { 
    width: 200px;
    position: absolute;
    top: 20px;
    left: 2%;
  }

  .statement { 
    color: #afafaf;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-weight: 100;
    position: absolute;
    top: 100px;
    left: 5%;
    width: 75%;
  }

  .about a { 
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    color: #000;
    position: absolute;
    top: 170px;
    left: 5%;
    text-decoration: none;
    transition: all .3s ease-in-out
  }

  .about a:hover {
    left: 7.5%;
  }

  #footer-products-container { display: none;
    position: absolute;
    top: 140px;
    left: 45%;
    width: 50%;
  }

  #footer-contact-container { display: none;
    position: absolute;
    top: 200px;
    left: 45%;
    width: 50%;
  }

  #footer-social-container { display: none;
    position: absolute;
    top: 260px;
    left: 45%;
    width: 50%;
  }

   .footer-products, .footer-contact, .footer-social { display: none;
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      gap: 20px;
    }

    .footer-products li a, .footer-contact li a, .footer-social li a { display: none;
      text-decoration: none;
      color: #333;
      padding: 10px 15px;
      border: 1px solid #ccc;
      border-radius: 8px;
      background-color: #f7f7f7;
      transition: background-color 0.2s;
    }

    .footer-products li a:hover, .footer-contact li a:hover, .footer-social li a:hover{
      background-color: #e0e0e0;
    }

    .footer-products h1, .footer-contact h1, .footer h1 {
      font-size: 20px;
      margin-top: 0px;
      color: #7b8f4c;
    }

    /*Acordion Menu*/
    .accordion-item { display: block;
      border-top: 1px solid #dddddd;
      position: relative;
      top: 220px;
    }

    .accordion-header {
      font-family: 'Poppins', sans-serif;
      font-size: 18px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px;
      cursor: pointer;
      background-color: #f6f6f6;
      transition: background 0.3s;
      color: #7b8f4c;
    }

    .accordion-header svg {
      width: 25px;
      height: 25px;
      transition: transform 0.3s;
      fill: #7b8f4c;
    }

    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease;
      background-color: #f6f6f6;
    }

    .accordion-content ul {
      list-style: none;
      margin: 0;
      padding: 10px 20px;
    }

    .accordion-content li {
      padding: 8px 0;
    }

    .accordion-content a {
      font-family: 'Poppins', sans-serif;
      font-size: 18px;
      color: #b0b0b0;
      text-decoration: none;
    }

    .accordion-content a:hover {
      text-decoration: underline;
    }

    .accordion-item.active .accordion-content {
      max-height: 300px;
    }

    .accordion-item.active .arrow-icon {
      transform: rotate(180deg);
    }

  .copyright { 
    cursor: default;
    background-color: #7b8f4c;
    width: 100%;
    height: 40px;
    position: relative;
    top: 220px;
    left: 0%;
    z-index: 6;
    text-align: center;
  }
  
  .copyright p{ 
    color: #fff;
    font-family: sans-serif;
    font-weight: 100;
    font-size: 14px;
    position: absolute;
    top: 0px;
    width: 90%;
  }
  
  .watermark { 
    background-color: #000;
    width: 100%;
    height: 45px;
    position: relative;
    top: 220px;
    left: 0%;
    z-index: 6;
  }

  .watermark p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #cfcfcf;
    width: 100%;
    text-align: center;
    cursor: default;
    position: absolute;
    bottom: -2px;
  }

  .watermark p a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
}
     
@media (min-width: 992px) and (max-width: 1199.98px) and (orientation: portrait)  {
  .footer {
    width: 100%;
    height: 550px;
    background-color: #f6f6f6;
    z-index: 10;
  }
  
  .footer h2 { display: none;
    text-align: center;
    width: 100%;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #b5b5b5;
    position: absolute;
    bottom: 35px;
    left: 0%;
    font-weight: 400;
    cursor: default;
  }
  
  .footer img { 
    width: 200px;
    position: absolute;
    top: 40px;
    left: 2%;
  }

  .statement { 
    color: #afafaf;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-weight: 100;
    position: absolute;
    top: 120px;
    left: 5%;
    width: 60%;
  }

  .about a { 
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    color: #000;
    position: absolute;
    top: 190px;
    left: 5%;
    text-decoration: none;
    transition: all .3s ease-in-out
  }

  .about a:hover {
    left: 7.5%;
  }

  #footer-products-container { display: none;
    position: absolute;
    top: 140px;
    left: 45%;
    width: 50%;
  }

  #footer-contact-container { display: none;
    position: absolute;
    top: 200px;
    left: 45%;
    width: 50%;
  }

  #footer-social-container { display: none;
    position: absolute;
    top: 260px;
    left: 45%;
    width: 50%;
  }

   .footer-products, .footer-contact, .footer-social { display: none;
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      gap: 20px;
    }

    .footer-products li a, .footer-contact li a, .footer-social li a { display: none;
      text-decoration: none;
      color: #333;
      padding: 10px 15px;
      border: 1px solid #ccc;
      border-radius: 8px;
      background-color: #f7f7f7;
      transition: background-color 0.2s;
    }

    .footer-products li a:hover, .footer-contact li a:hover, .footer-social li a:hover{
      background-color: #e0e0e0;
    }

    .footer-products h1, .footer-contact h1, .footer h1 {
      font-size: 20px;
      margin-top: 0px;
      color: #7b8f4c;
    }

    /*Acordion Menu*/
    .accordion-item { display: block;
      border-top: 1px solid #dddddd;
      position: relative;
      top: 250px;
    }

    .accordion-header {
      font-family: 'Poppins', sans-serif;
      font-size: 18px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px;
      cursor: pointer;
      background-color: #f6f6f6;
      transition: background 0.3s;
      color: #7b8f4c;
    }

    .accordion-header svg {
      width: 25px;
      height: 25px;
      transition: transform 0.3s;
      fill: #7b8f4c;
    }

    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease;
      background-color: #f6f6f6;
    }

    .accordion-content ul {
      list-style: none;
      margin: 0;
      padding: 10px 20px;
    }

    .accordion-content li {
      padding: 8px 0;
    }

    .accordion-content a {
      font-family: 'Poppins', sans-serif;
      font-size: 18px;
      color: #b0b0b0;
      text-decoration: none;
    }

    .accordion-content a:hover {
      text-decoration: underline;
    }

    .accordion-item.active .accordion-content {
      max-height: 300px;
    }

    .accordion-item.active .arrow-icon {
      transform: rotate(180deg);
    }

  .copyright { 
    cursor: default;
    background-color: #7b8f4c;
    width: 100%;
    height: 40px;
    position: relative;
    top: 260px;
    left: 0%;
    z-index: 6;
    text-align: center;
  }
  
  .copyright p{ 
    color: #fff;
    font-family: sans-serif;
    font-weight: 100;
    font-size: 14px;
    position: absolute;
    top: 0px;
    width: 90%;
  }
  
  .watermark { 
    background-color: #000;
    width: 100%;
    height: 45px;
    position: relative;
    top: 260px;
    left: 0%;
    z-index: 6;
  }

  .watermark p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #cfcfcf;
    width: 100%;
    text-align: center;
    cursor: default;
    position: absolute;
    bottom: -2px;
  }

  .watermark p a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
}

@media  (min-width: 1200px) and (max-width: 1399.98px)  { 
  
.accordion-item {
  display: none;
}

.footer {
    width: 100%;
    height: 450px;
    background-color: #f6f6f6;
  }
  
  .footer h2 {
    text-align: center;
    width: 100%;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #b5b5b5;
    position: absolute;
    bottom: 35px;
    left: 0%;
    font-weight: 400;
    cursor: default;
  }
  
  .footer img {
    width: 220px;
    position: absolute;
    top:80px;
    left: 5%;
  }

  .statement {
    color: #afafaf;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 100;
    position: absolute;
    top: 180px;
    left: 7%;
    width: 30%;
  }

  .about a {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #000;
    position: absolute;
    top: 250px;
    left: 7%;
    text-decoration: none;
    transition: all .3s ease-in-out
  }

  .about a:hover {
    left: 7.5%;
  }

  #footer-products-container {
    position: absolute;
    top: 140px;
    left: 45%;
    width: 55%;
  }

  #footer-contact-container {
    position: absolute;
    top: 200px;
    left: 45%;
    width: 50%;
  }

  #footer-social-container {
    position: absolute;
    top: 260px;
    left: 45%;
    width: 50%;
  }

   .footer-products, .footer-contact, .footer-social {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      gap: 20px;
    }

    .footer-products li a, .footer-contact li a, .footer-social li a {
      font-size: 14px;
      text-decoration: none;
      color: #333;
      padding: 8px 5px;
      border: 1px solid #ccc;
      border-radius: 8px;
      background-color: #f7f7f7;
      transition: background-color 0.2s;
    }

    .footer-products li a:hover, .footer-contact li a:hover, .footer-social li a:hover{
      background-color: #e0e0e0;
    }

    .footer-products h1, .footer-contact h1, .footer h1 {
      font-size: 16px;
      margin-top: 0px;
      color: #7b8f4c;
    }

  .copyright {
    cursor: default;
    background-color: #7b8f4c;
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 0px;
    left: 0%;
  }
  
  .copyright p{
    color: #fff;
    font-family: sans-serif;
    font-weight: 100;
    font-size: 14px;
    position: absolute;
    top: 12px;
    left: 5%;
  }
  
  .watermark {
    background-color: #000;
    width: 100%;
    height: 35px;
    position: absolute;
    bottom: -35px;
    left: 0%;
  }

  .watermark p {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #cfcfcf;
    width: 100%;
    text-align: center;
    cursor: default;
    position: absolute;
    bottom: -4px;
  }

  .watermark p a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  } 
}
     
@media  (min-width: 1400px) and (max-width: 1599.98px) {
  
.accordion-item {
  display: none;
}

.footer {
    width: 100%;
    height: 450px;
    background-color: #f6f6f6;
  }
  
  .footer h2 {
    text-align: center;
    width: 100%;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #b5b5b5;
    position: absolute;
    bottom: 35px;
    left: 0%;
    font-weight: 400;
    cursor: default;
  }
  
  .footer img {
    width: 220px;
    position: absolute;
    top:80px;
    left: 5%;
  }

  .statement {
    color: #afafaf;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 100;
    position: absolute;
    top: 180px;
    left: 7%;
    width: 30%;
  }

  .about a {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #000;
    position: absolute;
    top: 250px;
    left: 7%;
    text-decoration: none;
    transition: all .3s ease-in-out
  }

  .about a:hover {
    left: 7.5%;
  }

  #footer-products-container {
    position: absolute;
    top: 140px;
    left: 45%;
    width: 55%;
  }

  #footer-contact-container {
    position: absolute;
    top: 200px;
    left: 45%;
    width: 50%;
  }

  #footer-social-container {
    position: absolute;
    top: 260px;
    left: 45%;
    width: 50%;
  }

   .footer-products, .footer-contact, .footer-social {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      gap: 12px;
    }

    .footer-products li a, .footer-contact li a, .footer-social li a {
      font-size: 14px;
      text-decoration: none;
      color: #333;
      padding: 8px 10px;
      border: 1px solid #ccc;
      border-radius: 8px;
      background-color: #f7f7f7;
      transition: background-color 0.2s;
    }

    .footer-products li a:hover, .footer-contact li a:hover, .footer-social li a:hover{
      background-color: #e0e0e0;
    }

    .footer-products h1, .footer-contact h1, .footer h1 {
      font-size: 16px;
      margin-top: 0px;
      color: #7b8f4c;
    }

  .copyright {
    cursor: default;
    background-color: #7b8f4c;
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 0px;
    left: 0%;
  }
  
  .copyright p{
    color: #fff;
    font-family: sans-serif;
    font-weight: 100;
    font-size: 14px;
    position: absolute;
    top: 12px;
    left: 7%;
  }
  
  .watermark {
    background-color: #000;
    width: 100%;
    height: 35px;
    position: absolute;
    bottom: -35px;
    left: 0%;
  }

  .watermark p {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #cfcfcf;
    width: 100%;
    text-align: center;
    cursor: default;
    position: absolute;
    bottom: -4px;
  }

  .watermark p a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  } 
}
     
@media  (min-width: 3840px) and (max-width: 7679.98px) { 
.accordion-item {
 display: none;
}
.footer {
width: 100%;
height: 1000px;
background-color: #f6f6f6;
 }
.footer h2 {
text-align: center;
width: 100%;
font-family: 'Open Sans',sans-serif;
font-size: 28px;
color: #b5b5b5;
position: absolute;
bottom: 70px;
left: 0%;
font-weight: 400;
cursor: default;
 }
.footer img {
width: 520px;
position: absolute;
top:160px;
left: 5%;
 }
.statement {
color: #afafaf;
font-family: 'Open Sans',sans-serif;
font-size: 32px;
font-weight: 100;
position: absolute;
top: 420px;
left: 7%;
width: 30%;
 }
.about a {
font-family: 'Open Sans', sans-serif;
font-size: 32px;
color: #000;
position: absolute;
top: 600px;
left: 7%;
text-decoration: none;
transition: all .3s ease-in-out
 }
.about a:hover {
left: 7.5%;
 }
#footer-products-container {
position: absolute;
top: 280px;
left: 45%;
width: 50%;
 }
#footer-contact-container {
position: absolute;
top: 400px;
left: 45%;
width: 50%;
 }
#footer-social-container {
position: absolute;
top: 520px;
left: 45%;
width: 50%;
 }
.footer-products, .footer-contact, .footer-social {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 40px;
 }
.footer-products li a, .footer-contact li a, .footer-social li a {
text-decoration: none;
color: #333;
padding: 20px 30px;
border: 2px solid #ccc;
border-radius: 16px;
background-color: #f7f7f7;
transition: background-color 0.2s;
 }
.footer-products li a:hover, .footer-contact li a:hover, .footer-social li a:hover{
background-color: #e0e0e0;
 }
.footer-products h1, .footer-contact h1, .footer h1 {
font-size: 40px;
margin-top: 0px;
color: #7b8f4c;
 }
.copyright {
cursor: default;
background-color: #7b8f4c;
width: 100%;
height: 160px;
position: absolute;
bottom: 0px;
left: 0%;
 }
.copyright p{
color: #fff;
font-family: sans-serif;
font-weight: 100;
font-size: 32px;
position: absolute;
top: 36px;
left: 5%;
 }
.watermark {
background-color: #000;
width: 100%;
height: 70px;
position: absolute;
bottom: -70px;
left: 0%;
 }
.watermark p {
font-family: 'Poppins', sans-serif;
font-size: 24px;
color: #cfcfcf;
width: 100%;
text-align: center;
cursor: default;
position: absolute;
bottom: -8px;
 }
.watermark p a {
color: #fff;
text-decoration: none;
cursor: pointer;
 }

}
     
@media  (min-width: 7680px) and (max-width: 7681px) { 
.accordion-item {
 display: none;
}
.footer {
width: 100%;
height: 2000px;
background-color: #f6f6f6;
 }
.footer h2 {
text-align: center;
width: 100%;
font-family: 'Open Sans',sans-serif;
font-size: 56px;
color: #b5b5b5;
position: absolute;
bottom: 140px;
left: 0%;
font-weight: 400;
cursor: default;
 }
.footer img {
width: 1040px;
position: absolute;
top: 320px;
left: 5%;
 }
.statement {
color: #afafaf;
font-family: 'Open Sans',sans-serif;
font-size: 64px;
font-weight: 100;
position: absolute;
top: 840px;
left: 7%;
width: 30%;
 }
.about a {
font-family: 'Open Sans', sans-serif;
font-size: 64px;
color: #000;
position: absolute;
top: 1200px;
left: 7%;
text-decoration: none;
transition: all .3s ease-in-out
 }
.about a:hover {
left: 7.5%;
 }
#footer-products-container {
position: absolute;
top: 560px;
left: 45%;
width: 50%;
 }
#footer-contact-container {
position: absolute;
top: 800px;
left: 45%;
width: 50%;
 }
#footer-social-container {
position: absolute;
top: 1040px;
left: 45%;
width: 50%;
 }
.footer-products, .footer-contact, .footer-social {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 80px;
 }
.footer-products li a, .footer-contact li a, .footer-social li a {
text-decoration: none;
color: #333;
padding: 40px 60px;
border: 4px solid #ccc;
border-radius: 32px;
background-color: #f7f7f7;
transition: background-color 0.2s;
 }
.footer-products li a:hover, .footer-contact li a:hover, .footer-social li a:hover{
background-color: #e0e0e0;
 }
.footer-products h1, .footer-contact h1, .footer h1 {
font-size: 80px;
margin-top: 0px;
color: #7b8f4c;
 }
.copyright {
cursor: default;
background-color: #7b8f4c;
width: 100%;
height: 320px;
position: absolute;
bottom: 0px;
left: 0%;
 }
.copyright p{
color: #fff;
font-family: sans-serif;
font-weight: 100;
font-size: 64px;
position: absolute;
top: 72px;
left: 5%;
 }
.watermark {
background-color: #000;
width: 100%;
height: 140px;
position: absolute;
bottom: -140px;
left: 0%;
 }
.watermark p {
font-family: 'Poppins', sans-serif;
font-size: 48px;
color: #cfcfcf;
width: 100%;
text-align: center;
cursor: default;
position: absolute;
bottom: -16px;
 }
.watermark p a {
color: #fff;
text-decoration: none;
cursor: pointer;
 } 
}





/* LANDSCAPE RESPONSIVE*/
@media (min-width: 500px) and (max-width: 639.98px) and (orientation: landscape) {
  .footer {
    width: 100%;
    height: 390px;
    background-color: #f6f6f6;
    z-index: 10;
  }
  
  .footer h2 { display: none;
    text-align: center;
    width: 100%;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #b5b5b5;
    position: absolute;
    bottom: 35px;
    left: 0%;
    font-weight: 400;
    cursor: default;
  }
  
  .footer img { 
    width: 150px;
    position: absolute;
    top: 20px;
    left: 2%;
  }

  .statement { 
    color: #afafaf;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    font-weight: 100;
    position: absolute;
    top: 80px;
    left: 5%;
    width: 90%;
  }

  .about a { 
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #000;
    position: absolute;
    top: 150px;
    left: 5%;
    text-decoration: none;
    transition: all .3s ease-in-out
  }

  .about a:hover {
    left: 7.5%;
  }

  #footer-products-container { display: none;
    position: absolute;
    top: 140px;
    left: 45%;
    width: 50%;
  }

  #footer-contact-container { display: none;
    position: absolute;
    top: 200px;
    left: 45%;
    width: 50%;
  }

  #footer-social-container { display: none;
    position: absolute;
    top: 260px;
    left: 45%;
    width: 50%;
  }

   .footer-products, .footer-contact, .footer-social { display: none;
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      gap: 20px;
    }

    .footer-products li a, .footer-contact li a, .footer-social li a { display: none;
      text-decoration: none;
      color: #333;
      padding: 10px 15px;
      border: 1px solid #ccc;
      border-radius: 8px;
      background-color: #f7f7f7;
      transition: background-color 0.2s;
    }

    .footer-products li a:hover, .footer-contact li a:hover, .footer-social li a:hover{
      background-color: #e0e0e0;
    }

    .footer-products h1, .footer-contact h1, .footer h1 {
      font-size: 20px;
      margin-top: 0px;
      color: #7b8f4c;
    }

    /*Acordion Menu*/
    .accordion-item { display: block;
      border-top: 1px solid #dddddd;
      position: relative;
      top: 200px;
    }

    .accordion-header {
      font-family: 'Poppins', sans-serif;
      font-size: 14px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px;
      cursor: pointer;
      background-color: #f6f6f6;
      transition: background 0.3s;
      color: #7b8f4c;
    }

    .accordion-header svg {
      width: 20px;
      height: 20px;
      transition: transform 0.3s;
      fill: #7b8f4c;
    }

    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease;
      background-color: #f6f6f6;
    }

    .accordion-content ul {
      list-style: none;
      margin: 0;
      padding: 10px 20px;
    }

    .accordion-content li {
      padding: 8px 0;
    }

    .accordion-content a {
      font-family: 'Poppins', sans-serif;
      font-size: 13px;
      color: #b0b0b0;
      text-decoration: none;
    }

    .accordion-content a:hover {
      text-decoration: underline;
    }

    .accordion-item.active .accordion-content {
      max-height: 300px;
    }

    .accordion-item.active .arrow-icon {
      transform: rotate(180deg);
    }

  .copyright { 
    cursor: default;
    background-color: #7b8f4c;
    width: 100%;
    height: 35px;
    position: relative;
    top: 200px;
    left: 0%;
    z-index: 6;
  }
  
  .copyright p{ 
    color: #fff;
    font-family: sans-serif;
    font-weight: 100;
    font-size: 9px;
    position: absolute;
    top: 5px;
    left: 5%;
    width: 90%;
  }
  
  .watermark { 
    background-color: #000;
    width: 100%;
    height: 35px;
    position: relative;
    top: 200px;
    left: 0%;
    z-index: 6;
  }

  .watermark p {
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    color: #cfcfcf;
    width: 100%;
    text-align: center;
    cursor: default;
    position: absolute;
    bottom: 0px;
  }

  .watermark p a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
}

@media (min-width: 640px) and (max-width: 811.98px) and (orientation: landscape) {
  .footer {
    width: 100%;
    height: 480px;
    background-color: #f6f6f6;
    z-index: 10;
  }
  
  .footer h2 { display: none;
    text-align: center;
    width: 100%;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #b5b5b5;
    position: absolute;
    bottom: 35px;
    left: 0%;
    font-weight: 400;
    cursor: default;
  }
  
  .footer img { 
    width: 180px;
    position: absolute;
    top: 20px;
    left: 2%;
  }

  .statement { 
    color: #afafaf;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 100;
    position: absolute;
    top: 90px;
    left: 5%;
    width: 70%;
  }

  .about a { 
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #000;
    position: absolute;
    top: 160px;
    left: 5%;
    text-decoration: none;
    transition: all .3s ease-in-out
  }

  .about a:hover {
    left: 7.5%;
  }

  #footer-products-container { display: none;
    position: absolute;
    top: 140px;
    left: 45%;
    width: 50%;
  }

  #footer-contact-container { display: none;
    position: absolute;
    top: 200px;
    left: 45%;
    width: 50%;
  }

  #footer-social-container { display: none;
    position: absolute;
    top: 260px;
    left: 45%;
    width: 50%;
  }

   .footer-products, .footer-contact, .footer-social { display: none;
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      gap: 20px;
    }

    .footer-products li a, .footer-contact li a, .footer-social li a { display: none;
      text-decoration: none;
      color: #333;
      padding: 10px 15px;
      border: 1px solid #ccc;
      border-radius: 8px;
      background-color: #f7f7f7;
      transition: background-color 0.2s;
    }

    .footer-products li a:hover, .footer-contact li a:hover, .footer-social li a:hover{
      background-color: #e0e0e0;
    }

    .footer-products h1, .footer-contact h1, .footer h1 {
      font-size: 20px;
      margin-top: 0px;
      color: #7b8f4c;
    }

    /*Acordion Menu*/
    .accordion-item { display: block;
      border-top: 1px solid #dddddd;
      position: relative;
      top: 200px;
    }

    .accordion-header {
      font-family: 'Poppins', sans-serif;
      font-size: 18px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px;
      cursor: pointer;
      background-color: #f6f6f6;
      transition: background 0.3s;
      color: #7b8f4c;
    }

    .accordion-header svg {
      width: 25px;
      height: 25px;
      transition: transform 0.3s;
      fill: #7b8f4c;
    }

    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease;
      background-color: #f6f6f6;
    }

    .accordion-content ul {
      list-style: none;
      margin: 0;
      padding: 10px 20px;
    }

    .accordion-content li {
      padding: 8px 0;
    }

    .accordion-content a {
      font-family: 'Poppins', sans-serif;
      font-size: 18px;
      color: #b0b0b0;
      text-decoration: none;
    }

    .accordion-content a:hover {
      text-decoration: underline;
    }

    .accordion-item.active .accordion-content {
      max-height: 300px;
    }

    .accordion-item.active .arrow-icon {
      transform: rotate(180deg);
    }

  .copyright { 
    cursor: default;
    background-color: #7b8f4c;
    width: 100%;
    height: 40px;
    position: relative;
    top: 200px;
    left: 0%;
    z-index: 6;
    text-align: center;
  }
  
  .copyright p{ 
    color: #fff;
    font-family: sans-serif;
    font-weight: 100;
    font-size: 14px;
    position: absolute;
    top: 0px;
    width: 90%;
  }
  
  .watermark { 
    background-color: #000;
    width: 100%;
    height: 45px;
    position: relative;
    top: 200px;
    left: 0%;
    z-index: 6;
  }

  .watermark p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #cfcfcf;
    width: 100%;
    text-align: center;
    cursor: default;
    position: absolute;
    bottom: -2px;
  }

  .watermark p a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
}

@media (min-width: 812px) and (max-width: 959.98px) and (orientation: landscape) {
    .footer {
    width: 100%;
    height: 510px;
    background-color: #f6f6f6;
    z-index: 10;
  }
  
  .footer h2 { display: none;
    text-align: center;
    width: 100%;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #b5b5b5;
    position: absolute;
    bottom: 35px;
    left: 0%;
    font-weight: 400;
    cursor: default;
  }
  
  .footer img { 
    width: 200px;
    position: absolute;
    top: 20px;
    left: 2%;
  }

  .statement { 
    color: #afafaf;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-weight: 100;
    position: absolute;
    top: 100px;
    left: 5%;
    width: 75%;
  }

  .about a { 
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    color: #000;
    position: absolute;
    top: 170px;
    left: 5%;
    text-decoration: none;
    transition: all .3s ease-in-out
  }

  .about a:hover {
    left: 7.5%;
  }

  #footer-products-container { display: none;
    position: absolute;
    top: 140px;
    left: 45%;
    width: 50%;
  }

  #footer-contact-container { display: none;
    position: absolute;
    top: 200px;
    left: 45%;
    width: 50%;
  }

  #footer-social-container { display: none;
    position: absolute;
    top: 260px;
    left: 45%;
    width: 50%;
  }

   .footer-products, .footer-contact, .footer-social { display: none;
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      gap: 20px;
    }

    .footer-products li a, .footer-contact li a, .footer-social li a { display: none;
      text-decoration: none;
      color: #333;
      padding: 10px 15px;
      border: 1px solid #ccc;
      border-radius: 8px;
      background-color: #f7f7f7;
      transition: background-color 0.2s;
    }

    .footer-products li a:hover, .footer-contact li a:hover, .footer-social li a:hover{
      background-color: #e0e0e0;
    }

    .footer-products h1, .footer-contact h1, .footer h1 {
      font-size: 20px;
      margin-top: 0px;
      color: #7b8f4c;
    }

    /*Acordion Menu*/
    .accordion-item { display: block;
      border-top: 1px solid #dddddd;
      position: relative;
      top: 220px;
    }

    .accordion-header {
      font-family: 'Poppins', sans-serif;
      font-size: 18px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px;
      cursor: pointer;
      background-color: #f6f6f6;
      transition: background 0.3s;
      color: #7b8f4c;
    }

    .accordion-header svg {
      width: 25px;
      height: 25px;
      transition: transform 0.3s;
      fill: #7b8f4c;
    }

    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease;
      background-color: #f6f6f6;
    }

    .accordion-content ul {
      list-style: none;
      margin: 0;
      padding: 10px 20px;
    }

    .accordion-content li {
      padding: 8px 0;
    }

    .accordion-content a {
      font-family: 'Poppins', sans-serif;
      font-size: 18px;
      color: #b0b0b0;
      text-decoration: none;
    }

    .accordion-content a:hover {
      text-decoration: underline;
    }

    .accordion-item.active .accordion-content {
      max-height: 300px;
    }

    .accordion-item.active .arrow-icon {
      transform: rotate(180deg);
    }

  .copyright { 
    cursor: default;
    background-color: #7b8f4c;
    width: 100%;
    height: 40px;
    position: relative;
    top: 220px;
    left: 0%;
    z-index: 6;
    text-align: center;
  }
  
  .copyright p{ 
    color: #fff;
    font-family: sans-serif;
    font-weight: 100;
    font-size: 14px;
    position: absolute;
    top: 0px;
    width: 90%;
  }
  
  .watermark { 
    background-color: #000;
    width: 100%;
    height: 45px;
    position: relative;
    top: 220px;
    left: 0%;
    z-index: 6;
  }

  .watermark p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #cfcfcf;
    width: 100%;
    text-align: center;
    cursor: default;
    position: absolute;
    bottom: -2px;
  }

  .watermark p a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
}

@media (min-width: 960px) and (max-width: 999.98px) and (orientation: landscape) {
  .footer {
    width: 100%;
    height: 550px;
    background-color: #f6f6f6;
    z-index: 10;
  }
  
  .footer h2 { display: none;
    text-align: center;
    width: 100%;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #b5b5b5;
    position: absolute;
    bottom: 35px;
    left: 0%;
    font-weight: 400;
    cursor: default;
  }
  
  .footer img { 
    width: 200px;
    position: absolute;
    top: 40px;
    left: 2%;
  }

  .statement { 
    color: #afafaf;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-weight: 100;
    position: absolute;
    top: 120px;
    left: 5%;
    width: 60%;
  }

  .about a { 
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    color: #000;
    position: absolute;
    top: 190px;
    left: 5%;
    text-decoration: none;
    transition: all .3s ease-in-out
  }

  .about a:hover {
    left: 7.5%;
  }

  #footer-products-container { display: none;
    position: absolute;
    top: 140px;
    left: 45%;
    width: 50%;
  }

  #footer-contact-container { display: none;
    position: absolute;
    top: 200px;
    left: 45%;
    width: 50%;
  }

  #footer-social-container { display: none;
    position: absolute;
    top: 260px;
    left: 45%;
    width: 50%;
  }

   .footer-products, .footer-contact, .footer-social { display: none;
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      gap: 20px;
    }

    .footer-products li a, .footer-contact li a, .footer-social li a { display: none;
      text-decoration: none;
      color: #333;
      padding: 10px 15px;
      border: 1px solid #ccc;
      border-radius: 8px;
      background-color: #f7f7f7;
      transition: background-color 0.2s;
    }

    .footer-products li a:hover, .footer-contact li a:hover, .footer-social li a:hover{
      background-color: #e0e0e0;
    }

    .footer-products h1, .footer-contact h1, .footer h1 {
      font-size: 20px;
      margin-top: 0px;
      color: #7b8f4c;
    }

    /*Acordion Menu*/
    .accordion-item { display: block;
      border-top: 1px solid #dddddd;
      position: relative;
      top: 250px;
    }

    .accordion-header {
      font-family: 'Poppins', sans-serif;
      font-size: 18px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px;
      cursor: pointer;
      background-color: #f6f6f6;
      transition: background 0.3s;
      color: #7b8f4c;
    }

    .accordion-header svg {
      width: 25px;
      height: 25px;
      transition: transform 0.3s;
      fill: #7b8f4c;
    }

    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease;
      background-color: #f6f6f6;
    }

    .accordion-content ul {
      list-style: none;
      margin: 0;
      padding: 10px 20px;
    }

    .accordion-content li {
      padding: 8px 0;
    }

    .accordion-content a {
      font-family: 'Poppins', sans-serif;
      font-size: 18px;
      color: #b0b0b0;
      text-decoration: none;
    }

    .accordion-content a:hover {
      text-decoration: underline;
    }

    .accordion-item.active .accordion-content {
      max-height: 300px;
    }

    .accordion-item.active .arrow-icon {
      transform: rotate(180deg);
    }

  .copyright { 
    cursor: default;
    background-color: #7b8f4c;
    width: 100%;
    height: 40px;
    position: relative;
    top: 260px;
    left: 0%;
    z-index: 6;
    text-align: center;
  }
  
  .copyright p{ 
    color: #fff;
    font-family: sans-serif;
    font-weight: 100;
    font-size: 14px;
    position: absolute;
    top: 0px;
    width: 90%;
  }
  
  .watermark { 
    background-color: #000;
    width: 100%;
    height: 45px;
    position: relative;
    top: 260px;
    left: 0%;
    z-index: 6;
  }

  .watermark p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #cfcfcf;
    width: 100%;
    text-align: center;
    cursor: default;
    position: absolute;
    bottom: -2px;
  }

  .watermark p a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
}

@media (min-width: 1000px) and (max-width: 1200px) and (orientation: landscape) {
  .footer {
    width: 100%;
    height: 550px;
    background-color: #f6f6f6;
    z-index: 10;
  }
  
  .footer h2 { display: none;
    text-align: center;
    width: 100%;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #b5b5b5;
    position: absolute;
    bottom: 35px;
    left: 0%;
    font-weight: 400;
    cursor: default;
  }
  
  .footer img { 
    width: 200px;
    position: absolute;
    top: 40px;
    left: 2%;
  }

  .statement { 
    color: #afafaf;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-weight: 100;
    position: absolute;
    top: 120px;
    left: 5%;
    width: 60%;
  }

  .about a { 
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    color: #000;
    position: absolute;
    top: 190px;
    left: 5%;
    text-decoration: none;
    transition: all .3s ease-in-out
  }

  .about a:hover {
    left: 7.5%;
  }

  #footer-products-container { display: none;
    position: absolute;
    top: 140px;
    left: 45%;
    width: 50%;
  }

  #footer-contact-container { display: none;
    position: absolute;
    top: 200px;
    left: 45%;
    width: 50%;
  }

  #footer-social-container { display: none;
    position: absolute;
    top: 260px;
    left: 45%;
    width: 50%;
  }

   .footer-products, .footer-contact, .footer-social { display: none;
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      gap: 20px;
    }

    .footer-products li a, .footer-contact li a, .footer-social li a { display: none;
      text-decoration: none;
      color: #333;
      padding: 10px 15px;
      border: 1px solid #ccc;
      border-radius: 8px;
      background-color: #f7f7f7;
      transition: background-color 0.2s;
    }

    .footer-products li a:hover, .footer-contact li a:hover, .footer-social li a:hover{
      background-color: #e0e0e0;
    }

    .footer-products h1, .footer-contact h1, .footer h1 {
      font-size: 20px;
      margin-top: 0px;
      color: #7b8f4c;
    }

    /*Acordion Menu*/
    .accordion-item { display: block;
      border-top: 1px solid #dddddd;
      position: relative;
      top: 250px;
    }

    .accordion-header {
      font-family: 'Poppins', sans-serif;
      font-size: 18px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px;
      cursor: pointer;
      background-color: #f6f6f6;
      transition: background 0.3s;
      color: #7b8f4c;
    }

    .accordion-header svg {
      width: 25px;
      height: 25px;
      transition: transform 0.3s;
      fill: #7b8f4c;
    }

    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease;
      background-color: #f6f6f6;
    }

    .accordion-content ul {
      list-style: none;
      margin: 0;
      padding: 10px 20px;
    }

    .accordion-content li {
      padding: 8px 0;
    }

    .accordion-content a {
      font-family: 'Poppins', sans-serif;
      font-size: 18px;
      color: #b0b0b0;
      text-decoration: none;
    }

    .accordion-content a:hover {
      text-decoration: underline;
    }

    .accordion-item.active .accordion-content {
      max-height: 300px;
    }

    .accordion-item.active .arrow-icon {
      transform: rotate(180deg);
    }

  .copyright { 
    cursor: default;
    background-color: #7b8f4c;
    width: 100%;
    height: 40px;
    position: relative;
    top: 260px;
    left: 0%;
    z-index: 6;
    text-align: center;
  }
  
  .copyright p{ 
    color: #fff;
    font-family: sans-serif;
    font-weight: 100;
    font-size: 14px;
    position: absolute;
    top: 0px;
    width: 90%;
  }
  
  .watermark { 
    background-color: #000;
    width: 100%;
    height: 45px;
    position: relative;
    top: 260px;
    left: 0%;
    z-index: 6;
  }

  .watermark p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #cfcfcf;
    width: 100%;
    text-align: center;
    cursor: default;
    position: absolute;
    bottom: -2px;
  }

  .watermark p a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
}