* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    html {
      scroll-behavior: smooth;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
      line-height: 1.6;
    }
    .hero-overlay {
      background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
    }
    .mobile-menu {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
    }
    .mobile-menu.active {
      max-height: 500px;
    }
    .faq-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
    }
    .faq-answer.active {
      max-height: 300px;
    }
    .chevron {
      transition: transform 0.3s ease;
    }
    .chevron.rotate {
      transform: rotate(180deg);
    }
    .scale-hover {
      transition: transform 0.5s ease;
    }
    .scale-hover:hover {
      transform: scale(1.1);
    }

.img-frame{
   position: relative;
   width: 100%;
   height: 100vh;
   overflow: hidden;
}
.img-01, .img-02, .img-03, .img-04{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
}
.img-01{
   background-image: url('../img/header-001.png');
   animation: slide-animation-01 36s infinite;
}
.img-02{
   background-image: url('../img/header-002.png');
   animation: slide-animation-02 36s infinite;
}
.img-03{
   background-image: url('../img/header-003.png');
   animation: slide-animation-03 36s infinite;
}
.img-04{
   background-image: url('../img/header-004.png');
   animation: slide-animation-04 36s infinite;
}

@keyframes slide-animation-01 {
   0% {opacity: 1; transform: scale(1.0);}
  20% {opacity: 1;}
  30% {opacity: 0; transform: scale(1.15);}
  90% {opacity: 0}
  100% {opacity: 1; transform: scale(1.0);}
}
@keyframes slide-animation-02 {
  0% {opacity: 0;}
  20% {opacity: 0; transform: scale(1.1);}
  30% {opacity: 1;}
  43% {opacity: 1;}
  53% {opacity: 0; transform: scale(1.0);}
  100% {opacity: 0;}
}
@keyframes slide-animation-03 {
  0% {opacity: 0;}
  43% {opacity: 0;  transform: scale(1.0);}
  53% {opacity: 1;}
  66% {opacity: 1;}
  76% {opacity: 0; transform: scale(1.1);}
  100% {opacity: 0;}
}
@keyframes slide-animation-04 {
  0% {opacity: 0;}
  66% {opacity: 0;  transform: scale(1.0);}
  76% {opacity: 1;}
  89% {opacity: 1;}
  100% {opacity: 0; transform: scale(1.1);}
}