.node.css1 > .wrapper1 { background-color: white }
.node.css1  { color: #333 }
.node.css1  > .padding_top { padding-top: 0px }
.node.css1  > .padding_bottom { padding-bottom: 0px }
.node.css1 a { color: rgb(25, 100, 230) }
.node.css2 > .wrapper1 { background-position: center center; background-size: cover; background-repeat: no-repeat }
.node.css2 > .wrapper1 > .wrapper2 { background-color: rgba(0,0,0,0) }
.node.css2  { color: #FFF }
.node.css2  > .padding_top { padding-top: 120px }
.screen-xs .node.css2  > .padding_top { padding-top: 80px!important }
.node.css2  > .padding_bottom { padding-bottom: 120px }
.screen-sm .node.css2  > .padding_bottom { padding-bottom: 60px!important }
.screen-xs .node.css2  > .padding_bottom { padding-bottom: 40px!important }
.node.css2 a { color: rgb(230, 25, 25) }
.node.css3  { color: #FFF; padding-top: 40px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css3 a { color: rgb(230, 25, 25) }
.textable.css4  { text-align: left; font-family: "Inter", sans-serif; font-size: 48px; font-weight: 400; line-height: 1.5; letter-spacing: 0em; color: rgb(23, 21, 36); opacity: 1 }
.screen-md .textable.css4  { font-size: 40px!important; line-height: 1.3!important; letter-spacing: 0em!important }
.screen-sm .textable.css4  { text-align: center!important; font-size: 36px!important; line-height: 1.3!important; letter-spacing: 0em!important }
.screen-xs .textable.css4  { text-align: center!important; font-family: "Inter", sans-serif!important; font-size: 28px!important; line-height: 1.3!important; letter-spacing: 0em!important }
.node.css5  { color: #FFF; padding-top: 80px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.screen-xs .node.css5  { padding-top: 20px!important }
.node.css5 a { color: rgb(230, 25, 25) }
.node.css6  { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css6 a { color: rgb(230, 25, 25) }
.node.css7 .bgimage { height: 350px; background-position: center }
.node.css7 img.selectable { max-height: 350px }
.node.css7 .proportions { width: calc(var(--width) / var(--height) * 350); padding-top: 350px }
.screen-xs .node.css7 .bgimage { height: 200px!important }
.screen-xs .node.css7 img.selectable { max-height: 200px!important }
.screen-xs .node.css7 .proportions { width: calc(var(--width) / var(--height) * 200)!important; padding-top: 200px!important }
.node.css8  { color: #FFF; padding-top: 5px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px }
.node.css8 a { color: rgb(230, 25, 25) }
.textable.css9  { text-align: center; font-family: "Inter", sans-serif; font-size: 32px; font-weight: 400; line-height: 1.3; letter-spacing: 0em; color: rgb(0, 0, 0); opacity: 1 }
.screen-md .textable.css9  { font-size: 18px!important }
.screen-sm .textable.css9  { font-size: 18px!important }
.screen-xs .textable.css9  { font-size: 16px!important }
.textable.css10  { text-align: center; font-family: "Inter", sans-serif; font-size: 21px; font-weight: 400; line-height: 1.3; letter-spacing: 0em; color: rgb(0, 0, 0); opacity: 1 }
.screen-md .textable.css10  { font-size: 18px!important }
.screen-sm .textable.css10  { font-size: 18px!important }
.screen-xs .textable.css10  { font-size: 16px!important }
.node.css11  { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.screen-xs .node.css11  { padding-top: 30px!important }
.node.css11 a { color: rgb(230, 25, 25) }
.node.css12 .bgimage { height: 350px; background-position: center }
.node.css12 img.selectable { max-height: 350px }
.node.css12 .proportions { width: calc(var(--width) / var(--height) * 350); padding-top: 350px }
.screen-xs .node.css12 .bgimage { height: 300px!important }
.screen-xs .node.css12 img.selectable { max-height: 300px!important }
.screen-xs .node.css12 .proportions { width: calc(var(--width) / var(--height) * 300)!important; padding-top: 300px!important }
.node.css13 > .wrapper1 { background-image: linear-gradient(270deg, rgba(92,83,233,1) 0%, rgba(135,67,224,1) 50%, rgba(23,21,36,1) 50%, rgba(23,21,36,1) 100%) }
.node.css13  { color: #333 }
.node.css13  > .padding_top { padding-top: 80px }
.node.css13  > .padding_bottom { padding-bottom: 80px }
.node.css13 a { color: rgb(25, 100, 230) }
.node.css14  { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px }
.node.css14 a { color: rgb(25, 100, 230) }
.node.css15 > .w-elements-grid > div > .node { width: calc(100% / 2 - 0px + 0px / 2) }
.node.css15 > .w-elements-grid > .cont { gap: 0px 0px }
.screen-xs .node.css15 > .w-elements-grid > div > .node { width: calc(100% / 1 - 0px + 0px / 1)!important }
.screen-xs .node.css15 > .w-elements-grid > .cont { column-gap: 0px!important }
.node.css16  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px }
.node.css16 a { color: rgb(25, 100, 230) }
.node.css17  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css17 a { color: rgb(25, 100, 230) }
.node.css18 > .max-width { max-width: 600px; margin-left: 0; margin-right: auto }
.node.css19  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 60px }
.screen-xs .node.css19  { padding-right: 5px!important }
.node.css19 a { color: rgb(25, 100, 230) }
.textable.css20  { text-align: left; font-family: "Inter", sans-serif; font-size: 32px; font-weight: 400; line-height: 1.4; letter-spacing: 0em; color: rgb(255, 255, 255); opacity: 1 }
.screen-sm .textable.css20  { font-size: 28px!important }
.screen-xs .textable.css20  { font-size: 24px!important }
.node.css21  { color: #333; padding-top: 60px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px }
.screen-xs .node.css21  { padding-top: 25px!important }
.node.css21 a { color: rgb(25, 100, 230) }
.metahtml.css22 .btn {
  width: 360px;
  height: 80px;
  background: linear-gradient(91.95deg, #7365EE 0%, #8842E0 100%);
  overflow: hidden;
  position: relative;
  box-shadow: 0px 10px 20px rgba(115, 101, 238, 0.3);
  border-radius: 30px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: normal;
  position: relative;
  overflow: hidden;
}

.metahtml.css22 .btn:before {
  content: '';
  background: url(assets/img/light_c136750752.svg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: -70px;
  height: 100%;
  width: 77px;
  -webkit-animation: slide 3s ease-in-out .4s infinite;
  animation: slide 3s ease-in-out .4s infinite;
  top: 0;
}

@-webkit-keyframes slide {
  0% {
    left: -70px;
  }

  40% {
    left: 100%;
  }

  to {
    left: 100%;
  }
}

@keyframes slide {
  0% {
    left: -70px;
  }

  40% {
    left: 100%;
  }

  to {
    left: 100%;
  }
}

@media (max-width: 560px) {
  .btn {
    width: 300px !important;
  }
}
.node.css23  { color: #333 }
.node.css23 a { color: rgb(25, 100, 230) }
.node.css24 > .zero-grid { height: 438px }
.zero-layer.css25  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 8; transform: scale(1, 1)  }
.zero-layer.css25  > .zero-layer-axis { height: 438px }
.zero-layer.css25  > .zero-layer-axis > .zero-layer-frame { left: 80px; top: -46px; width: 750px }
.screen-md .zero-layer.css25  > .zero-layer-axis > .zero-layer-frame { left: -50px!important; top: 10px!important; width: 510px!important }
.screen-sm .zero-layer.css25  > .zero-layer-axis > .zero-layer-frame { left: -70px!important; top: 10px!important; width: 455.17px!important }
.screen-xs .zero-layer.css25  > .zero-layer-axis > .zero-layer-frame { left: -70px!important; top: 10px!important; width: 455.17px!important }
.node.css26 > .w-elements-grid > div > .node { width: calc(100% / 1 - 0px + 0px / 1) }
.node.css26 > .w-elements-grid > .cont { gap: 0px 0px }
.node.css27 > .wrapper1 { background-image: linear-gradient(270deg, rgba(92,83,233,1) 0%, rgba(135,67,224,1) 100%) }
.node.css27  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px }
.node.css27 a { color: rgb(25, 100, 230) }
.node.css28 > .max-width { max-width: 600px; margin-left: auto; margin-right: auto }
.node.css29 img { width: calc(1 * var(--width)) }
.node.css29 .bgnormal { text-align: center }
.node.css30 > .wrapper1 { background-color: rgb(22, 20, 36) }
.node.css30  { color: #FFF; padding-top: 25px; padding-bottom: 60px; padding-left: 25px; padding-right: 25px }
.node.css30 a { color: rgb(51, 25, 230) }
.node.css31  { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css31 a { color: rgb(51, 25, 230) }
.node.css32  { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 40px }
.screen-xs .node.css32  { padding-right: 5px!important }
.node.css32 a { color: rgb(51, 25, 230) }
.textable.css33  { text-align: left; font-family: "Inter", sans-serif; font-size: 32px; font-weight: 400; line-height: 1.4; letter-spacing: 0em; color: rgb(255, 255, 255); opacity: 1 }
.screen-sm .textable.css33  { font-size: 28px!important }
.screen-xs .textable.css33  { font-size: 20px!important }
.node.css34  { color: #FFF; padding-top: 60px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px }
.screen-xs .node.css34  { padding-top: 25px!important }
.node.css34 a { color: rgb(51, 25, 230) }
.node.css35 > .wrapper1 { background-color: white }
.node.css35  { color: #333 }
.node.css35  > .padding_top { padding-top: 70px }
.screen-xs .node.css35  > .padding_top { padding-top: 40px!important }
.node.css35  > .padding_bottom { padding-bottom: 70px }
.node.css35 a { color: rgb(25, 100, 230) }
.textable.css36  { text-align: center; font-family: "Inter", sans-serif; font-size: 48px; font-weight: 400; line-height: 1.2; letter-spacing: 0em; opacity: 1 }
.screen-md .textable.css36  { font-size: 40px!important }
.screen-sm .textable.css36  { font-size: 28px!important }
.screen-xs .textable.css36  { font-size: 24px!important }
.node.css37  { color: #333; padding-top: 80px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.screen-xs .node.css37  { padding-top: 20px!important }
.node.css37 a { color: rgb(25, 100, 230) }
.node.css38  { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px }
.screen-xs .node.css38  { padding-bottom: 40px!important }
.node.css38 a { color: rgb(25, 100, 230) }
.metahtml.css39 .video-button3 {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  line-height: 60px;
  text-align: center;
  font-size: 20px;
  padding-left: 3.75px;
  background-color: rgb(255, 255, 255);
  color: rgb(22, 102, 241);
  box-shadow: 0 0 21px 0px rgba(129, 78, 229, 0.4);
}

.metahtml.css39 .video-button3-bg {
  display: inline-block;
  position: relative;
}

.metahtml.css39 .video-button3-bgimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
}

.metahtml.css39 .video-button3-bgimg:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0);
}

.metahtml.css39 .video-button3-bg img {
  width: 800px;
  max-width: 100%;
}

.metahtml.css39 .video-button3-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.metahtml.css39 .expan-controller + .expan {
  display: none;
}

.metahtml.css39 .expan {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 250;
}
.modal.css40 .modal-dialog { width: 720px }
.metahtml.css41 .modal2-root {
  position: relative;
  background-color: rgb(255, 255, 255);
  border-radius: 0px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none;
  opacity: 0;
  transform: translateY(-25px);
  transition: 300ms all ease-out;
}

.metahtml.css41 .modal2-root.is-active {
  opacity: 1;
  transform: translateY(0);
}
.node.css42 > .wrapper1 { background-color: rgb(244, 246, 253) }
.node.css42  { color: #333 }
.node.css42  > .padding_top { padding-top: 100px }
.screen-sm .node.css42  > .padding_top { padding-top: 60px!important }
.screen-xs .node.css42  > .padding_top { padding-top: 30px!important }
.node.css42  > .padding_bottom { padding-bottom: 100px }
.screen-md .node.css42  > .padding_bottom { padding-bottom: 60px!important }
.screen-sm .node.css42  > .padding_bottom { padding-bottom: 60px!important }
.screen-xs .node.css42  > .padding_bottom { padding-bottom: 30px!important }
.node.css42 a { color: rgb(25, 71, 230) }
.node.css43 .s-elements-grid > div > .node { width: calc(100% / 1 - 50px + 50px / 1) }
.node.css43 .s-elements-grid { margin: 30px 0 }
.node.css43 .s-elements-grid > .cont { gap: 60px 50px }
.node.css44  { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px }
.node.css44 a { color: rgb(25, 71, 230) }
.node.css45 > .max-width { max-width: 900px; margin-left: auto; margin-right: auto }
.node.css46  { color: #333; padding-top: 5px; padding-bottom: 40px; padding-left: 5px; padding-right: 5px }
.screen-xs .node.css46  { padding-bottom: 25px!important }
.node.css46 a { color: rgb(25, 71, 230) }
.textable.css47  { text-align: center; font-family: "Inter", sans-serif; font-size: 48px; font-weight: 400; line-height: 1.3; letter-spacing: 0em; color: rgb(23, 21, 36); opacity: 1 }
.screen-sm .textable.css47  { font-size: 28px!important }
.screen-xs .textable.css47  { text-align: center!important; font-size: 28px!important }
.node.css48  { color: #333; padding-top: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.node.css48 a { color: rgb(25, 71, 230) }
.node.css49 > .w-elements-grid > div > .node { width: calc(100% / 1 - 10px + 10px / 1) }
.node.css49 > .w-elements-grid > .cont { gap: 60px 10px }
.screen-xs .node.css49 > .w-elements-grid > .cont { row-gap: 30px!important }
.node.css50 > .wrapper1 { background-color: rgb(255, 255, 255); border-radius: 40px }
.node.css50  { color: #333; padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px }
.screen-xs .node.css50  { padding-top: 15px!important; padding-bottom: 15px!important; padding-left: 15px!important; padding-right: 15px!important }
.node.css50 a { color: rgb(230, 25, 25) }
.node.css51  { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px }
.node.css51 a { color: rgb(230, 25, 25) }
.node.css52  { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px }
.node.css52 a { color: rgb(230, 25, 25) }
.node.css53 img { width: calc(1 * var(--width)) }
.node.css53 .bgnormal { text-align: center }
.screen-xs .node.css53 img { width: calc(0.6 * var(--width))!important }
.node.css54  { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 5px }
.node.css54 a { color: rgb(230, 25, 25) }
.textable.css55  { text-align: left; font-family: "Inter", sans-serif; font-size: 28px; font-weight: 400; line-height: 1.2; letter-spacing: 0em; opacity: 1 }
.screen-sm .textable.css55  { font-size: 24px!important }
.screen-xs .textable.css55  { text-align: left!important; font-size: 20px!important }
.node.css56  { color: #333; padding-top: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px }
.node.css56 a { color: rgb(230, 25, 25) }
.textable.css57  { text-align: left; font-family: "Inter", sans-serif; font-size: 17px; font-weight: 400; line-height: 1.4; letter-spacing: 0em; color: rgb(23, 21, 36); opacity: 1 }
.screen-sm .textable.css57  { font-size: 16px!important }
.screen-xs .textable.css57  { text-align: left!important; font-size: 16px!important }
.node.css58  { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px }
.screen-xs .node.css58  { padding-top: 30px!important }
.node.css58 a { color: rgb(230, 25, 25) }
.node.css59  { color: #333; padding-top: 6px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.node.css59 a { color: rgb(230, 25, 25) }
.node.css60 > .w-elements-grid > div > .node { width: calc(100% / 4 - 20px + 20px / 4) }
.node.css60 > .w-elements-grid > .cont { gap: 20px 20px }
.screen-xs .node.css60 > .w-elements-grid > div > .node { width: calc(100% / 1 - 20px + 20px / 1)!important }
.screen-xs .node.css60 > .w-elements-grid > .cont { column-gap: 20px!important }
.node.css61 .bgimage { height: 200px; background-position: center }
.screen-sm .node.css61 .bgimage { height: 160px!important }
.screen-xs .node.css61 .bgimage { height: 160px!important }
.node.css62  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css62 a { color: rgb(230, 25, 25) }
.metahtml.css63 .slider1-root {
  position: relative;
  align-items: center;
}

.metahtml.css63 .widget-slider .swiper-wrapper {
  z-index: 9;
}

.metahtml.css63 .slider1-previous,
.metahtml.css63 .slider1-next {
  height: 40px;
  width: 40px;
  text-align: center;
  border-radius: 100%;
  background: #171524;
  opacity: 1;
  display: flex;
  align-items: center;
  flex: 0 0 40px;
  justify-content: center;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 10;
}

.metahtml.css63 .slider1-previous {
  left: -15px;
}

.metahtml.css63 .slider1-previous:hover {
  opacity: 1;
}

.metahtml.css63 .slider1-previous .arrow {
  display: block;
  width: 16px;
  height: 16px;
  background: url(assets/img/arrow_0acf47f49b.svg) center center no-repeat;
}

.metahtml.css63 .slider1-next {
  right: -15px;
}

.metahtml.css63 .slider1-next .arrow {
  display: block;
  width: 16px;
  height: 16px;
  background: url(assets/img/arrow_0acf47f49b.svg) center center no-repeat;
  transform: rotate(180deg);
}

.metahtml.css63 .slider1-next:hover {
  opacity: 1;
}

.metahtml.css63 .slider1-pagination {
  text-align: center;
  margin-top: 20px;
}

.metahtml.css63 .slider1-page {
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 2px solid #171524;
  background-color: #fff;
  border-radius: 100%;
  padding: 3.6px;
  transition: background-color 0.3s;
  vertical-align: middle;
}

.metahtml.css63 .slider1-page + .slider1-page {
  margin-left: 12px;
}

.metahtml.css63 .slider1-page.is-active {
  background-color: #171524;
}

.metahtml.css63 .slider1-page:hover {
  opacity: 1;
}

.screen-xs .metahtml.css63 .slider1-previous,
.screen-xs .metahtml.css63 .slider1-next {
  display: none;
}

.screen-xs .metahtml.css63 .slider1-container {
  margin: 0;
}
.node.css64 .bgimage { height: 300px; background-position: center }
.screen-xs .node.css64 .bgimage { height: 200px!important }
.node.css65 > .w-elements-grid > div > .node { width: calc(100% / 5 - 20px + 20px / 5) }
.node.css65 > .w-elements-grid > .cont { gap: 20px 20px }
.screen-xs .node.css65 > .w-elements-grid > div > .node { width: calc(100% / 1 - 20px + 20px / 1)!important }
.screen-xs .node.css65 > .w-elements-grid > .cont { column-gap: 20px!important }
.node.css66 > .wrapper1 { background-color: rgb(238, 241, 252) }
.node.css66  { color: #333 }
.node.css66  > .padding_top { padding-top: 100px }
.screen-md .node.css66  > .padding_top { padding-top: 80px!important }
.screen-sm .node.css66  > .padding_top { padding-top: 40px!important }
.screen-xs .node.css66  > .padding_top { padding-top: 60px!important }
.node.css66  > .padding_bottom { padding-bottom: 100px }
.screen-md .node.css66  > .padding_bottom { padding-bottom: 80px!important }
.screen-sm .node.css66  > .padding_bottom { padding-bottom: 40px!important }
.screen-xs .node.css66  > .padding_bottom { padding-bottom: 30px!important }
.node.css66 a { color: rgb(25, 69, 230) }
.node.css67  { color: #333; padding-top: 5px; padding-bottom: 30px; padding-left: 5px; padding-right: 5px }
.node.css67 a { color: rgb(25, 69, 230) }
.textable.css68  { text-align: center; font-family: "Inter", sans-serif; font-size: 48px; font-weight: 400; line-height: 1.2; letter-spacing: 0em; opacity: 1 }
.screen-md .textable.css68  { font-size: 28px!important }
.screen-sm .textable.css68  { font-size: 28px!important }
.screen-xs .textable.css68  { text-align: center!important; font-size: 28px!important }
.node.css69  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css69 a { color: rgb(25, 69, 230) }
.node.css70 > .wrapper1 { background-color: white }
.node.css70  { color: #333 }
.node.css70 a { color: rgb(25, 100, 230) }
.node.css71 > .zero-grid { height: 1480px }
.screen-md .node.css71 > .zero-grid { height: 2380px!important }
.screen-sm .node.css71 > .zero-grid { height: 2380px!important }
.screen-xs .node.css71 > .zero-grid { height: 2420px!important }
.zero-layer.css72  > .zero-layer-axis > .zero-layer-frame > .textable { z-index: 8; transform: scale(1, 1)  }
.zero-layer.css72  > .zero-layer-axis { height: 1480px }
.zero-layer.css72  > .zero-layer-axis > .zero-layer-frame { left: 0px; top: 100px; width: 690px }
.screen-md .zero-layer.css72  > .zero-layer-axis { height: 2380px!important }
.screen-md .zero-layer.css72  > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 60px!important }
.screen-sm .zero-layer.css72  > .zero-layer-axis { height: 2380px!important }
.screen-sm .zero-layer.css72  > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 60px!important }
.screen-xs .zero-layer.css72  > .zero-layer-axis { height: 2420px!important }
.screen-xs .zero-layer.css72  > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 60px!important; width: 90%!important }
.textable.css73  { text-align: center; font-family: "Inter", sans-serif; font-size: 48px; font-weight: 400; line-height: 1.2; letter-spacing: 0em; color: rgb(0, 0, 0); opacity: 1 }
.screen-md .textable.css73  { font-size: 28px!important }
.screen-sm .textable.css73  { font-size: 28px!important }
.screen-xs .textable.css73  { font-size: 28px!important }
.zero-layer.css74  > .zero-layer-axis > .zero-layer-frame > .textable { z-index: 10; transform: scale(1, 1)  }
.zero-layer.css74  > .zero-layer-axis { height: 1480px }
.zero-layer.css74  > .zero-layer-axis > .zero-layer-frame { left: 645px; top: 260px; width: 460px }
.screen-md .zero-layer.css74  > .zero-layer-axis { height: 2380px!important }
.screen-md .zero-layer.css74  > .zero-layer-axis > .zero-layer-frame { left: -5.94px!important; top: 664px!important }
.screen-sm .zero-layer.css74  > .zero-layer-axis { height: 2380px!important }
.screen-sm .zero-layer.css74  > .zero-layer-axis > .zero-layer-frame { left: -5.94px!important; top: 664px!important }
.screen-xs .zero-layer.css74  > .zero-layer-axis { height: 2420px!important }
.screen-xs .zero-layer.css74  > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 578px!important; width: 304.44px!important }
.textable.css75  { text-align: left; font-family: "Inter", sans-serif; font-size: 36px; font-weight: 400; line-height: 1.2; letter-spacing: 0em; color: rgb(23, 21, 36); opacity: 1 }
.screen-md .textable.css75  { font-size: 24px!important }
.screen-sm .textable.css75  { font-size: 24px!important }
.screen-xs .textable.css75  { font-size: 22px!important }
.zero-layer.css76  > .zero-layer-axis > .zero-layer-frame > .textable { z-index: 9; transform: scale(1, 1)  }
.zero-layer.css76  > .zero-layer-axis { height: 1480px }
.zero-layer.css76  > .zero-layer-axis > .zero-layer-frame { left: 658.5px; top: 200px; width: 140px }
.screen-md .zero-layer.css76  > .zero-layer-axis { height: 2380px!important }
.screen-md .zero-layer.css76  > .zero-layer-axis > .zero-layer-frame { left: -165.94px!important; top: 620px!important; width: 140px!important }
.screen-sm .zero-layer.css76  > .zero-layer-axis { height: 2380px!important }
.screen-sm .zero-layer.css76  > .zero-layer-axis > .zero-layer-frame { left: -165.94px!important; top: 620px!important; width: 140px!important }
.screen-xs .zero-layer.css76  > .zero-layer-axis { height: 2420px!important }
.screen-xs .zero-layer.css76  > .zero-layer-axis > .zero-layer-frame { left: -115.75px!important; top: 560px!important; width: 68.5px!important }
.textable.css77  { text-align: center; font-family: "Inter", sans-serif; font-size: 120px; font-weight: 400; line-height: 1; letter-spacing: 0em; color: rgb(238, 241, 252); opacity: 1 }
.screen-md .textable.css77  { font-size: 88px!important }
.screen-sm .textable.css77  { font-size: 88px!important }
.screen-xs .textable.css77  { font-size: 48px!important }
.zero-layer.css78  > .zero-layer-axis > .zero-layer-frame > .textable { z-index: 11; transform: scale(1, 1)  }
.zero-layer.css78  > .zero-layer-axis { height: 1480px }
.zero-layer.css78  > .zero-layer-axis > .zero-layer-frame { left: 645px; top: 331.5px; width: 523.5px }
.screen-md .zero-layer.css78  > .zero-layer-axis { height: 2380px!important }
.screen-md .zero-layer.css78  > .zero-layer-axis > .zero-layer-frame { left: 244.06px!important; top: 730px!important }
.screen-sm .zero-layer.css78  > .zero-layer-axis { height: 2380px!important }
.screen-sm .zero-layer.css78  > .zero-layer-axis > .zero-layer-frame { left: 124.06px!important; top: 730px!important }
.screen-xs .zero-layer.css78  > .zero-layer-axis { height: 2420px!important }
.screen-xs .zero-layer.css78  > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 620px!important; width: 95%!important }
.textable.css79  { text-align: left; font-family: "Inter", sans-serif; font-size: 18px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; color: rgb(23, 21, 36); opacity: 1 }
.screen-md .textable.css79  { font-size: 16px!important }
.screen-sm .textable.css79  { font-size: 16px!important }
.screen-xs .textable.css79  { font-size: 16px!important }
.zero-layer.css80  > .zero-layer-axis > .zero-layer-frame > .textable { z-index: 12; transform: scale(1, 1)  }
.zero-layer.css80  > .zero-layer-axis { height: 1480px }
.zero-layer.css80  > .zero-layer-axis > .zero-layer-frame { left: 645px; top: 450px; width: 460px }
.screen-md .zero-layer.css80  > .zero-layer-axis { height: 2380px!important }
.screen-md .zero-layer.css80  > .zero-layer-axis > .zero-layer-frame { left: 244.06px!important; top: 828px!important; width: 204.44px!important }
.screen-sm .zero-layer.css80  > .zero-layer-axis { height: 2380px!important }
.screen-sm .zero-layer.css80  > .zero-layer-axis > .zero-layer-frame { left: 124.06px!important; top: 828px!important; width: 204.44px!important }
.screen-xs .zero-layer.css80  > .zero-layer-axis { height: 2420px!important }
.screen-xs .zero-layer.css80  > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 780px!important; width: 95%!important }
.textable.css81  { text-align: left; font-family: "Inter", sans-serif; font-size: 18px; font-weight: 400; line-height: 1.2; letter-spacing: 0em; color: rgb(23, 21, 36); opacity: 1 }
.screen-md .textable.css81  { font-size: 16px!important }
.screen-sm .textable.css81  { font-size: 16px!important }
.screen-xs .textable.css81  { font-size: 16px!important }
.zero-layer.css82  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 13; transform: scale(1, 1)  }
.zero-layer.css82  > .zero-layer-axis { height: 1480px }
.zero-layer.css82  > .zero-layer-axis > .zero-layer-frame { left: 645px; top: 490px; width: 553.5px }
.screen-md .zero-layer.css82  > .zero-layer-axis { height: 2380px!important }
.screen-md .zero-layer.css82  > .zero-layer-axis > .zero-layer-frame { left: 244.06px!important; top: 869px!important }
.screen-sm .zero-layer.css82  > .zero-layer-axis { height: 2380px!important }
.screen-sm .zero-layer.css82  > .zero-layer-axis > .zero-layer-frame { left: 124.06px!important; top: 869px!important }
.screen-xs .zero-layer.css82  > .zero-layer-axis { height: 2420px!important }
.screen-xs .zero-layer.css82  > .zero-layer-axis > .zero-layer-frame { left: -8px!important; top: 820px!important; width: 95%!important }
.node.css83  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 5px }
.node.css83 a { color: rgb(25, 100, 230) }
.node.css84 ul { padding-left: 16px; list-style-type: disc }
.node.css84 li { padding-left: 5px }
.node.css84 li + li { margin-top: 0.25em }
.textable.css85  { text-align: left; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; opacity: 1 }
.zero-layer.css86  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 30; transform: scale(1, 1)  }
.zero-layer.css86  > .zero-layer-axis { height: 1480px }
.zero-layer.css86  > .zero-layer-axis > .zero-layer-frame { left: 114px; top: 382px; width: 370px }
.screen-md .zero-layer.css86  > .zero-layer-axis { height: 2380px!important }
.screen-md .zero-layer.css86  > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 1011.5px!important }
.screen-sm .zero-layer.css86  > .zero-layer-axis { height: 2380px!important }
.screen-sm .zero-layer.css86  > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 1011.5px!important }
.screen-xs .zero-layer.css86  > .zero-layer-axis { height: 2420px!important }
.screen-xs .zero-layer.css86  > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 1080px!important; width: 95%!important }
.metahtml.css87 .btn {
  width: 360px;
  height: 60px;
  background: linear-gradient(91.95deg, #7365EE 0%, #8842E0 100%);
  /* shadow blue */
  box-shadow: 0px 10px 20px rgba(115, 101, 238, 0.3);
  border-radius: 30px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: normal;
}

@media (max-width: 560px) {
  .btn {
    width: 300px !important;
  }
}
.modal.css88 .modal-dialog { width: 400px }
.metahtml.css89 .modal4-root {
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: scale(1.1);
  transition: 300ms all ease-out;
}

.metahtml.css89 .modal4-root.is-active {
  opacity: 1;
  transform: scale(1);
}

.metahtml.css89 .modal4-root.is-hiding {
  opacity: 0;
  transform: scale(0.9);
}

.metahtml.css89 .modal4-panel1 {
  padding: 15px;
  background-color: rgb(22, 102, 241);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.metahtml.css89 .modal4-panel2 {
  padding: 15px;
  background-color: rgb(255, 255, 255);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.metahtml.css89 .modal4-close {
  cursor: pointer;
  background-color: white;
  border: 2px solid black;
  border-radius: 100px;
  position: absolute;
  width: 30px;
  height: 30px;
  padding: 0;
  top: -10px;
  right: -10px;
  transition: transform 200ms;
}

.metahtml.css89 .modal4-close-h,
.metahtml.css89 .modal4-close-v {
  background-color: black;
  display: block;
  width: 16px;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
}

.metahtml.css89 .modal4-close-h {
  transform: translate(-50%, -50%) rotate(135deg);
}

.metahtml.css89 .modal4-close-v {
  transform: translate(-50%, -50%) rotate(45deg);
}

.metahtml.css89 .modal4-close:hover {
  transform: scale(1.1);
}
.node.css90  { color: #FFF; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.node.css90 a { color: rgb(25, 100, 230) }
.textable.css91  { text-align: center; font-family: "Inter", sans-serif; font-size: 28px; font-weight: 400; line-height: 1.1; letter-spacing: 0.028571428571428574em; opacity: 1 }
.screen-xs .textable.css91  { text-align: center!important }
.textable.css92  { text-align: center; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.4; letter-spacing: 0em; opacity: 0.65 }
.screen-xs .textable.css92  { text-align: center!important }
.node.css93  { color: #333; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.node.css93 a { color: rgb(25, 100, 230) }
.metahtml.css94 .form1-cover {
  padding: 10px 5px;
  background-color: transparent;
  border-color: rgb(22, 102, 241);
  border-style: none;
  border-width: 2px;
  border-radius: 5px;
  box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
}
.node.css95  { color: #333; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px }
.node.css95 a { color: rgb(25, 100, 230) }
.metahtml.css96 [cr-field] {
  padding-bottom: 14px;
  font-size: 14px;
  font-family: "Inter", sans-serif;
}

.metahtml.css96 .name {
  font-weight: normal;
  font-family: "Inter", sans-serif;
  opacity: 0.8;
  margin-bottom: 6.5px;
  font-size: 13px;
  word-wrap: break-word;
  text-transform: uppercase;;
  letter-spacing: 0.1em;;
}

.metahtml.css96 .form-control {
  height: auto;
  line-height: 1.2;
  box-shadow: none;
  position: relative;
  background-color: rgb(255, 255, 255);
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0px;
  padding: 12px 9.6px;
  font-size: 14px;
  cursor: initial;
}

.metahtml.css96 .form-control:focus,
.metahtml.css96 .form-control:focus-within {
  border-color: rgb(22, 102, 241);
  background-color: rgb(252, 252, 252);
}

.metahtml.css96 .form-control + .form-control {
  margin-top: 10px;
}

.metahtml.css96 label {
  font-weight: normal;
  display: block;
  cursor: pointer;
}

.metahtml.css96 textarea {
  resize: vertical;
}

.metahtml.css96 .checkbox {
  width: 22px;
  height: 22px;
  padding: 0;
  margin: 0 5.5px 0 0;
  line-height: 0;
  min-height: auto;
  display: inline-block;
  vertical-align: middle;
  background: white;
  border: 2px solid rgba(0, 0, 0, 0.25);
  position: relative;
  transition: 300ms all;
  border-radius: 2px;
}

.metahtml.css96 .checkbox svg {
  width: 100%;
  opacity: 0;
  transform: scale(0);
  transition: 300ms all;
}

.metahtml.css96 input:hover ~ .checkbox,
.metahtml.css96 input:focus ~ .checkbox {
  border-color: rgb(138, 179, 248);
}

.metahtml.css96 input:checked ~ .checkbox {
  border-color: rgb(13, 90, 223);
  background-color: rgb(22, 102, 241);
}

.metahtml.css96 input:active ~ .checkbox {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css96 input:checked ~ .checkbox svg {
  opacity: 1;
  transform: scale(1);
}

.metahtml.css96 .radio {
  margin: 0;
  margin: 0 5.5px 0 0;
  padding: 0;
  line-height: 0;
  width: 22px;
  height: 22px;
  min-height: auto;
  display: inline-block;
  vertical-align: middle;
  background: white;
  border: 2px solid rgba(0, 0, 0, 0.25);
  position: relative;
  transition: 300ms all;
  border-radius: 100px;
}

.metahtml.css96 .radio:before {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  content: '';
  display: block;
  background-color: white;
  border-radius: 100px;
  opacity: 0;
  transform: scale(0);
  transition: 300ms all;
}

.metahtml.css96 input:hover ~ .radio,
.metahtml.css96 input:focus ~ .radio {
  border-color: rgb(138, 179, 248);
}

.metahtml.css96 input:active ~ .radio {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css96 input:checked ~ .radio {
  border-color: rgb(13, 90, 223);
  background-color: rgb(22, 102, 241);
}

.metahtml.css96 input:checked ~ .radio:before {
  opacity: 1;
  transform: scale(0.5);
}

.metahtml.css96 [cr-field="checkbox-list"] span {
  vertical-align: middle;
}

.metahtml.css96 [cr-field="checkbox-list"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css96 [cr-field="checkbox-list"] label + label {
  margin-top: 7.333333333333333px;
}

.metahtml.css96 [cr-field="checkbox-visual"] {
  overflow: hidden;
}

.metahtml.css96 [cr-field="checkbox-visual"] .items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -20px;
  justify-content: space-between;
}

.metahtml.css96 [cr-field="checkbox-visual"] .item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 20px;
  width: 30%;
}

.metahtml.css96 [cr-field="checkbox-visual"] label {
  position: relative;
}

.metahtml.css96 [cr-field="checkbox-visual"] .bgimage {
  background-size: cover;
  display: inline-block;
  background-position: center;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.metahtml.css96 [cr-field="checkbox-visual"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.metahtml.css96 [cr-field="checkbox-visual"] .tick {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(22, 102, 241, 0.75);
  transition: all 300ms;
  opacity: 0;
}

.metahtml.css96 [cr-field="checkbox-visual"] .tick svg {
  opacity: 0;
  transition: all 300ms;
  max-width: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.metahtml.css96 [cr-field="checkbox-visual"] .subname {
  margin: 7px 0;
  word-wrap: break-word;
}

.metahtml.css96 [cr-field="checkbox-visual"] input:hover ~ .bgimage .tick,
.metahtml.css96 [cr-field="checkbox-visual"] input:focus ~ .bgimage .tick {
  opacity: 0.5;
}

.metahtml.css96 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick,
.metahtml.css96 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick svg {
  opacity: 1;
}

.metahtml.css96 [cr-field="checkbox-input"] span {
  vertical-align: middle;
}

.metahtml.css96 [cr-field="checkbox-input"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css96 [cr-field="radio-list"] span {
  vertical-align: middle;
}

.metahtml.css96 [cr-field="radio-list"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css96 [cr-field="radio-list"] label + label {
  margin-top: 7.333333333333333px;
}

.metahtml.css96 [cr-field="radio-visual"] {
  overflow: hidden;
}

.metahtml.css96 [cr-field="radio-visual"] .items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -20px;
  justify-content: space-between;
}

.metahtml.css96 [cr-field="radio-visual"] .item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 20px;
  width: 30%;
}

.metahtml.css96 [cr-field="radio-visual"] label {
  position: relative;
}

.metahtml.css96 [cr-field="radio-visual"] .bgimage {
  background-size: cover;
  display: inline-block;
  background-position: center;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.metahtml.css96 [cr-field="radio-visual"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.metahtml.css96 [cr-field="radio-visual"] .tick {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(22, 102, 241, 0.75);
  transition: all 300ms;
  opacity: 0;
}

.metahtml.css96 [cr-field="radio-visual"] .tick svg {
  opacity: 0;
  transition: all 300ms;
  max-width: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.metahtml.css96 [cr-field="radio-visual"] .subname {
  margin: 7px 0;
  word-wrap: break-word;
}

.metahtml.css96 [cr-field="radio-visual"] input:hover ~ .bgimage .tick {
  opacity: 0.5;
}

.metahtml.css96 [cr-field="radio-visual"] input:checked ~ .bgimage .tick,
.metahtml.css96 [cr-field="radio-visual"] input:checked ~ .bgimage .tick svg {
  opacity: 1;
}

.metahtml.css96 [cr-field="select-menu"] select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
  color: black;
}

.metahtml.css96 [cr-field="select-menu"] .fa {
  font-size: 20px;
  line-height: 0;
  opacity: 0.5;
  vertical-align: middle;
}

.metahtml.css96 [cr-field="select-menu"] .flexgrid {
  display: flex;
  align-items: center;
}

.metahtml.css96 [cr-field="select-menu"] .flexgrid .left {
  flex-grow: 1;
  min-width: 50%;
  word-wrap: break-word;
}

.metahtml.css96 [cr-field="file"] svg {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-top: -5px;
  margin-bottom: -5px;
}

.metahtml.css96 [cr-field="file"] span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.metahtml.css96 [cr-field="file"] input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 0;
}

.metahtml.css96 [cr-field="file"] .clean {
  float: right;
  opacity: 0.5;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.metahtml.css96 [cr-field="file"] .clean:hover {
  opacity: 1;
}

.metahtml.css96 [cr-field="file"] .flexgrid {
  display: flex;
  align-items: center;
}

.metahtml.css96 [cr-field="file"] .flexgrid .center {
  flex-grow: 1;
  min-width: 50%;
  word-wrap: break-word;
}

.metahtml.css96 [cr-field="result"] .flexgrid.align-sides {
  display: flex;
  align-items: center;
}

.metahtml.css96 [cr-field="result"] .flexgrid.align-sides .left .name {
  margin-bottom: 0;
}

.metahtml.css96 [cr-field="result"] .flexgrid.align-center .left {
  text-align: center;
}

.metahtml.css96 [cr-field="result"] .flexgrid.align-right .left {
  text-align: right;
}

.metahtml.css96 [cr-field="result"] .flexgrid .right {
  flex-grow: 1;
  min-width: 25%;
  word-wrap: break-word;
  text-align: right;
  font-size: 120%;
}

.metahtml.css96 [cr-field="result"] .flexgrid.align-left .right {
  text-align: left;
}

.metahtml.css96 [cr-field="result"] .flexgrid.align-center .right {
  text-align: center;
}

.metahtml.css96 [cr-field="result"] .flexgrid.align-right .right {
  text-align: right;
}

.metahtml.css96 [cr-field="privacy-button"] .open {
  text-align: center;
  opacity: 0.5;
  font-size: 80%;
  cursor: pointer;
}

.metahtml.css96 [cr-field="privacy-button"] .open a {
  color: inherit;
  text-decoration: none;
}

.metahtml.css96 [cr-field="privacy-checkbox"] {
  font-size: 80%;
}

.metahtml.css96 [cr-field="privacy-checkbox"] span {
  vertical-align: middle;
}

.metahtml.css96 [cr-field="privacy-checkbox"] a {
  vertical-align: middle;
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  color: inherit;
  cursor: pointer;
}

.metahtml.css96 [cr-field="privacy-checkbox"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css96 [cr-field="privacy-text"] {
  font-size: 80%;
  text-align: center;
}

.metahtml.css96 [cr-field="privacy-text"] a {
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  color: inherit;
  cursor: pointer;
}

.metahtml.css96 [cr-field="hidden"] {
  opacity: 0.25;
}
.btn.css97 { text-align: center } .btn.css97 { background-color: rgb(22, 102, 241);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(12, 80, 198);padding-top: 14px;padding-bottom: 14px;font-size: 16px;color: rgb(255, 255, 255)!important;font-family: "Inter", sans-serif; } .btn.css97:hover, .btn.css97.hover { background-color: rgb(13, 90, 223);border-color: rgb(10, 64, 159);color: rgb(255, 255, 255)!important; } .btn.css97:active, .btn.css97.active { background-color: rgb(12, 81, 201);border-color: rgb(11, 72, 179);color: rgb(255, 255, 255)!important; } .btn.css97:before {  } .btn.css97:active:before, .btn.css97.active:before { background-color: rgb(12, 81, 201); }
.zero-layer.css98  > .zero-layer-axis > .zero-layer-frame > .textable { z-index: 15; transform: scale(1, 1)  }
.zero-layer.css98  > .zero-layer-axis { height: 1480px }
.zero-layer.css98  > .zero-layer-axis > .zero-layer-frame { left: 42px; top: 820px; width: 140px }
.screen-md .zero-layer.css98  > .zero-layer-axis { height: 2380px!important }
.screen-md .zero-layer.css98  > .zero-layer-axis > .zero-layer-frame { left: 244.06px!important; top: 1245px!important }
.screen-sm .zero-layer.css98  > .zero-layer-axis { height: 2380px!important }
.screen-sm .zero-layer.css98  > .zero-layer-axis > .zero-layer-frame { left: 124.06px!important; top: 1240px!important }
.screen-xs .zero-layer.css98  > .zero-layer-axis { height: 2420px!important }
.screen-xs .zero-layer.css98  > .zero-layer-axis > .zero-layer-frame { left: -120.75px!important; top: 1750px!important; width: 58.5px!important }
.zero-layer.css99  > .zero-layer-axis > .zero-layer-frame > .textable { z-index: 16; transform: scale(1, 1)  }
.zero-layer.css99  > .zero-layer-axis { height: 1480px }
.zero-layer.css99  > .zero-layer-axis > .zero-layer-frame { left: 28.5px; top: 880px; width: 460px }
.screen-md .zero-layer.css99  > .zero-layer-axis { height: 2380px!important }
.screen-md .zero-layer.css99  > .zero-layer-axis > .zero-layer-frame { left: 244.06px!important; top: 1289px!important }
.screen-sm .zero-layer.css99  > .zero-layer-axis { height: 2380px!important }
.screen-sm .zero-layer.css99  > .zero-layer-axis > .zero-layer-frame { left: 124.06px!important; top: 1284px!important }
.screen-xs .zero-layer.css99  > .zero-layer-axis { height: 2420px!important }
.screen-xs .zero-layer.css99  > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 1761px!important; width: 95%!important }
.zero-layer.css100  > .zero-layer-axis > .zero-layer-frame > .textable { z-index: 17; transform: scale(1, 1)  }
.zero-layer.css100  > .zero-layer-axis { height: 1480px }
.zero-layer.css100  > .zero-layer-axis > .zero-layer-frame { left: 28.5px; top: 951.5px; width: 523.5px }
.screen-md .zero-layer.css100  > .zero-layer-axis { height: 2380px!important }
.screen-md .zero-layer.css100  > .zero-layer-axis > .zero-layer-frame { left: 240px!important; top: 1890px!important }
.screen-sm .zero-layer.css100  > .zero-layer-axis { height: 2380px!important }
.screen-sm .zero-layer.css100  > .zero-layer-axis > .zero-layer-frame { left: 120px!important; top: 1890px!important }
.screen-xs .zero-layer.css100  > .zero-layer-axis { height: 2420px!important }
.screen-xs .zero-layer.css100  > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 1810px!important; width: 95%!important }
.zero-layer.css101  > .zero-layer-axis > .zero-layer-frame > .textable { z-index: 18; transform: scale(1, 1)  }
.zero-layer.css101  > .zero-layer-axis { height: 1480px }
.zero-layer.css101  > .zero-layer-axis > .zero-layer-frame { left: 28.5px; top: 1040px; width: 460px }
.screen-md .zero-layer.css101  > .zero-layer-axis { height: 2380px!important }
.screen-md .zero-layer.css101  > .zero-layer-axis > .zero-layer-frame { left: 240px!important; top: 1970px!important }
.screen-sm .zero-layer.css101  > .zero-layer-axis { height: 2380px!important }
.screen-sm .zero-layer.css101  > .zero-layer-axis > .zero-layer-frame { left: 120px!important; top: 1970px!important }
.screen-xs .zero-layer.css101  > .zero-layer-axis { height: 2420px!important }
.screen-xs .zero-layer.css101  > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 1920px!important; width: 95%!important }
.textable.css102  { text-align: left; font-family: "Inter", sans-serif; font-size: 18px; font-weight: 400; line-height: 1.2; letter-spacing: 0em; color: rgb(23, 21, 36); opacity: 1 }
.zero-layer.css103  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 19; transform: scale(1, 1)  }
.zero-layer.css103  > .zero-layer-axis { height: 1480px }
.zero-layer.css103  > .zero-layer-axis > .zero-layer-frame { left: 28.5px; top: 1080px; width: 510px }
.screen-md .zero-layer.css103  > .zero-layer-axis { height: 2380px!important }
.screen-md .zero-layer.css103  > .zero-layer-axis > .zero-layer-frame { left: 240px!important; top: 2010px!important }
.screen-sm .zero-layer.css103  > .zero-layer-axis { height: 2380px!important }
.screen-sm .zero-layer.css103  > .zero-layer-axis > .zero-layer-frame { left: 120px!important; top: 2010px!important }
.screen-xs .zero-layer.css103  > .zero-layer-axis { height: 2420px!important }
.screen-xs .zero-layer.css103  > .zero-layer-axis > .zero-layer-frame { left: 1.5px!important; top: 1960px!important; width: 95%!important }
.zero-layer.css104  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 30; transform: scale(1, 1)  }
.zero-layer.css104  > .zero-layer-axis { height: 1480px }
.zero-layer.css104  > .zero-layer-axis > .zero-layer-frame { left: 754px; top: 1069px; width: 370px }
.screen-md .zero-layer.css104  > .zero-layer-axis { height: 2380px!important }
.screen-md .zero-layer.css104  > .zero-layer-axis > .zero-layer-frame { left: 295px!important; top: 2050px!important }
.screen-sm .zero-layer.css104  > .zero-layer-axis { height: 2380px!important }
.screen-sm .zero-layer.css104  > .zero-layer-axis > .zero-layer-frame { left: 175px!important; top: 2050px!important }
.screen-xs .zero-layer.css104  > .zero-layer-axis { height: 2420px!important }
.screen-xs .zero-layer.css104  > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 2030px!important; width: 95%!important }
.zero-layer.css105  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 21; transform: scale(1, 1)  }
.zero-layer.css105  > .zero-layer-axis { height: 1480px }
.zero-layer.css105  > .zero-layer-axis > .zero-layer-frame { left: 338.81px; top: 881.5px; width: 521.5px; height: 435px }
.screen-md .zero-layer.css105  > .zero-layer-axis { height: 2380px!important }
.screen-md .zero-layer.css105  > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 1370px!important; width: 480px!important; height: 400px!important }
.screen-sm .zero-layer.css105  > .zero-layer-axis { height: 2380px!important }
.screen-sm .zero-layer.css105  > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 1370px!important; width: 480px!important; height: 400px!important }
.screen-xs .zero-layer.css105  > .zero-layer-axis { height: 2420px!important }
.screen-xs .zero-layer.css105  > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 1310px!important; width: 95%!important; height: 270px!important }
.zero-layer.css106  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 8; transform: scale(1, 1)  }
.zero-layer.css106  > .zero-layer-axis { height: 100% }
.zero-layer.css106  > .zero-layer-axis > .zero-layer-frame { left: 43.25px; top: 0px; width: 435px }
.screen-md .zero-layer.css106  > .zero-layer-axis > .zero-layer-frame { width: 83.33%!important }
.screen-sm .zero-layer.css106  > .zero-layer-axis > .zero-layer-frame { width: 83.33%!important }
.screen-xs .zero-layer.css106  > .zero-layer-axis > .zero-layer-frame { left: 26.51px!important; width: 83.33%!important }
.zero-layer.css107  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 9; transform: scale(1, 1)  }
.zero-layer.css107  > .zero-layer-axis { height: 100% }
.zero-layer.css107  > .zero-layer-axis > .zero-layer-frame { left: 36px; top: -18.5px; width: 450px }
.screen-md .zero-layer.css107  > .zero-layer-axis > .zero-layer-frame { left: 36px!important; width: 85%!important }
.screen-sm .zero-layer.css107  > .zero-layer-axis > .zero-layer-frame { left: 36px!important; width: 85%!important }
.screen-xs .zero-layer.css107  > .zero-layer-axis > .zero-layer-frame { left: 22.8px!important; top: 21px!important; width: 85%!important }
.zero-layer.css108  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 22; transform: scale(1, 1)  }
.zero-layer.css108  > .zero-layer-axis { height: 1480px }
.zero-layer.css108  > .zero-layer-axis > .zero-layer-frame { left: -300.75px; top: 194.5px; width: 598.5px; height: 435px }
.screen-md .zero-layer.css108  > .zero-layer-axis { height: 2380px!important }
.screen-md .zero-layer.css108  > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 134.5px!important; width: 471.88px!important; height: 385.5px!important }
.screen-sm .zero-layer.css108  > .zero-layer-axis { height: 2380px!important }
.screen-sm .zero-layer.css108  > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 134.5px!important; width: 471.88px!important; height: 385.5px!important }
.screen-xs .zero-layer.css108  > .zero-layer-axis { height: 2420px!important }
.screen-xs .zero-layer.css108  > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 174.5px!important; width: 95%!important; height: 235.5px!important }
.zero-layer.css109  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 8; transform: scale(1, 1)  }
.zero-layer.css109  > .zero-layer-axis { height: 100% }
.zero-layer.css109  > .zero-layer-axis > .zero-layer-frame { left: 81.6px; top: 0px; width: 435.31px }
.screen-md .zero-layer.css109  > .zero-layer-axis > .zero-layer-frame { left: 64.3px!important; width: 72.67%!important }
.screen-sm .zero-layer.css109  > .zero-layer-axis > .zero-layer-frame { left: 64.3px!important; width: 72.67%!important }
.screen-xs .zero-layer.css109  > .zero-layer-axis > .zero-layer-frame { left: 43.59px!important; width: 72.67%!important }
.zero-layer.css110  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 9; transform: scale(1, 1)  }
.zero-layer.css110  > .zero-layer-axis { height: 100% }
.zero-layer.css110  > .zero-layer-axis > .zero-layer-frame { left: 0.25px; top: 52px; width: 598.5px }
.screen-md .zero-layer.css110  > .zero-layer-axis > .zero-layer-frame { top: 76.5px!important; width: 99.92%!important }
.screen-sm .zero-layer.css110  > .zero-layer-axis > .zero-layer-frame { top: 62.5px!important; width: 99.92%!important }
.screen-xs .zero-layer.css110  > .zero-layer-axis > .zero-layer-frame { top: 62.5px!important; width: 99.92%!important }
/* Scoped for Creatium / Bootstrap embed — all rules live under #showcase */

#showcase.showcase-section {
  --showcase-font: "Inter", sans-serif;
  --showcase-container: 1520px;
  --showcase-container-pad: 48px;
  --showcase-section-pad: 90px;
  --showcase-ease-soft: cubic-bezier(0.22, 1, 0.36, 1);
  --showcase-duration-soft: 0.55s;
  --showcase-link-color: #252336;
  --showcase-link-hover-color: #EA3232;
  --showcase-pad: 15px;
  position: relative;
  isolation: isolate;
  width: 100%;
  padding-block: var(--showcase-section-pad);
  background: #fff;
  overflow: visible;
  font-family: var(--showcase-font);
  font-size: 16px;
  line-height: 1.3;
  color: var(--showcase-link-color);
}

#showcase.showcase-section,
#showcase.showcase-section *,
#showcase.showcase-section *::before,
#showcase.showcase-section *::after {
  box-sizing: border-box;
}

