.elementor-608 .elementor-element.elementor-element-321d10d{--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-608 .elementor-element.elementor-element-5efb3e6{--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-608 .elementor-element.elementor-element-77d9e49{--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-608 .elementor-element.elementor-element-140066d{--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-608 .elementor-element.elementor-element-5dfbfeb{--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-608 .elementor-element.elementor-element-f4c1ec2{--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-608 .elementor-element.elementor-element-901c87f{--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-608 .elementor-element.elementor-element-b02a350{--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:0e-21916355215200215232000121226031010000115221010114016205401228206100300550202064120120121223212086041003006602020641201201212232120860410010030077020206412012012122321208604100300880202064120120121223212086041003009902020641201201212232120860460052211300110000401004010010208072080101004208014000330229510018000000010050005000229510018000000010050005000010000005001000000510000916355215200215232000121226031010000115221010114016205401228206100300550202064120120121223212086041003006602020641201201212232120860410010030077020206412012012122321208604100300880202064120120121223212086041003009902020641201201212232120860460052211300px;--padding-bottom:0e-21916355215200215232000121226031010000115221010114016205401228206100300550202064120120121223212086041003006602020641201201212232120860410010030077020206412012012122321208604100300880202064120120121223212086041003009902020641201201212232120860460052211300110000401004010010208072080101004208014000330229510018000000010050005000229510018000000010050005000010000005001000000510000916355215200215232000121226031010000115221010114016205401228206100300550202064120120121223212086041003006602020641201201212232120860410010030077020206412012012122321208604100300880202064120120121223212086041003009902020641201201212232120860460052211300px;--padding-left:0e-21916355215200215232000121226031010000115221010114016205401228206100300550202064120120121223212086041003006602020641201201212232120860410010030077020206412012012122321208604100300880202064120120121223212086041003009902020641201201212232120860460052211300110000401004010010208072080101004208014000330229510018000000010050005000229510018000000010050005000010000005001000000510000916355215200215232000121226031010000115221010114016205401228206100300550202064120120121223212086041003006602020641201201212232120860410010030077020206412012012122321208604100300880202064120120121223212086041003009902020641201201212232120860460052211300px;--padding-right:0e-21916355215200215232000121226031010000115221010114016205401228206100300550202064120120121223212086041003006602020641201201212232120860410010030077020206412012012122321208604100300880202064120120121223212086041003009902020641201201212232120860460052211300110000401004010010208072080101004208014000330229510018000000010050005000229510018000000010050005000010000005001000000510000916355215200215232000121226031010000115221010114016205401228206100300550202064120120121223212086041003006602020641201201212232120860410010030077020206412012012122321208604100300880202064120120121223212086041003009902020641201201212232120860460052211300px;}.elementor-608 .elementor-element.elementor-element-20de24b{--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;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-074bdbf *//* btn-custome */
.btn-custome {
  position: relative;
  padding: 20px 60px;
  border-radius: 50px;
  color: var(--theme-palette-color-1);
  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;
}

.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 */
/* Start custom CSS for html, class: .elementor-element-4ca7e24 *//* STICKY CARD */
.sticky-card {
  will-change: transform;
  opacity: 1;
  transform: perspective(1200px);
  transition: transform 0.3s ease-out;
  border: 2px solid #e2ebff;
  padding: 24px;
  border-radius: 16px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a3194f5 *//* ===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=== */

/* TROOI NOOIR */
/* Đị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.1); /* 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=== *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af9aaf6 *//* QUY TRÌNH */
.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'],
.process-container-test:has(#step-5-test:checked) label[for='step-5-test'] {
  background: var(--theme-palette-color-2);
  scale: 1.5;
}
/* ===END=== *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aaeb7b9 */.custom-grid {
  display: grid;
  grid-template-columns: 1.5fr 3.5fr 3fr 2fr 2fr;
}/* End custom CSS */