:root {
  --color-earth-brown: #8b4513;
  --color-light-yellow: #ffd700;
  --color-light-yellow-2: rgb(255 242 136);
  --color-light-gray: #f5f5dc;
  --color-dark-red: #b22222;
  --color-dark-red-2: rgb(126, 25, 22);
  --color-smoke-gray: #708090;
  --color-dark-green: #556b2f;
  --color-white: #ffffff;
}

/* Define the custom font */
@font-face {
  font-family: "Roboto";
  /* Name of the font */
  src: url("fonts/roboto-light.ttf") format("truetype");
  /* Path to the font */
}

@font-face {
  font-family: "RobotoBold";
  src: url("fonts/roboto-bold.otf") format("opentype");
  /* Path to the font */
}

@font-face {
  font-family: "SVN-Bebas Neue Bold";
  /* Name of the font */
  src: url("fonts/svn-bebas-neue-bold.ttf") format("truetype");
  /* Path to the font */
}

@font-face {
  font-family: "SVN-Poppins Bold";
  src: url("fonts/svn-poppins-bold.otf") format("opentype");
  /* Path to the font */
}

body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  background-color: var(--color-white);
}

.ladi-group {
  position: absolute;
  width: 100%;
  height: 100%;
}

.ladi-image {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

.ladi-element {
  position: absolute;
}

.ladi-image {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

.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-video .ladi-video-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.card {
  box-shadow: 0 0 0 0.05rem rgba(8, 60, 130, 0.06), 0 0 1.25rem rgba(30, 34, 40, 0.04);
  border: 0;
  color: inherit;
  --bs-card-spacer-y: 2rem;
  --bs-card-spacer-x: 2rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: #343f52;
  --bs-card-border-width: 1px;
  --bs-card-border-color: rgba(164, 174, 198, 0.2);
  --bs-card-border-radius: 0.4rem;
  --bs-card-inner-border-radius: 0.4rem;
  --bs-card-cap-padding-y: 0.9rem;
  --bs-card-cap-padding-x: 2rem;
  --bs-card-cap-bg: transparent;
  --bs-card-bg: var(--bs-white);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
  box-shadow: var(--bs-card-box-shadow);
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

blockquote.icon {
  position: relative;
  border: 0;
  padding: 0;
}

blockquote.icon:before {
  content: "\201d";
  position: absolute;
  top: -1.5rem;
  left: -0.9rem;
  color: rgba(126, 25, 22, 0.15);
  font-size: 10rem;
  line-height: 1;
  z-index: 1;
}

.blockquote-details {
  display: flex;
  align-items: center;
  text-align: left;
}

.blockquote-details .info {
  padding-left: 1rem;
}

/* HEADER */

div#ladi-header {
  background-color: var(--color-white);
  box-shadow: 5px 0px 20px #555;
  font-family: "Roboto", sans-serif;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
}

#ladi-logo img {
  height: 70px;
}

#ladi-header-text {
  color: var(--color-dark-red);
  font-size: 24px;
  line-height: 1.6;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.ladi-font-34 {
  font-size: 34px;
}

div#ladi-header-cta,
#ladi-hero #hero-cta,
#section-5 #data-form-submit {
  width: 214.033px;
  height: 51px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-dark-red);
  color: var(--color-white);
  border-radius: 25px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 25.48px;
  cursor: pointer;
}

.ladi-container {
  width: 1200px;
  position: relative;
  margin: 0 auto;
  height: 100%;
  max-width: 100%;
  z-index: 1;
}

#ladi-header .ladi-container {
  height: 70px;
}

.ladi-section .ladi-section-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 1;
}

.ladi-line .ladi-line-container {
  border-bottom: 0 !important;
  border-right: 0 !important;
  width: 100%;
  height: 100%;
}

#ladi-header-text {
  display: block;
  text-align: center;
}

/* HERO */

#ladi-hero {
  height: 880px;
  overflow: hidden;
}

#ladi-hero .ladi-section-background {
  background-size: cover;
  background-attachment: scroll;
  background-origin: content-box;
  background-image: url("https://w.ladicdn.com/s1440x800/5c7362c6c417ab07e5196b05/infess-01-20230308073324-y7jjo.png");
  background-position: center center;
  background-repeat: no-repeat;
  transform: translate(0, 70px);
}

div#hero-group-1 {
  position: absolute;
  top: 100px;
  z-index: 2;
  text-align: center;
  gap: 70px;
  width: 920px;
}

#hero-group-1 #hero-headline-1 {
  font-family: "SVN-Bebas Neue Bold";
  color: rgb(126, 25, 22);
  font-size: 50px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}

#hero-group-1 #hero-headline-2 {
  width: 100%;
  font-family: "SVN-Poppins Bold";
  background: rgba(118, 31, 32, 1);
  background: -webkit-linear-gradient(90deg, rgba(118, 31, 32, 1), rgba(209, 32, 0, 1));
  background: linear-gradient(90deg, rgba(118, 31, 32, 1), rgba(209, 32, 0, 1));
  color: rgb(35, 32, 32);
  font-size: 58px;
  font-weight: bold;
  text-transform: uppercase;
  font-style: italic;
  text-align: center;
  line-height: 1.3;
}

#hero-group-1 #hero-headline-2 #hero-headline-2-a {
  transform: translate(6px, 6px);
  color: var(--color-white);
}

#hero-group-1 #hero-headline-2 #hero-headline-2-b {
  transform: translate(3px, 3px);
  color: var(--color-light-yellow);
}

#hero-group-1 #hero-headline-2 #hero-headline-2-c {
  color: var(--color-dark-red);
}

div#hero-group-2 {
  position: absolute;
  top: 320px;
  z-index: 4;
  left: 50%;
  display: flex;
  gap: 10px;
  transform: translate(-50%, 0);
  text-align: center;
  width: 90%;
  max-width: 800px;
}

#hero-headline-3 {
  padding: 5px 30px 5px 20px;
  border: 3px solid var(--color-dark-red-2);
  border-radius: 12px;
  color: var(--color-dark-red);
  text-align: center;
  font-size: 20px;
  background-color: var(--color-light-yellow-2);
}

#hero-headline-3 div {
  font-family: "SVN-Poppins Bold";
  color: rgb(182, 33, 37);
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  font-style: italic;
  text-align: center;
  line-height: 1.4;
}