#showcase.showcase-section img {
  display: block;
  max-width: 100%;
  height: auto;
  border: 0;
}

#showcase.showcase-section button {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

/* Creatium `.area a { text-decoration: underline }` — higher specificity inside embed */

#showcase.showcase-section a,
#showcase.showcase-section a:hover,
#showcase.showcase-section a:focus,
#showcase.showcase-section a:focus-visible,
.area #showcase.showcase-section a,
.area #showcase.showcase-section a:hover,
.area #showcase.showcase-section a:focus,
.area #showcase.showcase-section a:focus-visible,
.node.css1 #showcase.showcase-section a,
.node.css1 #showcase.showcase-section a:hover,
.node.css1 #showcase.showcase-section a:focus,
.node.css1 #showcase.showcase-section a:focus-visible {
  text-decoration: none !important;
}

#showcase.showcase-section a.showcase-featured-card,
.area #showcase.showcase-section a.showcase-featured-card,
.node.css1 #showcase.showcase-section a.showcase-featured-card {
  color: var(--showcase-link-color) !important;
  text-decoration: none !important;
  transition: transform var(--showcase-duration-soft) var(--showcase-ease-soft),
    box-shadow var(--showcase-duration-soft) var(--showcase-ease-soft);
}

#showcase.showcase-section a.showcase-featured-card:hover,
#showcase.showcase-section a.showcase-featured-card:focus,
#showcase.showcase-section a.showcase-featured-card:focus-visible,
.area #showcase.showcase-section a.showcase-featured-card:hover,
.area #showcase.showcase-section a.showcase-featured-card:focus,
.area #showcase.showcase-section a.showcase-featured-card:focus-visible,
.node.css1 #showcase.showcase-section a.showcase-featured-card:hover,
.node.css1 #showcase.showcase-section a.showcase-featured-card:focus,
.node.css1 #showcase.showcase-section a.showcase-featured-card:focus-visible {
  color: var(--showcase-link-color) !important;
  text-decoration: none !important;
}

