* {
  cursor: default;  -webkit-tap-highlight-color: transparent;
}body {
    margin: 0; 
    height: 90vh;overflow:hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #080808;
  }
  .title-wrapper {
    position: relative;
    overflow: hidden;
    padding-bottom: 6px; 
  }
  .title-wrapper::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0%;
    height: 2px;
    background: #fff;
    transform: translateX(-50%);
    animation: lineExpand 2s ease-in-out forwards;
  }
  .title {
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    font-weight: 600;
    color: #fff;
    opacity: 0;
    transform: translateY(100%);
    animation: riseText 1.2s ease-in-out forwards;
    animation-delay: 1.8s; 
  }
.siema-slider > div {
  position: absolute;
  width: 70%;left: calc(50% + 0px);
transform: translateX(-50%);top: calc(50% - 375px);
 
  height: 750px;
  opacity: 0;
  transition: opacity 2s ease-in-out;
}
.siema-slider > div.active {
  opacity: 1;
}
.siema-slider img {overflow:hidden;
  width: 100%;border-radius: 25px;
  height: 100%; 
  object-fit: cover;animation: fadeInSmooth 3.2s ease-out forwards;
}
  .instagrambox {
    position: absolute;
    overflow: hidden;
    margin-top: 116px; 
  }  
.instagram {
  width: 70px;
  opacity: 0;
  animation: fadeInInsta 2s ease-in forwards;
  animation-delay: 3s; 
}

  @keyframes fadeInInsta {
    from { opacity: 0; }
    to   { opacity: 1; }
  }
 @keyframes fadeInSmooth {
  0%   { opacity: 0;}
  100% { opacity: 0.5;}
}
  @keyframes lineExpand {
    0% {
      width: 0%;
      opacity: 0;
    }
    100% {
      width: 100%;
      opacity: 1;
    }
  }
  @keyframes riseText {
    0% {
      transform: translateY(100%);
      opacity: 0;
      filter: blur(0px);
    }
    40% {
      opacity: 1;
      filter: blur(0);
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }

@media all and (max-width:680px) {
    body{height: 80vh;} .title{font-size: 28px;font-weight: 600;}
    .siema-slider > div {  height:85%;width:90%;top:40px;bottom:-40px;}
    .instagrambox {margin-top:105px;}.instagram {
        width: 60px;}
    
    }