#hero-headline-3 div.hero-headline-3-typ-1 {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

#hero-headline-3 div.hero-headline-3-typ-2 {
  font-size: 24px;
}

#hero-countdown-wrapper,
#form-countdown-wrapper {
  background-color: var(--color-dark-red-2);
  padding: 5px 20px;
  transform: translate(0, -10px);
  border-radius: 0 0 8px 8px;
}

#form-countdown-wrapper {
  background-color: transparent;
  top: 80px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

.countdown-number {
  background-color: #fff;
  color: var(--color-dark-red-2);
  font-size: 20px;
  line-height: 1.4;
  width: 50px;
  border-radius: 5px;
  text-align: center;
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  font-weight: 600;
}

#hero-group-2-subheadline {
  color: var(--color-dark-red-2);
  font-size: 20px;
  line-height: 1.4;
  font-family: "Roboto";
  font-weight: 600;
  animation-name: flash;
  -webkit-animation-name: flash;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

#hero-product-img-1 {
  position: absolute;
  height: 450px;
  right: 10px;
  top: 150px;
  z-index: 2;
}

#hero-product-img-1 img {
  height: 100%;
}

#hero-product-img-2 {
  position: absolute;
  height: 270px;
  left: 10px;
  top: 280px;
}

#hero-product-img-2 img {
  height: 100%;
}

#hero-product-img-3 {
  width: 150px;
  top: -30px;
  left: -100px;
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

#hero-product-img-4 {
  width: 350px;
  top: 300px;
  right: 100px;
  z-index: 3;
}

#hero-product-img-5 {
  width: 350px;
  top: 200px;
  right: -170px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

/* Section 1 */
#section-1 .ladi-section-background {
  background-size: cover;
  background-attachment: scroll;
  background-origin: content-box;
  background-image: url("https://w.ladicdn.com/s1440x855/5c7362c6c417ab07e5196b05/infess-01-20230308074429-wktjj.png");
  background-position: center center;
  background-repeat: repeat;
}

div#section-1 {
  position: absolute;
  top: 727px;
  width: 100%;
  height: 800px;
  overflow: hidden;
}

.ladi-box {
  background-color: rgb(255, 255, 255);
  border-radius: 16px;
  height: 785.872px;
  z-index: 2;
  position: absolute;
  width: 100%;
  transform: translateY(-30px);
  box-shadow: 5px 5px 20px #111;
}

#GROUP75 {
  position: absolute;
  width: 467.286px;
  height: 135.064px;
  top: 30px;
  left: 366.357px;
}

#IMAGE67 {
  width: 95.0967px;
  height: 95.0963px;
  top: 0px;
  left: 332.998px;
}

#IMAGE67 > .ladi-image > .ladi-image-background {
  width: 95.0967px;
  height: 95.0963px;
  top: 0px;
  left: 0px;
  background-image: url("https://w.ladicdn.com/s400x400/5c7362c6c417ab07e5196b05/asset-20-20230308075026-dbjvi.png");
  background-size: 100%;
}

#IMAGE68 {
  width: 442.749px;
  height: 50.4828px;
  top: 84.5812px;
  left: 24.5367px;
}

#IMAGE68 > .ladi-image > .ladi-image-background {
  width: 442.749px;
  height: 50.4828px;
  top: 0px;
  left: 0px;
  background-image: url("https://w.ladicdn.com/s750x400/5c7362c6c417ab07e5196b05/asset-19-20230308075026-macqa.png");
}

#IMAGE69 {
  width: 44.984px;
  height: 28.0418px;
  top: 84.5812px;
  left: 0px;
}

#IMAGE69 > .ladi-image > .ladi-image-background {
  width: 44.984px;
  height: 28.0418px;
  top: 0px;
  left: 0px;
  background-image: url("https://w.ladicdn.com/s350x350/5c7362c6c417ab07e5196b05/asset-18-20230308075026-5q-xn.png");
}

#IMAGE70 {
  width: 350.524px;
  height: 48.8488px;
  top: 42.7427px;
  left: 0px;
}

#IMAGE70 > .ladi-image > .ladi-image-background {
  width: 350.524px;
  height: 48.8488px;
  top: 0px;
  left: 0px;
  background-image: url("https://w.ladicdn.com/s700x350/5c7362c6c417ab07e5196b05/asset-17-20230308075026-folpm.png");
}

#GROUP75 #TEXT75-1 {
  width: 352px;
  top: 50.032px;
  left: 0px;
  /*font-family: "Roboto";*/
  color: rgb(255, 255, 255);
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
}

#GROUP75 #TEXT75-2 {
  width: 442px;
  top: 92.032px;
  left: 25.286px;
  /*font-family: "Roboto";*/
  color: rgb(35, 32, 32);
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
}

div#section-1-pains {
  position: absolute;
  top: 200px;
  width: 100%;
  height: 500px;
}

#section-1-pain-right {
  position: relative;
  width: 500px;
  height: 500px;
}

#IMAGE402 {
  width: 469.426px;
  height: 469.426px;
  top: 25.2868px;
  left: 26.2542px;
}

#IMAGE402.ladi-animation > .ladi-image {
  animation-name: swing;
  -webkit-animation-name: swing;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-duration: 25s;
  -webkit-animation-duration: 25s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

#IMAGE402 > .ladi-image > .ladi-image-background {
  width: 469.426px;
  height: 469.426px;
  top: 0px;
  left: 0px;
  background-image: url("img/pain-all.png");
}

#IMAGE403 {
  width: 150px;
  height: 150px;
  top: 197px;
  left: 197px;
}

#IMAGE403 > .ladi-image > .ladi-image-background {
  width: 150px;
  height: 150px;
  top: 0px;
  left: 0px;
  background-image: url("img/pain-0.png");
}

#section-1-pain-left {
  position: relative;
}

.pain-group {
  border-bottom: 2px solid var(--color-dark-red-2);
  padding: 15px;
  color: rgb(35, 32, 32);
  font-size: 20px;
  line-height: 1.4;
  font-family: "Roboto";
  font-weight: 600;
  gap: 15px;
}

.pain-group-left {
  flex-direction: row-reverse;
  border-bottom-left-radius: 50px;
  border-left: 2px solid var(--color-dark-red-2);
}

.pain-group-right {
  border-bottom-right-radius: 50px;
  border-right: 2px solid var(--color-dark-red-2);
}

