a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
select,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
a {
  text-decoration: none;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

// header
.header {
}
.burger {
  display: none;
  cursor: pointer;
}
.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(24, 24, 24);
  transform: translateX(-100%);
  transition: 0.3s ease;
  visibility: hidden;
  opacity: 0;
  z-index: 9000000090;
}
.navbar-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  padding: 10px;
  cursor: pointer;
}
.navbar ul li a {
  color: #fff;
  font-size: 1.2rem;
  text-decoration: none;
  padding: 10px;
  display: block;
  font-weight: 500;
}

.navbar.open {
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}

@media (max-width: 1100px) {
  .burger {
    display: flex;
  }
}
@media (max-width: 700px) {
  .header {
    height: 5rem;
  }
  .header-wrapper {
    height: 100%;
    padding: 10px 0;
  }
}


body {
  font-size: 12px;
  -ms-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -o-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  background-color: #fff;
}

#SECTION2 {
  background-color: var(--color-primary);
}

.header-wrapper {
  display: flex;
  padding: 20px 0;
  gap: 2rem;
  align-items: center;
  justify-content: space-between;
}

.overflow-hidden {
  overflow: hidden;
}
.ladi-transition {
  transition: all 150ms linear 0s;
}
.z-index-1 {
  z-index: 1;
}
.opacity-0 {
  opacity: 0;
}
.height-0 {
  height: 0 !important;
}
.pointer-events-none {
  pointer-events: none;
}

