/* Font Definitions */
@font-face
	{font-family:Georgia;
	panose-1:2 4 5 2 5 4 5 2 3 3;}
 /* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
	{margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:9.0pt;
	line-height:121%;
	text-align:left;
	font-family:TimesNewsRoman;
	font-size:12.4401pt;
	color:#960018;}
	h2 {  
  text-align: center;  
     margin:0 0 4rem;
     padding:0.8;
     color: #960018;
}  
h3 {  
  text-align: right;  
     margin:0 0 4rem;
     padding:0.8;
     color: #960018;
   bottom margin: 5pt;
}  
h4
	{margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:8.0pt;
	text-align:center;
	font-family:Georgia;
	font-size:12.0143pt;
	color:#960018;
	font-weight:bold;}
	
p.MsoBodyText3, li.MsoBodyText3, div.MsoBodyText3
	{margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:9.0pt;
	line-height:121%;
	text-align:left;
	font-family:Georgia;
	font-size:10.0765pt;
	color:black;}
p.MsoOrganizationName, li.MsoOrganizationName, div.MsoOrganizationName
	{margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align:left;
	font-family:Georgia;
	font-size:13.3492pt;
	color:#CC3366;
	font-style:italic;}
p.MsoOrganizationName2, li.MsoOrganizationName2, div.MsoOrganizationName2
	{margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align:left;
	font-family:Georgia;
	font-size:12.0143pt;
	color:#CC3366;
	font-weight:bold;}
p.MsoAddress, li.MsoAddress, div.MsoAddress
	{margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align:left;
	font-family:Georgia;
	font-size:8.1732pt;
	color:black;}
p.MsoTagline, li.MsoTagline, div.MsoTagline
	{margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align:left;
	font-family:Georgia;
	font-size:10.6794pt;
	color:black;
	font-style:italic;}
p.MsoTitle, li.MsoTitle, div.MsoTitle
	{margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align:left;
	font-family:Georgia;
	font-size:37.3779pt;
	color:#CC3366;}
ol
	{margin-top:0in;
	margin-bottom:0in;
	margin-left:-2197in;}
ul
	{margin-top:0in;
	margin-bottom:0in;
	margin-left:-2197in;}
	.form_group { 
     position: absolute;
     left:200;
     font-size: 1.2rem;
     padding: 0.8rem 0;
     color:green;
}  
  

	
form { 
     position: float;
     left:680;
     font-size: 1.2rem;
     padding: 8rem 0;
     background-color:#960018;
}  
  
label {  
  text: left; 
  position: float;
  width: 150px; 
  padding: 0.8rem 0;

  color: white;
}   
.container .o_nhap {
     position: absolute;
     left:500px;
     width: 100%;
     font-size: 1.2rem;
     padding: 0.8rem 0;
     color:orange;
     margin-bottom:2rem;
     border:none;
     border-bottom:1px solid #fff;
     outline: none;
 }
 labelu {  
  text: left;  
  width: 500px; 
  height: 1000px;
  color: green;
}   
 .notes {
     min-height: 150px;
     
 }
  .container .o_text {
     position: absolute;
     left:500px;
     width: 500px;
     height: 1000px;
     font-size: 1.2rem;
     padding: 10rem 0;
     color:orange;
     margin-bottom:2rem;
     border:none;
     border-bottom:1px solid #fff;
     outline: none;
 
   
  }

menu_left{
  float: right;
  width: 20%;
}
menu{
  float: left;
  width: 20%;
}
/* Style the "Add" button */
.addBtn {
  padding: 10px;
  width: 25%;
  background: #d9d9d9;
  color: #555;
  float: left;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 0;
}

.addBtn:hover {
  background-color: #bbb;
}
	
textarea {
    min-width: 250px;
    height: 150px;
    padding: 18px;
    font-size: 12px;
    resize: vertical; /* Cho phép thay đổi chiều cao */
  }	
	