.pain-number {
  font-family: "SVN-Poppins Bold";
  font-weight: 600;
  color: rgb(126, 25, 22);
  font-size: 62px;
  text-align: left;
  line-height: 0.85;
}

.pain-icon img {
  width: 70px;
}

div#pain-dot-start {
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  background-color: var(--color-dark-red-2);
  transform: translate(-6px, -6px);
  border-radius: 50%;
}

div#pain-dot-end {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 14px;
  height: 14px;
  background-color: var(--color-dark-red-2);
  transform: translate(6px, 6px);
  border-radius: 50%;
}

/* SECTION 2 */

#section-2 {
  position: absolute;
  top: 1527px;
  width: 100%;
  height: 783px;
}

#GROUP111 {
  width: 1200px;
  height: 79px;
  top: 51px;
  left: 0px;
}

#HEADLINE109 {
  width: 1200px;
  top: 0px;
  left: 0px;
}

#HEADLINE109 > .ladi-headline {
  /*font-family: "Roboto";*/
  color: rgb(126, 25, 22);
  font-size: 36px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.6;
}

#HEADLINE110 {
  width: 1200px;
  top: 47px;
  left: 0px;
}

#HEADLINE110 > .ladi-headline {
  font-family: "Roboto";
  color: rgb(35, 32, 32);
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
}

#tour-3d {
  width: 515.555px;
  top: 161.778px;
  left: 337.223px;
}

#tour-icon-wrapper {
  position: absolute;
  display: flex;
  top: 50%;
  left: 50%;
  width: 150px;
  height: 150px;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 16px;
  box-shadow: 5px 0 12px;
  transform: translate(-50%, -50%);
  transition: width 0.5s ease, height 0.5s ease;
}

#tour-3d:hover #tour-icon-wrapper {
  width: 170px;
  height: 170px;
}

#dong-san-pham-all {
  top: 493px;
  gap: 12px;
}

.dong-san-pham {
  height: 150px;
  width: 290px;
}

.dong-san-pham-text {
  font-family: "Roboto";
  color: rgb(0, 0, 0);
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
}

/* SECTION 3 */
#section-3 {
  position: absolute;
  top: 2310px;
  width: 100%;
  height: 680px;
}

#section-3 > .ladi-section-background {
  background: rgba(255, 255, 255, 1);
  background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 220, 79, 1));
  background: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 220, 79, 1));
  opacity: 0.25;
}

#section-3 #HEADLINE127 {
  top: 60px;
}

#HEADLINE127 > .ladi-headline {
  display: flex;
  flex-direction: column;
  /*font-family: "Roboto";*/
  color: rgb(126, 25, 22);
  font-size: 36px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.4;
}

#HEADLINE127 > .ladi-headline .headline-typ-2 {
  font-family: "Roboto";
  color: rgb(35, 32, 32);
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
}

#bullet-points {
  top: 336px;
  height: 300px;
}

.bullet-point {
  width: 280px;
}

.bullet-point .bullet-point-img {
  width: 200px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background: rgba(255, 220, 79, 1);
  background: -webkit-linear-gradient(90deg, rgba(255, 220, 79, 1), #ffdc4f00);
  background: linear-gradient(90deg, rgba(255, 220, 79, 1), #ffdc4f00);
  border-radius: 50%;
}

.bullet-point .bullet-point-img img {
  z-index: 3;
  border-radius: 50%;
}

.ani-pulse-2 {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

.bullet-point .bullet-point-text {
  text-align: center;
  color: rgb(0, 0, 0);
  font-size: 18px;
  line-height: 1.4;
}

.bullet-point .ladi-line {
  width: 90px;
  bottom: 0;
}

.bullet-point .ladi-line .ladi-line-container {
  border-top: 2px solid rgb(126, 25, 22);
  border-right: 2px solid rgb(126, 25, 22);
  border-bottom: 2px solid rgb(126, 25, 22);
  border-left: 0px !important;
}

/* SECTION 4 */
#section-4 {
  position: absolute;
  top: 2990px;
  width: 100%;
  height: 930px;
}

#section-4 > .ladi-section-background {
  background-size: cover;
  background-attachment: scroll;
  background-origin: content-box;
  background-image: url("https://w.ladicdn.com/s1440x930/5c7362c6c417ab07e5196b05/infess-01-20230308100539-sgavp.png");
  background-position: center top;
  background-repeat: repeat;
}

#GROUP162 {
  width: 582px;
  height: 582px;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

#IMAGE151 {
  width: 582px;
  height: 582px;
  top: 0px;
  left: 0px;
}

#IMAGE151 > .ladi-image > .ladi-image-background {
  width: 582px;
  height: 582px;
  top: 0px;
  left: 0px;
  background-image: url("https://w.ladicdn.com/s900x900/5c7362c6c417ab07e5196b05/asset-39-20230308101302-qjtec.png");
  z-index: 2;
}

#IMAGE152 {
  width: 559.403px;
  height: 389.419px;
  top: 96.291px;
  left: 11.299px;
}

#IMAGE152 > .ladi-image > .ladi-image-background {
  width: 559.403px;
  height: 389.419px;
  top: 0px;
  left: 0px;
  background-image: url("img/asset-40-20230308101302-odw3a.png");
  z-index: 3;
}

#HEADLINE153 {
  width: 232px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  z-index: 4;
  height: 250px;
  display: flex;
  align-items: center;
}

#HEADLINE153 > .ladi-headline {
  position: absolute;
  font-family: "Roboto";
  color: rgb(126, 25, 22);
  font-size: 36px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.4;
  z-index: 4;
}

#GROUP384 {
  width: 435px;
  height: 250.5px;
  top: 68.5px;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
}

#BOX154 {
  width: 435px;
  height: 150px;
  top: 0px;
  left: 0px;
}

#BOX154 > .ladi-box,
#BOX189 > .ladi-box,
#BOX183 > .ladi-box {
  background-color: rgb(182, 33, 37);
  border-radius: 20px;
  height: 100%;
  transform: none;
  display: flex;
  align-items: center;
}

#PARAGRAPH155,
#PARAGRAPH190,
#PARAGRAPH184 {
  left: 120px;
  z-index: 2;
  padding-right: 15px;
}

