.footer{
      display: flex;
      flex-flow: column;
      gap: 50px;
      background: var(--primary_color);
      margin-top: 200px;
      padding: 50px 10px;
}
.footer1{
      display: flex;
      flex-flow: column;
      gap: 20px;
}
.f1_header{
      display: flex;
      flex-flow: column;
      gap: 10px;
}
.f_h3{
      display: flex;
      flex-flow: column;
      gap: 10px;
}
.f_h3 img{
      width: 100px;
      height: 100px;
      border-radius: 50%;
}
.f1_links{
      display: flex;
      flex-flow: column;
      gap: 10px;
}
.footer2{
      display: flex;
      flex-flow: column;
      gap: 10px;
}

@media screen and (min-width : 1000px) {
      .footer{
            padding: 50px 10rem;
      }
      .footer1{
            display: flex;
            flex-flow: row;
            gap: 10px;
            align-items: center;
            gap: 50px;
      }
      .f1_header{
            width: 50%;
      }
      .f1_links{
            width: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            flex-flow: row;
            gap: 30px;
      }
}