body {
  background-color: #50C878; 
  background-image: url('2025-bkg.png') repeat right;
  background-blend-mode: normal;
 } 
 
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background: #f4f4f4;
}

nav {
    background: white;
    padding: 15px;
    color: blue;
    text-align: center;
}

nav {
    background: rgba(255, 255, 255, 0.8); /* Semi-transparent white */
    padding: 15px;
    color: #333;
    text-align: center;
    backdrop-filter: blur(10px); /* Adds a glass effect */
}
.nav-links a {
    color: #333; /* Dark text color */
    text-decoration: none;
    padding: 10px 15px;
    display: inline-block; /* Ensure proper spacing */
    transition: color 0.3s ease;
}

.nav-links a:hover {
    color: #007bff; /* Blue color on hover */
    text-decoration: underline;
}

.hero {
    text-align: center;
    padding: 50px;
    background: #007bff;
    color: white;
}

.btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;

    background: #ff9800;
    padding: 10px 20px;
    color: white;
    text-decoration: none;
    border-radius: 5px;

    white-space: normal;
    text-align: center;
    line-height: 1.4;
    margin: 0;
}

.nav-links a {
    color: white;
    text-decoration: none; /* Kiểm tra xem có dòng này không */
}

.nav-links a:hover {
    text-decoration: underline; /* Kiểm tra xem có hiệu ứng hover không */
}
/* --- Cập nhật lưới hiển thị --- */
.services-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px; /* Tăng khoảng cách giữa các khối để layout thoáng hơn */
}

/* --- Khung Service Item dạng Glassmorphism --- */
.service-item {
    background: rgba(255, 255, 255, 0.55); /* Nền trắng đục mờ (55% trong suốt) */
    backdrop-filter: blur(12px); /* Hiệu ứng kính mờ đằng sau khung */
    -webkit-backdrop-filter: blur(12px); /* Hỗ trợ cho Safari */
    border: 1px solid rgba(255, 255, 255, 0.8); /* Viền trắng mảnh làm nổi bật khung */
    border-radius: 16px; /* Bo góc tròn mềm mại giống button */
    padding: 30px;
    box-shadow: 0 8px 32px rgba(140, 73, 61, 0.08); /* Đổ bóng nhẹ tạo chiều sâu */
    min-width: 0;
    transition: all 0.3s ease; /* Hiệu ứng chuyển động mượt mà */
}

/* Hiệu ứng tương tác khi chuột di chuyển vào khối */
.service-item:hover {
    transform: translateY(-6px); /* Nảy khối lên trên một chút */
    box-shadow: 0 15px 40px rgba(140, 73, 61, 0.15); /* Bóng đậm và to hơn */
    background: rgba(255, 255, 255, 0.75); /* Kính sáng lên khi hover */
    border-color: rgba(204, 51, 102, 0.3); /* Viền đổi nhẹ sang tone hồng/đỏ của bạn */
}

/* --- Tinh chỉnh Tiêu đề (h3) bên trong khối --- */
.service-item h3 {
    color: #960018; /* Tone đỏ đô sang trọng hiện tại của bạn */
    font-size: 22px; /* Chữ to rõ, nổi bật */
    font-family: Georgia, serif; 
    text-align: left; /* Đưa chữ về bên trái để thẳng hàng với nội dung */
    margin: 0 0 15px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(150, 0, 24, 0.15); /* Đường cắt ngang mảnh dưới tiêu đề */
}

/* --- Tinh chỉnh Nội dung text bên trong khối --- */
.service-item p,
.service-item li {
    color: #333333; /* Chữ đậm hơn để tăng độ tương phản, dễ đọc */
    font-size: 16px; /* Kích thước chữ to hơn bản cũ */
    line-height: 1.8; /* Giãn dòng rộng ra cho thanh lịch */
    font-family: Arial, sans-serif;
}

.service-item ul {
    padding-left: 20px;
    margin: 0;
}

.service-item li {
    margin-bottom: 12px; /* Khoảng cách giữa các gạch đầu dòng xa hơn một chút */
}