.BtnSwitch {
  background-color: #00000014 !important;
}
.MapContent  .active {
    background-color: #333 !important;
}
.is-invalid{
    border: solid 1px #dc3545 !important;
}
.ContentUs {
    & .content {
        input, textarea {
            color: #ffffff;
        }
    }
}

.AboutUs, .MV,.banner   {
    &:hover {
        cursor: url("../img/vehicle.png"), auto;
    }
}   
.boxs{
    width: 75%;
}

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

    .boxs {
        
            width: 98%;

          .box-1 {
              padding: 16px 5px !important;
          }
          h5{
              font-size: 15px !important;
          }
          .content {
              font-size: 13px !important;
          }
      }
    .swiper-slide .content h1 {
      font-size: 34px;
    }
  
    .AboutUs {
        margin-top: 20rem;
    }
    
    .show .full-text{
        display: inline !important;
    }

}

@media (min-width: 768px) {
    .popup-content h1 {
        font-size: 33px;
    }
    .popup-content p , .popup-year, .popup-cost{
        font-size: 20px;
    }
}