img{
  max-width: 100%;
}
.jcc{justify-content: center;}
.aic{align-items: center;}
.hero-text-shadow{
  text-shadow: 0 3px 3px #580000;
  

}

.hero-txt{
 
  background-color: #00000059;
  backdrop-filter: blur(30px);
  padding: 40px;
}

.hero-txt strong{
 
 letter-spacing: 5px;
 /* border-bottom: 1px solid #fff; */
 padding: 0px 10px;
}

.ftco-intro{
  background-image: url(../img/ym-banner/3.jpg);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}



@media (max-width: 576px){
  .navbar-brand{
    font-size: 20px;
  }

  .slider-text h1{
    font-size: 34px;
  }

  .heading-section h2{
    font-size: 24px;
  }
  .heading-section.heading-section-white h2{
    font-size: 24px;
  }

  h3{
    font-size: 1.25rem;
  }

  .heading-section.heading-section-white p{
    font-size: 16px;
  }

  .services.services-2 .icon{
    width: 120px;
    height: 60px;
  }

  .ftco-intro{
    background-attachment: unset!important;
    background-image: url(../img/ym-banner/3.jpg);
    background-position: center;
    background-size: cover;
    
    
  }
}

.hero-wrap .sns-list{
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  justify-content: center;
}

.hero-wrap .sns-list li{
  margin: 10px;
}

.hero-wrap .sns-list li a{
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: #ffffff2d;
  border: 1px solid #aaa;
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  font-size: 1.5rem;
}

.hero-wrap .sns-list li a:hover{
  background: #ffffff;
  border: 1px solid #aaa;
  color: #333;
  filter: drop-shadow(0px 0px 0px #fff);
}

.car-slider a{margin: 10px;}

.slick-prev:before, .slick-next:before{
  color: rgb(124, 124, 124);
}

.bg-dark{
  background: #000a29;
}

.bg-dark .heading-section .subheading{
  color: #bbccff;
}

.bg-dark .heading-section h2{
  color: #fff;
}

hr{
  border: 1px solid #104675;
  max-width: 900px;
  margin-top: 3rem;
  margin-bottom: 3rem;
  
 
}

.infor-bg-fix{
  background: url(../img/ym-banner/8.jpg) no-repeat center/cover,#1d1d1d2f;
  background-blend-mode: multiply;
  height: 450px;
  background-attachment: fixed;
}

.service-section{
  background: url(../img/ym-banner/5.jpg) no-repeat center/cover,#000000ab;
  background-blend-mode: multiply;
  /* height: 450px; */
  background-attachment: fixed;
}


@media screen and (max-width:576px) {
  .infor-bg-fix{
    background: url(../img/ym-banner/8.jpg) no-repeat center/cover,#1d1d1d2f;
    background-blend-mode: multiply;
    height: 450px;
    background-attachment: unset;
  }
  
  .service-section{
    background: url(../img/ym-banner/5.jpg) no-repeat center/cover,#000000ab;
    background-blend-mode: multiply;
    /* height: 450px; */
    background-attachment: unset;
  }
}