.elementor-1200 .elementor-element.elementor-element-43968f6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1200 .elementor-element.elementor-element-0b92ed2{margin:80px 0px calc(var(--kit-widget-spacing, 0px) + -220px) 0px;z-index:3;text-align:center;}.elementor-1200 .elementor-element.elementor-element-0b92ed2 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:50px;font-weight:700;line-height:1.1;letter-spacing:-0.5px;text-shadow:0px 4px 12px rgba(255, 255, 255, 0.3);color:var( --e-global-color-e8d8ab2 );}.elementor-1200 .elementor-element.elementor-element-1f17348{--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:40px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;--z-index:1;}.elementor-1200 .elementor-element.elementor-element-71d80a6{--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:30px 30px;--row-gap:30px;--column-gap:30px;--border-radius:24px 24px 24px 24px;--padding-top:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-1200 .elementor-element.elementor-element-71d80a6:not(.elementor-motion-effects-element-type-background), .elementor-1200 .elementor-element.elementor-element-71d80a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-59cba49 );}.elementor-1200 .elementor-element.elementor-element-bedb19a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-1200 .elementor-element.elementor-element-efd23d7{grid-column:span 2;}.elementor-1200 .elementor-element.elementor-element-efd23d7 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:30px;font-weight:600;line-height:1.5;letter-spacing:0.3px;color:#FF4F4F;}.elementor-1200 .elementor-element.elementor-element-deb99fb{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1200 .elementor-element.elementor-element-f37d378{text-align:justify;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-d213ab8 );}.elementor-1200 .elementor-element.elementor-element-f37d378 p{margin-bottom:0px;}.elementor-1200 .elementor-element.elementor-element-1cff848{--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:40px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;--z-index:1;}.elementor-1200 .elementor-element.elementor-element-9a68a25{--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:30px 30px;--row-gap:30px;--column-gap:30px;--border-radius:24px 24px 24px 24px;--padding-top:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-1200 .elementor-element.elementor-element-9a68a25:not(.elementor-motion-effects-element-type-background), .elementor-1200 .elementor-element.elementor-element-9a68a25 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-59cba49 );}.elementor-1200 .elementor-element.elementor-element-0549db0{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-start;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-1200 .elementor-element.elementor-element-dfbbd4f{grid-column:span 2;}.elementor-1200 .elementor-element.elementor-element-dfbbd4f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:30px;font-weight:600;line-height:1.5;letter-spacing:0.3px;color:#B265FF;}.elementor-1200 .elementor-element.elementor-element-dc110d4{--display:flex;}.elementor-1200 .elementor-element.elementor-element-71a056e{column-gap:0px;text-align:justify;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-d213ab8 );}.elementor-1200 .elementor-element.elementor-element-71a056e p{margin-bottom:0px;}.elementor-1200 .elementor-element.elementor-element-a10e0e3{--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:40px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;--z-index:1;}.elementor-1200 .elementor-element.elementor-element-1701e4f{--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:30px 30px;--row-gap:30px;--column-gap:30px;--border-radius:24px 24px 24px 24px;--padding-top:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-1200 .elementor-element.elementor-element-1701e4f:not(.elementor-motion-effects-element-type-background), .elementor-1200 .elementor-element.elementor-element-1701e4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-59cba49 );}.elementor-1200 .elementor-element.elementor-element-db5564d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-1200 .elementor-element.elementor-element-7911954{grid-column:span 2;}.elementor-1200 .elementor-element.elementor-element-7911954 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:30px;font-weight:600;line-height:1.5;letter-spacing:0.3px;color:#FCFF1E;}.elementor-1200 .elementor-element.elementor-element-e48f473{--display:flex;}.elementor-1200 .elementor-element.elementor-element-fc1a64c{text-align:justify;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-d213ab8 );}.elementor-1200 .elementor-element.elementor-element-fc1a64c p{margin-bottom:0px;}.elementor-1200 .elementor-element.elementor-element-807f5e2{--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:40px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;--z-index:1;}.elementor-1200 .elementor-element.elementor-element-84e482c{--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:30px 30px;--row-gap:30px;--column-gap:30px;--border-radius:24px 24px 24px 24px;--padding-top:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-1200 .elementor-element.elementor-element-84e482c:not(.elementor-motion-effects-element-type-background), .elementor-1200 .elementor-element.elementor-element-84e482c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-59cba49 );}.elementor-1200 .elementor-element.elementor-element-6ceda2d{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-start;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-1200 .elementor-element.elementor-element-62e3c23{grid-column:span 2;}.elementor-1200 .elementor-element.elementor-element-62e3c23 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:30px;font-weight:600;line-height:1.5;letter-spacing:0.3px;color:#4BCB6E;}.elementor-1200 .elementor-element.elementor-element-823e39e{--display:flex;}.elementor-1200 .elementor-element.elementor-element-dc97347{column-gap:0px;text-align:justify;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-d213ab8 );}.elementor-1200 .elementor-element.elementor-element-dc97347 p{margin-bottom:0px;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-1200 .elementor-element.elementor-element-71d80a6{--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-1200 .elementor-element.elementor-element-9a68a25{--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-1200 .elementor-element.elementor-element-1701e4f{--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-1200 .elementor-element.elementor-element-84e482c{--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}}@media(max-width:767px){.elementor-1200 .elementor-element.elementor-element-1f17348{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-1200 .elementor-element.elementor-element-71d80a6{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:30px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1200 .elementor-element.elementor-element-bedb19a{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-1200 .elementor-element.elementor-element-efd23d7 .elementor-heading-title{font-size:24px;line-height:1.3;letter-spacing:0px;}.elementor-1200 .elementor-element.elementor-element-1cff848{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-1200 .elementor-element.elementor-element-9a68a25{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:30px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1200 .elementor-element.elementor-element-0549db0{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;}.elementor-1200 .elementor-element.elementor-element-dfbbd4f .elementor-heading-title{font-size:24px;line-height:1.3;letter-spacing:0px;}.elementor-1200 .elementor-element.elementor-element-a10e0e3{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-1200 .elementor-element.elementor-element-1701e4f{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:30px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1200 .elementor-element.elementor-element-db5564d{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-1200 .elementor-element.elementor-element-7911954 .elementor-heading-title{font-size:24px;line-height:1.3;letter-spacing:0px;}.elementor-1200 .elementor-element.elementor-element-807f5e2{--padding-top:15px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-1200 .elementor-element.elementor-element-84e482c{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:30px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1200 .elementor-element.elementor-element-6ceda2d{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;}.elementor-1200 .elementor-element.elementor-element-62e3c23 .elementor-heading-title{font-size:24px;line-height:1.3;letter-spacing:0px;}}/* Start custom CSS for html, class: .elementor-element-d94bf1b */.cube1 .cube-loader {
  position: relative;
  width: 40px;  /* Thay đổi từ 60px thành 40px */
  height: 40px; /* Thay đổi từ 60px thành 40px */
  transform-style: preserve-3d;
  transform: rotateX(-30deg);
  animation: animate 4s linear infinite;
}

