html, body {
  height: 100vh;  
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: none;
  touch-action: none; 
  margin: 0 !important;
  padding: 0 !important;
  -ms-overflow-style: none;
  scrollbar-width: none;
}


html {
  scroll-behavior: smooth;
}

a {
  text-decoration: none !important;
  outline: none;
}

.logo-size {
  width: 272px;
  height: 43px;
}

.hero-picture {
  width: 30vw;
}
@media (max-width: 768px) {  
  .hero-picture {
    width: 70vw; 
  }
}


.fs-7 {
  font-size: 0.75rem !important; 
}
@media (max-width: 768px) {
  .fs-7 {
    font-size: 0.65rem !important; 
  }
}

.responsive-text {
  font-size: 0.95rem !important; 
}

@media (max-width: 1199px) {
  .responsive-text {
    font-size: 0.8rem !important; 
  }
}



.scroll-animate {
  position: fixed;          
  left: 0; 
  right: 0;
  bottom: 0;                
  height: 80px;             
  will-change: height;      
  transition: none;         
  overflow: hidden;
}

@media (max-width: 767px) {
  .scroll-animate {
    padding-top: 0 !important;
  }
}


.image-container {
  width: clamp(120px, 20vw, 220px); 
}

.image-container img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}


.scroll-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.scroll-footer.visible {
  opacity: 1;
}