#PARAGRAPH155 > .ladi-paragraph,
#PARAGRAPH190 > .ladi-paragraph,
#PARAGRAPH184 > .ladi-paragraph {
  color: rgb(255, 255, 255);
  font-size: 20px;
  line-height: 1.4;
}

#IMAGE157,
#IMAGE191,
#IMAGE185 {
  width: 55.5px;
  height: 55.5px;
  left: 30.5px;
  z-index: 2;
}

#IMAGE157 > .ladi-image > .ladi-image-background,
#IMAGE191 > .ladi-image > .ladi-image-background,
#IMAGE185 > .ladi-image > .ladi-image-background {
  width: 54.6462px;
  height: 55.5px;
  top: 0px;
  left: 0px;
  background-image: url("https://w.ladicdn.com/s400x400/5c7362c6c417ab07e5196b05/asset-41-20230308101829-s0o4e.png");
}

#BOX159 {
  width: 12px;
  height: 12px;
  top: 143.5px;
  left: 212.5px;
}

#BOX159 > .ladi-box,
#BOX192 > .ladi-box,
#BOX186 > .ladi-box {
  background-color: rgb(239, 199, 72);
  border-radius: 50px;
  height: 100%;
  transform: none;
}

#LINE160 {
  height: 101px;
  top: 149.5px;
  left: 209px;
}

#LINE160 > .ladi-line {
  height: 100%;
  padding: 0px 8px;
}

#LINE160 > .ladi-line > .ladi-line-container {
  border-top: 0px !important;
  border-right: 1px solid rgb(0, 0, 0);
  border-bottom: 1px solid rgb(0, 0, 0);
  border-left: 1px solid rgb(0, 0, 0);
}

#GROUP387 {
  width: 527.5px;
  height: 150px;
  top: 639px;
  left: 0px;
}

#BOX189 {
  width: 435px;
  height: 150px;
  top: 0px;
  left: 0px;
}

#BOX192 {
  width: 12px;
  height: 12px;
  top: 74px;
  left: 428.5px;
}

#LINE188 {
  width: 161px;
  top: 25px;
  left: 426.5px;
  z-index: 2;
}

#LINE188 > .ladi-line {
  width: 100%;
  transform: rotate(-34deg);
  -webkit-transform: rotate(-34deg);
  padding: 8px 0px;
}

#LINE188 > .ladi-line > .ladi-line-container {
  border-top: 1px solid rgb(0, 0, 0);
  border-right: 1px solid rgb(0, 0, 0);
  border-bottom: 1px solid rgb(0, 0, 0);
  border-left: 0px !important;
}

#GROUP386 {
  width: 532.5px;
  height: 150px;
  top: 644.5px;
  left: 667.5px;
}

#BOX183 {
  width: 435px;
  height: 150px;
  top: 0px;
  left: 97.5px;
}

#BOX186 {
  width: 12px;
  height: 12px;
  top: 70px;
  left: -5px;
}

#LINE182 {
  width: 163px;
  top: 20px;
  left: -50px;
  z-index: 2;
}

#LINE182 > .ladi-line {
  width: 100%;
  transform: rotate(35deg);
  -webkit-transform: rotate(35deg);
  padding: 8px 0px;
}

#LINE182 > .ladi-line > .ladi-line-container {
  border-top: 1px solid rgb(0, 0, 0);
  border-right: 1px solid rgb(0, 0, 0);
  border-bottom: 1px solid rgb(0, 0, 0);
  border-left: 0px !important;
}

.section-4-boxes {
  position: absolute;
  top: 500px;
  height: 400px;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 600px;
}

.section-4-box {
  border-radius: 12px;
  height: 100%;
  background-color: var(--color-dark-red-2);
}

/* SECTION 5 */
#section-5 {
  position: absolute;
  top: 3920px;
  width: 100%;
  height: 840px;
  overflow: hidden;
}

#section-5 > .ladi-section-background {
  background-size: cover;
  background-attachment: scroll;
  background-origin: content-box;
  background-image: url("https://w.ladicdn.com/s1440x840/5c7362c6c417ab07e5196b05/infess-01-20230309022501-mpbbn.png");
  background-position: center top;
  background-repeat: repeat;
}

#GROUP380 {
  width: 1453px;
  height: 833.962px;
  top: 0px;
  left: -253px;
}

#IMAGE199 {
  width: 1070.46px;
  height: 576.759px;
  top: 253.851px;
  left: 0px;
  z-index: 3;
}

#IMAGE199.ladi-animation > .ladi-image {
  animation-name: shake;
  -webkit-animation-name: shake;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-duration: 10s;
  -webkit-animation-duration: 10s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

#IMAGE199 > .ladi-image > .ladi-image-background {
  width: 1070.46px;
  height: 576.759px;
  top: 0px;
  left: 0px;
  background-image: url("https://w.ladicdn.com/s1400x900/5c7362c6c417ab07e5196b05/asset-48-20230309021801-1cbn1.png");
}

#GROUP207 {
  width: 610px;
  height: 200px;
  top: 5px;
  right: 105px;
  z-index: 2;
}

#GROUP203 {
  width: 610px;
  height: 120px;
  top: 0px;
  left: 0px;
}

#GROUP203.ladi-animation > .ladi-group {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

#HEADLINE201 {
  width: 606px;
  top: 5px;
  left: 4px;
}

#HEADLINE201 > .ladi-headline {
  font-family: "SVN-Poppins Bold";
  color: rgb(182, 33, 37);
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  font-style: italic;
  text-align: center;
  line-height: 1.6;
}

#HEADLINE202 {
  width: 606px;
  top: 0px;
  left: 0px;
}

#HEADLINE202 > .ladi-headline {
  font-family: "SVN-Poppins Bold";
  color: rgba(239, 232, 37, 1);
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  font-style: italic;
  text-align: center;
  line-height: 1.6;
}

#GROUP204 {
  width: 610px;
  height: 107px;
  top: 66px;
  left: 0px;
}

#HEADLINE205 {
  width: 606px;
  top: 5px;
  left: 4px;
}

#HEADLINE205 > .ladi-headline {
  font-family: "SVN-Poppins Bold";
  color: rgb(182, 33, 37);
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  font-style: italic;
  text-align: center;
  line-height: 1.6;
}

#HEADLINE206 {
  width: 606px;
  top: 0px;
  left: 0px;
}

