.elementor-42125 .elementor-element.elementor-element-19952c7:not(.elementor-motion-effects-element-type-background), .elementor-42125 .elementor-element.elementor-element-19952c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.blakeis.com/wp-content/uploads/2022/11/background-bg.jpg");}.elementor-42125 .elementor-element.elementor-element-19952c7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-42125 .elementor-element.elementor-element-19952c7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-42125 .elementor-element.elementor-element-4c58dde{text-align:center;}.elementor-42125 .elementor-element.elementor-element-4c58dde .elementor-heading-title{color:#FFAA17;}.elementor-42125 .elementor-element.elementor-element-445633b .elementor-heading-title{color:#FFAA17;}.elementor-42125 .elementor-element.elementor-element-776146e{margin-top:65px;margin-bottom:0px;}body:not(.rtl) .elementor-42125 .elementor-element.elementor-element-78624f6{left:1px;}body.rtl .elementor-42125 .elementor-element.elementor-element-78624f6{right:1px;}.elementor-42125 .elementor-element.elementor-element-78624f6{bottom:-10px;}body:not(.rtl) .elementor-42125 .elementor-element.elementor-element-537fb50{left:1px;}body.rtl .elementor-42125 .elementor-element.elementor-element-537fb50{right:1px;}.elementor-42125 .elementor-element.elementor-element-537fb50{bottom:-10px;}.elementor-42125 .elementor-element.elementor-element-d1e5a8c{margin-top:65px;margin-bottom:0px;}body:not(.rtl) .elementor-42125 .elementor-element.elementor-element-964051e{left:1px;}body.rtl .elementor-42125 .elementor-element.elementor-element-964051e{right:1px;}.elementor-42125 .elementor-element.elementor-element-964051e{bottom:-10px;}body:not(.rtl) .elementor-42125 .elementor-element.elementor-element-7d87097{left:1px;}body.rtl .elementor-42125 .elementor-element.elementor-element-7d87097{right:1px;}.elementor-42125 .elementor-element.elementor-element-7d87097{bottom:-10px;}.elementor-42125 .elementor-element.elementor-element-49dcb6f{margin-top:65px;margin-bottom:0px;}body:not(.rtl) .elementor-42125 .elementor-element.elementor-element-2e336aa{left:1px;}body.rtl .elementor-42125 .elementor-element.elementor-element-2e336aa{right:1px;}.elementor-42125 .elementor-element.elementor-element-2e336aa{bottom:-10px;}body:not(.rtl) .elementor-42125 .elementor-element.elementor-element-2502a04{left:1px;}body.rtl .elementor-42125 .elementor-element.elementor-element-2502a04{right:1px;}.elementor-42125 .elementor-element.elementor-element-2502a04{bottom:-10px;}.elementor-42125 .elementor-element.elementor-element-77ea614{margin-top:65px;margin-bottom:0px;}body:not(.rtl) .elementor-42125 .elementor-element.elementor-element-0152a37{left:1px;}body.rtl .elementor-42125 .elementor-element.elementor-element-0152a37{right:1px;}.elementor-42125 .elementor-element.elementor-element-0152a37{bottom:-10px;}body:not(.rtl) .elementor-42125 .elementor-element.elementor-element-e76b1a0{left:1px;}body.rtl .elementor-42125 .elementor-element.elementor-element-e76b1a0{right:1px;}.elementor-42125 .elementor-element.elementor-element-e76b1a0{bottom:-10px;}.elementor-42125 .elementor-element.elementor-element-59a64f7{margin-top:65px;margin-bottom:0px;}body:not(.rtl) .elementor-42125 .elementor-element.elementor-element-cb6ac87{left:1px;}body.rtl .elementor-42125 .elementor-element.elementor-element-cb6ac87{right:1px;}.elementor-42125 .elementor-element.elementor-element-cb6ac87{bottom:-10px;}body:not(.rtl) .elementor-42125 .elementor-element.elementor-element-4febde1{left:1px;}body.rtl .elementor-42125 .elementor-element.elementor-element-4febde1{right:1px;}.elementor-42125 .elementor-element.elementor-element-4febde1{bottom:-10px;}.elementor-42125 .elementor-element.elementor-element-3646c70{margin-top:65px;margin-bottom:0px;}body:not(.rtl) .elementor-42125 .elementor-element.elementor-element-fe689fa{left:1px;}body.rtl .elementor-42125 .elementor-element.elementor-element-fe689fa{right:1px;}.elementor-42125 .elementor-element.elementor-element-fe689fa{bottom:-10px;}body:not(.rtl) .elementor-42125 .elementor-element.elementor-element-4ab96d8{left:1px;}body.rtl .elementor-42125 .elementor-element.elementor-element-4ab96d8{right:1px;}.elementor-42125 .elementor-element.elementor-element-4ab96d8{bottom:-10px;}.elementor-42125 .elementor-element.elementor-element-0f50701{margin-top:65px;margin-bottom:0px;}body:not(.rtl) .elementor-42125 .elementor-element.elementor-element-210737c{left:1px;}body.rtl .elementor-42125 .elementor-element.elementor-element-210737c{right:1px;}.elementor-42125 .elementor-element.elementor-element-210737c{bottom:-10px;}body:not(.rtl) .elementor-42125 .elementor-element.elementor-element-5007e98{left:1px;}body.rtl .elementor-42125 .elementor-element.elementor-element-5007e98{right:1px;}.elementor-42125 .elementor-element.elementor-element-5007e98{bottom:-10px;}.elementor-42125 .elementor-element.elementor-element-efd45a2{margin-top:65px;margin-bottom:0px;}body:not(.rtl) .elementor-42125 .elementor-element.elementor-element-9a26bdf{left:1px;}body.rtl .elementor-42125 .elementor-element.elementor-element-9a26bdf{right:1px;}.elementor-42125 .elementor-element.elementor-element-9a26bdf{bottom:-10px;}body:not(.rtl) .elementor-42125 .elementor-element.elementor-element-ddd0a38{left:1px;}body.rtl .elementor-42125 .elementor-element.elementor-element-ddd0a38{right:1px;}.elementor-42125 .elementor-element.elementor-element-ddd0a38{bottom:-10px;}.elementor-42125 .elementor-element.elementor-element-e8d545e{margin-top:65px;margin-bottom:0px;}body:not(.rtl) .elementor-42125 .elementor-element.elementor-element-9e2b2d4{left:1px;}body.rtl .elementor-42125 .elementor-element.elementor-element-9e2b2d4{right:1px;}.elementor-42125 .elementor-element.elementor-element-9e2b2d4{bottom:-10px;}body:not(.rtl) .elementor-42125 .elementor-element.elementor-element-e9dbdd5{left:1px;}body.rtl .elementor-42125 .elementor-element.elementor-element-e9dbdd5{right:1px;}.elementor-42125 .elementor-element.elementor-element-e9dbdd5{bottom:-10px;}.elementor-42125 .elementor-element.elementor-element-2d39d39{margin-top:65px;margin-bottom:0px;}body:not(.rtl) .elementor-42125 .elementor-element.elementor-element-ffa3bfa{left:1px;}body.rtl .elementor-42125 .elementor-element.elementor-element-ffa3bfa{right:1px;}.elementor-42125 .elementor-element.elementor-element-ffa3bfa{bottom:-10px;}@media(min-width:768px){.elementor-42125 .elementor-element.elementor-element-4ebcf20{width:47%;}.elementor-42125 .elementor-element.elementor-element-2325145{width:6%;}.elementor-42125 .elementor-element.elementor-element-e3fea48{width:46.666%;}.elementor-42125 .elementor-element.elementor-element-f530016{width:47%;}.elementor-42125 .elementor-element.elementor-element-009ae00{width:6%;}.elementor-42125 .elementor-element.elementor-element-7ee497d{width:46.666%;}.elementor-42125 .elementor-element.elementor-element-3a3cd27{width:47%;}.elementor-42125 .elementor-element.elementor-element-7dee142{width:6%;}.elementor-42125 .elementor-element.elementor-element-410d462{width:46.666%;}.elementor-42125 .elementor-element.elementor-element-a43ba42{width:47%;}.elementor-42125 .elementor-element.elementor-element-dd63eb8{width:6%;}.elementor-42125 .elementor-element.elementor-element-2e97b1e{width:46.666%;}.elementor-42125 .elementor-element.elementor-element-7f27b95{width:47%;}.elementor-42125 .elementor-element.elementor-element-313dbae{width:6%;}.elementor-42125 .elementor-element.elementor-element-34a34f9{width:46.666%;}.elementor-42125 .elementor-element.elementor-element-02c768c{width:47%;}.elementor-42125 .elementor-element.elementor-element-469b452{width:6%;}.elementor-42125 .elementor-element.elementor-element-432a85f{width:46.666%;}.elementor-42125 .elementor-element.elementor-element-fca3005{width:47%;}.elementor-42125 .elementor-element.elementor-element-0c9eaa2{width:6%;}.elementor-42125 .elementor-element.elementor-element-bc44912{width:46.666%;}.elementor-42125 .elementor-element.elementor-element-6d3f7f3{width:47%;}.elementor-42125 .elementor-element.elementor-element-5379e58{width:6%;}.elementor-42125 .elementor-element.elementor-element-82b8d09{width:46.666%;}.elementor-42125 .elementor-element.elementor-element-c33b97e{width:47%;}.elementor-42125 .elementor-element.elementor-element-03dc88c{width:6%;}.elementor-42125 .elementor-element.elementor-element-2b62556{width:46.666%;}.elementor-42125 .elementor-element.elementor-element-d7355a5{width:47%;}.elementor-42125 .elementor-element.elementor-element-c05d718{width:6%;}.elementor-42125 .elementor-element.elementor-element-2b01f82{width:46.666%;}}/* Start custom CSS for heading, class: .elementor-element-78624f6 */.hover-container {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding: 40px;
  border-radius: 8px;
  background: #2c3e50;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Thêm chuyển động cho background và color */
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Thêm bóng đổ nhẹ */
}

