/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/


@media screen and (max-width: 1280px){
  section.other-banner .container{
    padding-top: 150px;
  }

  section.other-banner img{
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
}

@media screen and (max-width: 1210px){
  header .logo{
    width: 230px;
  }

  .list_menu a{
    font-size: 17px !important;
  }
}

@media screen and (max-width: 992px){
  .padding {
    padding: 70px 0;
  }

  
}


@media screen and (max-width: 550px) {
  header .logo {
    width: 100px;
  }
  

  html,
  body {
    overflow-x: hidden;
  }

  section.banner .video-container {
    height: 80vh;
    /* Full viewport height */
    width: 100%;
    /* Adjust if you don't want full width */
    overflow: hidden;
    /* Hide any overflow caused by the aspect ratio */
    position: relative;
  }

  section.banner .video-container video {
    width: 100%;
    /* Fill the container width */
    height: 100%;
    /* Maintain aspect ratio */
    -o-object-fit: cover;
    object-fit: cover;
    /* Cover the container while maintaining aspect ratio */
  }

  section.banner .card-img-overlay {
    bottom: 30%;
    top: auto;
    left: -13px;
    z-index: 1;
    width: 314px;
  }

  section.banner .card-img-overlay h5 {
    font-size: 30px;
  }

  section.banner .card-img-overlay h5 span {
    font-size: 30px;
  }

  section.banner .overlay {
    position: absolute;
    /* background: rgba(44, 50, 8, 0.5); */
    /* mix-blend-mode: color; */
    width: 100%;
    height: 100%;
  }

  .padding {
    padding: 50px 0;
  }

  section.service h3 {
    font-size: 19px;
  }

  section.service .card {
    background-color: #ffffff;
    color: #5e605b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    gap: 20px;
    border-radius: 10px;
  }

  section.service .box {
    font-size: 30px;
  }

  section.form ul {
    position: relative;
    top: auto;
    margin-top: 10px;
  }

  
header .logo{
  width: 200px;
}

}