#HEADLINE206 > .ladi-headline {
  font-family: "SVN-Poppins Bold";
  color: rgba(239, 232, 37, 1);
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  font-style: italic;
  text-align: center;
  line-height: 1.6;
}

#IMAGE200,
#IMAGE271,
#IMAGE272,
#IMAGE273 {
  mix-blend-mode: screen;
  will-change: transform, opacity;
  z-index: 4;
}

#IMAGE200 {
  width: 169px;
  height: 170px;
  top: 170.5px;
  left: 253px;
}

#IMAGE271 {
  width: 160px;
  height: 161px;
  top: 0px;
  left: 589px;
}

#IMAGE272 {
  width: 115px;
  height: 115px;
  top: 23px;
  left: 902.5px;
}

#IMAGE273 {
  width: 68px;
  height: 69px;
  top: 134px;
  left: 456px;
}

#IMAGE271.ladi-animation > .ladi-image {
  animation-name: flash;
  -webkit-animation-name: flash;
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

#IMAGE271 > .ladi-image > .ladi-image-background {
  width: 160px;
  height: 161px;
  top: 0px;
  left: 0px;
  background-image: url("https://w.ladicdn.com/s500x500/5c7362c6c417ab07e5196b05/1_2-20230309022609-vcfcx.png");
}

#IMAGE272.ladi-animation > .ladi-image {
  animation-name: flash;
  -webkit-animation-name: flash;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

#IMAGE272 > .ladi-image > .ladi-image-background {
  width: 115px;
  height: 115px;
  top: 0px;
  left: 0px;
  background-image: url("https://w.ladicdn.com/s450x450/5c7362c6c417ab07e5196b05/2_2-20230309022609-g1sm1.png");
}

#IMAGE273.ladi-animation > .ladi-image {
  animation-name: flash;
  -webkit-animation-name: flash;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

#IMAGE273 > .ladi-image > .ladi-image-background {
  width: 68px;
  height: 69px;
  top: 0px;
  left: 0px;
  background-image: url("https://w.ladicdn.com/s400x400/5c7362c6c417ab07e5196b05/3_2-20230309022609-9p8ax.png");
}

#IMAGE200.ladi-animation > .ladi-image {
  animation-name: flash;
  -webkit-animation-name: flash;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

#IMAGE200 > .ladi-image > .ladi-image-background {
  width: 169px;
  height: 170px;
  top: 0px;
  left: 0px;
  background-image: url("https://w.ladicdn.com/s500x500/5c7362c6c417ab07e5196b05/a-20230309022609-9jtbq.png");
}

#GROUP390 {
  width: 650px;
  height: 430px;
  top: 300px;
  right: 103px;
  z-index: 4;
}

#BOX268 {
  width: 620px;
  height: 245px;
  top: 185px;
  left: 15px;
}

#BOX268 > .ladi-box {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #ffeeb6;
  background: -webkit-linear-gradient(15deg, #ffeeb6, rgba(255, 255, 255, 1));
  background: linear-gradient(15deg, #ffeeb6, rgba(255, 255, 255, 1));
  opacity: 0.25;
  border-radius: 30px;
}

#GROUP246 {
  width: 650px;
  height: 420px;
  top: 0px;
  left: 0px;
}

#BOX234 {
  width: 650px;
  height: 420px;
  top: 0px;
  left: 0px;
  z-index: 9;
}

#BOX234 > .ladi-box {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #ffeeb6;
  background: -webkit-linear-gradient(15deg, #ffeeb6, rgba(255, 255, 255, 1));
  background: linear-gradient(15deg, #ffeeb6, rgba(255, 255, 255, 1));
  border-radius: 30px;
}

#BOX234 form#data-form {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25px;
  gap: 15px;
}

#BOX234 form#data-form .ladi-form-input input,
#BOX234 form#data-form .ladi-form-input select {
  width: 100%;
  border-style: solid;
  border-color: rgb(182, 33, 37);
  border-width: 1px;
  border-radius: 6px;
  padding: 5px;
  line-height: 1.6;
  height: 45px;
  font-family: "Roboto";
  font-size: 22px;
}

#BOX234 form#data-form .ladi-form-input input::placeholder {
  color: #000;
}

.form-multi-select-answer {
  height: 250px;
  overflow: auto;
  background-color: #fff;
  border: 1px solid var(--color-dark-red-2);
}

.form-multi-select-answer-item {
  padding: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  gap: 10px;
}

.form-multi-select-answer-item input {
  width: 25px;
}

.form-multi-select-answer-item label {
  display: flex;
  flex: 30 30 100%;
}

.form-multi-select-question {
  font-family: "Roboto";
  font-size: 18px;
}

.form-multi-select-desc {
  font-family: "Roboto";
  font-size: 15px;
  font-style: italic;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 10px;
}

#section-5-product {
  height: 500px;
  top: 200px;
  z-index: 2;
}

#section-5-product img {
  height: 100%;
}

.form-page {
  width: 100%;
  display: none;
}

.form-page.active {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.form-page-btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

#form-page-1 .form-page-btns {
  flex-direction: row-reverse;
}

.form-page-btns .form-page-previous,
.form-page-btns .form-page-next {
  width: 200px;
  height: 42px;
  background-color: var(--color-dark-red-2);
  border-radius: 20px;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-page-btns .form-page-previous:hover,
.form-page-btns .form-page-next:hover {
  background-color: var(--color-dark-red);
}

#section-5-product-img-1 {
  width: 150px;
  left: -100px;
}

#section-5-product-img-2 {
  width: 300px;
  right: -200px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

#section-5-product-img-3 {
  width: 450px;
  top: 300px;
  right: -300px;
}

#section-5-product-img-4 {
  width: 300px;
  top: 450px;
  z-index: 3;
}

/* SECTION 6 */
#section-6 {
  position: absolute;
  top: 4760px;
  width: 100%;
  height: 1100px;
}

#section-6 > .ladi-section-background {
  background-size: cover;
  background-attachment: scroll;
  background-origin: content-box;
  background-image: url("https://w.ladicdn.com/s1440x1100/5c7362c6c417ab07e5196b05/infess-01-20230309030034-ubaem.png");
  background-position: center center;
  background-repeat: repeat;
}

.section-6-items {
  gap: 25px;
}

#HEADLINE270 {
  margin-top: 53px;
}

