#industries-section {
        font-family: poppins;
      
    }
    #industries-section a {
      text-decoration: none;
      color: #010130;
      height: 130px;
      width: 297px ;
      padding: 0;
      border-radius: 10px;
    }
    
    #industries-section a:hover .box__industries {
      transition: 0.5s ease;
        box-shadow: 0px 12px 14px rgba(25, 8, 98, 0.15);
    }

    #industries-section .container-industries {
        padding: 20px;
        margin: auto;
        display: grid;
        gap: 20px;
        place-items: center;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        transition: 0.5s ease max-height;
    }

    
    #industries-section .container-industries.open{
        max-height: 5000px;
        transition: 1s ease max-height;

    }

    #industries-section .box__industries {
      
      background-color: #fff;
      height: 130px;
      width: 297px ;
        transition: 0.5s ease;
        display: flex;
        padding: 30px;
        align-items: center;
        gap: 20px;
        border-radius: 10px;
        font-size: 20px;
      transition: 0.5s ease;
    }
    

    #industries-section .box__industries .box__icon {
        display: grid;
        place-items: center;
        min-width: 70px;
        height: 70px;
        border-radius: 10px;
    }

    
/* TOGGLE */
.open-toggle {
    width: 100%;
  margin-top: 30px;
  background: none;
  border: none;
  font-size: 18px;
  text-align: center;
  line-height: 60px;
  cursor: pointer;
  z-index:3;
}
.open-toggle:focus:not(:focus-visible) {
    outline: none;
  }

img.arrow {
    transform: rotate(180deg);
    margin-bottom: 2px;
}
img.arrow.rotate {
    transform: rotate(-360deg);
}

@media only screen and (max-width:580px){
    .container-industries{
        padding: 20px;
    }
    .container-industries {
        margin: auto;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        max-height: 560px;

    }
}
}