body.grab {
  cursor: grab;
}
.ladi-wraper {
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  touch-action: manipulation;
}
.ladi-container {
  position: relative;
  margin: 0 auto;
  height: 100%;
}
.ladi-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.ladi-element {
  position: absolute;
}
@media (hover: hover) {
  .ladi-check-hover {
    opacity: 0;
  }
}
.m-section {
  margin: 0 auto;
  position: relative;
}
.m-section[data-tab-id] {
  display: none;
}
.m-section.selected[data-tab-id] {
  display: block;
}
.m-section .m-section-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  overflow: hidden;
}
.ladi-box {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#SECTION_POPUP .ladi-container {
  z-index: 90000070;
}
#SECTION_POPUP .ladi-container > .ladi-element {
  z-index: 90000070;
  position: fixed;
  display: none;
}
#SECTION_POPUP .ladi-container > .ladi-element[data-fixed-close="true"] {
  position: relative !important;
}
#SECTION_POPUP .ladi-container > .ladi-element.hide-visibility {
  display: block !important;
  visibility: hidden !important;
}
#SECTION_POPUP .popup-close {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 9000000080;
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M23.4144%202.00015L2.00015%2023.4144L0.585938%2022.0002L22.0002%200.585938L23.4144%202.00015Z%22%3E%3C%2Fpath%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.00015%200.585938L23.4144%2022.0002L22.0002%2023.4144L0.585938%202.00015L2.00015%200.585938Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.ladi-popup {
  padding: 2rem;
}
.ladi-popup .ladi-popup-background {
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.ladi-button {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ladi-button:active {
  transform: translateY(2px);
  transition: transform 0.2s linear;
}
.ladi-button .ladi-button-background {
  height: 100%;
  width: 100%;
  pointer-events: none;
  transition: inherit;
}
.ladi-button > .ladi-button-headline,
.ladi-button > .ladi-button-shape {
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  display: table;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.ladi-button > .ladi-button-shape .ladi-shape {
  margin: auto;
  top: 0;
  bottom: 0;
}
.ladi-button > .ladi-button-headline .ladi-headline {
  display: table-cell;
  vertical-align: middle;
}

@keyframes loading {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.ladi-video {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  overflow: hidden;
}
.ladi-video .ladi-video-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ladi-group {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ladi-shape {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.ladi-shape .ladi-cart-number {
  position: absolute;
  top: -2px;
  right: -7px;
  background: #f36e36;
  text-align: center;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  border-radius: 100%;
}
.ladi-image {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ladi-image .ladi-image-background {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  background-attachment: scroll;
  background-origin: content-box;
  position: absolute;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.ladi-headline {
  width: 100%;
  display: inline-block;
  word-break: break-word;
  background-size: cover;
  background-position: center center;
}
.ladi-headline a {
  text-decoration: underline;
}
.ladi-paragraph {
  width: 100%;
  display: inline-block;
  word-break: break-word;
}
.ladi-paragraph a {
  text-decoration: underline;
}
.ladi-list-paragraph {
  width: 100%;
  display: inline-block;
}
.ladi-list-paragraph a {
  text-decoration: underline;
}
.ladi-list-paragraph ul li {
  position: relative;
  counter-increment: linum;
}
.ladi-list-paragraph ul li:before {
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
}
.ladi-list-paragraph ul li:last-child {
  padding-bottom: 0 !important;
}
.ladi-line {
  position: relative;
}
.ladi-line .ladi-line-container {
  border-bottom: 0 !important;
  border-right: 0 !important;
  width: 100%;
  height: 100%;
}
.ladi-menu {
  /* position: absolute; */
}
.ladi-menu.list-menu-items.theme-1 {
  z-index: 1;
  display: flex;
  width: fit-content;
  height: 100%;
  /* margin: 0 auto; */
  left: 0;
  right: 0;
}
.ladi-menu.list-menu-items.theme-1 .ladi-menu-item {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  align-self: center;
  position: relative;
  transition: all 150ms linear 0s, visibility 0s;
}
.ladi-menu.list-menu-items.theme-1 .ladi-menu-item > ul {
  visibility: hidden;
  opacity: 0;
  display: flex;
  position: absolute;
  top: 35px;
  width: max-content;
  gap: 10px;
  flex-flow: column;
  padding: 5px 10px;
}
.ladi-menu.list-menu-items.theme-1 .ladi-menu-item > ul:before {
  content: "";
  position: absolute;
  top: -35px;
  left: 0;
  width: 100%;
  height: 50px;
}
.ladi-menu.list-menu-items.theme-1 .ladi-menu-item > ul > .ladi-menu-item {
  width: 100%;
}
.ladi-menu.list-menu-items.theme-1 .ladi-menu-item:hover > ul {
  visibility: visible;
  opacity: 1;
}
.ladi-menu.list-menu-items.theme-1 > .ladi-menu-item > ul .ladi-menu-item > ul {
  left: 100%;
  transform: translate(20px, -5px);
  top: 0;
}
.ladi-menu.list-menu-items.theme-1
  > .ladi-menu-item
  > ul
  .ladi-menu-item
  > ul:before {
  top: 0;
  left: -35px;
  height: 100%;
  width: 50px;
}
.popup-menu-mobile .ladi-menu.list-menu-items.theme-1,
#POPUP_MENU_MOBILE .ladi-menu.list-menu-items.theme-1 {
  margin: 0;
}
.popup-menu-mobile .ladi-menu.list-menu-items.theme-1 .ladi-menu-item,
#POPUP_MENU_MOBILE .ladi-menu.list-menu-items.theme-1 .ladi-menu-item {
  display: block;
  align-self: baseline;
}
.popup-menu-mobile .ladi-menu.list-menu-items.theme-1 .ladi-menu-item ul {
  position: relative;
}
.popup-menu-mobile .ladi-menu.list-menu-items.theme-1 .ladi-menu-item a,
#POPUP_MENU_MOBILE .ladi-menu.list-menu-items.theme-1 .ladi-menu-item a {
  padding-right: 20px;
  position: relative;
}
.popup-menu-mobile
  .ladi-menu.list-menu-items.theme-1
  .ladi-menu-item[data-child="true"]
  > a {
  pointer-events: none;
}
.popup-menu-mobile
  .ladi-menu.list-menu-items.theme-1
  .ladi-menu-item[data-child="true"]
  > a:before,
.popup-menu-mobile .ladi-menu.list-menu-items.theme-1 .ladi-menu-item ul {
  visibility: hidden;
  opacity: 0;
  display: none !important;
}
.popup-menu-mobile
  .ladi-menu.list-menu-items.theme-1
  .ladi-menu-item.open
  > a:before {
  transform: rotate(0deg);
  top: 0;
}
.popup-menu-mobile
  .ladi-menu.list-menu-items.theme-1
  .ladi-menu-item.open
  > ul {
  visibility: visible;
  opacity: 1;
  display: flex !important;
  top: 5px;
}
.popup-menu-mobile .ladi-menu.list-menu-items.theme-1 ul {
  display: flex !important;
  visibility: visible;
  opacity: 1;
  background: transparent;
  padding: 0;
  top: 35px;
  transform: translate(20px, 0);
  left: 0;
}
.popup-menu-mobile
  .ladi-menu.list-menu-items.theme-1
  > .ladi-menu-item
  .ladi-menu-item
  ul {
  left: 0;
  transform: translate(20px, 0);
}
.ladi-menu.menu-icon-item {
  width: 100%;
  height: 100%;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  cursor: pointer;
}

.ladi-popup .ladi-menu.menu-icon-item {
  display: none;
}
.ladi-popup .ladi-menu.list-menu-items {
  display: flex;
  flex-flow: column;
}
#SECTION_POPUP
  > .ladi-container
  > .ladi-element[id^="POPUP_MENU_MOBILE"][data-dropbox="true"] {
  display: none;
}

a[data-action] {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
}
a:visited {
  color: inherit;
}
a:link {
  color: inherit;
}
[data-opacity="0"] {
  opacity: 0;
}
[data-hidden="true"] {
  display: none;
}
[data-action="true"] {
  cursor: pointer;
}
.ladi-hidden {
  display: none;
}
.ladi-animation-hidden {
  visibility: hidden !important;
  opacity: 0 !important;
}
.element-click-selected {
  cursor: pointer;
}
.is-2nd-click {
  cursor: pointer;
}
.ladi-button-shape.is-2nd-click,
.ladi-accordion-shape.is-2nd-click {
  z-index: 3;
}

.ladi-lazyload {
  background-image: none !important;
}
.ladi-list-paragraph ul li.ladi-lazyload:before {
  background-image: none !important;
}
@media (min-width: 1110px) {
  .ladi-menu.menu-icon-item.theme-1 {
    display: none;
  }
  .popup-menu-mobile {
    display: none;
  }
}
@media (max-width: 1110px) {
  .ladi-element.ladi-auto-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100% !important;
    left: 0 !important;
    -webkit-overflow-scrolling: touch;
  }
  [data-hint]:not([data-timeout-id-copied]):before,
  [data-hint]:not([data-timeout-id-copied]):after {
    display: none !important;
  }
  .m-section.ladi-auto-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .ladi-menu.list-menu-items.theme-1 {
    display: none;
  }
}

/* style_page */
body {
  direction: ltr;
}

@media (min-width: 1250px) {
  .m-section .ladi-container {
    width: 960px;
  }
}

@media (max-width: 1250px) {
  .m-section .ladi-container {
    width: 450px;
  }
}
@media (max-width: 767px) {
  .m-section .ladi-container {
    width: 420px;
    max-width: 100%;
  }
}
body {
  font-family: "Open Sans", sans-serif;
}

/* style_element */

#IMAGE2 > .ladi-image > .ladi-image-background,
#BUTTON2,
#SHAPE11,
#IMAGE3 > .ladi-image > .ladi-image-background,
#IMAGE4 > .ladi-image > .ladi-image-background,
#IMAGE6 > .ladi-image > .ladi-image-background,
#IMAGE9 > .ladi-image > .ladi-image-background,
#IMAGE10 > .ladi-image > .ladi-image-background,
#GROUP9,
#IMAGE16 > .ladi-image > .ladi-image-background,
#GROUP4,
#HEADLINE18,
#POPUP1,
#FORM_ITEM5,
#SHAPE6,
#POPUP_MENU_MOBILE_MENU3 {
  top: 0px;
  left: 0px;
}

#MENU3 > .ladi-menu .ladi-menu-item {
  font-weight: bold;
  line-height: 1.6;
  color: rgb(236, 195, 134);
  text-align: left;
}
#MENU3 > .ladi-menu .ladi-menu-item,
#MENU29 > .ladi-menu .ladi-menu-item {
  -webkit-text-stroke-width: 0px;
}
#MENU3 > .ladi-menu .ladi-menu-item:hover,
#MENU3 > .ladi-menu .ladi-menu-item.selected {
  color: rgb(255, 147, 57);
}
#MENU3 > .ladi-menu .ladi-menu-item:hover,
#MENU3 > .ladi-menu .ladi-menu-item.selected,
#BUTTON2 > .ladi-button:hover,
#BUTTON_TEXT2 > .ladi-headline:hover,
#BOX1 > .ladi-box:hover,
#HEADLINE6 > .ladi-headline:hover,
#HEADLINE7 > .ladi-headline:hover,
#BUTTON3 > .ladi-button:hover,
#BUTTON_TEXT3 > .ladi-headline:hover,
#BOX13 > .ladi-box:hover,
#HEADLINE21 > .ladi-headline:hover,
#BUTTON12 > .ladi-button:hover,
#BUTTON_TEXT12 > .ladi-headline:hover,
#HEADLINE8 > .ladi-headline:hover,
#IMAGE3:hover > .ladi-image,
#PARAGRAPH2 > .ladi-paragraph:hover,
#PARAGRAPH3 > .ladi-paragraph:hover,
#BUTTON9 > .ladi-button:hover,
#BUTTON_TEXT9 > .ladi-headline:hover,
#SHAPE1:hover > .ladi-shape,
#BOX2 > .ladi-box:hover,
#HEADLINE12 > .ladi-headline:hover,
#BOX5 > .ladi-box:hover,
#BOX10 > .ladi-box:hover,
#BOX3 > .ladi-box:hover,
#HEADLINE13 > .ladi-headline:hover,
#PARAGRAPH9 > .ladi-paragraph:hover,
#BUTTON5 > .ladi-button:hover,
#BUTTON_TEXT5 > .ladi-headline:hover,
#BOX11 > .ladi-box:hover,
#BOX4 > .ladi-box:hover,
#HEADLINE14 > .ladi-headline:hover,
#PARAGRAPH10 > .ladi-paragraph:hover,
#PARAGRAPH13 > .ladi-paragraph:hover,
#BUTTON6 > .ladi-button:hover,
#BUTTON_TEXT6 > .ladi-headline:hover,
#BUTTON_TEXT4 > .ladi-headline:hover,
#HEADLINE11 > .ladi-headline:hover,
#BUTTON11 > .ladi-button:hover,
#BUTTON_TEXT11 > .ladi-headline:hover,
#IMAGE16:hover > .ladi-image,
#BOX12 > .ladi-box:hover,
#HEADLINE17 > .ladi-headline:hover,
#LIST_PARAGRAPH1 > .ladi-list-paragraph:hover,
#BUTTON_TEXT7 > .ladi-headline:hover,
#LIST_PARAGRAPH2 > .ladi-list-paragraph:hover,
#HEADLINE18 > .ladi-headline:hover,
#LIST_PARAGRAPH3 > .ladi-list-paragraph:hover,
#PARAGRAPH18 > .ladi-paragraph:hover,
#PARAGRAPH19 > .ladi-paragraph:hover,
#BUTTON8 > .ladi-button:hover,
#BUTTON_TEXT8 > .ladi-headline:hover,
#MENU29 > .ladi-menu .ladi-menu-item:hover,
#MENU29 > .ladi-menu .ladi-menu-item.selected {
  opacity: 1;
}
#MENU3 > .ladi-menu.list-menu-items {
  gap: 36px;
}
#MENU3 > .ladi-menu.menu-icon-item,
#BOX5 > .ladi-box,
#BOX10 > .ladi-box,
#BOX11 > .ladi-box {
  background-color: rgb(236, 195, 134);
}
#GROUP1,
#BUTTON2 {
  width: 214px;
  height: 40px;
}
#GROUP1.ladi-animation > .ladi-group,
#BUTTON3.ladi-animation > .ladi-button,
#GROUP19.ladi-animation > .ladi-group,
#GROUP21.ladi-animation > .ladi-group,
#GROUP22.ladi-animation > .ladi-group,
#BUTTON9.ladi-animation > .ladi-button,
#BUTTON11.ladi-animation > .ladi-button {
  animation-name: pulse;
  animation-delay: 0s;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