.hover-container:hover {
  transform: scale(1.05) translateY(10px); /* Tăng kích thước nhẹ và xịch xuống một chút khi hover */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); /* Bóng đổ mạnh hơn khi hover */
  background-color: #FFAA17; /* Nền màu cam khi hover */
  color: #333; /* Chữ đen khi hover */
}

.hover-container .hover-text {
  display: none;
  position: absolute;
  bottom: -40px; /* Đặt văn bản dưới phần tử chính */
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8); /* Nền mờ trắng */
  color: #333;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 5px;
  width: auto;
  max-width: 300px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Thêm bóng đổ cho văn bản */
  opacity: 0;
  transition: opacity 0.3s ease, bottom 0.3s ease;
}

.hover-container:hover .hover-text {
  display: block;
  opacity: 1;
  bottom: -60px; /* Di chuyển văn bản lên trên khi hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-537fb50 */.hover-container {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding: 40px;
  border-radius: 8px;
  background: #2c3e50;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Thêm chuyển động cho background và color */
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Thêm bóng đổ nhẹ */
}

.hover-container:hover {
  transform: scale(1.05) translateY(10px); /* Tăng kích thước nhẹ và xịch xuống một chút khi hover */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); /* Bóng đổ mạnh hơn khi hover */
  background-color: #FFAA17; /* Nền màu cam khi hover */
  color: #333; /* Chữ đen khi hover */
}

