.ScreenShoot{
    background: var(--bg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    width: 100%;
    margin-bottom: 100px;
    position: relative;
    
    >h1{
        font-size: 4vw;
        color: var(--text);
    }
    >p{
        font-weight: 500;
        font-size: 1.5vw;
        text-wrap: pretty;
        width: 60%;
        text-align: center;
        color: var(--text);
    }
  .SwipeScreenShoot{
    color: white;
    width: 80%;

    margin-inline: auto;
    img{
        width: 200px;
        margin-inline: auto;
    }

  
  }
}

.swiper-pagination-bullets.swiper-pagination-horizontal{
   transform: translateY(10px);
}
.swiper-slide{
  display: flex;
}



@media screen and (max-width:900px) {

  .ScreenShoot{
    background: var(--bg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    width: 100%;
    margin-block: 50px;
    position: relative;
    
    >h1{
        font-size: 8vw;
        color: var(--text);
    }
    >p{
        font-weight: 500;
        font-size: 3vw;
        text-wrap: pretty;
        width: 60%;
        text-align: center;
        color: var(--text);
    }
  .SwipeScreenShoot{
    color: white;
    width: 80%;

    margin-inline: auto;
    img{
        width: 200px;
        margin-inline: auto;
    }

  
  }
}

.swiper-pagination-bullets.swiper-pagination-horizontal{
   transform: translateY(10px);
}
.swiper-slide{
  display: flex;
}


}