.btn-getRegis{
    border-color:#6A574B !important;
    background-color: #6A574B !important;
    color: white !important;
    height: 45px !important;
    padding: 10px !important;
}
.btn-getRegis:hover{
    border-color:#4f3f36 !important;
    background-color: #4f3f36 !important;
    color: white !important;
}
.btn-more{
    width: 50%;
    border-color: rgb(216,188,144);
    background: linear-gradient(140deg, rgba(216,188,144,1) 0%, rgba(157,126,98,1) 39%, rgba(157,126,98,1) 44%, rgba(157,126,98,1) 50%, rgba(216,188,144,1) 100%);
    color: white !important;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

#expanded-image {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: rgba(209, 209, 209, 0.8);
    z-index: 9999;
    cursor: pointer;
    animation: fadeIn 0.5s ease forwards; /* ใช้ animation fadeIn ด้วยความเร็ว 0.5 วินาที */
}
#expanded-image.fadeOut {
    animation: fadeOut 0.5s ease forwards; /* ใช้ animation fadeOut เมื่อปิดรูปภาพ */
}
.main-navigation {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: auto;
  }
.main-navigation > ul > li > a:before {
    position: absolute;
    height: 8px;
    width: 8px;
    bottom: -14px;
    left: 50%;
    opacity: 0;
    margin-left: -5px;
    background: #fff;
    content: "";
    display: none !important;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transform: rotate(45deg);
  }
  .img-new-project{
    background-image: url('images/THEBLISZ_2024/new-project.jpg');
    background-size: cover;
    height: 85vh;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
  }
  .icon-new{
    width: 20%;
    position: absolute;
    top: 0px;
    right: -15%;
  }
  .img-menu-icon{
    background-image: url('images/THEBLISZ_2024/MENU.svg');
    background-size: cover;
    height: 25vh;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .img-menu-page1-icon{
    background-image: url('images/THEBLISZ_2024/MENU.svg');
    background-size: cover;
    height: 25vh;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
  }