#showcase.showcase-section .showcase-section__layout {
  width: 100%;
  max-width: var(--showcase-container);
  margin-inline: auto;
  padding-inline: var(--showcase-container-pad);
}

#showcase.showcase-section .showcase-section__stage {
  position: relative;
  overflow: visible;
}

#showcase.showcase-section .showcase-section__hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(24px, 3.5vw, 48px);
  align-items: start;
  margin-bottom: 30px;
}

#showcase.showcase-section .showcase-section__hero-copy {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}

#showcase.showcase-section .showcase-about__tags {
  grid-column: 1;
  grid-row: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}

#showcase.showcase-section .showcase-about__video {
  grid-column: 2;
  grid-row: 1 / span 2;
  min-width: 0;
  width: 100%;
  max-width: 560px;
  justify-self: end;
  align-self: start;
}

#showcase.showcase-section .showcase-section__title {
  margin: 0 0 clamp(12px, 1.4vw, 20px);
  font-size: clamp(29px, 5.8vw, 83px);
  font-weight: 800;
  line-height: 0.95;
  overflow-wrap: anywhere;
}

#showcase.showcase-section .showcase-section__title-line {
  display: block;
  background: linear-gradient(173deg, #252336 0%, #C81C31 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

#showcase.showcase-section .showcase-section__lead {
  margin: 0;
  font-size: clamp(20px, 2.4vw, 32px);
  font-weight: 300;
  line-height: 1.35;
  color: #252336;
}