.hover-container .hover-text {
  display: none;
  position: absolute;
  bottom: -40px; /* Đặt văn bản dưới phần tử chính */
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8); /* Nền mờ trắng */
  color: #333;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 5px;
  width: auto;
  max-width: 300px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Thêm bóng đổ cho văn bản */
  opacity: 0;
  transition: opacity 0.3s ease, bottom 0.3s ease;
}

.hover-container:hover .hover-text {
  display: block;
  opacity: 1;
  bottom: -60px; /* Di chuyển văn bản lên trên khi hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-964051e */.hover-container {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding: 40px;
  border-radius: 8px;
  background: #2c3e50;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Thêm chuyển động cho background và color */
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Thêm bóng đổ nhẹ */
}

.hover-container:hover {
  transform: scale(1.05) translateY(10px); /* Tăng kích thước nhẹ và xịch xuống một chút khi hover */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); /* Bóng đổ mạnh hơn khi hover */
  background-color: #FFAA17; /* Nền màu cam khi hover */
  color: #333; /* Chữ đen khi hover */
}

.hover-container .hover-text {
  display: none;
  position: absolute;
  bottom: -40px; /* Đặt văn bản dưới phần tử chính */
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8); /* Nền mờ trắng */
  color: #333;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 5px;
  width: auto;
  max-width: 300px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Thêm bóng đổ cho văn bản */
  opacity: 0;
  transition: opacity 0.3s ease, bottom 0.3s ease;
}