#BUTTON2 > .ladi-button > .ladi-button-background,
#BUTTON12 > .ladi-button > .ladi-button-background {
  background-color: rgb(255, 222, 89);
}
#BUTTON2 > .ladi-button,
#BUTTON12 > .ladi-button {
  border-radius: 10px;
}
#BUTTON_TEXT2 {
  width: 214px;
}
#BUTTON_TEXT2,
#BUTTON_TEXT3,
#BUTTON_TEXT9,
#BUTTON_TEXT10,
#BUTTON_TEXT4,
#BUTTON_TEXT11 {
  top: 9px;
  left: 0px;
}
#BUTTON_TEXT2 > .ladi-headline,
#BUTTON_TEXT12 > .ladi-headline {
  font-size: 19px;
  font-weight: bold;
  line-height: 1.6;
  color: rgb(209, 0, 0);
  text-align: center;
}
#SHAPE2 {
  width: 15.9031px;
  height: 21.416px;
  top: 10.292px;
  left: 32px;
}
#SHAPE2 > .ladi-shape {
  transform: rotate(27deg);
}
#SHAPE2 svg:last-child {
  fill: rgb(209, 0, 0);
}
#SECTION3 > .m-section-background {
  background-size: cover;
  background-origin: content-box;
  background-position: 50% 0%;
  background-repeat: repeat;
  background-attachment: scroll;
}
#BOX1 > .ladi-box {
  border-width: 2px;
  border-radius: 8px;
  border-style: dashed;
  border-color: rgb(255, 255, 255);
  background-color: rgb(84, 84, 84, 0.75);
  position: relative;
}
#BOX2 > .ladi-box,
#BOX3 > .ladi-box,
#BOX4 > .ladi-box {
  background-color: rgb(84, 84, 84);
}
#BOX1 > .ladi-box:hover {
  background-color: rgb(84, 84, 84);
}
#HEADLINE6 > .ladi-headline {
  font-weight: bold;
  line-height: 1.6;
  color: rgb(0, 0, 0);
  text-align: center;
}
#HEADLINE7 > .ladi-headline {
  font-style: italic;
  line-height: 1.6;
  text-align: center;
}
#BUTTON3 > .ladi-button > .ladi-button-background,
#BUTTON9 > .ladi-button > .ladi-button-background,
#BUTTON5 > .ladi-button > .ladi-button-background,
#BUTTON6 > .ladi-button > .ladi-button-background,
#BUTTON11 > .ladi-button > .ladi-button-background,
#BUTTON8 > .ladi-button > .ladi-button-background {
  background-color: rgb(209, 0, 0);
}