#HEADLINE270 > .ladi-headline {
  /*font-family: "Roboto";*/
  color: rgb(126, 25, 22);
  font-size: 36px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.6;
}

#IMAGE275 {
  width: 1200px;
  max-width: 100%;
  aspect-ratio: 5.13;
}

#IMAGE275 > .ladi-image-background {
  width: 100%;
  height: 100%;
  background-image: url("img/asset-50-20230309025959-rdhj_.png");
  background-size: 100%;
  background-repeat: no-repeat;
}

#section-6-group-2 .section-6-group-2-item {
  max-width: 33%;
  gap: 10px;
  padding: 15px;
}

#section-6-group-2 .section-6-group-2-item-number {
  width: 33%;
  font-family: sans-serif;
  color: rgb(126, 25, 22);
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}

.section-6-group-2-item-number-inner {
  width: 100%;
  aspect-ratio: 1;
  font-size: 60px;
  line-height: 1;
  background: rgba(255, 220, 79, 1);
  background: -webkit-linear-gradient(180deg, rgba(255, 220, 79, 1), rgba(255, 255, 255, 1));
  background: linear-gradient(180deg, rgba(255, 220, 79, 1), rgba(255, 255, 255, 1));
  border-radius: 50%;
}

#section-6-group-2 .section-6-group-2-item-text {
  width: 200px;
  height: 100px;
  border-bottom: 4px solid rgb(126, 25, 22);
  font-family: "Roboto";
  color: rgb(126, 25, 22);
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  line-height: 1.4;
}

#section-6-group-2 .section-6-group-2-desc {
  color: rgb(0, 0, 0);
  font-size: 18px;
  line-height: 1.6;
  font-family: "Roboto";
  font-weight: 400;
}

#section-6-group-3 {
  width: 381px;
  height: 230px;
  background: rgba(255, 220, 79, 1);
  background: -webkit-linear-gradient(180deg, rgba(255, 220, 79, 1), rgba(255, 255, 255, 1));
  background: linear-gradient(180deg, rgba(255, 220, 79, 1), rgba(255, 255, 255, 1));
  border-radius: 10px;
}

#section-6-group-3 #section-6-group-3-items-container {
  width: 320px;
  gap: 10px;
}

#section-6-group-3 #payment-example-title {
  width: 111px;
  height: 50px;
  background-color: rgb(126, 25, 22);
  border-radius: 0px 0px 5px 5px;
  font-family: "Roboto", sans-serif;
  color: rgb(255, 255, 255);
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
}

#section-6-group-3 #payment-example {
  color: rgb(0, 0, 0);
  font-size: 20px;
  line-height: 1.6;
}

/* SECTION 7 */
#section-7 {
  position: absolute;
  top: 5860px;
  height: 725px;
  width: 100%;
}

#section-7 > .ladi-section-background {
  background-size: cover;
  background-attachment: scroll;
  background-origin: content-box;
  background-image: url("https://w.ladicdn.com/s1440x725/5c7362c6c417ab07e5196b05/infess-01-20230309032527-oybbc.png");
  background-position: center top;
  background-repeat: repeat;
}

#section-7-items-container {
  padding-top: 65px;
  gap: 30px;
}

#section-7-headline {
  font-family: "SVN-Poppins Bold";
  color: rgb(255, 255, 255);
  font-size: 36px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.6;
}

#section-7-subheadline {
  font-size: 24px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

#section-7-subheadline span {
  color: var(--color-light-yellow);
}

#section-7-reasons {
  gap: 35px;
  padding-top: 20px;
}

.section-7-item {
  width: 380px;
}

.section-7-item-img {
  width: 100%;
  height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.section-7-item-img-1,
.section-7-item-img-2 {
  width: 100%;
  top: 0;
}

.section-7-item-img-1 {
  border-radius: 14px;
  border: 4px solid rgb(242, 228, 181);
}

.section-7-item-img-1 img {
  border-radius: 12px;
  width: 100%;
  aspect-ratio: 1.7;
}

.section-7-item-img-2 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #fdfbfb;
  background: -webkit-linear-gradient(90deg, #fdfbfb, #e8c75b);
  background: linear-gradient(90deg, #fdfbfb, #e8c75b);
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -40px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-7-item-img-2-inner {
  width: 85px;
  height: 85px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-7-item-img-2-icon {
  width: 60px;
  height: 60px;
  top: 0px;
  left: 0px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

#section-7-item-img-2-icon-1 {
  background-image: url("img/icons/7-1.png");
}

#section-7-item-img-2-icon-2 {
  background-image: url("img/icons/7-2.png");
}

#section-7-item-img-2-icon-3 {
  background-image: url("img/icons/7-3.png");
}

#section-7-item-img-2-icon-4 {
  background-image: url("img/icons/7-4.png");
}

.section-7-item-text {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  text-align: center;
  line-height: 1.6;
}

/* SECTION 8 */
#section-8 {
  position: absolute;
  top: 6585px;
  height: 610px;
  width: 100%;
}

#section-8-items-container {
  gap: 40px;
}

#section-8-headline {
  margin-top: 44px;
  font-family: sans-serif;
  color: rgb(126, 25, 22);
  font-size: 36px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.6;
}

#section-8 #back {
  width: 60px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-70px, -50%);
  padding: 5px;
  border-radius: 8px;
}

#section-8 #forward {
  width: 60px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(70px, -50%);
  padding: 5px;
  border-radius: 8px;
}

#section-8 #back:hover,
#section-8 #forward:hover {
  background-color: #f2c863;
}

#slide-wrapper {
  position: relative;
  width: 620px;
  aspect-ratio: 0.5625;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#slider-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

#slider {
  width: 100%;
  height: 100%;
  display: flex;
  transition: transform 0.5s ease;
}

#slide-control {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.quote-item {
  width: 620px;
  height: 300px;
  flex-shrink: 0;
  background: rgba(255, 220, 79, 1);
  background: -webkit-linear-gradient(180deg, rgba(255, 220, 79, 1), rgba(255, 255, 255, 1));
  background: linear-gradient(180deg, rgba(255, 220, 79, 1), rgba(255, 255, 255, 1));
  border: 0px;
}

.quote-item-quote {
  font-family: "Roboto", sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.quote-item-name {
  font-family: "Roboto", sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
}

/* FOOTER */
#footer {
  position: absolute;
  top: 7195px;
  height: 220px;
  width: 100%;
}

