.FQA a:hover,
.information a:hover,
.documents a:hover,
.inside a:hover {
    color: #212121;
    transform: translateY(-3px); /* เด้งขึ้น */
    font-weight: bold;           /* ตัวหนา */
}

.image-hr {
    border: none; 
    height: 15px; 
    background-image: url("../images/hr.svg"); 
    background-repeat: no-repeat;
    background-position: center; 
    background-size: contain; 
    background-color: transparent;
    opacity: 1;
    background-position: 0%;
}

.js .slider-single > div:nth-child(1n+2) { 
    display: none;
}
.js .slider-single.slick-initialized > div:nth-child(1n+2) { 
    display: block;
}

.slider-single img {
    border-radius: 16px;
}

.slider-nav::before {
    content: "";
    display: block;        
}
.slider-nav span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.slider-nav .slick-slide { 
    cursor: pointer; 
}
.slider-nav img {
    padding: 0px 5px;
    border-radius: 16px;
}

.slick-slide.is-active  {
    opacity: 0.5;
}

.icon-inside {
    margin-bottom: 10px;
    padding: 10px 15px;
    background-color: #d3ddbf;
    border-radius: 8px;
}

.icon-inside a {            
    border-radius: 16px;        
    color: #333333; /* เดิม $text-body → ต้องแทนด้วยสีจริง */
    text-decoration: underline;
}

.icon-inside a i {
    margin-right: 10px;
    font-size: 24px;
}



.inside .icon-information a {
    background-color: #e6eedd;
    font-size: 23px;
}
input:read-only , input:read-only:focus{
	background-color: #dee2e6;
}




.toast-container {
  width: 100%;
}

/* green */
.toast-container .toast-green .toast.show {
  background-color: #d2ddc1; /* ใช้แทน $green-index-02 */
}
.toast-container .toast-green .toast.show .toast-header {
  background-color: #d2ddc1; /* $green-index-02 */
}
.toast-container .toast-green .toast.show .btn-toast {
  background-color: #819861; /* $green-index-01 */
  color: #ffffff; /* $white-color */
}
.toast-container .toast-green .toast.show .btn-toast:hover {
  background-color: #819861; /* $green-index */
}

/* pink */
.toast-container .toast-pink .toast.show {
  background-color: #FFE5EE;
}
.toast-container .toast-pink .toast.show .toast-header {
  background-color: #FFE5EE;
}
.toast-container .toast-pink .toast.show .btn-toast {
  background-color: #D985A4;
  color: #ffffff;
}
.toast-container .toast-pink .toast.show .btn-toast:hover {
  background-color: #f797ba;
}

/* blue */
.toast-container .toast-blue .toast.show {
  background-color: #C6D3E3;
}
.toast-container .toast-blue .toast.show .toast-header {
  background-color: #C6D3E3;
}
.toast-container .toast-blue .toast.show .btn-toast {
  background-color: #759AC4;
  color: #ffffff;
}
.toast-container .toast-blue .toast.show .btn-toast:hover {
  background-color: #7dabe0;
}

/* purple */
.toast-container .toast-puple .toast.show {
  background-color: #eadffa;
}
.toast-container .toast-puple .toast.show .toast-header {
  background-color: #eadffa;
}
.toast-container .toast-puple .toast.show .btn-toast {
  background-color: #916BCF;
  color: #ffffff;
}
.toast-container .toast-puple .toast.show .btn-toast:hover {
  background-color: #9B79D3;
}

/* orange */
.toast-container .toast-orange .toast.show {
  background-color: #F7DDC6;
}
.toast-container .toast-orange .toast.show .toast-header {
  background-color: #F7DDC6;
}
.toast-container .toast-orange .toast.show .btn-toast {
  background-color: #F78A21;
  color: #ffffff;
}
.toast-container .toast-orange .toast.show .btn-toast:hover {
  background-color: #BFBFBF;
}