/**
customize

**/
body{
    background-color: #000;
}
body,h1, h2, h3, h4, h5, h6, nav, .nav, .menu,ul,ol,il, a, button, .button, .btn, .price, ._heading, .wp-block-pullquote blockquote, blockquote, label, legend, span, p {
    font-family: "Sukhumvit", san-serif !important;
  }
  
  @font-face {
    font-family: 'Sukhumvit';
    font-style: normal;
    font-weight: 400;
    src: local('Prompt-Regular'), local('Prompt-Regular'), url('https://wy88.work/wp-content/themes/form_login/fonts/SukhumvitSet-Medium.ttf') format('truetype');
  }
  .logo-page img{
    width: auto;
    height:100px;
    display: block;
    margin: auto;
  }
  @media(max-width:700px){
    .logo-page img{
        height:80px;
      }
  }
  .back-from{
    width: 500px;
    height: auto;
    display: block;
    margin: auto;
    background-color: #212529!important;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    color:#fff;
    border-radius: 5px;
  }
  @media(max-width:700px){
    .back-from{
        width: 100%;
    }
  }
  .back-from h1,.back-from h2,.back-from h3,.back-from h4,.back-from h5{
    font-size: 30px;
    font-weight: 900;
    text-align: center;
  }
  .label-icon{
    background-color: #fff;
    height: 20px;
  }
  .input-h{
    height: 20px;
  }

.but-register{
    background: #c8aa56;
    color: #fff;
    border-radius: 5px;
    width: 100%;
    border: 0;
    height:35px;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
}



@media (max-width: 767px) {
    .carousel-inner-mul .carousel-item-mul > div {
        display: none;
    }
    .carousel-inner .carousel-item-mul > div:first-child {
        display: block;
    }
}

.carousel-inner-mul .carousel-item-mul.active,
.carousel-inner-mul .carousel-item-next,
.carousel-inner-mul .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

    .carousel-inner-mul .carousel-item-end.active,
    .carousel-inner-mul .carousel-item-next {
        transform: translateX(25%);
    }

    .carousel-inner-mul .carousel-item-start.active, 
    .carousel-inner-mul .carousel-item-prev {
        transform: translateX(-25%);
    }
}

.carousel-inner-mul .carousel-item-end,
.carousel-inner-mul .carousel-item-start { 
    transform: translateX(0);
}
.card{
    --bs-card-bg: #fff0!important;
}
.card-img img{
    width:90%;
    height:auto;

}
.end-foot{
    text-align: center;
    color:#fff;
    padding: 15px 0px;
}
.img-logo-bank img{
    width: 80px;
    height: auto;
    padding: 15px;
}
@media(max-width:700px){
    .img-logo-bank img{
        width: 50px;
        padding: 5px;
    }  
}
.error-message{
    width: 150px;
    color: red;
    position: absolute;
    top: 0;
    font-size: 13px;
    z-index: 9999;
    background-color: #ddd;
    margin-left: 15px;
    padding: 5px;
    border-radius: 5px;
}
@media(max-width:700px){
    .error-message{
        right: -10px;
    }
}
.error-message:before {
    top: 0.45rem;
    bottom: auto;
    left: -.5rem;
    border-width: 0.5rem 0.5rem .5rem 0;
    border-color: #ffffff00 #ddd;
}
.error-message:before {
    content: "";
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;
}
.hid-desk{
    display: none;
}
.input-dang{
    border: 2px solid #f00;
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    border-radius: 0px 5px 5px 0px!important;
}
.input-dang-p{
    border: 2px solid #f00;
}
.input-dang-p2{
    border: 2px solid #f00;
}

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
  }