/* Custom styles to prevent horizontal scroll */
    html, body {
      overflow-x: hidden;
      width: 100%;
    }
    
    /* Custom animations */
   
    /* Hide scrollbar for horizontal scrolling sections */
    .scrollbar-hide {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    
    .scrollbar-hide::-webkit-scrollbar {
      display: none;
    }
    
    /* Ensure images don't overflow */
    img {
      max-width: 100%;
      height: auto;
    }
    
    /* Fix for tech icons section */
    .tech-icon {
      flex-shrink: 0;
    }
    
    /* Responsive adjustments */
    @media (max-width: 640px) {
      .container {
        padding-left: 1rem;
        padding-right: 1rem;
      }
      
      .hero-content {
        margin-top: 40px !important;
      }
      
      .hero-image {
        margin-top: 80px !important;
        width: 100% !important;
        max-width: 300px !important;
      }
      
      .floating-icons img {
        width: 8vw !important;
        height: 8vw !important;
      }
    }