@keyframes animate {
  0% {
    transform: rotateX(-30deg) rotateY(0);
  }

  100% {
    transform: rotateX(-30deg) rotateY(360deg);
  }
}

.cube1 .cube-loader .cube-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}

.cube1 .cube-loader .cube-wrapper .cube-span {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotateY(calc(90deg * var(--i))) translateZ(20px); /* Điều chỉnh translateZ cho phù hợp với kích thước nhỏ */
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.5) 0%,
    #ff4f4f 5.5%,  /* Thay đổi màu thành #ff4f4f (đỏ) */
    #ff4f4f 12.1%, 
    #ff4f4f 19.6%, 
    #ff4f4f 27.9%, 
    #ff4f4f 36.6%, 
    #ff4f4f 45.6%, 
    #ff4f4f 54.6%, 
    #ff4f4f 63.4%, 
    #ff4f4f 71.7%, 
    #ff4f4f 79.4%, 
    #ff4f4f 86.2%, 
    #ff4f4f 91.9%, 
    #ff4f4f 96.3%, 
    #ff4f4f 99%, 
    #ff4f4f 100%
  );
}

.cube1 .cube-top {
  position: absolute;
  width: 40px;  /* Thay đổi từ 60px thành 40px */
  height: 40px; /* Thay đổi từ 60px thành 40px */
  background: #ffffff50;
  transform: rotateX(90deg) translateZ(20px); /* Điều chỉnh translateZ cho phù hợp với kích thước nhỏ */
  transform-style: preserve-3d;
}