.hover-container:hover .hover-text {
  display: block;
  opacity: 1;
  bottom: -60px; /* Di chuyển văn bản lên trên khi hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7d87097 */.hover-container {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding: 40px;
  border-radius: 8px;
  background: #2c3e50;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Thêm chuyển động cho background và color */
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Thêm bóng đổ nhẹ */
}

.hover-container:hover {
  transform: scale(1.05) translateY(10px); /* Tăng kích thước nhẹ và xịch xuống một chút khi hover */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); /* Bóng đổ mạnh hơn khi hover */
  background-color: #FFAA17; /* Nền màu cam khi hover */
  color: #333; /* Chữ đen khi hover */
}

.hover-container .hover-text {
  display: none;
  position: absolute;
  bottom: -40px; /* Đặt văn bản dưới phần tử chính */
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8); /* Nền mờ trắng */
  color: #333;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 5px;
  width: auto;
  max-width: 300px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Thêm bóng đổ cho văn bản */
  opacity: 0;
  transition: opacity 0.3s ease, bottom 0.3s ease;
}

.hover-container:hover .hover-text {
  display: block;
  opacity: 1;
  bottom: -60px; /* Di chuyển văn bản lên trên khi hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2e336aa */.hover-container {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding: 40px;
  border-radius: 8px;
  background: #2c3e50;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Thêm chuyển động cho background và color */
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Thêm bóng đổ nhẹ */
}

.hover-container:hover {
  transform: scale(1.05) translateY(10px); /* Tăng kích thước nhẹ và xịch xuống một chút khi hover */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); /* Bóng đổ mạnh hơn khi hover */
  background-color: #FFAA17; /* Nền màu cam khi hover */
  color: #333; /* Chữ đen khi hover */
}

.hover-container .hover-text {
  display: none;
  position: absolute;
  bottom: -40px; /* Đặt văn bản dưới phần tử chính */
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8); /* Nền mờ trắng */
  color: #333;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 5px;
  width: auto;
  max-width: 300px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Thêm bóng đổ cho văn bản */
  opacity: 0;
  transition: opacity 0.3s ease, bottom 0.3s ease;
}

.hover-container:hover .hover-text {
  display: block;
  opacity: 1;
  bottom: -60px; /* Di chuyển văn bản lên trên khi hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2502a04 */.hover-container {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding: 40px;
  border-radius: 8px;
  background: #2c3e50;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Thêm chuyển động cho background và color */
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Thêm bóng đổ nhẹ */
}

.hover-container:hover {
  transform: scale(1.05) translateY(10px); /* Tăng kích thước nhẹ và xịch xuống một chút khi hover */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); /* Bóng đổ mạnh hơn khi hover */
  background-color: #FFAA17; /* Nền màu cam khi hover */
  color: #333; /* Chữ đen khi hover */
}

.hover-container .hover-text {
  display: none;
  position: absolute;
  bottom: -40px; /* Đặt văn bản dưới phần tử chính */
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8); /* Nền mờ trắng */
  color: #333;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 5px;
  width: auto;
  max-width: 300px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Thêm bóng đổ cho văn bản */
  opacity: 0;
  transition: opacity 0.3s ease, bottom 0.3s ease;
}

.hover-container:hover .hover-text {
  display: block;
  opacity: 1;
  bottom: -60px; /* Di chuyển văn bản lên trên khi hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0152a37 */.hover-container {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding: 40px;
  border-radius: 8px;
  background: #2c3e50;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Thêm chuyển động cho background và color */
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Thêm bóng đổ nhẹ */
}

.hover-container:hover {
  transform: scale(1.05) translateY(10px); /* Tăng kích thước nhẹ và xịch xuống một chút khi hover */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); /* Bóng đổ mạnh hơn khi hover */
  background-color: #FFAA17; /* Nền màu cam khi hover */
  color: #333; /* Chữ đen khi hover */
}

.hover-container .hover-text {
  display: none;
  position: absolute;
  bottom: -40px; /* Đặt văn bản dưới phần tử chính */
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8); /* Nền mờ trắng */
  color: #333;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 5px;
  width: auto;
  max-width: 300px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Thêm bóng đổ cho văn bản */
  opacity: 0;
  transition: opacity 0.3s ease, bottom 0.3s ease;
}

