.solutions-section {
     padding: 80px 0;
     background-color: #fff;
 }

 .solutions-section h2 {
     text-align: center;
     font-size: 36px;
     margin-bottom: 60px;
     color: #333;
 }

 .solutions-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 40px;
 }

 .solution-card {
     background-color: #f9f9f9;
     border-radius: 10px;
     overflow: hidden;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .solution-card:hover {
     transform: translateY(-10px);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
 }

 .solution-image {
     height: 200px;
     overflow: hidden;
 }

 .solution-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.3s ease;
 }

 .solution-card:hover .solution-image img {
     transform: scale(1.1);
 }

 .solution-content {
     padding: 30px;
 }

 .solution-content h3 {
     font-size: 24px;
     margin-bottom: 15px;
     color: #333;
 }

 .solution-content p {
     margin-bottom: 20px;
     color: #666;
 }

 .solution-features {
     list-style: none;
     margin-bottom: 20px;
 }

 .solution-features li {
     margin-bottom: 10px;
     color: #666;
     position: relative;
     padding-left: 25px;
 }

 .solution-features li:before {
     content: "✓";
     position: absolute;
     left: 0;
     color: #0066cc;
     font-weight: bold;
 }

 .solution-detail {
     padding: 80px 0;
     background-color: #f5f5f5;
 }

 .solution-detail:nth-child(even) {
     background-color: #fff;
 }

 .solution-detail .container {
     display: flex;
     align-items: flex-start;
     gap: 40px;
 }

 .solution-detail:nth-child(even) .container {
     flex-direction: row-reverse;
 }

 .detail-image {
     flex: 1;
 }

 .detail-image img {
     width: 100%;
     height: 400px;
     object-fit: cover;
     border-radius: 10px;
 }

 .detail-content {
     flex: 1;
 }

 .detail-content h3 {
     font-size: 28px;
     margin-bottom: 20px;
     color: #333;
 }

 .detail-content p {
     margin-bottom: 20px;
     color: #666;
     line-height: 1.8;
 }

 @media (max-width: 768px) {
     .solution-detail .container {
         flex-direction: column;
     }

     .solution-detail:nth-child(even) .container {
         flex-direction: column;
     }

     .detail-image img {
         height: 300px;
     }
 }