html{
    font-size: 14px;
}
body{
    background: #FFF9F0;
}
a{
    color: #000;
    text-decoration: none;

}
a:hover{
    color: #000;
}
p{
   font-weight: 400;
   font-family: 'Noto Sans Thai', sans-serif;
  
  }
  ul,li{
  
   font-family: 'Noto Sans Thai', sans-serif;
    list-style: none;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 400;
   font-family: 'Noto Sans Thai', sans-serif;
    margin-bottom: 0;
    line-height: 1.5;
  }
  label,
  input,
  textarea {
   font-family: 'Noto Sans Thai', sans-serif;
  }
  .btn{
   font-family: 'Noto Sans Thai', sans-serif;
  }
.navbar-toggler:focus {
    box-shadow: none;
}

.d-logo{
    position:unset;
    padding:0;
    width: initial;
}
.bg-bd{
    background: #3D3A36;
}
.btn-bg{
    background-color: #EEB29A;
}


.line{
    height: 0.07rem;
    flex: 1;
    background-color: #3D3A36;
    max-width: 100%;
    margin: 0 1rem;
}

.box-hover:hover {
 opacity: 1;
}

.box-hover {
    top: auto;
    background-color: #2c2c2c9c;
    margin: 0 1rem 1rem;
    opacity: 1;
}
.wh-30{
     height: 25rem;
     object-fit: cover;
}
.wh-50{
    height: 30rem;
    object-fit: cover;
}

  .back-to-top {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 10;


  }
  .rounded-50 {
    line-height: 0.42857;
    width: 2.1428rem;
    height: 2.1428rem;
    border-radius: 1.071rem;
    padding: 0.428rem 0;
}  
  .rounded-4{
   border-radius: 1rem;
  }
 
   
  .card{
    background-color: transparent;
    border: none;

  }
 



@media  (max-width: 450px) {
  
    .wh-50{
        height: 20rem !important;
    }
    
  
}

@media  (max-width:992px) {
    .wh-50{
        height: 100%;
    }
  
    .d-logo{
        position: absolute;
        top:0;
        padding:0 0 0 1rem;
        width: 100%;
        
     }
     .box-hover {
        opacity: 1;
    }
  
   .bg-t{
      margin-top: 3rem;
   }
    
  

}


.-mx-1 {
    margin-right: -.25rem !important;
    margin-left: -.25rem !important
}

.-mx-2 {
    margin-right: -.5rem !important;
    margin-left: -.5rem !important
}

.-mx-3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important
}

.-mx-4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important
}

.-mx-5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important
}



.-my-1 {
    margin-top: -.25rem !important;
    margin-bottom: -.25rem !important
}

.-my-2 {
    margin-top: -.5rem !important;
    margin-bottom: -.5rem !important
}

.-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important
}

.-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important
}

.-my-5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important
}


.-mt-1 {
    margin-top: -.25rem !important
}

.-mt-2 {
    margin-top: -.5rem !important
}

.-mt-3 {
    margin-top: -1rem !important
}

.-mt-4 {
    margin-top: -1.5rem !important
}

.-mt-5 {
    margin-top: -3rem !important
}



.-me-1 {
    margin-right: -.25rem !important
}

.-me-2 {
    margin-right: -.5rem !important
}

.-me-3 {
    margin-right: -1rem !important
}

.-me-4 {
    margin-right: -1.5rem !important
}

.-me-5 {
    margin-right: -3rem !important
}


.-mb-1 {
    margin-bottom: -.25rem !important
}

.-mb-2 {
    margin-bottom: -.5rem !important
}

.-mb-3 {
    margin-bottom: -1rem !important
}

.-mb-4 {
    margin-bottom: -1.5rem !important
}

.-mb-5 {
    margin-bottom: -3rem !important
}

.-ms-1 {
    margin-left: -.25rem !important
}

.-ms-2 {
    margin-left: -.5rem !important
}

.-ms-3 {
    margin-left: -1rem !important
}

.-ms-4 {
    margin-left: -1.5rem !important
}

.-ms-5 {
    margin-left: -3rem !important
}
.z-1p{
    z-index: -1;
}