@font-face {
  font-family: manon;
  src: url('../fonts/icomoon.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.frame {
  background-image: url('../images/Asset-2.svg');
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: auto 15px;
  background-attachment: fixed;
  padding-bottom: 15px;
  position: fixed;
  inset: 0% 0% auto;
}

.frame.bottom {
  z-index: 1;
  background-image: url('../images/pattern_charchoal.svg');
  background-position: 50% 100%;
  background-size: auto 10px;
  padding-bottom: 10px;
  line-height: 10px;
  inset: auto 0% 0%;
}

.frame.bottom.start {
  z-index: 10;
  background-image: url('../images/Pattern_chacoal_grey.svg');
  background-position: 50% 100%;
  background-repeat: repeat;
  background-size: auto 10px;
  padding-bottom: 0;
  inset: auto 0% 0%;
}

.section {
  background-color: #000000b3;
  border: 10px #000;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  height: auto;
  display: flex;
  position: fixed;
  inset: 0%;
}

.div-block-2 {
  z-index: 2;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  opacity: 1;
  filter: blur();
  mix-blend-mode: multiply;
  background-color: #fff9e900;
  border: 20px #000;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  position: fixed;
  inset: 0%;
}

.div-block-90 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: auto 0% 30%;
}

.div-block-88 {
  z-index: 1;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.lottie-animation-10 {
  filter: grayscale() blur(3px);
  width: 11%;
}

.div-block-128 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  margin-right: 30px;
  padding-right: 0;
  display: flex;
}

.div-block-127 {
  z-index: 3;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 0;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.text-block-32 {
  color: #fff;
  background-color: #76216e00;
  padding: 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  transition: all .2s;
}

.text-block-32:hover {
  color: #dc6927;
}

.link-block-6 {
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-block-31 {
  color: #a20f0f;
  font-size: 16px;
  font-weight: 500;
}

.text-block-31.desktop {
  color: #fff;
  background-color: #76216e00;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px;
  font-family: manon, Times New Roman, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: all .2s;
  display: flex;
}

.text-block-31.desktop:hover {
  color: #dc6927;
}

.div-block-130 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Jost, sans-serif;
  display: flex;
}

.h3-title-orange {
  color: #dc6927;
  font-family: Jost, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}

.image-53 {
  width: 54px;
  margin-right: -40px;
}

.div-block-137 {
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.image-58 {
  width: 57px;
}

.image-50 {
  mix-blend-mode: normal;
  width: 54px;
  margin-right: -40px;
}

.lottie-animation-17 {
  filter: saturate(0%);
  position: absolute;
}

.text-block-33 {
  color: #a7a7a7;
  font-family: manon, Times New Roman, sans-serif;
  font-size: 250px;
  line-height: 100%;
}

.div-block-129 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.div-block-115 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  mix-blend-mode: multiply;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  margin-right: 0;
  display: flex;
  position: sticky;
  inset: 0% 0% auto auto;
}

.link-block-3 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  display: flex;
  position: static;
  inset: auto 0% 35%;
}

.div-block-84 {
  text-decoration: none;
}

.div-block-92 {
  background-color: #8b3a3a;
  border-radius: 160px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin: auto;
  transition: all .3s cubic-bezier(.77, 0, .175, 1);
  display: flex;
}

.div-block-92:hover {
  background-color: #fff9e9;
}

.div-block-92.cta_1-0 {
  mix-blend-mode: normal;
  background-color: #a76d4c;
  background-image: linear-gradient(#feffab, #a02c10);
}

.text-block-20 {
  color: #dc6927;
  background-color: #dc692700;
  padding: 5px;
  font-family: manon, Times New Roman, sans-serif;
  font-size: 23px;
  line-height: 100%;
  transform: rotate(10deg);
}

.div-block-82 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 130px;
  text-decoration: none;
  display: flex;
  position: static;
  inset: 0% 0% auto;
  transform: rotate(-9deg);
}

.text-block-18 {
  color: #dc6927;
  -webkit-text-stroke-color: #a20f0f;
  background-color: #dc692700;
  margin-bottom: 0;
  padding: 5px;
  font-family: Jost, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 600;
  display: block;
}

.tabel-set {
  z-index: 2;
  mix-blend-mode: normal;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin: auto;
  padding-bottom: 0;
  display: flex;
  position: fixed;
  inset: auto 0% 35px;
}

.tabel-set._1-0 {
  z-index: 3;
}

.lottie-animation-11 {
  width: 50px;
  margin: auto;
  position: static;
}

.arrow {
  margin-right: 5px;
  text-decoration: none;
}

