.icon-menu {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: #ffffff; /* Default color */
    mask: url('img/list.svg') no-repeat center;
    -webkit-mask: url('img/list.svg') no-repeat center;
    mask-size: contain; /* Ensures icon fits the container */
    -webkit-mask-size: contain;
    transition: background-color 0.3s, transform 0.3s;
  }

  .icon-menu:hover {
    background-color: #FE5C36; /* Change color on hover */
    transform: scale(1.2); /* Zoom effect */
  }

  .icon-plus-circle {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: #ffffff; /* Default color */
    mask: url('img/plus-square.svg') no-repeat center;
    -webkit-mask: url('img/plus-square.svg') no-repeat center;
    mask-size: contain; /* Ensures icon fits the container */
    -webkit-mask-size: contain;
    transition: background-color 0.3s, transform 0.3s;
  }

  .icon-plus-circle:hover {
    background-color: #FE5C36; /* Change color on hover */
    transform: scale(1.2); /* Zoom effect */
  }


  .btn-outline-custom {
    color: #FE5C36; /* Set your custom color for the text */
    border-color: #FE5C36 /* Set your custom color for the border */
}

.btn-outline-custom:hover {
    background-color: #FE5C36; /* Set your custom color for the background on hover */
    color: #ffffff; /* Adjust the text color on hover as needed */
}