#SHAPE3 svg:last-child,
#SHAPE6 svg:last-child {
  fill: rgb(255, 222, 89);
}
#GROUP19,
#GROUP21 {
  top: auto;
  left: auto;
  position: fixed;
  z-index: 90000050;
}
#BOX13,
#BUTTON12,
#BUTTON_TEXT12,
#GROUP8,
#BOX10,
#BOX3,
#BUTTON_TEXT5,
#BOX11,
#BOX4,
#BUTTON_TEXT6,
#BUTTON_TEXT7,
#LINE1,
#BUTTON8,
#BUTTON_TEXT8 {
  left: 0px;
}
#BOX13 > .ladi-box {
  border-width: 2px;
  border-radius: 10px;
  border-style: solid;
  border-color: rgb(255, 221, 37);
  background-color: rgb(27, 137, 248);
}
#HEADLINE21 > .ladi-headline {
  font-weight: bold;
  line-height: 1.6;
  color: rgb(255, 255, 255);
  text-align: left;
}
#SHAPE8,
#SHAPE9,
#LIST_PARAGRAPH1 ul li:before,
#LIST_PARAGRAPH2 ul li:before {
  top: 0px;
}
#SHAPE8 svg:last-child,
#SHAPE9 svg:last-child {
  fill: rgb(0, 0, 0);
}

#HEADLINE22 > .ladi-headline {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  color: rgb(255, 255, 255);
}

#HEADLINE8 > .ladi-headline {
  font-weight: bold;
  line-height: 1.6;
  color: rgb(236, 195, 134);
}
#IMAGE3 > .ladi-image > .ladi-image-background,
#IMAGE16 > .ladi-image > .ladi-image-background {
  background-image: url("../assets/images/title-de.png");
}
#PARAGRAPH2 > .ladi-paragraph {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.8;
  color: rgb(255, 255, 255);
  text-align: justify;
}
#PARAGRAPH3 > .ladi-paragraph,
#PARAGRAPH5 > .ladi-paragraph,
#PARAGRAPH6 > .ladi-paragraph {
  font-size: 15px;
  line-height: 1.8;
  color: rgb(255, 255, 255);
  text-align: justify;
}
#IMAGE4 > .ladi-image {
  box-shadow: rgb(236, 195, 134) 15px 15px 20px -15px;
}
#BUTTON9 > .ladi-button,
#BUTTON11 > .ladi-button {
  border-width: 2px;
  border-radius: 7px;
  border-style: solid;
  border-color: rgb(255, 221, 37);
}
#BUTTON_TEXT9 > .ladi-headline,
#BUTTON_TEXT10 > .ladi-headline,
#BUTTON_TEXT5 > .ladi-headline,
#BUTTON_TEXT6 > .ladi-headline,
#BUTTON_TEXT4 > .ladi-headline,
#BUTTON_TEXT11 > .ladi-headline {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
  color: rgb(255, 255, 255);
  text-align: center;
}

#HEADLINE9 > .ladi-headline {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.6;
  color: rgb(236, 195, 134);
  text-align: center;
}

#IMAGE16,
#IMAGE16 > .ladi-image > .ladi-image-background {
  width: 342.187px;
  height: 16.8462px;
}
#VIDEO1 > .ladi-video > .ladi-video-background {
  background-size: cover;
  background-origin: content-box;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
#SHAPE1 svg:last-child {
  fill: rgba(0, 0, 0, 0.5);
}
#BUTTON_TEXT10,
#BUTTON5,
#BUTTON_TEXT5,
#BUTTON6,
#BUTTON_TEXT6,
#BUTTON_TEXT4 {
  width: 160px;
}

#IMAGE14 > .ladi-image > .ladi-image-background {
  background-image: url("../assets/images/blog1.jpg");
}
#BOX2 {
  width: 393.689px;
  height: 63.996px;
  top: 224.624px;
  left: 0px;
}
#BOX2 > .ladi-box,
#BOX5 > .ladi-box,
#BOX10 > .ladi-box,
#BOX3 > .ladi-box,
#BOX11 > .ladi-box,
#BOX4 > .ladi-box,
#BUTTON7 > .ladi-button {
  border-radius: 0px;
}
#BOX2 > .ladi-box,
#BOX5 > .ladi-box,
#BOX10 > .ladi-box,
#BOX3 > .ladi-box,
#BOX11 > .ladi-box,
#BOX4 > .ladi-box {
  opacity: 0.85;
}
#HEADLINE13,
#HEADLINE14 {
  width: 200px;
}

#HEADLINE12 > .ladi-headline,
#HEADLINE13 > .ladi-headline,
#HEADLINE14 > .ladi-headline {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  color: rgb(255, 222, 89);
  text-align: center;
}
#BOX5 {
  width: 393.689px;
  height: 214.952px;
  top: 288.624px;
  left: 0px;
}
#PARAGRAPH9,
#PARAGRAPH13 {
  width: 331px;
}

#PARAGRAPH11 > .ladi-paragraph,
#PARAGRAPH12 > .ladi-paragraph,
#PARAGRAPH13 > .ladi-paragraph {
  font-size: 15px;
  line-height: 1.6;
  color: rgb(0, 0, 0);
  text-align: justify;
}

#GROUP8,
#BOX10,
#BOX3,
#GROUP9,
#BOX11,
#BOX4 {
  width: 393.689px;
}
#IMAGE13 > .ladi-image > .ladi-image-background {
  background-image: url("../assets/images/blog2.jpg");
}
#HEADLINE13 {
  left: 96.844px;
}
#PARAGRAPH9 {
  left: 31.344px;
}
#PARAGRAPH9 > .ladi-paragraph,
#PARAGRAPH10 > .ladi-paragraph {
  font-size: 16px;
  line-height: 1.6;
  color: rgb(0, 0, 0);
  text-align: justify;
}
#BUTTON5 {
  left: 116.844px;
}
#HEADLINE10 > .ladi-headline,
#HEADLINE11 > .ladi-headline {
  font-weight: bold;
  line-height: 1.6;
  color: rgb(236, 195, 134);
  text-align: center;
}
#PARAGRAPH7 > .ladi-paragraph {
  font-size: 15px;
  line-height: 1.6;
  color: rgb(255, 255, 255);
}
#IMAGE15 > .ladi-image > .ladi-image-background {
  background-image: url("../assets/images/blog3.jpg");
}
#HEADLINE14 {
  left: 95.845px;
}
#PARAGRAPH10 {
  width: 330px;
}
#PARAGRAPH10,
#PARAGRAPH13 {
  left: 30.345px;
}

