body {
      font-family: 'Nunito', sans-serif;
      margin: 0;
      padding: 0;
      background-color: #f8f9fa;
    }

    /* Navbar */
    .navbar-light .navbar-nav .nav-link {
      font-weight: 600;
      color: #304B7B;
      transition: 0.3s;
    }
    .navbar-light .navbar-nav .nav-link:hover,
    .navbar-light .navbar-nav .nav-link.active {
      color: #17a2b8 !important;
    }

    /* Floating WhatsApp Button */
    .floating-whatsapp-btn {
      position: fixed;
      bottom: 35px;
      left: 25px;
      background-color: #25d366;
      color: white;
      padding: 12px 20px;
      border-radius: 30px;
      text-decoration: none;
      font-size: 15px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
      z-index: 999;
      transition: all 0.3s;
    }
    .floating-whatsapp-btn:hover {
      background-color: #1ebe5d;
      transform: translateY(-3px);
      color: white;
      text-decoration: none;
    }

    /* Back to Top Button */
    /*.back-to-top {*/
    /*  position: fixed;*/
    /*  bottom: 35px;*/
    /*  right: 25px;*/
    /*  background-color: #17a2b8;*/
    /*  color: white;*/
    /*  width: 50px;*/
    /*  height: 50px;*/
    /*  border-radius: 50%;*/
    /*  display: flex;*/
    /*  align-items: center;*/
    /*  justify-content: center;*/
    /*  font-size: 20px;*/
    /*  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);*/
    /*  z-index: 999;*/
    /*  transition: all 0.3s ease;*/
    /*  opacity: 0;*/
    /*  visibility: hidden;*/
    /*  transform: translateY(20px);*/
    /*  text-decoration: none;*/
    /*  border: none;*/
    /*  cursor: pointer;*/
    /*}*/
    /*.back-to-top.show {*/
    /*  opacity: 1;*/
    /*  visibility: visible;*/
    /*  transform: translateY(0);*/
    /*}*/
    /*.back-to-top:hover {*/
    /*  background-color: #138496;*/
    /*  transform: translateY(-3px);*/
    /*  color: white;*/
    /*  text-decoration: none;*/
    /*  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);*/
    /*}*/
    /*.back-to-top:focus {*/
    /*  outline: none;*/
    /*  color: white;*/
    /*  text-decoration: none;*/
    /*}*/

    /* Gallery Container with proper spacing */
    .gallery-container {
      padding-left: 30px;
      padding-right: 30px;
    }

    @media (max-width: 768px) {
      .gallery-container {
        padding-left: 20px;
        padding-right: 20px;
      }
      
      .floating-whatsapp-btn {
        bottom: 100px;
        left: 15px;
        padding: 10px 15px;
        font-size: 14px;
      }
      
      /*.back-to-top {*/
      /*  bottom: 100px;*/
      /*  right: 15px;*/
      /*  width: 45px;*/
      /*  height: 45px;*/
      /*  font-size: 18px;*/
      /*}*/
    }

    @media (max-width: 576px) {
      .gallery-container {
        padding-left: 15px;
        padding-right: 15px;
      }
    }

    /* Gallery Images */
    .gallery-fix {
      width: 100%;
      height: 250px;
      object-fit: cover;
      display: block;
      border-radius: 8px;
      transition: transform 0.3s ease-in-out;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }
    .gallery-fix:hover {
      transform: scale(1.05);
    }

    /* Portfolio item spacing */
    .portfolio-item {
      padding-left: 15px;
      padding-right: 15px;
      margin-bottom: 30px;
    }

    /* Portfolio Filter Buttons */
    #portfolio-flters .btn {
      border-radius: 25px;
      color: #17a2b8;
      border-color: #17a2b8;
      transition: all 0.3s;
    }
    #portfolio-flters .btn:hover {
      background-color: #17a2b8;
      color: white;
    }
    #portfolio-flters .active {
      background-color: #17a2b8;
      color: white !important;
    }

    /* Section Title */
    .section-title span {
      background: #17a2b8;
      color: #fff;
      padding: 6px 15px;
      border-radius: 25px;
      font-weight: bold;
    }

    /* Footer */
    .footer {
      background: #304B7B;
      color: #ddd;
    }
    .footer a {
      color: #17a2b8;
      transition: 0.3s;
    }
    .footer a:hover {
      color: white;
      text-decoration: none;
    }

    /* Smooth scroll behavior */
    html {
      scroll-behavior: smooth;
    }