.hover-container:hover .hover-text {
  display: block;
  opacity: 1;
  bottom: -60px; /* Di chuyển văn bản lên trên khi hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e76b1a0 */.hover-container {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding: 40px;
  border-radius: 8px;
  background: #2c3e50;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Thêm chuyển động cho background và color */
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Thêm bóng đổ nhẹ */
}

.hover-container:hover {
  transform: scale(1.05) translateY(10px); /* Tăng kích thước nhẹ và xịch xuống một chút khi hover */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); /* Bóng đổ mạnh hơn khi hover */
  background-color: #FFAA17; /* Nền màu cam khi hover */
  color: #333; /* Chữ đen khi hover */
}

.hover-container .hover-text {
  display: none;
  position: absolute;
  bottom: -40px; /* Đặt văn bản dưới phần tử chính */
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8); /* Nền mờ trắng */
  color: #333;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 5px;
  width: auto;
  max-width: 300px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Thêm bóng đổ cho văn bản */
  opacity: 0;
  transition: opacity 0.3s ease, bottom 0.3s ease;
}

.hover-container:hover .hover-text {
  display: block;
  opacity: 1;
  bottom: -60px; /* Di chuyển văn bản lên trên khi hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb6ac87 */.hover-container {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding: 40px;
  border-radius: 8px;
  background: #2c3e50;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Thêm chuyển động cho background và color */
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Thêm bóng đổ nhẹ */
}

.hover-container:hover {
  transform: scale(1.05) translateY(10px); /* Tăng kích thước nhẹ và xịch xuống một chút khi hover */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); /* Bóng đổ mạnh hơn khi hover */
  background-color: #FFAA17; /* Nền màu cam khi hover */
  color: #333; /* Chữ đen khi hover */
}

.hover-container .hover-text {
  display: none;
  position: absolute;
  bottom: -40px; /* Đặt văn bản dưới phần tử chính */
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8); /* Nền mờ trắng */
  color: #333;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 5px;
  width: auto;
  max-width: 300px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Thêm bóng đổ cho văn bản */
  opacity: 0;
  transition: opacity 0.3s ease, bottom 0.3s ease;
}

.hover-container:hover .hover-text {
  display: block;
  opacity: 1;
  bottom: -60px; /* Di chuyển văn bản lên trên khi hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4febde1 */.hover-container {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding: 40px;
  border-radius: 8px;
  background: #2c3e50;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Thêm chuyển động cho background và color */
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Thêm bóng đổ nhẹ */
}

.hover-container:hover {
  transform: scale(1.05) translateY(10px); /* Tăng kích thước nhẹ và xịch xuống một chút khi hover */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); /* Bóng đổ mạnh hơn khi hover */
  background-color: #FFAA17; /* Nền màu cam khi hover */
  color: #333; /* Chữ đen khi hover */
}

.hover-container .hover-text {
  display: none;
  position: absolute;
  bottom: -40px; /* Đặt văn bản dưới phần tử chính */
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8); /* Nền mờ trắng */
  color: #333;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 5px;
  width: auto;
  max-width: 300px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Thêm bóng đổ cho văn bản */
  opacity: 0;
  transition: opacity 0.3s ease, bottom 0.3s ease;
}

.hover-container:hover .hover-text {
  display: block;
  opacity: 1;
  bottom: -60px; /* Di chuyển văn bản lên trên khi hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fe689fa */.hover-container {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding: 40px;
  border-radius: 8px;
  background: #2c3e50;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Thêm chuyển động cho background và color */
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Thêm bóng đổ nhẹ */
}

.hover-container:hover {
  transform: scale(1.05) translateY(10px); /* Tăng kích thước nhẹ và xịch xuống một chút khi hover */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); /* Bóng đổ mạnh hơn khi hover */
  background-color: #FFAA17; /* Nền màu cam khi hover */
  color: #333; /* Chữ đen khi hover */
}

.hover-container .hover-text {
  display: none;
  position: absolute;
  bottom: -40px; /* Đặt văn bản dưới phần tử chính */
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8); /* Nền mờ trắng */
  color: #333;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 5px;
  width: auto;
  max-width: 300px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Thêm bóng đổ cho văn bản */
  opacity: 0;
  transition: opacity 0.3s ease, bottom 0.3s ease;
}

