.footer{
      display: flex;
      flex-flow: column;
      gap: 30px;
      background: var(--light_secondary);
      border-top: 6px solid var(--primary);
      padding: 30px 0;
      margin-top: 150px;
}
.footer1{
      padding: 10px;
}
.footer2{
      padding: 10px;
      display: flex;
      flex-flow: column;
      gap: 20px;
}
.footer_text{
      display: flex;
      flex-flow: column;
      gap: 20px;
}

@media screen and (min-width : 800px) {
      .footer{
            padding: 30px 4rem;
      }
      .footer2{
            gap: 40px;
      }
      .footer_text{
            display: flex;
            flex-wrap: wrap;
            flex-flow: row;
      }
      .f_text{
            width: 50% !important;
      }
}
@media screen and (min-width : 1200px) {
      .footer2{
            flex-flow: row;
            justify-content: space-between;
      }
      .footer_icon{
            width: 30%;
      }
      .footer_text{
            width: 60%;
      }
}