#footer > .ladi-section-background {
  background-size: cover;
  background-attachment: scroll;
  background-origin: content-box;
  background-image: url("https://w.ladicdn.com/s1440x220/5c7362c6c417ab07e5196b05/infess-01-20230309090411-idda-.png");
  background-position: center top;
  background-repeat: repeat;
}

#footer-items-container {
  padding-top: 28px;
  gap: 30px;
}

.footer-company-name {
  font-family: "Roboto";
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.6;
}

.footer-company-info {
  font-family: "Roboto";
  font-size: 20px;
  text-align: center;
  line-height: 1.6;
}

#data-form-submit.loading {
  cursor: wait !important;
  background-color: var(--color-light-yellow) !important;
  color: var(--color-dark-red-2) !important;
  font-size: 20px !important;
}

#data-form-submit.loading i {
  margin-right: 5px;
}

/* ANIMATION */

.ani-pulse {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

/* RESPONSIVE */
@media (max-width: 950px) {
  .hero-headline-3-typ-1 {
    font-size: 20px !important;
  }

  .hero-headline-3-typ-2 {
    font-size: 18px !important;
  }

  .ladi-box {
    position: unset;
  }

  #ladi-header-text {
    font-size: 18px;
    line-height: 1.6;
  }

  #ladi-header-text span.ladi-font-bold {
    font-size: 24px !important;
  }

  .ladi-container {
    width: 100% !important;
    padding: 0 10px;
  }

  #ladi-header-cta {
    width: 170px !important;
    height: 40px !important;
    border-radius: 20px !important;
    font-size: 20px !important;
  }

  div#hero-group-1 {
    width: 100% !important;
    padding: 15px;
  }

  #hero-group-1 #hero-headline-1 {
    font-size: 35px !important;
  }

  #hero-group-1 #hero-headline-2 {
    font-size: 44px;
  }

  #hero-group-1 #hero-headline-2 #hero-headline-2-a {
    transform: translate(6px, -10px);
  }

  #hero-group-1 #hero-headline-2 #hero-headline-2-b {
    transform: translate(3px, -13px);
  }

  #hero-group-1 #hero-headline-2 #hero-headline-2-c {
    transform: translate(0px, -16px);
  }

  div#hero-group-2 {
    left: 50%;
    top: 290px;
    /*width: 800px;
    max-width: 90%;*/
  }

  #ladi-hero #hero-cta {
    width: 180px;
    height: 40px;
    font-size: 20px;
  }

  #hero-group-2-subheadline {
    font-size: 16px;
  }

  #hero-headline-3 {
    width: 300px;
    font-size: 16px;
  }

  #hero-product-img-1 {
    height: 350px;
    top: 225px;
  }

  #hero-product-img-2 {
    height: 240px;
    top: 300px;
  }

  #hero-product-img-3 {
    left: -100px;
  }

  #hero-product-img-4 {
    width: 250px;
    top: 350px;
  }

  #hero-product-img-5 {
    top: 240px;
    right: -140px;
  }

  #GROUP75 {
    left: 50%;
    transform: translateX(-50%);
  }

  #IMAGE67 {
    width: 70px;
    height: 70px;
  }

  #IMAGE67 > .ladi-image > .ladi-image-background {
    width: 70px;
    height: 70px;
  }

  #IMAGE68 {
    top: 70px;
  }

  #GROUP75 #TEXT75-2 {
    top: 80px;
  }

  #IMAGE69 {
    top: 70px;
  }

  #IMAGE70 {
    top: 27px;
  }

  #GROUP75 #TEXT75-1 {
    top: 35px;
  }

  #IMAGE402 {
    width: 250px;
    height: 250px;
    top: 100px;
  }

  #IMAGE402 > .ladi-image > .ladi-image-background {
    width: 250px;
    height: 250px;
  }

  #IMAGE403 {
    width: 90px;
    height: 90px;
    top: 186px;
    left: 108px;
  }

  #IMAGE403 > .ladi-image > .ladi-image-background {
    width: 90px;
    height: 90px;
  }

  .pain-group {
    padding: 20px 5px;
    gap: 10px;
  }

  .pain-text {
    font-size: 16px;
  }

  .pain-number {
    font-size: 42px;
  }

  .pain-icon img {
    width: 50px;
  }

  .pain-group-left {
    border-bottom-left-radius: 20px;
  }

  .pain-group-right {
    border-bottom-right-radius: 20px;
  }

  .px-12 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  div#section-1-pains {
    height: 350px;
  }

  #section-1-pain-right {
    width: 400px;
  }

  #GROUP111,
  #HEADLINE109,
  #HEADLINE110 {
    width: 100%;
  }

  #tour-3d {
    left: 50%;
    transform: translate(-50%, 0%);
  }

  #dong-san-pham-all {
    width: calc(100% - 20px);
  }

  #HEADLINE127 {
    position: unset;
  }

  #bullet-points {
    position: unset;
    margin-top: 20px;
  }

  .bullet-point {
    width: 22%;
  }

  .bullet-point .bullet-point-img {
    width: 100%;
  }

  .bullet-point .bullet-point-img img {
    position: unset;
    width: 85%;
  }

  .bullet-point .bullet-point-text {
    font-size: 15px;
  }

  .ladi-line.ladi-element {
    position: revert;
  }

  #GROUP162 {
    width: 500px;
    height: 500px;
  }

  #IMAGE152 {
    width: 500px;
    height: 500px;
    left: 0;
  }

  #IMAGE152 > .ladi-image > .ladi-image-background {
    background-image: url(img/asset-40-20230308101302-odw3a.png);
    background-size: 100%;
    width: 100%;
    position: unset;
  }

  #HEADLINE153 {
    transform: translate(-50%, -42%);
  }

  #HEADLINE153 > .ladi-headline {
    font-size: 24px;
  }

  #GROUP207,
  #GROUP390 {
    left: 50%;
    transform: translate(-50%, 0);
  }

  #section-6-group-2 .section-6-group-2-item-text {
    font-size: 18px;
  }

  .section-6-group-2-item-number-inner {
    font-size: 40px;
  }

  #section-6-group-2 .section-6-group-2-desc {
    font-size: 16px;
  }

  .section-7-item-img-2 {
    transform: translate(-50%, 15px);
  }

  .section-7-item-text {
    font-size: 16px;
  }
}