#PARAGRAPH14 > .ladi-paragraph {
  line-height: 1.6;
  color: rgb(255, 255, 255);
  text-align: justify;
}
#PARAGRAPH15 > .ladi-paragraph {
  font-size: 16px;
  line-height: 1.6;
  color: rgb(255, 255, 255);
  text-align: justify;
}
#HEADLINE16 > .ladi-headline {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  color: rgb(255, 222, 89);
  text-decoration-line: underline;
  text-align: left;
}
#BOX12 > .ladi-box {
  border-width: 5px;
  border-top-right-radius: 0px;
  border-style: solid;
  border-color: rgb(236, 195, 134);
}
#BOX12 > .ladi-box,
#POPUP1 > .ladi-popup > .ladi-popup-background {
  background-color: rgb(2, 125, 80);
}
#HEADLINE17 > .ladi-headline {
  font-family: Montserrat, sans-serif;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.2;
  color: rgb(255, 221, 37);
  text-align: center;
}
#LIST_PARAGRAPH1 > .ladi-list-paragraph {
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  line-height: 1.1;
  color: rgb(255, 255, 255);
  text-align: center;
}
#LIST_PARAGRAPH1 ul li,
#LIST_PARAGRAPH2 ul li {
  padding-bottom: 8px;
  padding-left: 27px;
}
#LIST_PARAGRAPH1 ul li:before,
#LIST_PARAGRAPH2 ul li:before {
  font-size: 13.5px;
  color: rgb(245, 237, 59);
  content: counter(linum, none);
}
#BUTTON7 > .ladi-button > .ladi-button-background {
  background-color: rgb(255, 221, 37);
}
#BUTTON_TEXT7 > .ladi-headline {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  color: rgb(251, 1, 1);
  text-align: center;
}
#LIST_PARAGRAPH2 > .ladi-list-paragraph {
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  line-height: 1.1;
  color: rgb(255, 255, 255);
}
#SHAPE7 {
  width: 23px;
  height: 23px;
}
#SHAPE7 svg:last-child {
  fill: rgb(255, 255, 255);
}
#PARAGRAPH16 > .ladi-paragraph,
#PARAGRAPH21 > .ladi-paragraph {
  line-height: 1.6;
  color: rgb(255, 255, 255);
  text-align: center;
}
#PARAGRAPH22 > .ladi-paragraph {
  line-height: 1.8;
  color: rgb(255, 255, 255);
  text-align: left;
}
#IMAGE17,
#IMAGE17 > .ladi-image-background {
  width: 61.0048px;
  height: 102.75px;
}
#IMAGE17 > .ladi-image-background {
  background-image: url("../assets/images/logo.svg");
}
#GROUP14 {
  width: 346px;
  height: 187px;
}

#HEADLINE18 > .ladi-headline {
  font-size: 29px;
  font-weight: bold;
  line-height: 1.6;
  color: rgb(236, 195, 134);
}
#LINE1 > .ladi-line > .ladi-line-container {
  border-top: 2px solid rgb(255, 222, 89);
  border-right: 2px solid rgb(255, 222, 89);
  border-bottom: 2px solid rgb(255, 222, 89);
  border-left: 0px !important;
}
#LINE1 > .ladi-line {
  width: 100%;
  padding: 8px 0px;
}
#LIST_PARAGRAPH3 {
  width: 346px;
  top: 85px;
  left: 0px;
}
#LIST_PARAGRAPH3 > .ladi-list-paragraph {
  font-size: 14px;
  line-height: 1.6;
  color: rgb(255, 255, 255);
  text-align: left;
}
#LIST_PARAGRAPH3 ul li {
  padding-bottom: 4px;
  padding-left: 20px;
}
#LIST_PARAGRAPH3 ul li:before {
  top: -10px;
  font-size: 25px;
  content: counter(linum, disc);
}
#PARAGRAPH18 > .ladi-paragraph {
  font-size: 14px;
  line-height: 1.6;
  color: rgb(255, 255, 255);
}
#PARAGRAPH19 > .ladi-paragraph {
  line-height: 1.6;
  color: rgb(236, 195, 134);
  text-align: justify;
}
#SECTION_POPUP {
  height: 0px;
}
#POPUP1,
#POPUP_MENU_MOBILE_MENU3 {
  right: 0px;
  bottom: 0px;
  margin: auto;
}
#POPUP1 > .ladi-popup > .ladi-overlay {
  background-image: url("../assets/images/overlay.jpg");
  background-size: cover;
  background-origin: content-box;
  background-position: 50% 0%;
  background-repeat: repeat;
  background-attachment: scroll;
  opacity: 0.08;
}


#BUTTON8 > .ladi-button {
  border-width: 2px;
  border-style: solid;
  border-color: rgb(255, 221, 37);
}
#BUTTON_TEXT8 > .ladi-headline {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
  color: rgb(241, 243, 244);
  text-align: center;
}

#GROUP17.ladi-animation > .ladi-group {
  animation-name: bounce;
  animation-delay: 0s;
  animation-duration: 1s;
}
#HEADLINE20 > .ladi-headline {
  font-weight: bold;
  line-height: 1.6;
  color: rgb(255, 221, 37);
  text-align: left;
}
#POPUP_MENU_MOBILE_MENU3 {
  width: 320px;
}
#MENU29 {
  /* width: 110px; */
  /* height: 331px; */
  top: 10px;
  left: 10%;
}
#MENU29 > .ladi-menu .ladi-menu-item {
  font-size: 18px;
  line-height: 1.6;
  color: rgb(255, 255, 255);
}
#MENU29 > .ladi-menu .ladi-menu-item:hover,
#MENU29 > .ladi-menu .ladi-menu-item.selected {
  color: blue;
}
#MENU29 > .ladi-menu.list-menu-items {
  gap: 30px;
}
#MENU29 > .ladi-menu.menu-icon-item {
  background-color: rgb(255, 87, 87);
}

#IMAGE11,
#IMAGE11 > .ladi-image > .ladi-image-background {
  width: 100%;
  aspect-ratio: 289 / 250;
}