#showcase.showcase-section .showcase-about__tag {
  display: inline-flex;
  align-items: center;
  padding: 10px 18px;
  border-radius: 999px;
  background: rgba(234, 50, 50, 0.08);
  color: #252336;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}

#showcase.showcase-section .showcase-about__video-player {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background: #f0ebff;
  aspect-ratio: 16 / 9;
  box-shadow: 0 10px 32px rgba(37, 35, 54, 0.12),
    0 4px 12px rgba(37, 35, 54, 0.08);
}

#showcase.showcase-section .showcase-about__video-link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

#showcase.showcase-section .showcase-about__video-link::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(37, 35, 54, 0);
  transition: background 0.25s ease;
}

#showcase.showcase-section .showcase-about__video-link:hover::before,
#showcase.showcase-section .showcase-about__video-link:focus-visible::before {
  background: rgba(37, 35, 54, 0.28);
}

#showcase.showcase-section .showcase-about__video-link:focus-visible {
  outline: 2px solid #762cf6;
  outline-offset: 4px;
}

#showcase.showcase-section .showcase-about__video-thumb {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: radial-gradient(circle at 30% 20%, rgba(118, 44, 246, 0.22) 0%, transparent 52%),
    linear-gradient(135deg, #f0ebff 0%, #e8e0ff 100%);
}

#showcase.showcase-section .showcase-about__video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  width: clamp(48px, 8vw, 64px);
  height: auto;
  transition: transform 0.25s ease;
}

#showcase.showcase-section .showcase-about__video-link:hover .showcase-about__video-play,
#showcase.showcase-section .showcase-about__video-link:focus-visible .showcase-about__video-play {
  transform: translate(-50%, -50%) scale(1.06);
}

#showcase.showcase-section .showcase-about__video-player.is-playing .showcase-about__video-link {
  display: none;
}

#showcase.showcase-section .showcase-about__video-player iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

#showcase.showcase-section .showcase-about__video-caption {
  margin: 0;
  padding: 10px 15px 0;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
  color: rgb(92 92 92);
}

#showcase.showcase-section .showcase-featured {
  position: relative;
  overflow: visible;
}

#showcase.showcase-section .showcase-featured__scroll-hint {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  align-items: center;
  gap: 8px;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

#showcase.showcase-section .showcase-featured__scroll-hint.is-hidden {
  opacity: 0;
}

#showcase.showcase-section .showcase-featured__scroll-hint-text {
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  color: #252336;
  white-space: nowrap;
}

#showcase.showcase-section .showcase-featured__scroll-hint-icon {
  display: block;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  background-color: #252336;
  -webkit-mask-image: url("assets/img/touch_49adca5e61.svg");
  mask-image: url("assets/img/touch_49adca5e61.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  animation: showcase-scroll-hint 1.4s ease-in-out infinite;
}

@keyframes showcase-scroll-hint {
  0%, 100% {
    transform: translateX(-4px);
  }

  50% {
    transform: translateX(4px);
  }
}

#showcase.showcase-section .showcase-featured__track {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(24px, 2.3vw, 40px);
  overflow: visible;
}

#showcase.showcase-section .showcase-featured-card {
  display: flex;
  align-items: stretch;
  gap: clamp(20px, 2.2vw, 32px);
  min-width: 0;
  min-height: clamp(200px, 14.5vw, 250px);
  padding: clamp(16px, 1.6vw, 24px) clamp(20px, 2.2vw, 30px);
  border-radius: 20px;
  background: rgba(234, 50, 50, 0.05);
  cursor: pointer;
  overflow: visible;
  --showcase-card-shadow: 37, 35, 54;
  box-shadow: 0 10px 32px rgba(var(--showcase-card-shadow), 0.12),
    0 4px 12px rgba(var(--showcase-card-shadow), 0.08);
  transform: translateY(0);
}

#showcase.showcase-section .showcase-featured-card:hover,
#showcase.showcase-section .showcase-featured-card:focus-visible {
  transform: translateY(-4px);
  box-shadow: 0 14px 36px rgba(234, 50, 50, 0.14),
    0 28px 60px rgba(var(--showcase-card-shadow), 0.2);
}

#showcase.showcase-section .showcase-featured-card:focus-visible {
  outline: 2px solid #252336;
  outline-offset: 4px;
}

#showcase.showcase-section .showcase-featured-card__media {
  flex: 0 1 clamp(100px, 12vw, 200px);
  width: clamp(100px, 12vw, 200px);
  max-width: 40%;
  min-width: 0;
  align-self: center;
}

#showcase.showcase-section .showcase-featured-card__img {
  width: 100%;
  max-width: 100%;
  object-fit: contain;
}

#showcase.showcase-section .showcase-featured-card__body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

#showcase.showcase-section .showcase-featured-card__badges {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: clamp(6px, 0.6vw, 12px);
  margin-bottom: clamp(12px, 1.4vw, 18px);
}

#showcase.showcase-section .showcase-badge {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  padding: 8px clamp(10px, 1.2vw, 20px);
  border-radius: 999px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
}

#showcase.showcase-section .showcase-badge--accent {
  background: #EA3232;
  color: #fff;
}

#showcase.showcase-section .showcase-badge--soft {
  background: rgba(234, 50, 50, 0.05);
  color: #EA3232;
}

#showcase.showcase-section .showcase-featured-card__title {
  margin: 0 0 clamp(8px, 1vw, 12px);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
  color: #252336;
}

#showcase.showcase-section .showcase-featured-card__text {
  margin: 0 0 clamp(16px, 1.4vw, 18px);
  max-width: 36ch;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #252336;
}

#showcase.showcase-section .showcase-featured-card__link {
  display: inline-flex;
  align-items: center;
  gap: clamp(16px, 2vw, 30px);
  margin-top: auto;
  font-size: clamp(16px, 1.1vw, 18px);
  font-weight: 700;
  line-height: 1;
  color: var(--showcase-link-color) !important;
  transition: color 0.35s ease;
}

#showcase.showcase-section .showcase-featured-card:hover .showcase-featured-card__link,
#showcase.showcase-section .showcase-featured-card:focus-visible .showcase-featured-card__link,
.area #showcase.showcase-section .showcase-featured-card:hover .showcase-featured-card__link,
.node.css1 #showcase.showcase-section .showcase-featured-card:hover .showcase-featured-card__link {
  color: var(--showcase-link-hover-color) !important;
}

#showcase.showcase-section .showcase-featured-card__arrow {
  flex: 0 0 auto;
  width: clamp(28px, 2.6vw, 37px);
  height: clamp(28px, 2.6vw, 37px);
  transition: transform var(--showcase-duration-soft) var(--showcase-ease-soft);
}

#showcase.showcase-section .showcase-featured-card:hover .showcase-featured-card__arrow {
  transform: translateX(4px);
}

@media (max-width: 919px) {
  #showcase.showcase-section {
    width: calc(100% + (2 * var(--showcase-pad)));
    margin-left: calc(-1 * var(--showcase-pad));
    margin-right: calc(-1 * var(--showcase-pad));
  }

  #showcase.showcase-section .showcase-section__layout {
    padding-inline: var(--showcase-pad);
  }

  #showcase.showcase-section .showcase-about__video {
    grid-row: 1;
    grid-column: 2;
  }

  #showcase.showcase-section .showcase-about__tags {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-top: 30px;
  }

  #showcase.showcase-section .showcase-section__title {
    font-size: clamp(28px, 5.2vw, 52px);
  }

  #showcase.showcase-section .showcase-featured {
    padding-top: 40px;
  }

  #showcase.showcase-section .showcase-featured__scroll-hint {
    display: flex;
  }

  #showcase.showcase-section .showcase-featured__track {
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    margin: 0 calc(-1 * var(--showcase-pad));
    padding: 16px var(--showcase-pad) 48px;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    scroll-padding-left: var(--showcase-pad);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  #showcase.showcase-section .showcase-featured__track::-webkit-scrollbar {
    display: none;
  }

  #showcase.showcase-section .showcase-featured-card {
    flex: 0 0 min(82vw, 360px);
    width: min(82vw, 360px);
    scroll-snap-align: start;
    flex-direction: column;
    align-items: center;
    gap: clamp(10px, 2vw, 14px);
    min-height: 0;
    padding: clamp(12px, 2.4vw, 16px);
    text-align: center;
  }

  #showcase.showcase-section .showcase-featured-card__media {
    order: 2;
    flex: 0 0 auto;
    width: 100%;
    max-width: min(100%, 200px);
    align-self: center;
    margin: 0 auto clamp(8px, 1.6vw, 12px);
  }

  #showcase.showcase-section .showcase-featured-card__body {
    display: contents;
  }

  #showcase.showcase-section .showcase-featured-card__badges {
    order: 0;
    justify-content: center;
    gap: 6px;
    margin-bottom: clamp(8px, 1.6vw, 12px);
  }

  #showcase.showcase-section .showcase-badge {
    padding: 6px 10px;
    font-size: 14px;
  }

  #showcase.showcase-section .showcase-featured-card__title {
    order: 1;
  }

  #showcase.showcase-section .showcase-featured-card__text {
    order: 3;
    max-width: none;
    margin: 0 0 clamp(10px, 2vw, 14px);
    font-size: 16px;
  }

  #showcase.showcase-section .showcase-featured-card__link {
    order: 4;
    justify-content: center;
    align-self: center;
    gap: clamp(10px, 2vw, 16px);
    font-size: clamp(16px, 2vw, 16px);
    margin-top: auto;
  }

  #showcase.showcase-section .showcase-featured-card__arrow {
    width: clamp(22px, 4vw, 28px);
    height: clamp(22px, 4vw, 28px);
  }
}

@media (max-width: 767px) {
  #showcase.showcase-section .showcase-section__hero {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  #showcase.showcase-section .showcase-section__hero-copy {
    grid-column: 1;
    grid-row: 1;
  }

  #showcase.showcase-section .showcase-about__tags {
    grid-column: 1;
    grid-row: 2;
    margin-top: 0;
  }

  #showcase.showcase-section .showcase-about__video {
    grid-column: 1;
    grid-row: 3;
    max-width: none;
    justify-self: stretch;
  }

  #showcase.showcase-section .showcase-section__title {
    font-size: clamp(26px, 8.2vw, 40px);
  }

  #showcase.showcase-section .showcase-section__lead {
    font-size: clamp(18px, 4.8vw, 24px);
  }

  #showcase.showcase-section .showcase-about__tag {
    font-size: 14px;
    padding: 8px 14px;
  }
}

