.page-head {
         background-color: #ed6e1f;
         color: white;
         text-align: center;
         padding: 20px 0;
         font-size: 2em;
     }
     .content {
         text-align: center;
         padding: 50px 20px;
     }
     .content h2 {
         font-size: 1.5em;
         color: #1a2b4c;
         margin-bottom: 40px;
     }
     .projects {
         display: flex;
         justify-content: center;
         gap: 20px;
         flex-wrap: wrap;
     }
     .project {
         width: 320px;
         border: 1px solid #ddd;
         border-radius: 10px;
         overflow: hidden;
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
         transition: transform 0.3s ease, box-shadow 0.3s ease;
         opacity: 0;
         transform: translateY(20px);
         animation: fadeInUp 0.5s forwards;
     }
     .project img:hover{
        transform: scale(1.05);
        transition: all 0.4s ease-in-out;

     }
     .project img {
         width: 100%;
         object-fit: contain;
         height: auto;
     }
     .project-title {
         padding: 20px;
         font-size: 1.2em;
         color: #1a2b4c;
     }
     .project:hover {
         transform: translateY(-10px);
         box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
     }
     .floating-buttons {
         position: fixed;
         bottom: 200px;
         right: 20px;
         display: flex;
         flex-direction: column;
         gap: 10px;
     }
     .floating-buttons a {
         display: flex;
         align-items: center;
         justify-content: center;
         width: 50px;
         height: 50px;
         border-radius: 50%;
         background-color: white;
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
         text-decoration: none;
         color: #1a2b4c;
         font-size: 1.5em;
     }
     .floating-buttons a.whatsapp {
         background-color: #25d366;
         color: white;
     }
     .floating-buttons a.phone {
         background-color: #007bff;
         color: white;
     }
     @media (max-width: 768px) {
         .projects {
             flex-direction: column;
             align-items: center;
         }

         .floating-buttons{
            /* border: 2px solid; */
         }
     }


     @keyframes fadeInUp {
         to {
             opacity: 1;
             transform: translateY(0);
         }
     }