.hover-container:hover .hover-text {
  display: block;
  opacity: 1;
  bottom: -60px; /* Di chuyển văn bản lên trên khi hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4ab96d8 */.hover-container {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding: 40px;
  border-radius: 8px;
  background: #2c3e50;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Thêm chuyển động cho background và color */
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Thêm bóng đổ nhẹ */
}

.hover-container:hover {
  transform: scale(1.05) translateY(10px); /* Tăng kích thước nhẹ và xịch xuống một chút khi hover */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); /* Bóng đổ mạnh hơn khi hover */
  background-color: #FFAA17; /* Nền màu cam khi hover */
  color: #333; /* Chữ đen khi hover */
}

.hover-container .hover-text {
  display: none;
  position: absolute;
  bottom: -40px; /* Đặt văn bản dưới phần tử chính */
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8); /* Nền mờ trắng */
  color: #333;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 5px;
  width: auto;
  max-width: 300px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Thêm bóng đổ cho văn bản */
  opacity: 0;
  transition: opacity 0.3s ease, bottom 0.3s ease;
}

.hover-container:hover .hover-text {
  display: block;
  opacity: 1;
  bottom: -60px; /* Di chuyển văn bản lên trên khi hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-210737c */.hover-container {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding: 40px;
  border-radius: 8px;
  background: #2c3e50;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Thêm chuyển động cho background và color */
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Thêm bóng đổ nhẹ */
}

.hover-container:hover {
  transform: scale(1.05) translateY(10px); /* Tăng kích thước nhẹ và xịch xuống một chút khi hover */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); /* Bóng đổ mạnh hơn khi hover */
  background-color: #FFAA17; /* Nền màu cam khi hover */
  color: #333; /* Chữ đen khi hover */
}

.hover-container .hover-text {
  display: none;
  position: absolute;
  bottom: -40px; /* Đặt văn bản dưới phần tử chính */
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8); /* Nền mờ trắng */
  color: #333;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 5px;
  width: auto;
  max-width: 300px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Thêm bóng đổ cho văn bản */
  opacity: 0;
  transition: opacity 0.3s ease, bottom 0.3s ease;
}

.hover-container:hover .hover-text {
  display: block;
  opacity: 1;
  bottom: -60px; /* Di chuyển văn bản lên trên khi hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5007e98 */.hover-container {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding: 40px;
  border-radius: 8px;
  background: #2c3e50;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Thêm chuyển động cho background và color */
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Thêm bóng đổ nhẹ */
}

.hover-container:hover {
  transform: scale(1.05) translateY(10px); /* Tăng kích thước nhẹ và xịch xuống một chút khi hover */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); /* Bóng đổ mạnh hơn khi hover */
  background-color: #FFAA17; /* Nền màu cam khi hover */
  color: #333; /* Chữ đen khi hover */
}

.hover-container .hover-text {
  display: none;
  position: absolute;
  bottom: -40px; /* Đặt văn bản dưới phần tử chính */
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8); /* Nền mờ trắng */
  color: #333;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 5px;
  width: auto;
  max-width: 300px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Thêm bóng đổ cho văn bản */
  opacity: 0;
  transition: opacity 0.3s ease, bottom 0.3s ease;
}

.hover-container:hover .hover-text {
  display: block;
  opacity: 1;
  bottom: -60px; /* Di chuyển văn bản lên trên khi hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a26bdf */.hover-container {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding: 40px;
  border-radius: 8px;
  background: #2c3e50;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Thêm chuyển động cho background và color */
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Thêm bóng đổ nhẹ */
}

.hover-container:hover {
  transform: scale(1.05) translateY(10px); /* Tăng kích thước nhẹ và xịch xuống một chút khi hover */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); /* Bóng đổ mạnh hơn khi hover */
  background-color: #FFAA17; /* Nền màu cam khi hover */
  color: #333; /* Chữ đen khi hover */
}

.hover-container .hover-text {
  display: none;
  position: absolute;
  bottom: -40px; /* Đặt văn bản dưới phần tử chính */
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8); /* Nền mờ trắng */
  color: #333;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 5px;
  width: auto;
  max-width: 300px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Thêm bóng đổ cho văn bản */
  opacity: 0;
  transition: opacity 0.3s ease, bottom 0.3s ease;
}

