.swiper-slide {
      background-size: cover;
      background-position: center;
    }
    .overlay {
      background: rgba(0, 0, 0, 0.5);
    }
    .slide-content {
      animation: fadeInUp 1s ease-in-out;
    }
    @keyframes fadeInUp {
      0% {
        opacity: 0;
        transform: translateY(20px);
      }
      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }




    .zoom-on-hover:hover {
      transform: scale(1.05);
      transition: transform 0.3s ease-in-out;
      cursor: pointer;
    }
    .click-border:focus {
      outline: 3px solid red;
    }


    .counter-bg {
      background-color: : url('img/digitalbelt.png');
      background-size: cover;
      background-position: center;
    }

    .gallery-img {
      transition: transform 0.3s ease;
      cursor: pointer;
    }
    .gallery-img:hover {
      transform: scale(1.05);
    }
    #fullscreen-img-container {
      display: none;
      position: fixed;
      z-index: 50;
      top: 0; left: 0;
      width: 100vw; height: 100vh;
      background: rgba(0, 0, 0, 0.9);
      justify-content: center;
      align-items: center;
    }
    #fullscreen-img {
      max-width: 90%;
      max-height: 90%;
      border: 4px solid white;
    }

    .gallery-img {
      transition: transform 0.3s ease;
      cursor: pointer;
    }
    .gallery-img:hover {
      transform: scale(1.05);
    }
    #fullscreen-img-container {
      display: none;
      position: fixed;
      z-index: 50;
      top: 0; left: 0;
      width: 100vw; height: 100vh;
      background: rgba(0, 0, 0, 0.9);
      justify-content: center;
      align-items: center;
    }
    #fullscreen-img {
      max-width: 90%;
      max-height: 90%;
      border: 4px solid white;
    }