#IMAGE11 > .ladi-image > .ladi-image-background {
  background-image: url("../assets/images/tien-ich.png");
}

#SECTION3 > .m-section-background {
  background-image: url("../assets/images/bner.png");
}
#VIDEO1 > .ladi-video > .ladi-video-background {
  background-image: url("../assets/images/vi-tri1.png");
}
#IMAGE6 > .ladi-image > .ladi-image-background {
  background-image: url("../assets/images/vi-tri2.jpeg");
}
#IMAGE4 > .ladi-image > .ladi-image-background {
  background-image: url("../assets/images/tong-quan.jpg");
}

@media (min-width: 1250px) {
  /* #SECTION2 {
    height: 93.1px;
  } */
  #IMAGE2,
  #IMAGE2 > .ladi-image > .ladi-image-background {
    width: 38.508px;
    height: 64.859px;
  }
  #IMAGE2 {
    top: 12.9795px;
    left: -38.508px;
  }

  #MENU3 > .ladi-menu .ladi-menu-item {
    font-size: 16px;
  }

  #SECTION3 {
    height: 573.1px;
  }

  #BOX1 {
    width: 601.8px;
    height: 363px;
    top: 161.55px;
    left: -107px;
  }

  #HEADLINE6 > .ladi-headline,
  #HEADLINE7 > .ladi-headline {
    font-size: 24px;
  }
  #BUTTON_TEXT11 {
    width: 346px;
  }

  #BUTTON3.ladi-element {
    position: relative;
  }
  #BUTTON_TEXT3 > .ladi-headline,
  #HEADLINE21 > .ladi-headline,
  #PARAGRAPH14 > .ladi-paragraph,
  #PARAGRAPH16 > .ladi-paragraph {
    font-size: 16px;
  }
  #SHAPE3 {
    width: 36.6px;
    height: 36.6px;
    top: 195.9px;
    left: -62.7px;
  }
  #GROUP19 {
    width: 154.445px;
    height: 63px;
    right: 25px;
    bottom: 38px;
  }
  #BOX13 {
    width: 105.62px;
    height: 47.25px;
    top: 8.6625px;
  }
  #HEADLINE21 {
    width: 87px;
    top: 19.2375px;
    left: 14.6727px;
  }
  #SHAPE8 {
    width: 63.0003px;
    height: 63px;
    left: 91.4447px;
  }
  #GROUP21 {
    width: 191px;
    height: 60.85px;
    right: 24px;
    bottom: 100px;
  }
  #BUTTON12 {
    width: 143px;
    height: 40px;
    top: 10.425px;
  }
  #BUTTON_TEXT12 {
    width: 143px;
    top: 9px;
  }
  #SHAPE9 {
    width: 60.85px;
    height: 60.85px;
    left: 130.15px;
  }

  #HEADLINE22 > .ladi-headline,
  #HEADLINE18 > .ladi-headline {
    text-align: left;
  }
  #SHAPE11 {
    width: 2rem;
  }

  #HEADLINE8 > .ladi-headline {
    font-size: 36px;
    text-align: left;
  }
  #IMAGE3,
  #IMAGE3 > .ladi-image > .ladi-image-background {
    width: 342.187px;
    height: 16.8462px;
  }

  #IMAGE4,
  #IMAGE4 > .ladi-image > .ladi-image-background {
    width: 582.184px;
    height: 437.075px;
  }

  #BUTTON11 {
    width: 350px;
    height: 55px;
  }

  #SECTION5 {
    height: 1145.1px;
  }

  #VIDEO1 {
    width: 100%;
    height: 350px;
  }

  #SHAPE1 {
    width: 40px;
    height: 40px;
    top: 155px;
    left: 291.111px;
  }
  #IMAGE6,
  #IMAGE6 > .ladi-image > .ladi-image-background {
    width: 100%;
    aspect-ratio: 16/10;
  }

  #GROUP8,
  #GROUP9 {
    height: 503.576px;
  }

  #GROUP8 {
    top: 0px;
  }
  #BOX10,
  #BOX11 {
    height: 212.06px;
    top: 291.516px;
  }

  #BOX3 {
    height: 64.6373px;
  }
  #BOX3,
  #BOX4 {
    top: 226.875px;
  }
  #HEADLINE13,
  #HEADLINE14 {
    top: 243.035px;
  }
  #PARAGRAPH9,
  #PARAGRAPH10 {
    top: 343.219px;
  }
  #PARAGRAPH13 {
    top: 310.898px;
  }
  #BUTTON5,
  #BUTTON6 {
    height: 40.4008px;
  }
  #BUTTON5 {
    top: 441.191px;
  }
  #BUTTON_TEXT5,
  #BUTTON_TEXT6 {
    top: 9.09018px;
  }
  #HEADLINE11 {
    width: 671px;
  }

  #HEADLINE10 > .ladi-headline,
  #HEADLINE11 > .ladi-headline {
    font-size: 36px;
  }

  #IMAGE9,
  #IMAGE9 > .ladi-image > .ladi-image-background {
    width: 422.223px;
    height: 562.4px;
  }

  #IMAGE10,
  #IMAGE10 > .ladi-image > .ladi-image-background {
    width: 422.222px;
    height: 562.4px;
  }

  #PARAGRAPH7 > .ladi-paragraph {
    text-align: center;
  }

  #BOX4 {
    height: 64.6413px;
  }
  #BUTTON6 {
    top: 442.201px;
    left: 116.845px;
  }

  #HEADLINE11 {
    top: 42.5px;
    left: 144.5px;
  }

  #BUTTON11 {
    top: 597.928px;
    left: 631px;
  }

  #IMAGE16 {
    top: 104.477px;
    left: 308.906px;
  }

  #BOX12 {
    width: 432.369px;
    height: 439px;
  }
  #HEADLINE17 {
    width: 329px;
    top: 42.183px;
    left: 39.6845px;
  }
  #LIST_PARAGRAPH1 {
    width: 353px;
    top: 103.15px;
    left: 26.737px;
  }

  #BUTTON7 {
    height: 42.192px;
  }
  #BUTTON_TEXT7 {
    width: 327px;
    top: 11.4521px;
  }
  #LIST_PARAGRAPH2 {
    width: 361px;
    top: 379.507px;
    left: 91.369px;
  }
  #SHAPE7 {
    top: 917.4px;
    left: 636px;
  }

  #GROUP26 {
    width: fit-content;
    margin: 0 auto;
  }

  #PARAGRAPH22 > .ladi-paragraph {
    font-size: 19px;
  }

  #GROUP14 {
    top: 62.3px;
    left: 279px;
  }
  #LINE1,
  #BUTTON_TEXT8 {
    width: 321px;
  }
  #LINE1 {
    top: 51.75px;
  }

  #PARAGRAPH19 > .ladi-paragraph {
    font-size: 14px;
  }
  #POPUP1 {
    width: 398px;
    height: 447px;
  }

  #BUTTON8 {
    width: 325.009px;
    height: 48.1496px;
    top: 150.467px;
  }
  #BUTTON_TEXT8 {
    top: 10.8337px;
  }
  #PARAGRAPH21 > .ladi-paragraph {
    font-size: 15px;
  }

  #HEADLINE20 > .ladi-headline {
    font-size: 22px;
  }
  #SHAPE6 {
    width: 30.3578px;
    height: 44.2656px;
  }
  #POPUP_MENU_MOBILE_MENU3 {
    height: 300px;
  }
  #POPUP_MENU_MOBILE_MENU3 > .ladi-popup > .ladi-popup-background {
    background-image: linear-gradient(rgb(67, 67, 67), rgb(0, 0, 0));
    background-color: initial;
    background-size: initial;
    background-origin: initial;
    background-position: initial;
    background-repeat: initial;
    background-attachment: initial;
    -webkit-background-clip: initial;
  }
}
@media (max-width: 1250px) {
  #IMAGE2,
  #IMAGE2 > .ladi-image > .ladi-image-background {
    width: 46.565px;
    height: 78.4295px;
  }
  #IMAGE2 {
    top: 17.4295px;
    left: 190.746px;
  }
  #MENU3 {
    /* width: 57.2664px;
    height: 50px;
    top: 32.4295px;
    left: 14px; */
  }
  #MENU3 > .ladi-menu .ladi-menu-item {
    font-size: 14px;
  }
  /* #GROUP1 {
    top: 32.4295px;
    left: 444px;
  } */
  #SECTION3 {
    height: 568.158px;
  }

  #BOX1 {
    top: 52px;
    left: 10px;
    max-width: calc(100% - 20px);
  }

  #HEADLINE6 > .ladi-headline {
    font-size: 17px;
  }

  #HEADLINE7 > .ladi-headline,
  #BUTTON_TEXT3 > .ladi-headline,
  #HEADLINE21 > .ladi-headline,
  #PARAGRAPH22 > .ladi-paragraph,
  #PARAGRAPH21 > .ladi-paragraph {
    font-size: 14px;
  }

  #SHAPE3 {
    width: 27px;
    height: 27px;
  }
  #GROUP19 {
    width: 137.284px;
    height: 56px;
    right: 16px;
    bottom: 18px;
  }
  #BOX13 {
    width: 93.8841px;
    height: 42px;
    top: 7.7px;
  }
  #HEADLINE21 {
    width: 77px;
    top: 17.1px;
    left: 13.0424px;
  }
  #SHAPE8 {
    width: 56.0001px;
    height: 56px;
    left: 81.2839px;
  }
  #GROUP21 {
    width: 175.306px;
    height: 55.85px;
    right: 16px;
    bottom: 69px;
  }
  #BUTTON12 {
    width: 131.25px;
    height: 36.7132px;
    top: 9.56839px;
  }
  #BUTTON_TEXT12 {
    width: 131px;
    top: 8.26047px;
  }
  #SHAPE9 {
    width: 55.8501px;
    height: 55.85px;
    left: 119.456px;
  }

  #HEADLINE22 > .ladi-headline {
    text-align: center;
  }
  #SHAPE11 {
    width: 1.8rem;
    transform: translateY(0.2rem);
  }

  #HEADLINE8 > .ladi-headline {
    font-size: 25px;
    text-align: center;
  }
  #IMAGE3,
  #IMAGE3 > .ladi-image > .ladi-image-background {
    width: 301.562px;
    height: 14.8462px;
  }

  #IMAGE4,
  #IMAGE4 > .ladi-image > .ladi-image-background {
    width: 400px;
    height: 300.3px;
  }

  #IMAGE4 > .ladi-image {
    box-shadow: rgb(236, 195, 134) 15px 15px 20px -15px;
  }

  #VIDEO1 {
    width: 100%;
    aspect-ratio: 16 / 9;
  }

  #SHAPE1 {
    width: 60px;
    height: 60px;
    top: 88.125px;
    left: 180px;
  }
  #IMAGE6,
  #IMAGE6 > .ladi-image > .ladi-image-background {
    width: 100%;
    aspect-ratio: 16 / 9;
  }

  #GROUP8,
  #GROUP9 {
    height: 498.58px;
  }
  #GROUP8 {
    top: 85.8422px;
  }
  #BOX10,
  #BOX11 {
    height: 209.956px;
    top: 288.624px;
  }

  #BOX3 {
    height: 63.996px;
  }
  #BOX3,
  #BOX4 {
    top: 224.624px;
  }
  #HEADLINE13,
  #HEADLINE14 {
    top: 240.624px;
  }
  #PARAGRAPH9,
  #PARAGRAPH10 {
    top: 339.814px;
  }
  #PARAGRAPH13 {
    top: 307.814px;
  }
  #BUTTON5,
  #BUTTON6 {
    height: 40px;
  }
  #BUTTON5 {
    top: 0px;
  }
  #BUTTON_TEXT5,
  #BUTTON_TEXT6 {
    top: 9px;
  }

  #HEADLINE10 > .ladi-headline,
  #HEADLINE11 > .ladi-headline {
    font-size: 30px;
  }

  #GROUP6 {
    height: 279.72px;
  }
  #IMAGE9,
  #IMAGE9 > .ladi-image > .ladi-image-background,
  #IMAGE10,
  #IMAGE10 > .ladi-image > .ladi-image-background {
    width: 210px;
    height: 279.72px;
  }

  #PARAGRAPH18 > .ladi-paragraph {
    text-align: justify;
  }

  #BOX4 {
    height: 64px;
  }
  #BUTTON6 {
    top: 435.578px;
    left: 116.844px;
  }

  #HEADLINE11 {
    width: 426px;
    top: 38px;
    left: -3px;
  }

  #PARAGRAPH14 > .ladi-paragraph {
    font-size: 15px;
  }
  #BUTTON11 {
    width: 327px;
    height: 40px;
    top: 1038.85px;
    left: 46.5px;
  }
  #BUTTON_TEXT11 {
    width: 160px;
  }

  #IMAGE16 {
    top: 132px;
    left: 33.9065px;
  }

  #BOX12 {
    width: 389.034px;
    height: 395px;
  }

  #HEADLINE17 {
    width: 296px;
    top: 37.9551px;
    left: 35.707px;
  }
  #LIST_PARAGRAPH1 {
    width: 334px;
    top: 103.811px;
    left: 16.707px;
  }

  #BUTTON7 {
    height: 37.9632px;
  }
  #BUTTON_TEXT7 {
    width: 294px;
    top: 10.3043px;
  }
  #LIST_PARAGRAPH2 {
    width: 325px;
    top: 342.67px;
    left: 64.034px;
  }
  #SHAPE7 {
    top: 914.85px;
    left: 77.258px;
  }

  #PARAGRAPH16 > .ladi-paragraph {
    font-size: 14.67px;
  }
  #GROUP26 {
    width: 100%;
  }

  #GROUP14 {
    top: 264.75px;
    left: 37.0004px;
  }
  #LINE1 {
    width: 346px;
  }
  #LINE1 {
    top: 46px;
  }
  #PARAGRAPH19 > .ladi-paragraph {
    font-size: 11.3px;
  }
  #POPUP1 {
    width: 375px;
    height: 421px;
    max-width: 100%;
  }

  #BUTTON8 {
    width: 293.567px;
    height: 43.4911px;
    top: 134.279px;
  }
  #BUTTON_TEXT8 {
    width: 290px;
    top: 9.7855px;
  }

  #HEADLINE20 > .ladi-headline {
    font-size: 20px;
  }
  #SHAPE6 {
    width: 31.4057px;
    height: 45.7937px;
  }
  #POPUP_MENU_MOBILE_MENU3 {
    height: 349px;
  }
  #POPUP_MENU_MOBILE_MENU3 > .ladi-popup > .ladi-popup-background {
    background-color: rgb(0, 0, 0);
  }
}