@media (max-width: 700px) {
  #slide-wrapper,
  .quote-item {
    width: 520px;
  }
}

@media (max-width: 650px) {
  #ladi-header-text {
    font-size: 15px;
  }

  #ladi-header-text span.ladi-font-bold {
    font-size: 20px !important;
  }

  #ladi-header-cta {
    display: none !important;
  }

  #hero-product-img-1 {
    height: 280px;
    top: 295px;
  }

  div#hero-group-1 {
    padding: 0;
  }

  #hero-group-1 #hero-headline-2 {
    font-size: 32px;
  }

  #IMAGE67 {
    width: 50px;
    height: 50px;
    top: -20px;
  }

  #IMAGE67 > .ladi-image > .ladi-image-background {
    width: 50px;
    height: 50px;
  }

  #IMAGE68 {
    top: 25px;
    left: 70px;
  }

  #IMAGE68 > .ladi-image > .ladi-image-background {
    width: 350px;
    background-size: 100%;
  }

  #GROUP75 #TEXT75-1 {
    top: -2px;
    font-size: 18px;
  }

  #GROUP75 #TEXT75-2 {
    top: 32px;
    font-size: 18px;
  }

  #IMAGE69 {
    top: 25px;
    left: 40px;
  }

  #IMAGE70 {
    top: -7px;
  }

  #IMAGE70 > .ladi-image > .ladi-image-background {
    width: 270px;
    background-size: 100%;
    right: 0;
  }

  #IMAGE402 {
    top: -20px;
    left: 50%;
    transform: translate(30%, 0);
  }

  #IMAGE403 {
    top: 65px;
    left: 160px;
  }

  #section-1-pains {
    flex-direction: column-reverse;
    height: 600px !important;
    top: 160px !important;
  }

  .pain-group {
    padding: 10px 5px;
    gap: 10px;
  }

  #section-2 {
    top: 1527px;
    height: 980px;
  }

  #HEADLINE109 {
    top: -30px;
  }

  #HEADLINE110 {
    top: 20px;
  }

  #tour-3d {
    top: 120px;
  }

  #tour-3d img {
    max-width: 80%;
    margin: 0 auto;
  }

  #dong-san-pham-all {
    flex-direction: column;
    top: 380px;
  }

  .dong-san-pham {
    flex-direction: row !important;
    justify-content: center;
    width: 100%;
    height: unset;
  }

  .dong-san-pham-img {
    width: 200px;
  }

  .dong-san-pham-text {
    width: 200px;
  }

  #bullet-points {
    flex-direction: column;
    position: absolute;
    top: 330px;
  }

  .bullet-point {
    flex-direction: row !important;
    width: 100%;
  }

  .ladi-line {
    display: none;
  }

  .bullet-point .bullet-point-img {
    width: 150px;
  }

  .bullet-point .bullet-point-text {
    font-size: 20px;
    padding: 0 10px 0 0;
    width: 300px;
  }

  #section-3 {
    top: 2510px;
    height: 850px;
  }

  #section-4 {
    top: 3380px;
    height: 930px;
  }

  #GROUP162 {
    width: 350px;
    height: 200px;
  }

  #IMAGE152 {
    width: 350px;
    height: 350px;
    top: 15px;
    left: 0;
  }

  #HEADLINE153 {
    transform: translate(-50%, -35%);
  }

  #HEADLINE153 > .ladi-headline {
    font-size: 20px;
  }

  .section-4-boxes {
    top: 250px;
    width: 80%;
  }

  #PARAGRAPH155 > .ladi-paragraph,
  #PARAGRAPH190 > .ladi-paragraph,
  #PARAGRAPH184 > .ladi-paragraph {
    font-size: 16px;
  }

  #section-5 {
    top: 4040px;
  }

  #IMAGE199 {
    width: 500px;
    height: 200px;
    top: 0;
  }

  #IMAGE199 > .ladi-image > .ladi-image-background {
    width: 500px;
    height: 200px;
  }

  #IMAGE271 {
    left: 58px;
  }

  #HEADLINE201 > .ladi-headline,
  #HEADLINE202 > .ladi-headline {
    font-size: 34px;
  }

  #HEADLINE205 > .ladi-headline,
  #HEADLINE206 > .ladi-headline {
    font-size: 30px;
  }

  #GROUP203 {
    top: 0px;
  }

  #GROUP204 {
    top: 50px;
  }

  #GROUP390 {
    width: 95%;
    top: 260px;
  }

  #GROUP246,
  #BOX234 {
    width: 100%;
  }

  .form-page-btns .form-page-previous,
  .form-page-btns .form-page-next {
    width: 160px;
  }

  #section-5 #data-form-submit {
    width: 190px;
    height: 42px;
    font-size: 22px;
  }

  #form-countdown-wrapper {
    top: 60px;
  }

  #HEADLINE270 {
    margin-top: 10px;
  }

  #HEADLINE270 > .ladi-headline {
    font-size: 24px;
  }

  #section-6-group-2 {
    flex-direction: column;
  }

  .section-6-group-inner {
    flex-direction: row;
  }

  #section-6-group-2 .section-6-group-2-item {
    max-width: 100%;
  }

  #section-6-group-2 .section-6-group-2-item-number {
    width: 60px;
  }

  #section-6-group-2 .section-6-group-2-item-text {
    width: 300px;
    height: 60px;
    border-bottom: 2px solid rgb(126, 25, 22);
  }

  #section-7-items-container {
    padding-top: 15px;
    gap: 10px;
  }

  #section-7-headline {
    font-size: 24px;
  }

  #section-7-subheadline {
    font-size: 16px;
  }

  #section-7-reasons {
    flex-direction: column;
  }

  .section-7-item {
    display: flex;
    gap: 10px;
    width: 100%;
  }

  .section-7-item-img {
    height: auto;
  }

  .section-7-item-img-1 img {
    min-width: 150px;
  }

  .section-7-item-img-2 {
    display: none;
  }

  #section-8 {
    height: 450px;
  }

  #slide-wrapper,
  .quote-item {
    width: 350px;
  }

  #section-8-headline {
    font-size: 24px;
  }

  #section-8 #forward,
  #section-8 #back {
    width: 40px;
    height: 40px;
  }

  #HEADLINE127 > .ladi-headline .headline-typ-2 {
    font-size: 16px;
  }
}