.elementor-532 .elementor-element.elementor-element-4098159{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-532 .elementor-element.elementor-element-9e01a8e{width:100%;max-width:100%;}.elementor-532 .elementor-element.elementor-element-4428b0a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-532 .elementor-element.elementor-element-5e5308a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-532 .elementor-element.elementor-element-8cebe63{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-532 .elementor-element.elementor-element-1050054{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-532 .elementor-element.elementor-element-58cff27{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-532 .elementor-element.elementor-element-a456f90{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-532 .elementor-element.elementor-element-e415259{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-532 .elementor-element.elementor-element-6b478db{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-532 .elementor-element.elementor-element-184b71c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-532 .elementor-element.elementor-element-821177b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-9e01a8e */.btn-custome {
  position: relative;
  padding: 20px 60px;
  border-radius: 50px;
  color: var(--theme-palette-color-3);
  font-size: 1.5rem;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  background-color: rgba(45, 45, 45, 1);
  transition: 0.5s;
  overflow: hidden;
}

.btn-custome:hover {
  color: var(--theme-palette-color-2);
  text-shadow: 0 0 15px var(--theme-palette-color-2),
    0 0 40px var(--theme-palette-color-2);
}

.btn-custome span {
  position: relative;
  z-index: 1;
}

.btn-custome::before {
  content: '';
  position: absolute;
  top: var(--y);
  left: var(--x);
  transform: translate(-50%, -50%);
  width: 200px;
  height: 200px;
  background: radial-gradient(
    var(--theme-palette-color-2),
    transparent,
    transparent
  );
  transition: 0.5s, top 0s, left 0s;
  opacity: 0;
}

.btn-custome:hover::before {
  opacity: 1;
}

.btn-custome::after {
  content: '';
  position: absolute;
  inset: 2px;
  background-color: rgba(45, 45, 45, 0.6);
  border-radius: 50px;
}

/* Định nghĩa hoạt ảnh phóng to/thu nhỏ */
      @keyframes pulse-float {
        0% {
          transform: scale(1); /* Bắt đầu kích thước 100% */
          box-shadow: 0 0 0 rgba(0, 0, 0, 0); /* Không có shadow */
        }
        50% {
          transform: scale(1.1); /* Phóng to nhẹ lên 103% */
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Thêm shadow nhẹ */
        }
        100% {
          transform: scale(1); /* Trở về kích thước ban đầu */
          box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        }
      }

      /* Tạo class Tailwind tùy chỉnh để áp dụng hoạt ảnh */
      .animate-pulse-float {
        animation: pulse-float 2s infinite ease-in-out; /* 4 giây lặp vô hạn */
      }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0d6ebd *//* ===CSS Cho 4 cục nội dung=== */
.feature-box {
  opacity: 0;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

/* Trạng thái khi được kích hoạt: rõ nét và kích thước bình thường */
.feature-box.is-visible {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a2fa61e */.process-container-test:has(#step-1-test:checked) label[for='step-1-test'],
.process-container-test:has(#step-2-test:checked) label[for='step-2-test'],
.process-container-test:has(#step-3-test:checked) label[for='step-3-test'],
.process-container-test:has(#step-4-test:checked) label[for='step-4-test'] {
  background: var(--theme-palette-color-2);
  scale: 1.5;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae15bdb */.slider {
  width: 100%;
  height: var(--height);
  overflow: hidden;
}
.slider .list {
  display: flex;
  width: 100%;
  height: var(--height);
  min-width: calc(var(--width) * var(--quantity));
  position: relative;
}

.slider .list .item {
  width: var(--width);
  height: var(--height);
  position: absolute;
  left: 100%;
  animation: autoRun 10s linear infinite;
  transition: filter 0.5s;
  animation-delay: calc(
    (10s / var(--quantity)) * (var(--position) - 1) - 10s
  ) !important;
}
.slider .list .item img {
  width: 100%;
}
@keyframes autoRun {
  from {
    left: 100%;
  }
  to {
    left: calc(var(--width) * -1);
  }
}
.slider:hover .item {
  animation-play-state: paused !important;
  filter: grayscale(1);
}
.slider .item:hover {
  filter: grayscale(0);
}
.slider[data-reverse='true'] .item {
  animation: reversePlay 10s linear infinite;
}
@keyframes reversePlay {
  from {
    left: calc(var(--width) * -1);
  }
  to {
    left: 100%;
  }
}/* End custom CSS */