/* 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-1 {
  margin: 40px 0 40px 0 !important;
}

.title-frame {
  margin: 120px 0 40px 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);
  text-align: center;
}
.bg-bottom-top:hover{
  color: #ffffff !important;
  background: url(../images/layout/btn-top-hover.png) !important;
  transform: scale(1.07)
}
.text-top{}
.image-rank {
  width: 2.5vw;
  max-width: 34px;
}
.bg-page {
  /*background: url(../images/layout/5.jpg) !important;*/
  background-size: 100% 100%;
  background-color: #2d2926;
}
.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{
}
.bank_hover{
  border: 3px solid #ffffff;
}
.bank_hover:hover{
  border: 3px solid #e3ab56;
}
.link-to-dlnow{
  font-size: clamp(15px, 4vw, 26px);
  background: #186ef4;
  border: 2px solid #186ef4;
  border-radius: 10px;
  padding: 1% 4%;
  display: inline-block;
  color: #ffffff;
}
.link-to-dlnow:hover{
  color: #ffffff !important;
  border: 2px solid #ffffff;
}

.link-to-bank{
  font-size: clamp(15px, 4vw, 26px);
  background: #f6c23e;
  border: 2px solid #f6c23e;
  border-radius: 10px;
  padding: 1% 4%;
  display: inline-block;
  color: #ffffff;
}
.link-to-bank:hover{
  color: #ffffff !important;
  border: 2px solid #ffffff;
}
.link-to-dlnow:hover .icon-dlnow{
  color: #3b1f0b;
}
.icon-dlnow{}
@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;
  }
  .text-top{
    font-size: 16px;
  }

}
.li-nav-custom{
  margin-right: 7px;
  .icon-nav-custom{
    display: flex;
    width: 15px;
    color: white;
    svg path{
      fill: white;
    }
  }
  a{
    padding-left: 5px;
  }
  .button-nav-custom{
    background-color: #313844;
    border-radius: 20px;
    padding-left: 14px;
  }
  .button-nav-custom:hover{
    background-color: #2a2f38;
    svg path{
      fill: #e3ab56;
    }
  }
  .button-1-nav-custom{
    border: solid 1px white;
    padding-left: 14px;
    border-radius: 5px;
  }
  .button-1-nav-custom:hover{
    background-color: #2a2f38;
    svg path{
      fill: #e3ab56;
    }
  }
  .button-2-nav-custom{
    border: solid 1px #007bff;
    background-color: #007bff;
    padding-left: 14px;
    border-radius: 5px;
  }
  .button-2-nav-custom:hover{
    background-color: #0069d9;
    color: white;
    a{
      color: white;
    }
  }
}