.elementor-247 .elementor-element.elementor-element-b1ff37e{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-247 .elementor-element.elementor-element-b1ff37e:not(.elementor-motion-effects-element-type-background), .elementor-247 .elementor-element.elementor-element-b1ff37e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;}.elementor-247 .elementor-element.elementor-element-b1ff37e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-247 .elementor-element.elementor-element-75ecd69{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(max-width:767px){.elementor-247 .elementor-element.elementor-element-b1ff37e{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-247 .elementor-element.elementor-element-b1ff37e:not(.elementor-motion-effects-element-type-background), .elementor-247 .elementor-element.elementor-element-b1ff37e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-247 .elementor-element.elementor-element-75ecd69{--margin-top:-82px;--margin-bottom:0px;--margin-left:-7px;--margin-right:0px;}}@media(min-width:768px){.elementor-247 .elementor-element.elementor-element-b1ff37e{--width:87.15vw;}}/* Start custom CSS for container, class: .elementor-element-b1ff37e */.whb-main-header{
    display: none;
}
.wd-page-title{
    display: none;
}
.img{
  width: 100%; /* Để hình ảnh chiếm toàn bộ chiều rộng */
  height: 100vh; /* Chiều cao bằng 100% viewport height */
  object-fit: cover; /* Đảm bảo hình ảnh không bị méo */
}
.wd-footer{
display:none;
}
.wd-content-layout {
    padding-block: 0px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b76b2e7 *//* Nút Play */
.play-button {
  position: absolute;
  bottom: 10px; /* Cách đáy 10px */
  left: 10px; /* Cách trái 10px */
  z-index: 10;
  width: 50px; /* Kích thước nút Play */
  height: 50px;
  border-radius: 50%; /* Bo tròn để tạo hình nút */
  background-color: white; /* Màu nền nút */
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  animation: ripple-effect 1.5s infinite;
}

/* Hiệu ứng ripple */
@keyframes ripple-effect {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    box-shadow: 0 0 0 24px rgba(0, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

/* Hình ảnh trong nút Play */
.play-button img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  z-index: 11; /* Đảm bảo hình ảnh luôn ở phía trên */
}

/* Vòng tròn progress */
.play-button::before {
  content: '';
  position: absolute;
  top: -5px; /* Scale ra ngoài nút Play */
  left: -5px;
  width: 60px; /* Tăng kích thước để lớn hơn nút Play */
  height: 60px;
  border: 4px solid rgba(255, 255, 255, 0.2); /* Đường tròn nền */
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 9; /* Nằm dưới nút Play */
}

/* Vòng tròn progress */
.play-button::after {
  content: '';
  position: absolute;
  top: -5px; /* Scale ra ngoài nút Play */
  left: -5px;
  width: 60px; /* Kích thước lớn hơn nút Play */
  height: 60px;
  border-radius: 50%;
  box-sizing: border-box;
  background: conic-gradient(
    #ffffff calc(var(--progress, 0) * 1%), /* Màu progress */
    rgba(255, 255, 255, 0.2) calc(var(--progress, 0) * 1%) /* Nền */
  );
  z-index: 9;
  transition: all 0.1s linear;
}


/* Thanh progress được điều chỉnh bằng custom property */
.play-button {
  --progress: 0; /* Giá trị progress (tính bằng phần trăm) */
}/* End custom CSS */