/* style_lazyload */

.phone-number-header {
  position: relative !important;
}

.phone-number {
  display: flex;
  gap: 8px;
  transition: pulse;
}

.menu-list {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
  position: relative;
  gap: 4rem;
}

@media (max-width: 1110px) {
  .menu-list {
    justify-content: space-between;
  }
}

@media (max-width: 1110px) {
  .menu-list {
    gap: 1rem;
  }
}

.logo-mb {
  width: 40px;
  height: auto;
  display: none; /* Ẩn mặc định */
}

.logo {
  width: 40px;
  height: 100%;
  display: block; /* Hiện mặc định */
  flex-shrink: 0;
}

@media (max-width: 1110px) {
  .logo-mb {
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    height: auto;
  }

  .logo {
    display: none;
  }

  #MENU29 {
    top: 10px;
    width: 100%;
    left: 0;

    padding: 2rem;
  }

  #MENU29 > .ladi-menu.list-menu-items {
    gap: 30px;
    font-weight: 600;
    width: 100%;
    /* padding: 2rem; */
  }

  .hotline {
    text-decoration: underline;
    display: block;
    color: #00ff5c !important;
    font-weight: 600;
    margin-top: 2rem;
    text-underline-offset: 4px;
  }
}

@media (max-width: 700px) {
  #GROUP1 {
    display: none;
  }
}