@media (max-width: 620px) {
  #showcase.showcase-section .showcase-featured-card__media {
    max-width: min(100%, 240px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #showcase.showcase-section .showcase-featured-card,
  #showcase.showcase-section .showcase-featured-card:hover {
    transform: none;
  }

  #showcase.showcase-section .showcase-featured-card:hover {
    box-shadow: 0 10px 32px rgba(37, 35, 54, 0.12),
      0 4px 12px rgba(37, 35, 54, 0.08);
  }

  #showcase.showcase-section .showcase-featured-card__arrow,
  #showcase.showcase-section .showcase-featured-card:hover .showcase-featured-card__arrow {
    transform: none;
  }

  #showcase.showcase-section .showcase-featured__scroll-hint-icon {
    animation: none;
  }
}
.node.css112 > .wrapper1 { background-color: white }
.node.css112  { color: #333 }
.node.css112  > .padding_top { padding-top: 60px }
.node.css112  > .padding_bottom { padding-bottom: 60px }
.node.css112 a { color: rgb(25, 100, 230) }
.node.css113  { color: #333; padding-top: 5px; padding-bottom: 40px; padding-left: 5px; padding-right: 5px }
.screen-xs .node.css113  { padding-bottom: 25px!important }
.node.css113 a { color: rgb(25, 100, 230) }
.textable.css114  { text-align: center; font-family: "Inter", sans-serif; font-size: 48px; font-weight: 400; line-height: 1.3; letter-spacing: 0em; color: rgb(23, 21, 36); opacity: 1 }
.screen-md .textable.css114  { font-size: 28px!important }
.screen-sm .textable.css114  { font-size: 28px!important }
.screen-xs .textable.css114  { text-align: center!important; font-size: 28px!important }
.node.css115 > .max-width { max-width: 960px; margin-left: auto; margin-right: auto }
.node.css116  { color: #333; padding-top: 6px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.node.css116 a { color: rgb(25, 100, 230) }
.node.css117 > .w-elements-grid > div > .node { width: calc(100% / 1 - 10px + 10px / 1) }
.node.css117 > .w-elements-grid > .cont { gap: 40px 10px }
.node.css118 > .wrapper1 { background-color: rgb(238, 241, 252); border-radius: 40px }
.node.css118  { color: #333; padding-top: 25px; padding-bottom: 25px; padding-left: 25px; padding-right: 25px }
.node.css118 a { color: rgb(25, 69, 230) }
.node.css119 > .wrapper1 { background-position: center center; background-size: contain; background-repeat: no-repeat }
.node.css119 > .wrapper1 > .wrapper2 { background-color: rgba(0,0,0,0) }
.node.css119  { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px }
.node.css119 a { color: rgb(25, 168, 230) }
.node.css120  { color: #FFF }
.node.css120 a { color: rgb(25, 168, 230) }
.node.css121 > .zero-grid { height: 10px }
.zero-layer.css122  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 8; transform: scale(1, 1)  }
.zero-layer.css122  > .zero-layer-axis { height: 10px }
.zero-layer.css122  > .zero-layer-axis > .zero-layer-frame { left: -50px; top: -4.5px; width: 140px }
.screen-md .zero-layer.css122  > .zero-layer-axis > .zero-layer-frame { left: -10px!important }
.screen-sm .zero-layer.css122  > .zero-layer-axis > .zero-layer-frame { left: -10px!important }
.screen-xs .zero-layer.css122  > .zero-layer-axis > .zero-layer-frame { left: -10px!important }
.node.css123 > .wrapper1 { background-color: rgb(243, 47, 21); border-radius: 15px }
.node.css123  { color: #FFF; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px }
.node.css123 a { color: rgb(230, 49, 25) }
.textable.css124  { text-align: center; font-family: "Inter", sans-serif; font-size: 11px; font-weight: 400; line-height: 1.2; letter-spacing: 0em; opacity: 1 }
.zero-layer.css125  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 9; transform: scale(1, 1)  }
.zero-layer.css125  > .zero-layer-axis { height: 10px }
.zero-layer.css125  > .zero-layer-axis > .zero-layer-frame { left: -50px; top: 30px; width: 140px }
.screen-md .zero-layer.css125  > .zero-layer-axis > .zero-layer-frame { left: -10px!important }
.screen-sm .zero-layer.css125  > .zero-layer-axis > .zero-layer-frame { left: -10px!important }
.screen-xs .zero-layer.css125  > .zero-layer-axis > .zero-layer-frame { left: -10px!important }
.node.css126 > .wrapper1 { background-color: rgb(57, 191, 24); border-radius: 15px }
.node.css126  { color: #FFF; padding-top: 8px; padding-bottom: 8px; padding-left: 15px; padding-right: 15px }
.node.css126 a { color: rgb(66, 230, 25) }
.node.css127  { color: #FFF; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px }
.node.css127 a { color: rgb(66, 230, 25) }
.textable.css128  { text-align: left; font-family: "Inter", sans-serif; font-size: 11px; font-weight: 400; line-height: 1.2; letter-spacing: 0em; color: rgb(255, 255, 255); opacity: 1 }
.node.css129  { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css129 a { color: rgb(25, 168, 230) }
.node.css130 .bgimage { height: 250px; background-position: center }
.node.css130 img.selectable { max-height: 250px }
.node.css130 .proportions { width: calc(var(--width) / var(--height) * 250); padding-top: 250px }
.node.css131  { color: #333; padding-top: 30px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css131 a { color: rgb(25, 69, 230) }
.node.css132  { color: #FFF; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.node.css132 a { color: rgb(25, 69, 230) }
.node.css133  { color: #333; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.node.css133 a { color: rgb(25, 69, 230) }
.node.css134  { color: #333; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px }
.node.css134 a { color: rgb(25, 69, 230) }
.textable.css135  { text-align: left; font-family: "Inter", sans-serif; font-size: 21px; font-weight: 400; line-height: 1.2; letter-spacing: 0em; opacity: 1 }
.screen-xs .textable.css135  { font-size: 18px!important }
.textable.css136  { text-align: left; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.3; letter-spacing: 0em; opacity: 1 }
.screen-sm .textable.css136  { font-size: 14px!important }
.screen-xs .textable.css136  { font-size: 14px!important }
.node.css137  { color: #333; padding-top: 10px; padding-bottom: 30px; padding-left: 5px; padding-right: 5px }
.node.css137 a { color: rgb(25, 69, 230) }
.textable.css138  { text-align: left; font-family: "Inter", sans-serif; font-size: 22px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; opacity: 1 }
.screen-sm .textable.css138  { font-size: 20px!important }
.screen-xs .textable.css138  { font-size: 18px!important }
.node.css139 > .wrapper1 { background-color: rgb(255, 255, 255) }
.node.css139  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px }
.node.css139 a { color: rgb(230, 25, 25) }
.textable.css140  { text-align: left; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.3; letter-spacing: 0em; opacity: 1 }
.node.css141  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px }
.node.css141 a { color: rgb(25, 69, 230) }
.node.css142  { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px }
.node.css142 a { color: rgb(25, 69, 230) }
.node.css143 > .wrapper1 { background-color: rgb(15, 76, 131); border-radius: 15px }
.node.css143  { color: #FFF; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px }
.node.css143 a { color: rgb(25, 133, 230) }
.zero-layer.css144  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 8; transform: scale(1, 1)  }
.zero-layer.css144  > .zero-layer-axis { height: 10px }
.zero-layer.css144  > .zero-layer-axis > .zero-layer-frame { left: -50px; top: -4.5px; width: 230px }
.screen-md .zero-layer.css144  > .zero-layer-axis > .zero-layer-frame { left: -10px!important }
.screen-sm .zero-layer.css144  > .zero-layer-axis > .zero-layer-frame { left: -10px!important }
.screen-xs .zero-layer.css144  > .zero-layer-axis > .zero-layer-frame { left: -10px!important }
.zero-layer.css145  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 8; transform: scale(1, 1)  }
.zero-layer.css145  > .zero-layer-axis { height: 10px }
.zero-layer.css145  > .zero-layer-axis > .zero-layer-frame { left: -50px; top: -4.5px; width: 170px }
.screen-md .zero-layer.css145  > .zero-layer-axis > .zero-layer-frame { left: -10px!important }
.screen-sm .zero-layer.css145  > .zero-layer-axis > .zero-layer-frame { left: -10px!important }
.screen-xs .zero-layer.css145  > .zero-layer-axis > .zero-layer-frame { left: -10px!important }
.node.css146 > .wrapper1 { background-color: rgb(243, 153, 21); border-radius: 15px }
.node.css146  { color: #FFF; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px }
.node.css146 a { color: rgb(230, 147, 25) }
.btn.css147 { text-align: center } .btn.css147 { background-color: rgb(22, 102, 241);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(12, 80, 198);padding-top: 8px;padding-bottom: 8px;font-size: 14px;color: rgb(255, 255, 255)!important;font-family: "Inter", sans-serif; } .btn.css147:hover, .btn.css147.hover { background-color: rgb(13, 90, 223);border-color: rgb(10, 64, 159);color: rgb(255, 255, 255)!important; } .btn.css147:active, .btn.css147.active { background-color: rgb(12, 81, 201);border-color: rgb(11, 72, 179);color: rgb(255, 255, 255)!important; } .btn.css147:before {  } .btn.css147:active:before, .btn.css147.active:before { background-color: rgb(12, 81, 201); }
.modal.css148 .modal-dialog { width: 800px }
.metahtml.css149 .modal5-root {
  border-radius: 25px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: scale(1.1);
  transition: 300ms all ease-out;
  display: table;
  width: 100%;
}

.screen-xs .metahtml.css149 .modal5-root {
  display: block;
}

.metahtml.css149 .modal5-root.is-active {
  opacity: 1;
  transform: scale(1);
}

.metahtml.css149 .modal5-root.is-hiding {
  opacity: 0;
  transform: scale(0.9);
}

.metahtml.css149 .modal5-panel1 {
  padding: 25px;
  background-color: rgb(255, 255, 255);
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}

.screen-xs .metahtml.css149 .modal5-panel1 {
  display: block;
  width: auto;
  border-radius: 0;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}

.metahtml.css149 .modal5-panel2 {
  padding: 15px;
  background-color: rgb(244, 244, 244);
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  position: relative;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}

.screen-xs .metahtml.css149 .modal5-panel2 {
  display: block;
  width: auto;
  border-radius: 0;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

.metahtml.css149 .modal5-close {
  cursor: pointer;
  background-color: white;
  border: 2px solid black;
  border-radius: 100px;
  position: absolute;
  width: 30px;
  height: 30px;
  padding: 0;
  top: -10px;
  right: -10px;
  transition: transform 200ms;
}

.metahtml.css149 .modal5-close-h,
.metahtml.css149 .modal5-close-v {
  background-color: black;
  display: block;
  width: 16px;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
}

.metahtml.css149 .modal5-close-h {
  transform: translate(-50%, -50%) rotate(135deg);
}

.metahtml.css149 .modal5-close-v {
  transform: translate(-50%, -50%) rotate(45deg);
}

.metahtml.css149 .modal5-close:hover {
  transform: scale(1.1);
}
.textable.css150  { text-align: center; font-family: "Inter", sans-serif; font-size: 24px; font-weight: 400; line-height: 1.1; letter-spacing: 0.028571428571428574em; opacity: 1 }
.screen-xs .textable.css150  { text-align: center!important }
.textable.css151  { text-align: center; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.3; letter-spacing: 0em; opacity: 0.65 }
.screen-xs .textable.css151  { text-align: center!important }
.node.css152  { color: #333; padding-top: 10px; padding-bottom: 30px; padding-left: 15px; padding-right: 5px }
.node.css152 a { color: rgb(25, 100, 230) }
.btn.css153 { text-align: center } .btn.css153 { background-color: rgb(46, 117, 246);border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;border-style: solid;border-top-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-right-width: 1px;border-color: rgb(255, 255, 255);padding-top: 6px;padding-bottom: 6px;font-size: 14px;color: rgb(255, 255, 255)!important;font-family: "Inter", sans-serif; } .btn.css153:hover, .btn.css153.hover { background-color: rgb(255, 255, 255);border-color: rgb(255, 255, 255);color: rgb(255, 255, 255)!important; } .btn.css153:active, .btn.css153.active { background-color: rgb(255, 255, 255);border-color: rgb(255, 255, 255);color: rgb(255, 255, 255)!important; } .btn.css153:before {  } .btn.css153:active:before, .btn.css153.active:before { background-color: rgb(255, 255, 255); }
.textable.css154  { text-align: center; font-family: "Inter", sans-serif; font-size: 12px; font-weight: 400; line-height: 1.2; letter-spacing: 0em; opacity: 1 }
.node.css155 > .w-elements-grid > div > .node { width: calc(100% / 3 - 10px + 10px / 3) }
.node.css155 > .w-elements-grid > .cont { gap: 10px 10px }
.modal.css156 .modal-dialog { width: 1200px }
.metahtml.css157 .modal1-root {
  border-radius: 10px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: scale(1.1);
  transition: 300ms all ease-in;
}

.metahtml.css157 .modal1-root.is-active {
  opacity: 1;
  transform: scale(1);
}

.metahtml.css157 .modal1-root.is-hiding {
  opacity: 0;
  transform: scale(0.9);
}

.metahtml.css157 .modal1-panel {
  padding: 35px;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
}

@media (max-width: 767px) {
  .modal1-panel {
    padding: 15px !important;
  }
}

.metahtml.css157 .modal1-divider {
  margin-top: 10px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.05);
  margin-bottom: 10px;
}

.metahtml.css157 .modal1-close {
  cursor: pointer;
  background-color: white;
  border: 2px solid black;
  border-radius: 100px;
  position: absolute;
  width: 30px;
  height: 30px;
  padding: 0;
  top: -10px;
  right: -10px;
  transition: transform 200ms;
}

.metahtml.css157 .modal1-close-h,
.metahtml.css157 .modal1-close-v {
  background-color: black;
  display: block;
  width: 16px;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
}

.metahtml.css157 .modal1-close-h {
  transform: translate(-50%, -50%) rotate(135deg);
}

.metahtml.css157 .modal1-close-v {
  transform: translate(-50%, -50%) rotate(45deg);
}

.metahtml.css157 .modal1-close:hover {
  transform: scale(1.1);
}
.textable.css158  { text-align: center; font-family: "Inter", sans-serif; font-size: 36px; font-weight: 400; line-height: 1.2; letter-spacing: 0em; opacity: 1 }
.screen-sm .textable.css158  { font-size: 28px!important }
.screen-xs .textable.css158  { font-size: 24px!important }
.textable.css159  { text-align: center; font-family: "Inter", sans-serif; font-size: 22px; font-weight: 400; line-height: 1.3; letter-spacing: 0em; opacity: 1 }
.screen-xs .textable.css159  { font-size: 18px!important }
.node.css160 > .wrapper1 { background-color: rgb(238, 241, 252) }
.node.css160  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px }
.node.css160 a { color: rgb(25, 69, 230) }
.node.css161  { color: #333; padding-top: 60px; padding-bottom: 20px; padding-left: 5px; padding-right: 5px }
.node.css161 a { color: rgb(25, 100, 230) }
.textable.css162  { text-align: left; font-family: "Inter", sans-serif; font-size: 21px; font-weight: 400; line-height: 1.2; letter-spacing: 0em; opacity: 1 }
.node.css163 > .wrapper1 { background-color: rgba(0, 0, 0, 0) }
.node.css163  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px }
.node.css163 a { color: rgb(230, 25, 25) }
.node.css164  { color: #333; padding-top: 0px; padding-bottom: 30px; padding-left: 5px; padding-right: 5px }
.node.css164 a { color: rgb(25, 100, 230) }
.node.css165  { color: #333; padding-top: 10px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px }
.node.css165 a { color: rgb(25, 100, 230) }
.textable.css166  { text-align: left; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.2; letter-spacing: 0em; opacity: 1 }
.node.css167  { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px }
.node.css167 a { color: rgb(25, 100, 230) }
.node.css168 > .w-elements-grid > div > .node { width: calc(100% / 2 - 20px + 20px / 2) }
.node.css168 > .w-elements-grid > .cont { gap: 20px 20px }
.screen-xs .node.css168 > .w-elements-grid > div > .node { width: calc(100% / 1 - 20px + 20px / 1)!important }
.screen-xs .node.css168 > .w-elements-grid > .cont { column-gap: 20px!important }
.textable.css169  { text-align: left; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.3; letter-spacing: 0em; opacity: 1 }
.node.css170 > .wrapper1 { background-color: rgb(255, 255, 255) }
.node.css170  { color: #333 }
.node.css170  > .padding_top { padding-top: 60px }
.screen-md .node.css170  > .padding_top { padding-top: 40px!important }
.screen-sm .node.css170  > .padding_top { padding-top: 40px!important }
.screen-xs .node.css170  > .padding_top { padding-top: 40px!important }
.node.css170  > .padding_bottom { padding-bottom: 120px }
.screen-md .node.css170  > .padding_bottom { padding-bottom: 40px!important }
.screen-sm .node.css170  > .padding_bottom { padding-bottom: 40px!important }
.screen-xs .node.css170  > .padding_bottom { padding-bottom: 40px!important }
.node.css170 a { color: rgb(230, 25, 25) }
.textable.css171  { text-align: left; font-family: "Inter", sans-serif; font-size: 40px; font-weight: 400; line-height: 1.3; letter-spacing: 0em; opacity: 1 }
.screen-md .textable.css171  { font-size: 36px!important }
.screen-sm .textable.css171  { font-size: 28px!important }
.screen-xs .textable.css171  { font-size: 24px!important }
.node.css172  { color: #333; padding-top: 40px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css172 a { color: rgb(230, 25, 25) }
.node.css173  { color: #333; padding-top: 6px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.screen-sm .node.css173  { padding-top: 40px!important }
.node.css173 a { color: rgb(230, 25, 25) }
.node.css174 > .w-elements-grid > div > .node { width: calc(100% / 1 - 10px + 10px / 1) }
.node.css174 > .w-elements-grid > .cont { gap: 0px 10px }
.node.css175  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.screen-xs .node.css175  { padding-bottom: 0px!important }
.node.css175 a { color: rgb(230, 25, 25) }
.node.css176  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.screen-xs .node.css176  { padding-bottom: 5px!important }
.node.css176 a { color: rgb(230, 25, 25) }
.textable.css177  { text-align: left; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.4; letter-spacing: 0em; opacity: 1 }
.node.css178  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.screen-xs .node.css178  { padding-top: 0px!important; padding-bottom: 0px!important }
.node.css178 a { color: rgb(230, 25, 25) }
.node.css179  { color: #333 }
.node.css179 a { color: rgb(230, 25, 25) }
.node.css180 > .zero-grid { height: 0px }
.node.css181 > .wrapper1 { background-position: center center; background-size: cover; background-repeat: repeat }
.node.css181 > .wrapper1 > .wrapper2 { background-color: rgba(0,0,0,0) }
.node.css181  { color: #FFF }
.node.css181 a { color: rgb(230, 25, 25) }
.node.css182 > .zero-grid { height: 600px }
.screen-sm .node.css182 > .zero-grid { height: 546px!important }
.screen-xs .node.css182 > .zero-grid { height: 683px!important }
.zero-layer.css183  > .zero-layer-axis > .zero-layer-frame > .textable { z-index: 13; transform: scale(1, 1)  }
.zero-layer.css183  > .zero-layer-axis { height: 600px }
.zero-layer.css183  > .zero-layer-axis > .zero-layer-frame { left: 0px; top: 80px; width: 630px }
.screen-md .zero-layer.css183  > .zero-layer-axis > .zero-layer-frame { top: 52px!important }
.screen-sm .zero-layer.css183  > .zero-layer-axis { height: 546px!important }
.screen-sm .zero-layer.css183  > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 55px!important; width: 463.5px!important }
.screen-xs .zero-layer.css183  > .zero-layer-axis { height: 683px!important }
.screen-xs .zero-layer.css183  > .zero-layer-axis > .zero-layer-frame { left: 8px!important; top: 209px!important; width: 95%!important }
.textable.css184  { text-align: left; font-family: "Inter", sans-serif; font-size: 48px; font-weight: 400; line-height: 1.2; letter-spacing: 0em; opacity: 1 }
.screen-md .textable.css184  { font-size: 36px!important }
.screen-sm .textable.css184  { font-size: 28px!important }
.screen-xs .textable.css184  { text-align: center!important; font-size: 24px!important }
.zero-layer.css185  > .zero-layer-axis > .zero-layer-frame > .textable { z-index: 12; transform: scale(1, 1)  }
.zero-layer.css185  > .zero-layer-axis { height: 600px }
.zero-layer.css185  > .zero-layer-axis > .zero-layer-frame { left: 0px; top: 283px; width: 413.5px }
.screen-md .zero-layer.css185  > .zero-layer-axis > .zero-layer-frame { top: 212px!important }
.screen-sm .zero-layer.css185  > .zero-layer-axis { height: 546px!important }
.screen-sm .zero-layer.css185  > .zero-layer-axis > .zero-layer-frame { top: 186px!important }
.screen-xs .zero-layer.css185  > .zero-layer-axis { height: 683px!important }
.screen-xs .zero-layer.css185  > .zero-layer-axis > .zero-layer-frame { left: 8px!important; top: 305px!important; width: 95%!important }
.textable.css186  { text-align: left; font-family: "Inter", sans-serif; font-size: 21px; font-weight: 400; line-height: 1.4; letter-spacing: 0em; opacity: 1 }
.screen-md .textable.css186  { font-size: 18px!important }
.screen-sm .textable.css186  { font-size: 18px!important }
.screen-xs .textable.css186  { text-align: center!important; font-size: 16px!important }
.zero-layer.css187  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 11; transform: scale(1, 1)  }
.zero-layer.css187  > .zero-layer-axis { height: 600px }
.zero-layer.css187  > .zero-layer-axis > .zero-layer-frame { left: 0px; top: 401px; width: 273.5px }
.screen-md .zero-layer.css187  > .zero-layer-axis > .zero-layer-frame { top: 290px!important }
.screen-sm .zero-layer.css187  > .zero-layer-axis { height: 546px!important }
.screen-sm .zero-layer.css187  > .zero-layer-axis > .zero-layer-frame { top: 270px!important }
.screen-xs .zero-layer.css187  > .zero-layer-axis { height: 683px!important }
.screen-xs .zero-layer.css187  > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 393px!important; width: 320px!important }
.metahtml.css188 .btn {
  width: 100%;
  padding: 18px 40px;
  background: #171524;
  border-radius: 30px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  white-space: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

@media (max-width: 767px) {
  .btn {
    font-size: 16px;
  }
}
.node.css189  { color: #FFF; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.node.css189 a { color: rgb(230, 25, 25) }
.node.css190  { color: #333; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.node.css190 a { color: rgb(230, 25, 25) }
.node.css191  { color: #333; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px }
.node.css191 a { color: rgb(230, 25, 25) }
.zero-layer.css192  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 10; transform: scale(1, 1)  }
.zero-layer.css192  > .zero-layer-axis { height: 600px }
.zero-layer.css192  > .zero-layer-axis > .zero-layer-frame { left: 213.5px; top: 84px; width: 640px }
.screen-lg .zero-layer.css192  { overflow: hidden!important }
.screen-md .zero-layer.css192  > .zero-layer-axis > .zero-layer-frame { left: 15.86px!important; top: 128.5px!important; width: 578.22px!important }
.screen-md .zero-layer.css192  { overflow: hidden!important }
.screen-sm .zero-layer.css192  > .zero-layer-axis { height: 546px!important }
.screen-sm .zero-layer.css192  > .zero-layer-axis > .zero-layer-frame { left: 110px!important; top: 79px!important; width: 477.74px!important }
.screen-sm .zero-layer.css192  { overflow: hidden!important }
.screen-xs .zero-layer.css192  > .zero-layer-axis { height: 683px!important }
.screen-xs .zero-layer.css192  > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 363px!important; width: 100%!important }
.screen-xs .zero-layer.css192  { overflow: hidden!important }
.zero-layer.css193  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 8; transform: scale(1, 1)  }
.zero-layer.css193  > .zero-layer-axis { height: 600px }
.zero-layer.css193  > .zero-layer-axis > .zero-layer-frame { left: 24px; top: -170px; width: 567px }
.screen-lg .zero-layer.css193  { overflow: hidden!important }
.screen-md .zero-layer.css193  > .zero-layer-axis > .zero-layer-frame { left: -106.5px!important; top: -138px!important; width: 380px!important }
.screen-md .zero-layer.css193  { overflow: hidden!important }
.screen-sm .zero-layer.css193  > .zero-layer-axis { height: 546px!important }
.screen-sm .zero-layer.css193  > .zero-layer-axis > .zero-layer-frame { left: -110px!important; top: -70px!important; width: 250px!important }
.screen-sm .zero-layer.css193  { overflow: hidden!important }
.screen-xs .zero-layer.css193  > .zero-layer-axis { height: 683px!important }
.screen-xs .zero-layer.css193  > .zero-layer-axis > .zero-layer-frame { left: 53.5px!important; top: 174px!important; width: 62.5%!important }
.screen-xs .zero-layer.css193  { overflow: hidden!important }
.zero-layer.css194  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 9; transform: scale(1, 1)  }
.zero-layer.css194  > .zero-layer-axis { height: 600px }
.zero-layer.css194  > .zero-layer-axis > .zero-layer-frame { left: -140px; top: 137px; width: 523px }
.screen-lg .zero-layer.css194  { overflow: hidden!important }
.screen-md .zero-layer.css194  > .zero-layer-axis > .zero-layer-frame { left: -86.5px!important; top: 81px!important; width: 333.5px!important }
.screen-md .zero-layer.css194  { overflow: hidden!important }
.screen-sm .zero-layer.css194  > .zero-layer-axis { height: 546px!important }
.screen-sm .zero-layer.css194  > .zero-layer-axis > .zero-layer-frame { left: -73.25px!important; top: 74px!important; width: 280px!important }
.screen-sm .zero-layer.css194  { overflow: hidden!important }
.screen-xs .zero-layer.css194  > .zero-layer-axis { height: 683px!important }
.screen-xs .zero-layer.css194  > .zero-layer-axis > .zero-layer-frame { left: -86.5px!important; top: 174px!important; width: 65%!important }
.screen-xs .zero-layer.css194  { overflow: hidden!important }
.zero-layer.css195  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 14; transform: scale(1, 1)  }
.zero-layer.css195  > .zero-layer-axis { height: 600px }
.zero-layer.css195  > .zero-layer-axis > .zero-layer-frame { left: 0px; top: 23px; width: 280px }
.screen-sm .zero-layer.css195  > .zero-layer-axis { height: 546px!important }
.screen-xs .zero-layer.css195  > .zero-layer-axis { height: 683px!important }
.screen-xs .zero-layer.css195  > .zero-layer-axis > .zero-layer-frame { left: -10px!important; top: -70px!important; width: 320px!important }
.screen-xs .zero-layer.css195  { overflow: hidden!important }
.zero-layer.css196  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 15; transform: scale(1, 1)  }
.zero-layer.css196  > .zero-layer-axis { height: 600px }
.zero-layer.css196  > .zero-layer-axis > .zero-layer-frame { left: 0px; top: 20px; width: 280px }
.screen-sm .zero-layer.css196  > .zero-layer-axis { height: 546px!important }
.screen-xs .zero-layer.css196  > .zero-layer-axis { height: 683px!important }
.screen-xs .zero-layer.css196  > .zero-layer-axis > .zero-layer-frame { left: -13.24px!important; top: 0px!important; width: 366.52px!important }
.screen-xs .zero-layer.css196  { overflow: hidden!important }
.node.css197 > .wrapper1 { background-color: rgb(238, 241, 252) }
.node.css197  { color: #333 }
.node.css197  > .padding_top { padding-top: 60px }
.node.css197  > .padding_bottom { padding-bottom: 60px }
.node.css197 a { color: rgb(25, 69, 230) }
.node.css198  { color: #333; padding-top: 5px; padding-bottom: 60px; padding-left: 5px; padding-right: 5px }
.screen-xs .node.css198  { padding-bottom: 25px!important }
.node.css198 a { color: rgb(25, 69, 230) }
.textable.css199  { text-align: center; font-family: "Inter", sans-serif; font-size: 48px; font-weight: 400; line-height: 1.3; letter-spacing: 0em; color: rgb(0, 0, 0); opacity: 1 }
.screen-sm .textable.css199  { font-size: 28px!important; color: rgb(0, 0, 0)!important; opacity: 1!important }
.screen-xs .textable.css199  { text-align: center!important; font-size: 28px!important; color: rgb(0, 0, 0)!important; opacity: 1!important }
.node.css200  { color: #333; padding-top: 6px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.node.css200 a { color: rgb(25, 69, 230) }
.node.css201  { color: #333; padding-top: 50px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css201 a { color: rgb(25, 69, 230) }
.metahtml.css202 .btn {
  outline: none;
  max-width: 300px;
  flex-basis: 300px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  font-size: 16px;
  position: relative;
  background: none;
  color: #7365EE;
  text-align: left;
  text-decoration: none;
  transition: 0.3s all;
}

.metahtml.css202 .btn img {
  transition: 0.3s all;
  width: 20px;
  margin-right: 15px;
}

.metahtml.css202 .btn span {
  border-bottom: 1px dashed #8842E0;
}

.metahtml.css202 .btn:hover img {
  transform: rotate(180deg);
}

.metahtml.css202 .btn:hover {
  transform: none;
}

.metahtml.css202 .btn:hover span {
  border-color: transparent;
}

.metahtml.css202 .btn:active {
  background: none;
  box-shadow: none;
}
.node.css203 > .wrapper1 { background-position: center center; background-size: auto; background-repeat: repeat }
.node.css203 > .wrapper1 > .wrapper2 { background-color: rgba(23, 21, 36, 0) }
.node.css203  { color: #FFF }
.node.css203  > .padding_top { padding-top: 60px }
.screen-xs .node.css203  > .padding_top { padding-top: 30px!important }
.node.css203  > .padding_bottom { padding-bottom: 60px }
.screen-xs .node.css203  > .padding_bottom { padding-bottom: 30px!important }
.node.css203 a { color: rgb(53, 25, 230) }
.node.css204  { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css204 a { color: rgb(53, 25, 230) }
.node.css205 > .max-width { max-width: 910px; margin-left: auto; margin-right: auto }
.node.css206  { color: #FFF; padding-top: 25px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.screen-xs .node.css206  { padding-top: 0px!important }
.node.css206 a { color: rgb(53, 25, 230) }
.textable.css207  { text-align: center; font-family: "Inter", sans-serif; font-size: 21px; font-weight: 400; line-height: 1.4; letter-spacing: 0em; color: rgb(0, 0, 0); opacity: 1 }
.screen-sm .textable.css207  { font-size: 16px!important }
.screen-xs .textable.css207  { font-size: 16px!important }
.node.css208  { color: #FFF; padding-top: 60px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.screen-sm .node.css208  { padding-top: 30px!important }
.screen-xs .node.css208  { padding-top: 20px!important }
.node.css208 a { color: rgb(53, 25, 230) }
.node.css209 > .w-elements-grid > div > .node { width: calc(100% / 3 - 50px + 50px / 3) }
.node.css209 > .w-elements-grid > .cont { gap: 30px 50px }
.screen-sm .node.css209 > .w-elements-grid > div > .node { width: calc(100% / 3 - 30px + 30px / 3)!important }
.screen-sm .node.css209 > .w-elements-grid > .cont { column-gap: 30px!important }
.screen-xs .node.css209 > .w-elements-grid > div > .node { width: calc(100% / 1 - 0px + 0px / 1)!important }
.screen-xs .node.css209 > .w-elements-grid > .cont { column-gap: 0px!important }
.node.css210 > .wrapper1 { background-image: linear-gradient(to right, rgba(113, 99, 238, 0.15) 0%, rgba(23, 21, 36, 0) 100%); border-radius: 10px }
.node.css210  { color: #FFF; padding-top: 30px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px }
.screen-sm .node.css210  { padding-top: 20px!important; padding-bottom: 20px!important; padding-left: 10px!important; padding-right: 10px!important }
.screen-xs .node.css210  { padding-top: 15px!important; padding-bottom: 15px!important }
.node.css210 a { color: rgb(46, 25, 230) }
.node.css211  { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css211 a { color: rgb(46, 25, 230) }
.textable.css212  { text-align: center; font-family: "Inter", sans-serif; font-size: 64px; font-weight: 400; line-height: 1; letter-spacing: 0em; color: rgb(115, 101, 238); opacity: 1 }
.screen-md .textable.css212  { font-size: 48px!important }
.screen-sm .textable.css212  { font-size: 36px!important }
.screen-xs .textable.css212  { text-align: left!important; font-size: 40px!important }
.textable.css213  { text-align: center; font-family: "Inter", sans-serif; font-size: 20px; font-weight: 400; line-height: 1.4; letter-spacing: 0em; color: rgb(115, 101, 238); opacity: 1 }
.screen-sm .textable.css213  { font-size: 16px!important }
.screen-xs .textable.css213  { text-align: left!important; font-size: 16px!important }
.node.css214 > .wrapper1 { background-position: center center; background-size: contain; background-repeat: no-repeat }
.node.css214 > .wrapper1 > .wrapper2 { background-color: rgba(0,0,0,0) }
.node.css214  { color: #FFF; padding-top: 80px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px }
.screen-sm .node.css214  { padding-top: 40px!important }
.screen-xs .node.css214  { padding-top: 30px!important }
.node.css214 a { color: rgb(230, 25, 25) }
.node.css215  { color: #FFF; padding-top: 0px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css215 a { color: rgb(230, 25, 25) }
.textable.css216  { text-align: left; font-family: "Inter", sans-serif; font-size: 48px; font-weight: 400; line-height: 1.2; letter-spacing: 0em; color: rgb(0, 0, 0); opacity: 1 }
.screen-md .textable.css216  { font-size: 48px!important }
.screen-sm .textable.css216  { font-size: 32px!important }
.screen-xs .textable.css216  { font-size: 32px!important }
.node.css217  { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.screen-xs .node.css217  { padding-top: 0px!important }
.node.css217 a { color: rgb(230, 25, 25) }
.textable.css218  { text-align: left; font-family: "Inter", sans-serif; font-size: 21px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; color: rgb(0, 0, 0); opacity: 1 }
.screen-sm .textable.css218  { font-size: 18px!important }
.screen-xs .textable.css218  { font-size: 18px!important }
.node.css219 > .max-width { max-width: 950px; margin-left: auto; margin-right: auto }
.node.css220  { color: #FFF; padding-top: 6px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.node.css220 a { color: rgb(230, 25, 25) }
.node.css221 > .w-elements-grid > div > .node { width: calc(100% / 2 - 10px + 10px / 2) }
.node.css221 > .w-elements-grid > .cont { gap: 10px 10px }
.node.css222  { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px }
.node.css222 a { color: rgb(230, 25, 25) }
.textable.css223  { text-align: center; font-family: "Inter", sans-serif; font-size: 48px; font-weight: 400; line-height: 1; letter-spacing: 0em; color: rgb(115, 101, 238); opacity: 1 }
.screen-md .textable.css223  { font-size: 36px!important }
.screen-sm .textable.css223  { font-size: 28px!important }
.screen-xs .textable.css223  { font-size: 28px!important }
.textable.css224  { text-align: center; font-family: "Inter", sans-serif; font-size: 19px; font-weight: 400; line-height: 1.3; letter-spacing: 0em; color: rgb(115, 101, 238); opacity: 1 }
.node.css225  { color: #FFF; padding-top: 80px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px }
.screen-sm .node.css225  { padding-top: 40px!important }
.screen-xs .node.css225  { padding-top: 30px!important }
.node.css225 a { color: rgb(53, 25, 230) }
.node.css226  { color: #FFF; padding-top: 0px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css226 a { color: rgb(53, 25, 230) }
.node.css227  { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.screen-xs .node.css227  { padding-top: 0px!important }
.node.css227 a { color: rgb(53, 25, 230) }
.node.css228  { color: #FFF; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px }
.node.css228 a { color: rgb(53, 25, 230) }
.node.css229  { color: #FFF; padding-top: 6px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.node.css229 a { color: rgb(53, 25, 230) }
.node.css230  { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px }
.node.css230 a { color: rgb(53, 25, 230) }
.node.css231  { color: #FFF; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px }
.node.css231 a { color: rgb(53, 25, 230) }
.textable.css232  { text-align: center; font-family: "Inter", sans-serif; font-size: 48px; font-weight: 400; line-height: 1; letter-spacing: 0em; color: rgb(115, 101, 238); opacity: 1 }
.screen-md .textable.css232  { font-size: 36px!important }
.screen-sm .textable.css232  { font-size: 28px!important }
.screen-xs .textable.css232  { text-align: left!important; font-size: 24px!important }
.node.css233  { color: #FFF; padding-top: 5px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css233 a { color: rgb(53, 25, 230) }
.textable.css234  { text-align: center; font-family: "Inter", sans-serif; font-size: 19px; font-weight: 400; line-height: 1.3; letter-spacing: 0em; color: rgb(115, 101, 238); opacity: 1 }
.screen-xs .textable.css234  { text-align: left!important; font-size: 16px!important }
.node.css235  { color: #FFF; padding-top: 60px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.screen-xs .node.css235  { padding-top: 20px!important }
.node.css235 a { color: rgb(53, 25, 230) }
.node.css236 .bgimage { height: 300px; background-position: center }
.node.css237  { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.screen-xs .node.css237  { padding-bottom: 30px!important }
.node.css237 a { color: rgb(53, 25, 230) }
.textable.css238  { text-align: left; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 1; letter-spacing: 0em; color: rgb(0, 0, 0); opacity: 1 }
.node.css239  { color: #FFF }
.node.css239 a { color: rgb(53, 25, 230) }
.node.css240 > .wrapper1 { background-image: linear-gradient(317deg, rgba(143,35,192,1) 0%, rgba(60,24,173,1) 100%) }
.node.css240  { color: #333 }
.node.css240 a { color: rgb(53, 25, 230) }
.node.css241 > .zero-grid { height: 890px }
.screen-md .node.css241 > .zero-grid { height: 820px!important }
.screen-sm .node.css241 > .zero-grid { height: 770px!important }
.screen-xs .node.css241 > .zero-grid { height: 1460px!important }
.zero-layer.css242  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 8; transform: scale(1, 1)  }
.zero-layer.css242  > .zero-layer-axis { height: 890px }
.zero-layer.css242  > .zero-layer-axis > .zero-layer-frame { left: -4.91px; top: 0px; width: 458.09px }
.screen-md .zero-layer.css242  > .zero-layer-axis { height: 820px!important }
.screen-sm .zero-layer.css242  > .zero-layer-axis { height: 770px!important }
.screen-xs .zero-layer.css242  > .zero-layer-axis { height: 1460px!important }
.zero-layer.css243  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 9; transform: scale(1, 1)  }
.zero-layer.css243  > .zero-layer-axis { height: 890px }
.zero-layer.css243  > .zero-layer-axis > .zero-layer-frame { left: 0px; top: 80px; width: 100% }
.screen-md .zero-layer.css243  > .zero-layer-axis { height: 820px!important }
.screen-sm .zero-layer.css243  > .zero-layer-axis { height: 770px!important }
.screen-xs .zero-layer.css243  > .zero-layer-axis { height: 1460px!important }
.node.css244  { color: #333; padding-top: 6px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px }
.node.css244 a { color: rgb(53, 25, 230) }
.node.css245 > .w-elements-grid > div > .node { width: calc(100% / 3 - 50px + 50px / 3) }
.node.css245 > .w-elements-grid > .cont { gap: 40px 50px }
.screen-sm .node.css245 > .w-elements-grid > div > .node { width: calc(100% / 3 - 20px + 20px / 3)!important }
.screen-sm .node.css245 > .w-elements-grid > .cont { column-gap: 20px!important; row-gap: 20px!important }
.screen-xs .node.css245 > .w-elements-grid > div > .node { width: calc(100% / 1 - 50px + 50px / 1)!important }
.screen-xs .node.css245 > .w-elements-grid > .cont { column-gap: 50px!important; row-gap: 10px!important }
.node.css246  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px }
.node.css246 a { color: rgb(53, 25, 230) }
.node.css247  { color: #333; padding-top: 5px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px }
.screen-xs .node.css247  { padding-bottom: 10px!important }
.node.css247 a { color: rgb(53, 25, 230) }
.textable.css248  { text-align: left; font-family: "Inter", sans-serif; font-size: 48px; font-weight: 400; line-height: 1.3; letter-spacing: 0em; color: rgb(255, 255, 255); opacity: 1 }
.screen-md .textable.css248  { font-size: 36px!important }
.screen-sm .textable.css248  { font-size: 24px!important }
.screen-xs .textable.css248  { text-align: left!important; font-size: 24px!important }
.node.css249  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css249 a { color: rgb(53, 25, 230) }
.node.css250 img { width: calc(1 * var(--width)) }
.node.css250 .bgnormal { text-align: left }
.node.css251  { color: #333; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.node.css251 a { color: rgb(53, 25, 230) }
.textable.css252  { text-align: left; font-family: "Inter", sans-serif; font-size: 28px; font-weight: 400; line-height: 1.3; letter-spacing: 0em; color: rgb(255, 255, 255); opacity: 1 }
.screen-md .textable.css252  { font-size: 24px!important }
.screen-sm .textable.css252  { font-size: 18px!important }
.screen-xs .textable.css252  { font-size: 18px!important }
.node.css253  { color: #333; padding-top: 25px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.screen-sm .node.css253  { padding-top: 15px!important }
.screen-xs .node.css253  { padding-top: 15px!important }
.node.css253 a { color: rgb(53, 25, 230) }
.textable.css254  { text-align: left; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.4; letter-spacing: 0em; color: rgb(255, 255, 255); opacity: 1 }
.node.css255 > .wrapper1 { background-color: rgb(22, 20, 36) }
.node.css255  { color: #FFF }
.node.css255  > .padding_top { padding-top: 60px }
.node.css255  > .padding_bottom { padding-bottom: 60px }
.node.css255 a { color: rgb(51, 25, 230) }
.node.css256  { color: #FFF; padding-top: 5px; padding-bottom: 60px; padding-left: 5px; padding-right: 5px }
.screen-xs .node.css256  { padding-bottom: 0px!important }
.node.css256 a { color: rgb(51, 25, 230) }
.textable.css257  { text-align: left; font-family: "Inter", sans-serif; font-size: 48px; font-weight: 400; line-height: 1.3; letter-spacing: 0em; opacity: 1 }
.screen-md .textable.css257  { font-size: 36px!important }
.screen-sm .textable.css257  { font-size: 28px!important }
.screen-xs .textable.css257  { text-align: center!important; font-size: 28px!important }
.node.css258  { color: #FFF; padding-top: 5px; padding-bottom: 60px; padding-left: 5px; padding-right: 5px }
.screen-xs .node.css258  { padding-bottom: 25px!important }
.node.css258 a { color: rgb(51, 25, 230) }
.node.css259  { color: #FFF; padding-top: 6px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.node.css259 a { color: rgb(51, 25, 230) }
.node.css260  { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px }
.node.css260 a { color: rgb(51, 25, 230) }
.node.css261  { color: #FFF; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px }
.node.css261 a { color: rgb(51, 25, 230) }
.node.css262  { color: #FFF; padding-top: 5px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px }
.node.css262 a { color: rgb(51, 25, 230) }
.textable.css263  { text-align: left; font-family: "Inter", sans-serif; font-size: 21px; font-weight: 400; line-height: 1.3; letter-spacing: 0em; opacity: 1 }
.screen-md .textable.css263  { font-size: 18px!important }
.screen-sm .textable.css263  { font-size: 18px!important }
.screen-xs .textable.css263  { font-size: 16px!important }
.node.css264  { color: #FFF; padding-top: 40px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css264 a { color: rgb(51, 25, 230) }
.metahtml.css265 .btn {
  width: 360px;
  height: 60px;
  background: linear-gradient(91.95deg, #7365EE 0%, #8842E0 100%);
  /* shadow blue */
  box-shadow: 0px 10px 20px rgba(115, 101, 238, 0.3);
  border-radius: 30px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: normal;
  outline: none;
  display: flex;
  align-items: center;
  text-decoration: none;
  justify-content: center;
}

@media (max-width: 560px) {
  .btn {
    width: 260px !important;
  }
}
.metahtml.css266 .modal4-root {
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: scale(1.1);
  transition: 300ms all ease-out;
}

.metahtml.css266 .modal4-root.is-active {
  opacity: 1;
  transform: scale(1);
}

.metahtml.css266 .modal4-root.is-hiding {
  opacity: 0;
  transform: scale(0.9);
}

.metahtml.css266 .modal4-panel1 {
  padding: 15px;
  background-color: rgb(23, 21, 36);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.metahtml.css266 .modal4-panel2 {
  padding: 15px;
  background-color: rgb(255, 255, 255);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.metahtml.css266 .modal4-close {
  cursor: pointer;
  background-color: white;
  border: 2px solid black;
  border-radius: 100px;
  position: absolute;
  width: 30px;
  height: 30px;
  padding: 0;
  top: -10px;
  right: -10px;
  transition: transform 200ms;
}

.metahtml.css266 .modal4-close-h,
.metahtml.css266 .modal4-close-v {
  background-color: black;
  display: block;
  width: 16px;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
}

.metahtml.css266 .modal4-close-h {
  transform: translate(-50%, -50%) rotate(135deg);
}

.metahtml.css266 .modal4-close-v {
  transform: translate(-50%, -50%) rotate(45deg);
}

.metahtml.css266 .modal4-close:hover {
  transform: scale(1.1);
}
.node.css267  { color: #FFF; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.node.css267 a { color: rgb(51, 25, 230) }
.node.css268  { color: #333; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.node.css268 a { color: rgb(51, 25, 230) }
.metahtml.css269 .form1-cover {
  padding: 10px 5px;
  background-color: transparent;
  border-color: rgb(23, 21, 36);
  border-style: none;
  border-width: 2px;
  border-radius: 5px;
  box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
}
.node.css270  { color: #333; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px }
.node.css270 a { color: rgb(51, 25, 230) }
.metahtml.css271 [cr-field] {
  padding-bottom: 14px;
  font-size: 14px;
  font-family: "Inter", sans-serif;
}

.metahtml.css271 .name {
  font-weight: normal;
  font-family: "Inter", sans-serif;
  opacity: 0.8;
  margin-bottom: 6.5px;
  font-size: 13px;
  word-wrap: break-word;
  text-transform: uppercase;;
  letter-spacing: 0.1em;;
}

.metahtml.css271 .form-control {
  height: auto;
  line-height: 1.2;
  box-shadow: none;
  position: relative;
  background-color: rgb(255, 255, 255);
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0px;
  padding: 12px 9.6px;
  font-size: 14px;
  cursor: initial;
}

.metahtml.css271 .form-control:focus,
.metahtml.css271 .form-control:focus-within {
  border-color: rgb(23, 21, 36);
  background-color: rgb(252, 252, 252);
}

.metahtml.css271 .form-control + .form-control {
  margin-top: 10px;
}

.metahtml.css271 label {
  font-weight: normal;
  display: block;
  cursor: pointer;
}

.metahtml.css271 textarea {
  resize: vertical;
}

.metahtml.css271 .checkbox {
  width: 22px;
  height: 22px;
  padding: 0;
  margin: 0 5.5px 0 0;
  line-height: 0;
  min-height: auto;
  display: inline-block;
  vertical-align: middle;
  background: white;
  border: 2px solid rgba(0, 0, 0, 0.25);
  position: relative;
  transition: 300ms all;
  border-radius: 2px;
}

.metahtml.css271 .checkbox svg {
  width: 100%;
  opacity: 0;
  transform: scale(0);
  transition: 300ms all;
}

.metahtml.css271 input:hover ~ .checkbox,
.metahtml.css271 input:focus ~ .checkbox {
  border-color: rgb(120, 112, 172);
}

.metahtml.css271 input:checked ~ .checkbox {
  border-color: rgb(21, 19, 32);
  background-color: rgb(23, 21, 36);
}

.metahtml.css271 input:active ~ .checkbox {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css271 input:checked ~ .checkbox svg {
  opacity: 1;
  transform: scale(1);
}

.metahtml.css271 .radio {
  margin: 0;
  margin: 0 5.5px 0 0;
  padding: 0;
  line-height: 0;
  width: 22px;
  height: 22px;
  min-height: auto;
  display: inline-block;
  vertical-align: middle;
  background: white;
  border: 2px solid rgba(0, 0, 0, 0.25);
  position: relative;
  transition: 300ms all;
  border-radius: 100px;
}

.metahtml.css271 .radio:before {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  content: '';
  display: block;
  background-color: white;
  border-radius: 100px;
  opacity: 0;
  transform: scale(0);
  transition: 300ms all;
}

.metahtml.css271 input:hover ~ .radio,
.metahtml.css271 input:focus ~ .radio {
  border-color: rgb(120, 112, 172);
}

.metahtml.css271 input:active ~ .radio {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css271 input:checked ~ .radio {
  border-color: rgb(21, 19, 32);
  background-color: rgb(23, 21, 36);
}

.metahtml.css271 input:checked ~ .radio:before {
  opacity: 1;
  transform: scale(0.5);
}

.metahtml.css271 [cr-field="checkbox-list"] span {
  vertical-align: middle;
}

.metahtml.css271 [cr-field="checkbox-list"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css271 [cr-field="checkbox-list"] label + label {
  margin-top: 7.333333333333333px;
}

.metahtml.css271 [cr-field="checkbox-visual"] {
  overflow: hidden;
}

.metahtml.css271 [cr-field="checkbox-visual"] .items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -20px;
  justify-content: space-between;
}

.metahtml.css271 [cr-field="checkbox-visual"] .item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 20px;
  width: 30%;
}

.metahtml.css271 [cr-field="checkbox-visual"] label {
  position: relative;
}

.metahtml.css271 [cr-field="checkbox-visual"] .bgimage {
  background-size: cover;
  display: inline-block;
  background-position: center;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.metahtml.css271 [cr-field="checkbox-visual"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.metahtml.css271 [cr-field="checkbox-visual"] .tick {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(23, 21, 36, 0.75);
  transition: all 300ms;
  opacity: 0;
}

.metahtml.css271 [cr-field="checkbox-visual"] .tick svg {
  opacity: 0;
  transition: all 300ms;
  max-width: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.metahtml.css271 [cr-field="checkbox-visual"] .subname {
  margin: 7px 0;
  word-wrap: break-word;
}

.metahtml.css271 [cr-field="checkbox-visual"] input:hover ~ .bgimage .tick,
.metahtml.css271 [cr-field="checkbox-visual"] input:focus ~ .bgimage .tick {
  opacity: 0.5;
}

.metahtml.css271 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick,
.metahtml.css271 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick svg {
  opacity: 1;
}

.metahtml.css271 [cr-field="checkbox-input"] span {
  vertical-align: middle;
}

.metahtml.css271 [cr-field="checkbox-input"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css271 [cr-field="radio-list"] span {
  vertical-align: middle;
}

.metahtml.css271 [cr-field="radio-list"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css271 [cr-field="radio-list"] label + label {
  margin-top: 7.333333333333333px;
}

.metahtml.css271 [cr-field="radio-visual"] {
  overflow: hidden;
}

.metahtml.css271 [cr-field="radio-visual"] .items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -20px;
  justify-content: space-between;
}

.metahtml.css271 [cr-field="radio-visual"] .item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 20px;
  width: 30%;
}

.metahtml.css271 [cr-field="radio-visual"] label {
  position: relative;
}

.metahtml.css271 [cr-field="radio-visual"] .bgimage {
  background-size: cover;
  display: inline-block;
  background-position: center;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.metahtml.css271 [cr-field="radio-visual"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.metahtml.css271 [cr-field="radio-visual"] .tick {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(23, 21, 36, 0.75);
  transition: all 300ms;
  opacity: 0;
}

.metahtml.css271 [cr-field="radio-visual"] .tick svg {
  opacity: 0;
  transition: all 300ms;
  max-width: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.metahtml.css271 [cr-field="radio-visual"] .subname {
  margin: 7px 0;
  word-wrap: break-word;
}

.metahtml.css271 [cr-field="radio-visual"] input:hover ~ .bgimage .tick {
  opacity: 0.5;
}

.metahtml.css271 [cr-field="radio-visual"] input:checked ~ .bgimage .tick,
.metahtml.css271 [cr-field="radio-visual"] input:checked ~ .bgimage .tick svg {
  opacity: 1;
}

.metahtml.css271 [cr-field="select-menu"] select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
  color: black;
}

.metahtml.css271 [cr-field="select-menu"] .fa {
  font-size: 20px;
  line-height: 0;
  opacity: 0.5;
  vertical-align: middle;
}

.metahtml.css271 [cr-field="select-menu"] .flexgrid {
  display: flex;
  align-items: center;
}

.metahtml.css271 [cr-field="select-menu"] .flexgrid .left {
  flex-grow: 1;
  min-width: 50%;
  word-wrap: break-word;
}

.metahtml.css271 [cr-field="file"] svg {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-top: -5px;
  margin-bottom: -5px;
}

.metahtml.css271 [cr-field="file"] span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.metahtml.css271 [cr-field="file"] input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 0;
}

.metahtml.css271 [cr-field="file"] .clean {
  float: right;
  opacity: 0.5;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.metahtml.css271 [cr-field="file"] .clean:hover {
  opacity: 1;
}

.metahtml.css271 [cr-field="file"] .flexgrid {
  display: flex;
  align-items: center;
}

.metahtml.css271 [cr-field="file"] .flexgrid .center {
  flex-grow: 1;
  min-width: 50%;
  word-wrap: break-word;
}

.metahtml.css271 [cr-field="result"] .flexgrid.align-sides {
  display: flex;
  align-items: center;
}

.metahtml.css271 [cr-field="result"] .flexgrid.align-sides .left .name {
  margin-bottom: 0;
}

.metahtml.css271 [cr-field="result"] .flexgrid.align-center .left {
  text-align: center;
}

.metahtml.css271 [cr-field="result"] .flexgrid.align-right .left {
  text-align: right;
}

.metahtml.css271 [cr-field="result"] .flexgrid .right {
  flex-grow: 1;
  min-width: 25%;
  word-wrap: break-word;
  text-align: right;
  font-size: 120%;
}

.metahtml.css271 [cr-field="result"] .flexgrid.align-left .right {
  text-align: left;
}

.metahtml.css271 [cr-field="result"] .flexgrid.align-center .right {
  text-align: center;
}

.metahtml.css271 [cr-field="result"] .flexgrid.align-right .right {
  text-align: right;
}

.metahtml.css271 [cr-field="privacy-button"] .open {
  text-align: center;
  opacity: 0.5;
  font-size: 80%;
  cursor: pointer;
}

.metahtml.css271 [cr-field="privacy-button"] .open a {
  color: inherit;
  text-decoration: none;
}

.metahtml.css271 [cr-field="privacy-checkbox"] {
  font-size: 80%;
}

.metahtml.css271 [cr-field="privacy-checkbox"] span {
  vertical-align: middle;
}

.metahtml.css271 [cr-field="privacy-checkbox"] a {
  vertical-align: middle;
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  color: inherit;
  cursor: pointer;
}

.metahtml.css271 [cr-field="privacy-checkbox"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css271 [cr-field="privacy-text"] {
  font-size: 80%;
  text-align: center;
}

.metahtml.css271 [cr-field="privacy-text"] a {
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  color: inherit;
  cursor: pointer;
}

.metahtml.css271 [cr-field="hidden"] {
  opacity: 0.25;
}
.btn.css272 { text-align: center } .btn.css272 { background-color: rgb(23, 21, 36);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(18, 17, 29);padding-top: 14px;padding-bottom: 14px;font-size: 16px;color: rgb(255, 255, 255)!important;font-family: "Inter", sans-serif; } .btn.css272:hover, .btn.css272.hover { background-color: rgb(21, 19, 32);border-color: rgb(15, 13, 23);color: rgb(255, 255, 255)!important; } .btn.css272:active, .btn.css272.active { background-color: rgb(19, 17, 29);border-color: rgb(17, 15, 26);color: rgb(255, 255, 255)!important; } .btn.css272:before {  } .btn.css272:active:before, .btn.css272.active:before { background-color: rgb(19, 17, 29); }
.node.css273  { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.screen-xs .node.css273  { padding-top: 40px!important }
.node.css273 a { color: rgb(51, 25, 230) }
.node.css274  { color: #FFF; padding-top: 0px; padding-bottom: 40px; padding-left: 0px; padding-right: 0px }
.node.css274 a { color: rgb(51, 25, 230) }
.node.css275 .bgimage { height: 220px; background-position: center }
.screen-md .node.css275 .bgimage { height: 180px!important }
.screen-sm .node.css275 .bgimage { height: 130px!important }
.screen-xs .node.css275 .bgimage { height: 140px!important }
.node.css276  { color: #FFF; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px }
.screen-xs .node.css276  { padding-top: 40px!important }
.node.css276 a { color: rgb(51, 25, 230) }
.metahtml.css277 .video-button1 {
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  line-height: 80px;
  text-align: center;
  font-size: 26.666666666666668px;
  padding-left: 5px;
  background-color: rgb(255, 255, 255);
  color: rgb(23, 21, 36);
}

.metahtml.css277 .expan-controller + .expan {
  display: none;
}

.metahtml.css277 .expan {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 250;
}
.node.css278  { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px }
.node.css278 a { color: rgb(51, 25, 230) }
.btn.css279 { text-align: center } .btn.css279 { background-color: rgb(23, 21, 36);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(18, 17, 29);padding-top: 8px;padding-bottom: 8px;font-size: 14px;color: rgb(255, 255, 255)!important;font-family: "Inter", sans-serif; } .btn.css279:hover, .btn.css279.hover { background-color: rgb(21, 19, 32);border-color: rgb(15, 13, 23);color: rgb(255, 255, 255)!important; } .btn.css279:active, .btn.css279.active { background-color: rgb(19, 17, 29);border-color: rgb(17, 15, 26);color: rgb(255, 255, 255)!important; } .btn.css279:before {  } .btn.css279:active:before, .btn.css279.active:before { background-color: rgb(19, 17, 29); }
.node.css280  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css280 a { color: rgb(51, 25, 230) }
.metahtml.css281 .btn {
  width: 360px;
  height: 60px;
  background: linear-gradient(89.67deg, #7365EE 0.28%, #2E75F6 99.72%);
  box-shadow: 0px 10px 20px rgba(47, 118, 246, 0.2);
  /* shadow blue */
  border-radius: 30px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: normal;
}

@media (max-width: 560px) {
  .btn {
    width: 300px !important;
  }
}
.node.css282 > .wrapper1 { background-color: white }
.node.css282  { color: #333 }
.node.css282  > .padding_top { padding-top: 0px }
.node.css282  > .padding_bottom { padding-bottom: 0px }
.node.css282 a { color: rgb(53, 25, 230) }
.company-1 {
  padding-bottom: 0;
}

.company-1 .contacts-1 {
  position: relative;
  padding-top: 125px;
  padding-bottom: 125px;
}

.company-1 .contacts-1 .card-1 {
  position: relative;
  z-index: 20;
  display: flex;
  max-width: 1140px;
  margin: 0 auto;
  justify-content: flex-end;
}

.company-1 .contacts-1 .card-1 .wrapper-1 {
  padding: 40px;
  max-width: 490px;
  position: relative;
}

.socials a {
  margin-right: 15px;
}

.company-1 .contacts-1 .card-1 .wrapper-1:before {
  display: block;
  content: '';
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.9;
  border-radius: 30px;
}

.company-1 #map {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.company-1 .inner-1 {
  font-size: 18px;
  max-width: 320px;
  position: relative;
  z-index: 21;
}

.company-1 .card-1 .logo-1 {
  margin-bottom: 40px;
  text-align: center;
}

.company-1 .inner-1 li {
  padding-left: 45px;
  margin-bottom: 25px;
  list-style: none;
  background-position: left center;
}

.company-1 .inner-1 li.inn {
  background: url(assets/img/inn_d1a0034d83.svg) no-repeat;
}

.company-1 .inner-1 li.marker {
  background: url(assets/img/marker_cf58ff9cfa.svg) no-repeat;
}

.company-1 .inner-1 li.phone {
  background: url(assets/img/phone_30e32eeb32.svg) no-repeat;
}

.company-1 .inner-1 li.mail {
  background: url(assets/img/mail_4feb814376.svg) no-repeat;
}

.company-1 .inner-1 span {
  font-weight: normal;
  display: block;
}

.company-1 .inner-1 li img {
  margin-right: 40px;
  position: relative;
  top: 14px;
}

.company-1 a {
  text-decoration: none;
  color: #1F2128 !important;
}

@media (max-width: 1200px) {
  .company-1 .contacts-1 {
    padding: 80px 0;
  }
}

@media (max-width: 767px) {
  .company-1 .contacts-1,
  .company-1 .contacts-1 .wrapper-1 {
    padding: 0 !important;
  }

  .company-1 #map {
    display: none;
  }

  .company-1 #map2 {
    display: block;
    height: 400px;
  }

  .company-1 .contacts-1 .card-1 {
    padding: 40px 0;
  }

  .company-1 .contacts-1 .card-1 .wrapper-1:before {
    display: none;
  }

  .company-1 .contacts-1 .card-1 {
    background: #fff;
    justify-content: center;
  }
}

.area {
    font-family: "Inter", sans-serif}

.area .font-header {
    font-family: "Inter", sans-serif}.area.screen-lg { min-width: 1200px; }.area.screen-lg .container { width: 1140px; }.area.screen-lg .container.soft { max-width: 1140px; }.area.screen-md { min-width: 960px; }.area.screen-md .container { width: 940px; }.area.screen-md .container.soft { max-width: 940px; }.area.screen-sm { min-width: 720px; }.area.screen-sm .container { width: 720px; }.area.screen-sm .container.soft { max-width: 720px; }.area.screen-xs .container { max-width: 737px; padding: 0 15px; }

body.fixed {overflow: hidden !important;}
html, body { overflow-x: hidden; }
.menu::-webkit-scrollbar {
  display: none;
}

.area>.area-wrapper {overflow: visible;}
.sticky .col:first-child .cont {position: sticky; top: 100px;}
.sticky.right .col:nth-child(2) .cont {position: sticky; top: 100px;}
.sticky.right .col:first-child .cont {position: relative; top: 0;}
.menu {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
*,*:focus,*:hover{
    outline:none;
}
.zindex1 {z-index: -1 !important;}
.overflow-hidden {overflow: hidden;}
.btn, .button button {transition: 0.2s all;}
.btn:hover,  .button button:hover {
transform: scale(0.97);
}
.noheight {min-height: 0 !important;}
span.highlight {font-weight: normal;}
.area .top-menu .metahtml {z-index: 300 !important;}
h1 {font-weight: bold; text-transform: uppercase;}
.company h2 {text-align: left;}
.wrapper {
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
    position: relative;
}
.head .wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 40px;
	}

.head {position: fixed; top:0; left:0; right: 0; z-index: 102; transition: 0.3s all;}	
.head.head_fixed {background: #393939;}
.head .logo_white {display: none;}
.head nav {display: flex;}
.head a {color: #171524 !important; font-size: 13px; font-weight: 700; text-transform: uppercase; margin: 0 20px; text-decoration: none;}
.head.head_fixed a {color: #fff !important;}
.head.head_fixed .logo_dark {display: none;}
.head.head_fixed .logo_white {display: block;}
.head a:hover {border-bottom: 1px solid #fff;}
.head .contacts a {font-size: 21px;  text-decoration: none; display: flex; align-items: center;}
.head .contacts a.mail {text-transform: none; font-size: 18px; font-weight: normal;} 
.head .contacts.mobile a.mail {margin-top: 10px;}
.head .contacts a:hover {text-decoration: underline; border: none;}
.head .contacts img {margin-right: 10px;}
.head .contacts img.white {display: none;}
.head.head_fixed .contacts img.white {display: block;}
.head.head_fixed .contacts img.dark {display: none;}

.purple-grad {background: #7365EE;
background: linear-gradient(to right, #7365EE 0%, #8842E0 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
	
.header .subtitle {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 60px;
}

.header .button {margin-bottom: 50px;}
.header .button a, .btn.order {
	display: inline-block; 
	font-size: 15px; 
	text-transform: uppercase; 
	padding: 20px 30px 20px 30px; 
	position: relative; 
	background: linear-gradient(91.95deg, #7365EE 0%, #8842E0 100%);
	border-radius: 36px;
	color: #fff;
	font-weight: 700;
	box-shadow: 0 10px 20px rgb(115 101 238 / 40%);
	transition: 0.3s all;
	white-space: normal;
	}
section h2 {font-size: 50px; font-weight: bold;}
section h3 {
    font-size: 36px;
    line-height: 48px;
    text-transform: uppercase;
    z-index: 40;
    margin-bottom: 30px;
    font-weight: bold;
}
.half {display: flex; justify-content: space-between;}	
.half > div {width: 50%; flex: 1 1 50%;} 
.half .left {margin-right: 120px;}
.company .mob-logo {display: none;}
.company {padding-bottom: 0;}
.company .left img {width: 80%;}
.company .right h3 {margin-bottom: 20px;}
.company .desc {font-size: 21px;}
.company .subtitle {margin-top: 60px; font-size: 30px; font-weight: 700;}
.company .numbers {margin-top: 20px; display: flex;}
.company .numb:first-child {margin-right: 40px;}
.company .num {font-size: 40px; font-weight: 800; background: linear-gradient(91.95deg, #7365EE 0%, #8842E0 100%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; margin-bottom: 0px;}
.company .under {font-size: 30px;}
.company p {margin-top: 25px;}
.company .partners {margin-top: 50px; background: #fff; padding: 40px; font-size: 22px;    background: url(assets/img/purple-bg_394747fbe9.svg);    background-size: cover; color: #fff;}
.company .partners .items {margin-top: 30px; display: flex; justify-content: center; flex-wrap: wrap; align-items: center;}
.company .partners .items div {margin: 15px;}
.company .partners .items div:first-child {margin-right: 0;}
.company, .overflow-hidden { overflow: hidden; }
.company .contacts {display: flex; }
.company .contacts a:hover {text-decoration: underline;}
.company .map {flex: 1 0 50%; position: relative;}
.company #map,
.company #map2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.company #map { z-index: 1; visibility: visible; pointer-events: auto; }
.company #map2 { z-index: 0; visibility: hidden; pointer-events: none; }
.company .card {padding: 120px 120px 120px 240px; background: #fff; color: #1F2128; flex: 1 0 50%;}
.company .inner { font-size: 16px; font-weight: normal; max-width: 570px; margin-left: auto; }
.company .inner > img { margin-bottom: 40px; max-width: 220px; filter: none; }
.company .inner li { padding-left: 32px; margin-bottom: 30px; list-style: none; min-height: 16px; background-repeat: no-repeat; background-position: left 4px; background-size: 18px auto; }
.company .inner li.list { background-image: url("assets/img/contact-list.svg"); }
.company .inner li.marker { background-image: url("assets/img/marker_cf58ff9cfa.svg"); background-size: 14px auto; }
.company .inner li.inn { background-image: url("assets/img/inn_d1a0034d83.svg"); }
.company .inner li.phone { background-image: url("assets/img/phone_30e32eeb32.svg"); background-size: 14px auto; }
.company .inner li.mail { background-image: url("assets/img/mail_4feb814376.svg"); background-size: 18px auto; }
.company .inner span { font-weight: normal; display: block; }
.company .icons { margin-top: 30px; display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; }
.company .icons img { margin: 0; width: 44px; height: 44px; max-width: 44px; filter: none; }
.company .icons a:first-child img { box-shadow: 0 0 0 1px #E1E6EF; border-radius: 50%; }
.company a {text-decoration: none; color: #1F2128 !important;}
#map, #map2 {width: 100%; height: 100%; overflow:hidden;}
footer a {color: #020025;}
footer {background: #fff; padding: 60px 0;}
footer .top {display: flex; justify-content: space-between; padding-bottom: 60px; border-bottom: 1px solid #E1E6EF;}
footer .right {display: flex; justify-content: space-between;}
footer .right .contacts {margin-right: 130px;}
footer h3 {color: #8AA2BE; font-size: 13px; margin-bottom: 40px; text-transform: uppercase;}
footer .contacts a {text-decoration: none; color: #020025 !important; font-size: 16px; display: block;}
footer .contacts .phone {margin-bottom: 30px;}
footer .socials .links {display: flex; align-items: center;}
footer .socials .links a {margin-right: 16px;}
footer .socials .links a:last-child {margin-right: 0;}
footer .bottom {margin-top: 20px;}
footer .bottom {display: flex; justify-content: space-between;}
.mobile, .nodisplay, .mob {
    display: none;
}

.btn-order, .btn_order
{
margin: auto;
text-align:center;
display: block;
color: #fff !important; font-size: 13px; text-transform: uppercase; font-weight: 700; padding: 21px 40px; text-decoration: none !important;
max-width: 290px;
width:100%;
background: rgb(115,101,238);
background: -moz-linear-gradient(90deg, rgba(115,101,238,1) 0%, rgba(46,117,246,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(115,101,238,1) 0%, rgba(46,117,246,1) 100%);
background: linear-gradient(90deg, rgba(115,101,238,1) 0%, rgba(46,117,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7365ee",endColorstr="#2e75f6",GradientType=1);
border-radius: 30px;
box-shadow: 0px 10px 20px 0px rgba(47, 118, 246, 0.2);
transition: 0.3s all;
}
.btn-order.narrow,.btn_order.narrow
{
padding: 14px 40px;
}
.ov-vis .button-container .btn-legacy {overflow: visible;}

.btn-order:hover,.btn_order:hover {transform: scale(1.03);}

.btn-more {
display: flex;
align-items: center;
color: #2E75F6;
text-decoration: none !important;
}

.btn-more img {transition: 0.2s all;}
.btn-more:hover img {transform: scale(1.2);}

.close-btn {    text-align: center;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 999;
    padding: 10px;
    opacity: 0.9;
	}


.purple-button button {border: none !important; padding: 14px 40px !important; background: linear-gradient(89.67deg, #7365EE 0.28%, #2E75F6 99.72%) !important; box-shadow: 0px 10px 20px rgba(47, 118, 246, 0.2) !important; border-radius: 30px !important; color: #fff !important; font-size: 14px !important; font-weight: bold !important; text-transform: uppercase !important; white-space: normal !important;}
.prod-more-grid .col:first-child .cont {position: sticky; top: 60px;}
.modal1-close.center {position: relative !important; top: 0 !important; right: 0 !important; left:0 !important; bottom: 0 !important;}

.btn-more span {border-bottom: 1px #2E75F6 dashed;}

.btn-more img {margin-right: 10px;}

.gallery1-image > div {-webkit-transition: all 0.3s ease;    -o-transition: all  0.3s ease;    transition: all  0.3s ease;}
a.fancybox:before {opacity: 0; z-index: 3; display: block; content: ''; position: absolute; top: 0; left:0; right: 0; bottom: 0; background: url(../img/zoom_1_570278438e.svg) center center no-repeat; background-size: 40px; -webkit-transition: opacity 0.3s ease;    -o-transition: opacity 0.3s ease;    transition: opacity 0.3s ease; pointer-events: none;}
a.fancybox:after {opacity: 0; z-index: 2; display: block; content: ''; position: absolute; top: 0; left:0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); -webkit-transition: opacity 0.3s ease;    -o-transition: opacity 0.3s ease;    transition: opacity 0.3s ease; pointer-events: none;}
a.fancybox:hover:before, a.fancybox:hover:after {opacity: 1;}


.photo-gallery .widget-image {overflow: hidden;}
#spoiler_block .w-elements-cell, .spoiler_prod .widget-element,.photo-gallery .widget-element, .gallery-prods .widget-element{				
visibility: hidden;
transition: visibility 0s, opacity 0.5s linear;
  position:absolute;
  opacity: 0;
}
#spoiler_block .w-elements-cell:nth-child(-n+4),
.spoiler_prod .widget-element:nth-child(-n+6),
.photo-gallery .widget-element:nth-child(-n+10),
.gallery-prods .widget-element:nth-child(-n+5)
 {
  visibility: visible;
  opacity: 1;
  height: 100%;
  position: relative;
}

#spoiler_block .w-elements-cell.visible, 
.widget-element.visible {
  visibility: visible !important;
  opacity: 1 !important;
  height: 100% !important;
  position: relative !important;
}

@media (max-width: 620px) {
.photo-gallery .widget-element:nth-child(-n+10),
.gallery-prods .widget-element:nth-child(-n+5) {
visibility: hidden;
transition: visibility 0s, opacity 0.5s linear;
  position:absolute;
  opacity: 0;
  }
  
.photo-gallery .widget-element:nth-child(-n+4),
.gallery-prods .widget-element:nth-child(-n+3) {
  visibility: visible;
  opacity: 1;
  height: 100%;
  position: relative;
}
}

.bg-pattern .wrapper1 {background: rgb(92,83,233); background: linear-gradient(90deg, rgba(92,83,233,1) 0%, rgba(135,67,224,1) 100%);}
.bg-pattern .wrapper2 {background: url(assets/img/pattern_white1_40a8b21f74.svg);}

@media (max-width: 1600px) {
section h2 {
    font-size: 40px;
}
}

@media (max-width: 1023px) {
section h2 {
    font-size: 27px;
	margin-bottom: 30px;
}
}

@media (max-width: 767px) {
section h2 {
    font-size: 30px;
    line-height: 1.3;
}
.head .logo {max-width: 200px;}
.head .wrapper {justify-content: space-between;}
.header .button a, .btn.order {font-size: 13px; padding: 20px 15px 20px 15px;}
.head .btn {margin-top: 25px;}
}

@media (max-width: 1260px) {
.mobile {
    display: block;
}
	.menu {position: fixed; overflow: hidden; top: -100%; left: 0; right: 0; height: 100%; z-index: 100; display: flex; flex-direction: column; align-items: center; padding: 80px 25px 25px 25px;     background-color: rgba(33,37,41, 0.97);}
	.menu, .burger span {    -webkit-transition: all .3s;    -moz-transition: all .3s;    -o-transition: all .3s;    -ms-transition: all .3s;    transition: all .3s;}
	.menu.active {overflow-y: scroll; top: 0;}
	.head .contacts {margin-right: 40px;}
	.head .menu a {color: #fff !important;}
	.head .menu .contacts img.white {display: block !important;}
	.head .menu .contacts img.dark {display: none !important;}
	.burger {position: absolute;		width: 40px; height: 20px;		z-index: 106;		cursor: pointer;		right: 15px;	}
	.burger span {    display: block;    border-top: 1px solid #171524;    width: 40px;    padding-top: 8px;}
	.head.head_fixed .burger span, .head .burger.active span {border-top: 1px solid #fff;}
	.head.active .logo_dark {display: none !important;}
	.head.active .logo_white {display: block !important;}
	.menu nav {flex-direction: column; display: flex; margin-bottom: 30px;}
	.menu nav div {margin-bottom: 20px;}
	.menu .contacts {margin-right: 0;}
	.menu .contacts, .menu .socials {margin-top: 30px;}
	.menu .socials a {margin: 0 10px;}
	.head .logo {z-index: 101;}
	.burger.active span:first-child + span {opacity: 0;}
	.burger.active span:first-child {
		-webkit-transform: rotate(
	-45deg
	) translate(-1px, 9px);
		-moz-transform: rotate(-45deg) translate(-1px, 9px);
		-o-transform: rotate(-45deg) translate(-1px, 9px);
		-ms-transform: rotate(-45deg) translate(-1px, 9px);
		transform: rotate(
	-45deg
	) translate(-1px, 9px);
	}
	.burger.active span:last-child {
		-webkit-transform: rotate(
	45deg
	) translate(-8px, -9px);
		-moz-transform: rotate(45deg) translate(-8px, -9px);
		-o-transform: rotate(45deg) translate(-8px, -9px);
		-ms-transform: rotate(45deg) translate(-8px, -9px);
		transform: rotate(
	45deg
	) translate(-8px, -9px);
	}
	.company .card {padding: 60px 60px 60px 120px;}
	footer .contacts .phone {margin-bottom: 10px;}
	.company .partners .logos {padding-bottom: 20px;}
	.company .partners {padding: 0;position: relative;    margin-left: -15px;    margin-right: -15px;}
	.company .partners .text {padding: 40px 40px 0 40px;}
	.company .partners .items {flex-wrap: nowrap; overflow-x: scroll; justify-content: flex-start;}
	.company .partners .items div {flex-shrink: 0;}
	.company .partners .items div {margin-right: 25px;}
	.company .partners .items div:first-child {margin-left: 40px;}
	.company .partners .items {padding-bottom: 30px;}
  footer .contacts .phone {margin-bottom: 10px;}
  }
  @media (max-width: 1023px){
	.head .wrapper {padding: 15px;}
	.company .desc, .company .subtitle, .company p {text-align: center;}
	.company .numbers {justify-content: center;}
	.company .half.we .left {display: none;}
	.company h2.name {display: none;}
	.company .mob-logo {display: block; margin: 0 auto 30px auto;}
	.company .half.we .right {margin: 0 auto;}
	.company h2 {text-align: center; font-size: 40px; margin-bottom: 30px;}
	.company .inner { display: block; }
	.company .inner li { margin-bottom: 20px; font-size: 17px; }
	.company .contacts { display: block; }
	.company .map, .company .card { flex-basis: 100%; width: 100%; }
	.company .map { height: 320px; }
	.company #map { visibility: hidden; pointer-events: none; z-index: 0; }
	.company #map2 { visibility: visible; pointer-events: auto; z-index: 1; }
  section h3 {    font-size: 18px; line-height: 1.3;}  
  }
  @media (max-width: 767px){
	.company .contacts {flex-direction: column; display: block;}
	.company .map { height: 360px; }
	.company .half.we .right {width: 100%;}
	.company .wrapper {padding: 0;}
	.company .half.we .right .com {padding: 0 15px; width: 100%; max-width: 600px; margin: 0 auto;}
	.company .partners .text {    max-width: 600px;    margin: 0 auto; padding: 40px 15px 0 15px;}
	.company .card { display: flex; flex-direction: column; align-items: flex-start; padding: 40px; position: relative; margin-left: -15px; margin-right: -15px; }
	.company { margin-left: -15px; margin-right: -15px; }
	.company h2 { font-size: 30px; }
	.company .numbers {flex-direction: column;}
	.company .numb:first-child {margin: 0 0 40px 0;}
	.company .desc {font-size: 17px;}
	.company .subtitle, .company .under {font-size: 21px;}
	.action .half .right {margin-top: 30px; text-align: center;}
	.action h2 {text-align: center;}
	.company .numbers {align-items: center;}
	.company .num {text-align: center;}
	footer .right, footer .top, footer .bottom {flex-direction: column; align-items: center; text-align: center;}
	footer .right .contacts {margin: 0 auto 30px auto;}
	footer .socials .links {justify-content: center;}
	footer .logo {margin-bottom: 25px;}
	footer h3 {margin-bottom: 10px;}
	footer .contacts {margin-bottom: 30px;}
	footer .contacts .phone {margin-bottom: 10px;}
	footer .copyright {margin-bottom: 10px;}
  }
  @media (max-width: 600px){
  .company p {font-size: 16px;}
.contacts.desk {
    display: none;
}
.head .logo {max-width: 150px;}
  }