.cube1 .cube-top::before {
  content: '';
  position: absolute;
  width: 40px;  /* Thay đổi từ 60px thành 40px */
  height: 40px; /* Thay đổi từ 60px thành 40px */
  background: #ff4f4f;  /* Thay đổi màu thành #ff4f4f (đỏ) */
  transform: translateZ(-50px); /* Điều chỉnh translateZ cho phù hợp với kích thước nhỏ */
  filter: blur(10px);
  box-shadow: 0 0 10px #323232,
              0 0 20px #ff4f4f 19.6%,  /* Thay đổi màu thành #ff4f4f */
              0 0 30px #323232,
              0 0 40px #ff4f4f 19.6%; /* Thay đổi màu thành #ff4f4f */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f17348 */.text-b strong{
    background-color: #ffffff50;
    padding: 1px 3px;
    border-radius: 3px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a62b6a7 */.cube2 .cube-loader {
  position: relative;
  width: 40px;  /* Thay đổi từ 60px thành 40px */
  height: 40px; /* Thay đổi từ 60px thành 40px */
  transform-style: preserve-3d;
  transform: rotateX(-30deg);
  animation: animate 4s linear infinite;
}

@keyframes animate {
  0% {
    transform: rotateX(-30deg) rotateY(0);
  }

  100% {
    transform: rotateX(-30deg) rotateY(360deg);
  }
}

.cube2 .cube-loader .cube-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}

.cube2 .cube-loader .cube-wrapper .cube-span {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotateY(calc(90deg * var(--i))) translateZ(20px); /* Điều chỉnh translateZ cho phù hợp với kích thước nhỏ */
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.5) 0%,
    #8c1bfe 5.5%,  /* Thay đổi màu xanh thành màu tím */
    #8c1bfe 12.1%, 
    #8c1bfe 19.6%, 
    #8c1bfe 27.9%, 
    #8c1bfe 36.6%, 
    #8c1bfe 45.6%, 
    #8c1bfe 54.6%, 
    #8c1bfe 63.4%, 
    #8c1bfe 71.7%, 
    #8c1bfe 79.4%, 
    #8c1bfe 86.2%, 
    #8c1bfe 91.9%, 
    #8c1bfe 96.3%, 
    #8c1bfe 99%, 
    #8c1bfe 100%
  );
}

.cube2 .cube-top {
  position: absolute;
  width: 40px;  /* Thay đổi từ 60px thành 40px */
  height: 40px; /* Thay đổi từ 60px thành 40px */
  background: #ffffff50;
  transform: rotateX(90deg) translateZ(20px); /* Điều chỉnh translateZ cho phù hợp với kích thước nhỏ */
  transform-style: preserve-3d;
}

.cube2 .cube-top::before {
  content: '';
  position: absolute;
  width: 40px;  /* Thay đổi từ 60px thành 40px */
  height: 40px; /* Thay đổi từ 60px thành 40px */
  background: #8c1bfe;  /* Thay đổi màu xanh thành màu tím */
  transform: translateZ(-50px); /* Điều chỉnh translateZ cho phù hợp với kích thước nhỏ */
  filter: blur(10px);
  box-shadow: 0 0 10px #323232,
              0 0 20px #8c1bfe 19.6%,  /* Thay đổi màu xanh thành màu tím */
              0 0 30px #323232,
              0 0 40px #8c1bfe 19.6%; /* Thay đổi màu xanh thành màu tím */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-033b939 */.cube3 .cube-loader {
  position: relative;
  width: 40px;  /* Thay đổi từ 60px thành 40px */
  height: 40px; /* Thay đổi từ 60px thành 40px */
  transform-style: preserve-3d;
  transform: rotateX(-30deg);
  animation: animate 4s linear infinite;
}

@keyframes animate {
  0% {
    transform: rotateX(-30deg) rotateY(0);
  }

  100% {
    transform: rotateX(-30deg) rotateY(360deg);
  }
}

.cube3 .cube-loader .cube-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}