.footer {
  background-color: rgb(77, 77, 77);
  padding: 5rem 0;
}
.footer-col.x1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#IMAGE17 {
  z-index: 1;
  margin-bottom: 1rem;
}
@media (max-width: 1200px) {
  .footer-row > .col {
    width: 100%;
  }
}

.pulsate-fwd {
  -webkit-animation: pulsate-fwd 1s ease-in-out infinite both;
  animation: pulsate-fwd 1s ease-in-out infinite both;
}

.blog-item .btn-pri {
  transition: 0.3s ease;
}

.blog-item .btn-pri:hover {
  transform: translateY(-3px);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.blog-img {
  width: 100%;
  aspect-ratio: 27 / 20;
  position: relative;
}
.blog-tag {
  bottom: 0;
  left: 0;
  text-align: center;
  padding: 1rem;
  background-color: rgb(84, 84, 84, 0.85);
  width: 100%;
  transition: 0.3s ease;
}
.blog-tag:hover {
  background-color: rgb(84, 84, 84);
}
.blog-des {
  background: rgb(236, 195, 134);
  padding: 1rem;
  z-index: 1;
  flex: 1;
}

.blog-des .txt {
  font-size: 16px;
  line-height: 1.6;
  color: rgb(0, 0, 0);
  text-align: justify;
}

.form-cus {
  background: rgb(2, 125, 80);
  border: 5px solid rgb(236, 195, 134);
  padding: 3rem;
}
.form-cus .title {
  font-size: 21px;
  font-weight: bold;
  line-height: 1.2;
  color: rgb(255, 221, 37);
  text-align: center;
}
.form-cus .desc {
  font-size: 13px;
}
.form-cus-item {
  width: 100%;
  border-radius: 0;
  border: none;
}
.form-cus-item input {
  width: 100%;
  border-radius: 0;
  border: none;
}
.ladi-popup-cus .ladi-popup-background {
  position: absolute;
  top: 0;
  left: 0;
}
#POPUP_MENU_MOBILE_MENU3 .ladi-popup {
  background: rgb(0, 0, 0);
}

#POPUP1 {
  display: block !important;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
}

#POPUP1 .overlay-pop {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -1;
}

#POPUP1.open {
  opacity: 1;
  visibility: visible;
}

#POPUP1.open #GROUP17 {
  animation-name: bounce;
  animation-delay: 0s;
  animation-duration: 1s;
}

#POPUP1 .ladi-popup-cus {
  transform: scale(0.5);
  opacity: 0;
  transition: 0.3s ease;
}

#POPUP1.open .ladi-popup-cus {
  transform: scale(1);
  opacity: 1;
}
#POPUP1 .popup-close {
  display: none !important;
}
.close-pop {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 2rem;
  height: 2rem;
  padding: 0.4rem;
  cursor: pointer;
}