@media (max-width:1050px){
  .swiper-slide {
    min-height: 60vh;
  }
}
@media (max-width:820px){
    .swiper-slide {
        min-height: 50vh;
    }
    .header .swiper-slide h1{
        font-size: 1.5rem;
        text-transform: uppercase;
        color: #fff;
        font-family: "DM Sans", sans-serif;
      }
    
      .header .btn{
        padding: .2rem 1rem;
        font-weight: 500;
        color: #fff;
        background-color: var(--second-two);
        font-size: .8rem;
      }
      .header{
        margin-top: 5rem;
      }
      .header .container .card{
        min-height: 480px;
        margin-top: 1rem;
      }
      .header .container .card h3{
       font-size: 1rem;
      }
      .header .container .card p{
       font-size: .8rem;
      }
      .header .container .card .card-f-con{
        min-height: 450px;
      }
      .swiper .swiper-button-next::after,
  .swiper .swiper-button-prev::after,
  .swiper .swiper-button-next::before,
  .swiper .swiper-button-prev::before{
    padding: .5rem 1rem;
    background-color: var(--secondary-one);
    color: #fff;
    font-size: 1rem;
    border-radius: 5px;
  }
  h2{
    font-size: 1.5rem !important;
  }
  h6{
    font-size: .8rem !important;
  }


  /* service */
  .header-about{
    min-height: 400px;
  }
}

@media(max-width:550px){
  /* service */
  .header-about{
    min-height: 300px;
  }
  .service-system .row{
    margin: 1rem 0;
    padding: 1rem 0;
  }
  .home .top-bar .top-social-icon{
    margin-right: 1rem;
    padding: .4rem 0;
}
}

@media (max-width:480px){
    .swiper-slide {
        min-height: 40vh;
    }
    .header .swiper-slide h1{
        font-size: 1rem;
        text-transform: uppercase;
        color: #fff;
        font-family: "DM Sans", sans-serif;
      }
    
      .header .btn{
        padding: .2rem 1rem;
        font-weight: 500;
        color: #fff;
        background-color: var(--second-two);
        font-size: .8rem;
      }
      .header{
        margin-top: 5rem;
      }


      /* service */
      .service-system .row h5{
        font-size: 1rem;
      }
      .service-system .row p{
        font-size: .8rem;
      }
      .service-system .row ul li{
        font-size: .8rem;
      }
      
}