/* PLACE YOU CUSTOM STYLES IN THIS FILE */
.name-title-custom {
  background: linear-gradient(to bottom, #a4722f, #998b4b, #825d2b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 3.125rem;
}
.nk-main .container {
  max-width: 1250px;
}


.title-frame {
  margin: 40px 0 120px 0;
  line-height: 1;
  color: #352d22;
  font-size: clamp(30px, 7vw, 50px);
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 0 30px;
}
.title-frame img{
  width: 15vw;
  max-width: 127px;
}
.info-new-home{
  display: flex;
  justify-content: center;
  gap: 0 7px;
}
.info-new-home::before{
  background: url(../images/layout/img-bg-left.png) no-repeat center center;
  width: 453px;
  height: 563px;
  left: -118px;
  top: -35px;
}
.image-hot-event{
  padding: 6px;
  background: rgba(104, 78, 46, 1);
  width: 100%;
}
.t-center{
  text-align: center;
}
.p-relative {
  position: relative;
}
.p-absolute {
  position: absolute;
}
.text-event{
  color: #d6c5a7;
}
.text-time{
  color: #e3ab56;
}
.t-upper{
  text-transform: uppercase;
}
.l-h-1{
  line-height: 1;
}
.bg-link{
  background: url(../images/layout/bg-link.jpg) !important;
  background-size: 100% 100%;
}
.bg-bottom-top{
  background: url(../images/layout/btn-top2.png) !important;
  background-size: 100% 100%;
  width: 219px;
  height: 70px;
  color: #e8c99e;
  font-size: clamp(12px, 2.5vw, 25px);
}
.image-rank {
  width: 2.5vw;
  max-width: 34px;
}
.bg-page {
  /*background: url(../images/layout/5.jpg) !important;*/
  background-size: 100% 100%;
  background-color: #3c1e08;
}
.home-tab .nav-link{
  background-color: unset !important;
}
.home-tab a.active{
  background: #e5c282 !important;
}
.home-tab .nav-item{
  margin-left: unset !important;
}
.home-tab .link-nav {
  padding: 18px 3%;
  font-size: clamp(12px, 2.5vw, 16px);
  color: #d6c5a7;
  border-bottom: 1px dashed #554d41
}
.custom-gap-x{
  gap: 0 7px;
}
.home-link-guide{
  color: #6d6965;
  text-decoration: none;
}
.home-link-guide:hover{
  color: white;
  text-decoration: none;
}
.text-bottom-home {
  font-size: 22px;
}
.nar-right{
  width: 142px;
  height: 342px;
  position: fixed;
  z-index: 9;
  top: 25%;
  background: url(../images/layout/bg-nr.png) center top;
  right: 0px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-top: 36px;
}
.nar-right .name-page{
  color: #ae9b80;
  font-size: 0.7vw;
}
.nar-right .btn-1{
  font-size: 13px;
  width: 88px;
  height: 29px;
  margin-bottom: 5px;
}
.nar-right .btn-2{
  font-size: 13px;
  width: 88px;
  height: 29px;
  margin-bottom: 5px;
}
.nar-right .btn-3 {
  font-size: 13px;
  width: 89px;
  height: 29px ;
}
.top-bg-page{
  height: 64vh;
}
.bank_hover{
  border: 3px solid #ffffff;
}
.bank_hover:hover{
  border: 3px solid #e3ab56;
}
@media (max-width: 768px) { /* Mobile */
  .name-title-custom {
    font-size: 1.1rem; /* 30px / 16 = 1.875rem */
  }
  .nk-main .container {
    max-width: 100%;
  }
  .title-frame {
    margin: 20px 0 60px 0;
  }
  .text-bottom-home {
    font-size: 15px;
  }
  .bg-bottom-top{
    font-size: clamp(12px, 2.5vw, 25px);
    padding: 2% 5%;
    width: unset;
    height: unset;
    background-size: 100% 100% !important;
  }
  .top-bg-page{
    height: 21vh;
  }
}