.cube3 .cube-loader .cube-wrapper .cube-span {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotateY(calc(90deg * var(--i))) translateZ(20px); /* Điều chỉnh translateZ cho phù hợp với kích thước nhỏ */
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.5) 0%,
    #fcff1e 5.5%,  /* Thay đổi màu thành #fcff1e (vàng) */
    #fcff1e 12.1%, 
    #fcff1e 19.6%, 
    #fcff1e 27.9%, 
    #fcff1e 36.6%, 
    #fcff1e 45.6%, 
    #fcff1e 54.6%, 
    #fcff1e 63.4%, 
    #fcff1e 71.7%, 
    #fcff1e 79.4%, 
    #fcff1e 86.2%, 
    #fcff1e 91.9%, 
    #fcff1e 96.3%, 
    #fcff1e 99%, 
    #fcff1e 100%
  );
}

.cube3 .cube-top {
  position: absolute;
  width: 40px;  /* Thay đổi từ 60px thành 40px */
  height: 40px; /* Thay đổi từ 60px thành 40px */
  background: #ffffff50;
  transform: rotateX(90deg) translateZ(20px); /* Điều chỉnh translateZ cho phù hợp với kích thước nhỏ */
  transform-style: preserve-3d;
}

.cube3 .cube-top::before {
  content: '';
  position: absolute;
  width: 40px;  /* Thay đổi từ 60px thành 40px */
  height: 40px; /* Thay đổi từ 60px thành 40px */
  background: #fcff1e;  /* Thay đổi màu thành #fcff1e (vàng) */
  transform: translateZ(-50px); /* Điều chỉnh translateZ cho phù hợp với kích thước nhỏ */
  filter: blur(10px);
  box-shadow: 0 0 10px #323232,
              0 0 20px #fcff1e 19.6%,  /* Thay đổi màu thành vàng */
              0 0 30px #323232,
              0 0 40px #fcff1e 19.6%; /* Thay đổi màu thành vàng */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a10e0e3 */.text-b strong{
    background-color: #ffffff50;
    padding: 1px 3px;
    border-radius: 3px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2e7807 */.cube4 .cube-loader {
  position: relative;
  width: 40px;  /* Thay đổi từ 60px thành 40px */
  height: 40px; /* Thay đổi từ 60px thành 40px */
  transform-style: preserve-3d;
  transform: rotateX(-30deg);
  animation: animate 4s linear infinite;
}

@keyframes animate {
  0% {
    transform: rotateX(-30deg) rotateY(0);
  }

  100% {
    transform: rotateX(-30deg) rotateY(360deg);
  }
}

.cube4 .cube-loader .cube-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}

.cube4 .cube-loader .cube-wrapper .cube-span {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotateY(calc(90deg * var(--i))) translateZ(20px); /* Điều chỉnh translateZ cho phù hợp với kích thước nhỏ */
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.5) 0%,
    #4bcb6e 5.5%,  /* Thay đổi màu thành #4bcb6e (xanh lá) */
    #4bcb6e 12.1%, 
    #4bcb6e 19.6%, 
    #4bcb6e 27.9%, 
    #4bcb6e 36.6%, 
    #4bcb6e 45.6%, 
    #4bcb6e 54.6%, 
    #4bcb6e 63.4%, 
    #4bcb6e 71.7%, 
    #4bcb6e 79.4%, 
    #4bcb6e 86.2%, 
    #4bcb6e 91.9%, 
    #4bcb6e 96.3%, 
    #4bcb6e 99%, 
    #4bcb6e 100%
  );
}

.cube4 .cube-top {
  position: absolute;
  width: 40px;  /* Thay đổi từ 60px thành 40px */
  height: 40px; /* Thay đổi từ 60px thành 40px */
  background: #ffffff50;
  transform: rotateX(90deg) translateZ(20px); /* Điều chỉnh translateZ cho phù hợp với kích thước nhỏ */
  transform-style: preserve-3d;
}

.cube4 .cube-top::before {
  content: '';
  position: absolute;
  width: 40px;  /* Thay đổi từ 60px thành 40px */
  height: 40px; /* Thay đổi từ 60px thành 40px */
  background: #4bcb6e;  /* Thay đổi màu thành #4bcb6e (xanh lá) */
  transform: translateZ(-50px); /* Điều chỉnh translateZ cho phù hợp với kích thước nhỏ */
  filter: blur(10px);
  box-shadow: 0 0 10px #323232,
              0 0 20px #4bcb6e 19.6%,  /* Thay đổi màu thành #4bcb6e */
              0 0 30px #323232,
              0 0 40px #4bcb6e 19.6%; /* Thay đổi màu thành #4bcb6e */
}/* End custom CSS */