/* Style for the solutions listing block */
.solutions-listing-block {
    background-color:whitesmoke;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-top: 20px;
    padding-bottom: 20px; /* Adjust the padding as needed */
  }
  
  /* Style for the container inside the solutions listing block */
  .the-container {
    max-width: 100%; /* Adjust the maximum width as needed */
    margin: 0 auto; /* Center the container horizontally */
  }
  
  /* Style for the rows within the container */
  .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px; /* Adjust the margin as needed */
  }
  
  /* Style for the solution columns */
  .solution-col {
    padding: 0 15px; /* Adjust the padding as needed */
  }
  
  /* Style for the solution thumb */
  .solution-thumb {
    /* border: 1px solid #ccc;  */
    /* Add a border around each solution thumbnail */
    padding: 15px; /* Adjust the padding as needed */
    margin-bottom: 20px; /* Adjust the margin as needed */
  }
  
  /* Style for the solution image */
  .solution-thumb .image {
    text-align: center; /* Center the image */
  }
  
  .solution-thumb .image img {
    max-width: 80%;
    height: auto;
    border-radius: 5px;
  }
  
  /* Style for the solution content (title) */
  .solution-thumb .content {
    text-align: center; /* Center the content */
    margin-top: 15px; /* Adjust the margin as needed */
  }
  
  /* Style for the "View More" button */
  .solution-thumb .btn-wrap {
    text-align: center; /* Center the button */
    margin-top: 15px; /* Adjust the margin as needed */
  }
  
  /* Style for the "View More" button link */
  .solution-thumb .btn-wrap a {
    text-decoration: none;
    background-color: #007BFF; /* Button background color */
    color: #fff; /* Button text color */
    padding: 10px 20px; /* Adjust padding as needed */
    border-radius: 5px; /* Rounded corners for the button */
    transition: background-color 0.3s ease; /* Smooth transition on hover */
  }
  
  /* Hover effect for the "View More" button */
  .solution-thumb .btn-wrap a:hover {
    background-color: #0056b3; /* Change background color on hover */
  }