.hover-container:hover .hover-text {
  display: block;
  opacity: 1;
  bottom: -60px; /* Di chuyển văn bản lên trên khi hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ddd0a38 */.hover-container {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding: 40px;
  border-radius: 8px;
  background: #2c3e50;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Thêm chuyển động cho background và color */
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Thêm bóng đổ nhẹ */
}

.hover-container:hover {
  transform: scale(1.05) translateY(10px); /* Tăng kích thước nhẹ và xịch xuống một chút khi hover */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); /* Bóng đổ mạnh hơn khi hover */
  background-color: #FFAA17; /* Nền màu cam khi hover */
  color: #333; /* Chữ đen khi hover */
}

.hover-container .hover-text {
  display: none;
  position: absolute;
  bottom: -40px; /* Đặt văn bản dưới phần tử chính */
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8); /* Nền mờ trắng */
  color: #333;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 5px;
  width: auto;
  max-width: 300px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Thêm bóng đổ cho văn bản */
  opacity: 0;
  transition: opacity 0.3s ease, bottom 0.3s ease;
}

.hover-container:hover .hover-text {
  display: block;
  opacity: 1;
  bottom: -60px; /* Di chuyển văn bản lên trên khi hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e2b2d4 */.hover-container {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding: 40px;
  border-radius: 8px;
  background: #2c3e50;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Thêm chuyển động cho background và color */
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Thêm bóng đổ nhẹ */
}

.hover-container:hover {
  transform: scale(1.05) translateY(10px); /* Tăng kích thước nhẹ và xịch xuống một chút khi hover */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); /* Bóng đổ mạnh hơn khi hover */
  background-color: #FFAA17; /* Nền màu cam khi hover */
  color: #333; /* Chữ đen khi hover */
}

.hover-container .hover-text {
  display: none;
  position: absolute;
  bottom: -40px; /* Đặt văn bản dưới phần tử chính */
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8); /* Nền mờ trắng */
  color: #333;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 5px;
  width: auto;
  max-width: 300px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Thêm bóng đổ cho văn bản */
  opacity: 0;
  transition: opacity 0.3s ease, bottom 0.3s ease;
}

.hover-container:hover .hover-text {
  display: block;
  opacity: 1;
  bottom: -60px; /* Di chuyển văn bản lên trên khi hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e9dbdd5 */.hover-container {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding: 40px;
  border-radius: 8px;
  background: #2c3e50;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Thêm chuyển động cho background và color */
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Thêm bóng đổ nhẹ */
}

.hover-container:hover {
  transform: scale(1.05) translateY(10px); /* Tăng kích thước nhẹ và xịch xuống một chút khi hover */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); /* Bóng đổ mạnh hơn khi hover */
  background-color: #FFAA17; /* Nền màu cam khi hover */
  color: #333; /* Chữ đen khi hover */
}

.hover-container .hover-text {
  display: none;
  position: absolute;
  bottom: -40px; /* Đặt văn bản dưới phần tử chính */
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8); /* Nền mờ trắng */
  color: #333;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 5px;
  width: auto;
  max-width: 300px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Thêm bóng đổ cho văn bản */
  opacity: 0;
  transition: opacity 0.3s ease, bottom 0.3s ease;
}

.hover-container:hover .hover-text {
  display: block;
  opacity: 1;
  bottom: -60px; /* Di chuyển văn bản lên trên khi hover */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffa3bfa */.hover-container {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding: 40px;
  border-radius: 8px;
  background: #2c3e50;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Thêm chuyển động cho background và color */
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Thêm bóng đổ nhẹ */
}

.hover-container:hover {
  transform: scale(1.05) translateY(10px); /* Tăng kích thước nhẹ và xịch xuống một chút khi hover */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); /* Bóng đổ mạnh hơn khi hover */
  background-color: #FFAA17; /* Nền màu cam khi hover */
  color: #333; /* Chữ đen khi hover */
}

.hover-container .hover-text {
  display: none;
  position: absolute;
  bottom: -40px; /* Đặt văn bản dưới phần tử chính */
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8); /* Nền mờ trắng */
  color: #333;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 5px;
  width: auto;
  max-width: 300px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Thêm bóng đổ cho văn bản */
  opacity: 0;
  transition: opacity 0.3s ease, bottom 0.3s ease;
}

.hover-container:hover .hover-text {
  display: block;
  opacity: 1;
  bottom: -60px; /* Di chuyển văn bản lên trên khi hover */
}/* End custom CSS */