.wp-wrapper{
    padding: 60px var(--padding-section);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: clamp(20px, 5.3vw, 90px);
   }

   .wp-content{
    width: clamp(200px ,18vw, 276px);
   }

   .wp-heading{
    color: var(--color-yellow);
    font-size: 60px;
    line-height: 60px;
    font-weight: 900;
    margin-bottom: 20px;
   }

   .wp-subheading{
    color: var(--color-green);
    margin-bottom: 10px;
   }
   
   @media only screen and (max-width: 769px) {
          .wp-wrapper{
    justify-content: flex-start;
    gap: 40px;
   }
      .wp-content{
    width: 100%;
   }
   }