create home page

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;
-      }
-    }