diff --git a/css/style.css b/css/style.css index 29169a3..d0e02a8 100644 --- a/css/style.css +++ b/css/style.css @@ -690,82 +690,7 @@ span.textaccor { padding-left: 0; padding-right: 0; } - /* === Section Container === */ - .home-services { - padding: 80px 5%; - text-align: center; - background-color: #fff; - } - .home-services h2 { - font-size: 32px; - font-weight: 700; - color: #222; - margin-bottom: 16px; - } - - .home-services p.section-subtext { - font-size: 16px; - color: #555; - margin-bottom: 50px; - } - - /* === Card Grid === */ - .services-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); - gap: 30px; - } - - .service-card { - background: #ffffff; - border-radius: 12px; - box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08); - padding: 40px 20px; - transition: all 0.3s ease; - opacity: 0; - transform: translateY(40px); - } - - .service-card.visible { - opacity: 1; - transform: translateY(0); - } - - .service-card:hover { - transform: translateY(-8px); - box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1); - } - - .service-icon img { - width: 60px; - height: 60px; - object-fit: contain; - margin-bottom: 20px; - } - - .service-card h4 { - font-size: 20px; - font-weight: 600; - margin-bottom: 10px; - color: #222; - } - - .service-card p { - font-size: 15px; - color: #666; - line-height: 1.6; - } - - /* === Responsive Adjustments === */ - @media (max-width: 768px) { - .home-services h2 { - font-size: 26px; - } - .service-card { - padding: 30px 16px; - } - }