.body {
  background-image: url('../images/M_851.jpg');
  background-position: 0 4%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.call-us {
  color: #fff;
  font-family: Jost, sans-serif;
  display: none;
}

.mobile-number {
  color: #fff;
  font-family: Jost, sans-serif;
}

@media screen and (max-width: 991px) {
  .div-block-2 {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: auto;
  }

  .lottie-animation-10 {
    filter: blur(3px);
  }

  .text-block-32 {
    line-height: 100%;
  }

  .h3-title-orange {
    color: #8b3a3a;
    font-size: 12px;
    line-height: 100%;
  }

  .link-block-3 {
    height: auto;
  }

  .div-block-84 {
    margin-bottom: 0;
    padding-left: 0;
    text-decoration: none;
    position: static;
    inset: 0% auto auto 0%;
  }

  .text-block-20 {
    font-size: 20px;
  }

  .div-block-82 {
    justify-content: flex-start;
    align-items: center;
    position: relative;
  }

  .div-block-82._1-0 {
    top: 50px;
  }

  .text-block-18 {
    padding-bottom: 0;
    font-size: 16px;
  }

  .tabel-set {
    height: 30%;
    margin-bottom: 0;
    inset: auto 0% 10px;
  }

  .arrow {
    position: static;
    inset: auto auto 10px 46px;
  }
}

@media screen and (max-width: 767px) {
  .div-block-128 {
    margin-right: 0;
  }

  .div-block-127 {
    justify-content: space-between;
    align-items: flex-end;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block-32 {
    background-color: #76216e00;
    font-size: 20px;
  }

  .text-block-31.desktop {
    background-color: #76216e00;
    font-size: 20px;
    display: block;
  }

  .text-block-33 {
    color: #a7a7a7;
  }

  .div-block-92.cta_1-0 {
    background-color: #76216e;
  }

  .text-block-18 {
    color: #dc6927;
  }

  .tabel-set {
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  .frame.bottom.start {
    padding-bottom: 0;
    inset: auto 0% 0%;
  }

  .section {
    border-style: none;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .div-block-2 {
    opacity: 1;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    mix-blend-mode: multiply;
    background-color: #fff9e900;
    border-style: none;
    border-width: 20px;
    border-radius: 10px;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .lottie-animation-10 {
    filter: grayscale() blur(2px);
    width: 40%;
  }

  .div-block-128 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    margin-right: 0;
    padding-right: 10px;
  }

  .div-block-127 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .text-block-32 {
    background-color: #76216e00;
    font-size: 16px;
  }

  .link-block-6 {
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    margin-left: 10px;
  }

  .text-block-31 {
    margin-left: 10px;
  }

  .text-block-31.desktop {
    background-color: #fff0;
    margin: auto;
    font-family: manon, Times New Roman, sans-serif;
    font-size: 16px;
    display: block;
  }

  .div-block-130 {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
  }

  .h3-title-orange {
    color: #dc6927;
    font-size: 13px;
    font-weight: 400;
  }

  .image-53 {
    width: 50px;
    min-width: 0;
  }

  .div-block-137 {
    inset: 0% 0% auto;
  }

  .image-58 {
    width: 50px;
  }

  .image-50 {
    width: 50px;
    max-width: 100%;
  }

  .text-block-33 {
    color: #a7a7a7;
    font-size: 180px;
  }

  .ribons {
    height: auto;
    padding-left: 0;
  }

  .div-block-129 {
    flex-flow: row;
  }

  .div-block-115 {
    justify-content: center;
    align-items: flex-start;
    position: static;
    top: 50%;
  }

  .link-block-3 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100px;
    margin: auto;
    text-decoration: none;
    position: static;
  }

  .div-block-84 {
    flex: 1;
    margin: auto auto auto 0;
    text-decoration: none;
  }

  .div-block-92 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin: 0;
    display: flex;
  }

  .div-block-92.cta_1-0 {
    background-color: #361cab;
    box-shadow: 0 0 12px 4px #0003;
  }

  .text-block-20 {
    -webkit-backdrop-filter: drop-shadow(0 2px 5px #000000b3);
    backdrop-filter: drop-shadow(0 2px 5px #000000b3);
    color: #dc6927;
    font-size: 22px;
  }

  .div-block-82 {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0% 0% 0% 113px;
    text-decoration: none;
    display: flex;
    position: static;
  }

  .text-block-18 {
    filter: drop-shadow(0 2px 5px #000000b3);
    color: #dc6927;
    font-size: 15px;
    line-height: 18px;
  }

  .tabel-set {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
    height: 50%;
    margin: 0;
    padding-bottom: 0;
    display: flex;
    position: fixed;
    inset: auto 0% 0%;
  }

  .tabel-set._1-0 {
    height: 22%;
  }

  .lottie-animation-11 {
    width: 50px;
    margin: auto;
    text-decoration: none;
    position: static;
    inset: 60px 0% auto;
  }

  .arrow {
    margin: auto auto auto 0;
    display: block;
    position: static;
  }

  .call-us {
    display: block;
  }

  .mobile-number {
    display: none;
  }
}


@font-face {
  font-family: 'manon';
  src: url('../fonts/icomoon.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}