.whatsapp-float {
      position: fixed;
      bottom: 90px;
      right: 22px;
      width: 60px;
      height: 60px;
      background: #25D366;
      color: white;
      border-radius: 50px;
      text-align: center;
      font-size: 30px;
      box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
      z-index: 100;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
      text-decoration: none;
    }
    
    .whatsapp-float:hover {
      background: #128C7E;
      transform: scale(1.1);
    }
    
    /* Font Awesome CSS (embedded) */
    .fa-whatsapp:before {
      content: "\f232";
    }
    .fa {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
    }

/* For mobile view (typically screens < 576px) */
@media (max-width: 575.98px) {
    .row-cols-1.row-cols-sm-2.row-cols-md-2.row-cols-xl-3 {
        display: flex;
        flex-wrap: wrap;
    }
    
    .row-cols-1.row-cols-sm-2.row-cols-md-2.row-cols-xl-3 > * {
        flex: 0 0 50%; /* 2 columns - each takes 50% width */
        max-width: 50%;
    }
}