@media only screen and (max-width: 600px) {
    #match-making-section {
      margin:0 !important;
    }
    .border_bg1
    {
      padding:0px !important;
    }
  }

  .swipe-btn
  {
    display: flex;
    margin:auto;
    cursor: pointer;
  }
  #male-swipe-btn
  {
    padding:3px 30px 5px 26px;
    border: 2px solid #ccc;
  }
  #female-swipe-btn
  {
    padding:3px 15px 5px 15px;
    border: 2px solid #ccc;
  }
  #male-swipe-btn:hover
  {
    padding:3px 15px 5px 15px;
    border: 2px solid #ccc;
    background-color:#cc3333;
    color:#fff;
    transition: background-color 1s;
  }
  #female-swipe-btn:hover
  {
    padding:3px 15px 5px 15px;
    border: 2px solid #ccc;
    background-color:#cc3333;
    color:#fff;
    transition: background-color 1s;
  }

  .love-cals-banner
  {
    border:2px solid #b5797b;
    padding:10px;
    cursor:pointer;
    transition:  padding 2s;
  }

  
  .love-cals-banner:hover
  {
    border:2px solid #b5797b;
    padding:20px;
  }
  .match-making-side-text-animation
  {
    padding: 1rem;
    border: 5px solid #ffdd40;
    border-radius: 16px;
    font-size:18px;
    font-weight:600;
    
  }
  .text-animation {
    padding: 2%;
    background-color: #fff7c9;
    border-radius: 10px;
}