/*!
Theme Name: NHM
Theme URI:
Author: NHM
Author URI:
Description: Start theme by NH - NHM
Version: 1.0.0
Text Domain: nhm
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/* Alignments
--------------------------------------------- */
:root {
  scroll-behavior: smooth;
}
*{
  padding: 0;
  margin: 0;
}

.bg-blue{
  background-color: #1761a0;
}
.bg-blue-dark{
  background-color: #0a375e;
}
.bg-blue-light{
  background-color: #25a7f7;
}

body{
  margin: 0;
  font-family: 'Roboto';
  font-weight: 300;
  color: #5a5c5b;
  background-color: #fff;
  text-transform: none;
  font-style: normal;
  text-align: inherit;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
}
img{
  width: 100%;
  height: 100%; /* Đảm bảo chiều cao ảnh bằng chiều cao của phần tử */
}
p {
  margin-top: 0;
  margin-bottom: 0;
}
a {
  text-decoration: none; /* Xóa gạch chân */
  color: inherit; /* Giữ màu văn bản hiện tại */
}

li {
  list-style: none; /* Xóa dấu đầu dòng hoặc số */
  margin: 0;
  padding: 0;
}

.space{
  height: 16px;
}
.marin{
  margin: 70px auto 0 auto;
}


button.close {
  float: right;
  border: unset;
  background: none;
  font-size: 30px;
  padding: 15px;
}
button.close:hover {
  color: red;
}
.custom-pd{
  padding-top: 80px;
  padding-bottom: 80px;
}

.title-high-light{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.slick-dots li button:before {
  font-size: 16px;
  color: rgba(23, 97, 160);
  opacity: 0.5;
}
.slick-dots li.slick-active button:before {
  color: rgba(23, 97, 160);
  opacity: 1;
}
.slick-slider .slick-dots {
  bottom: -30px; /* Điều chỉnh khoảng cách giữa chấm và slide */
}

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



button.close {
  line-height: 10px;
}
.container-content ul li h3 {
  word-wrap: break-word; /* Ngắt dòng nếu từ quá dài */
  overflow-wrap: break-word;
  width: 100%; /* Đảm bảo chiều rộng h3 không vượt quá khối cha */
}

.fix-mobile-content{
  display: none;
}
.full-content{
  display: none;
}
.fix-mobile-content{
  display: none;
}

.hover-element:hover {
  cursor: pointer;
}

.needs-validation p input:hover{
  color: #FFFFFF;
}
.background-icon {
  cursor: pointer;
}

.contact-line {
  margin: 0;
}
.contact-line .label {
  display: inline-block;
  width: 100px;
}

.needs-validation p input:hover {
  color: black;
}