/*!
Theme Name: Viva Master
Theme URI: http://underscores.me/
Author: VivaPro
Author URI: http://vivapro.net
Description: Lorem Ipsum
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: viva
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Viva Master is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.screen {
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.screen .div {
  background-color: #ffffff;
  width: 1440px;
  height: 11600px;
  position: relative;
}
.screen .view {
  position: absolute;
  width: 1280px;
  height: 760px;
  top: 768px;
  left: 98px;
  background-color: #124b9b;
  border-radius: 32px;
}
.screen .div-wrapper {
  position: absolute;
  width: 538px;
  height: 24px;
  top: 686px;
  left: 372px;
}
.screen .p {
  left: 0;
  font-weight: 400;
  color: #ffffff;
  white-space: nowrap;
  position: absolute;
  top: 0;
  font-family: "Nunito", Helvetica;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 24px;
}
.screen .text-wrapper {
  font-family: "Nunito", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 24px;
}
.screen .span {
  font-weight: 600;
}
.screen .overlap-group-wrapper {
  position: absolute;
  width: 260px;
  height: 64px;
  top: 600px;
  left: 511px;
}
.screen .overlap-group {
  position: relative;
  width: 258px;
  height: 64px;
  background-color: #ffd500;
  border-radius: 100px;
}
.screen .text-wrapper-2 {
  top: 20px;
  left: 59px;
  font-weight: 800;
  color: var(--x-12-4b-9b);
  font-size: 18px;
  position: absolute;
  font-family: "Nunito", Helvetica;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}
.screen .view-2 {
  position: absolute;
  width: 1122px;
  height: 360px;
  top: 208px;
  left: 79px;
}
.screen .element {
  position: absolute;
  width: 356px;
  height: 64px;
  top: 0;
  left: 0;
}
.screen .overlap-group-2 {
  width: 354px;
  height: 64px;
  border-radius: 100px;
  position: relative;
  background-color: #ffffff;
}
.screen .text-wrapper-3 {
  position: absolute;
  top: 20px;
  left: 24px;
  font-family: "Nunito", Helvetica;
  font-weight: 400;
  color: var(--x-4f-4f-4f);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}
.screen .SVG {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 18px;
  left: 300px;
}
.screen .overlap-wrapper {
  position: absolute;
  width: 356px;
  height: 64px;
  top: 0;
  left: 384px;
}
.screen .element-2 {
  position: absolute;
  width: 356px;
  height: 64px;
  top: 0;
  left: 768px;
}
.screen .img {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 20px;
  left: 304px;
}
.screen .element-3 {
  position: absolute;
  width: 356px;
  height: 64px;
  top: 96px;
  left: 0;
}
.screen .element-4 {
  position: absolute;
  width: 356px;
  height: 64px;
  top: 96px;
  left: 768px;
}
.screen .element-5 {
  position: absolute;
  width: 356px;
  height: 64px;
  top: 96px;
  left: 384px;
}
.screen .element-6 {
  position: absolute;
  width: 1124px;
  height: 168px;
  top: 192px;
  left: 0;
}
.screen .overlap {
  width: 1122px;
  height: 168px;
  border-radius: 24px;
  position: relative;
  background-color: #ffffff;
}
.screen .view-3 {
  position: absolute;
  width: 624px;
  height: 48px;
  top: 88px;
  left: 329px;
}
.screen .div-2 {
  top: 0;
  left: 0;
  font-family: "Nunito Sans", Helvetica;
  font-weight: 900;
  color: transparent;
  font-size: 34px;
  text-align: center;
  line-height: 48px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}
.screen .text-wrapper-4 {
  color: #ffffff;
}
.screen .text-wrapper-5 {
  color: #ffd500;
}
.screen .view-4 {
  position: absolute;
  width: 1280px;
  height: 476px;
  top: 236px;
  left: 98px;
}
.screen .view-5 {
  position: absolute;
  width: 283px;
  height: 48px;
  top: 0;
  left: 500px;
}
.screen .div-3 {
  top: 0;
  left: 0;
  font-family: "Nunito Sans", Helvetica;
  font-weight: 900;
  color: transparent;
  font-size: 36px;
  text-align: center;
  line-height: 48px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}
.screen .text-wrapper-6 {
  color: #333333;
}
.screen .text-wrapper-7 {
  color: #f9a422;
}
.screen .view-6 {
  position: absolute;
  width: 1280px;
  height: 408px;
  top: 68px;
  left: 0;
}
.screen .element-7 {
  width: 297px;
  height: 408px;
  left: 983px;
  position: absolute;
  top: 0;
}
.screen .overlap-group-3 {
  position: relative;
  height: 408px;
}
.screen .view-7 {
  position: absolute;
  width: 297px;
  height: 256px;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border-radius: 16px;
  -webkit-box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
          box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
}
.screen .SVG-2 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 217px;
  left: 137px;
}
.screen .view-8 {
  position: absolute;
  width: 101px;
  height: 32px;
  top: 191px;
  left: 99px;
}
.screen .text-wrapper-8 {
  height: 32px;
  top: 0;
  left: 0;
  font-family: "Nunito Sans", Helvetica;
  font-weight: 800;
  color: #333333;
  font-size: 18px;
  line-height: 32px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}
.screen .view-9 {
  position: absolute;
  width: 297px;
  height: 176px;
  top: 0;
  left: 0;
  background-image: url(./img/rectangle-108-3.png);
  background-size: cover;
  background-position: 50% 50%;
}
.screen .view-10 {
  position: absolute;
  width: 297px;
  height: 232px;
  top: 176px;
  left: 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
          box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
}
.screen .view-11 {
  position: absolute;
  width: 233px;
  height: 136px;
  top: 69px;
  left: 32px;
}
.screen .element-8 {
  width: 235px;
  height: 48px;
  left: 0;
  position: absolute;
  top: 0;
}
.screen .text-wrapper-9 {
  width: 213px;
  left: 20px;
  font-weight: 500;
  color: #4f4f4f;
  position: absolute;
  top: 0;
  font-family: "Nunito", Helvetica;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 24px;
}
.screen .ellipse {
  position: absolute;
  width: 8px;
  height: 8px;
  top: 8px;
  left: 0;
  background-color: #f9a422;
  border-radius: 4px;
  border: 1px solid;
}
.screen .element-9 {
  position: absolute;
  width: 143px;
  height: 24px;
  top: 56px;
  left: 0;
}
.screen .text-wrapper-10 {
  top: 0;
  left: 20px;
  font-family: "Nunito", Helvetica;
  font-weight: 500;
  color: #4f4f4f;
  font-size: 17px;
  line-height: 24px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}
.screen .element-10 {
  position: absolute;
  width: 235px;
  height: 48px;
  top: 88px;
  left: 0;
}
.screen .view-12 {
  position: absolute;
  width: 101px;
  height: 35px;
  top: 15px;
  left: 99px;
}
.screen .text-wrapper-11 {
  height: 32px;
  top: 0;
  left: 0;
  font-family: "Nunito Sans", Helvetica;
  font-weight: 800;
  color: var(--x-333333);
  font-size: 18px;
  line-height: 32px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}
.screen .rectangle {
  position: absolute;
  width: 79px;
  height: 1px;
  top: 34px;
  left: 10px;
  background-color: #f9a422;
}
.screen .element-11 {
  position: absolute;
  width: 298px;
  height: 256px;
  top: 0;
  left: 655px;
  background-color: #ffffff;
  border-radius: 16px;
  -webkit-box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
          box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
}
.screen .view-13 {
  position: absolute;
  width: 139px;
  height: 32px;
  top: 192px;
  left: 81px;
}
.screen .view-14 {
  position: absolute;
  width: 298px;
  height: 176px;
  top: 0;
  left: 0;
  background-image: url(./img/rectangle-108-2.png);
  background-size: cover;
  background-position: 50% 50%;
}
.screen .element-12 {
  position: absolute;
  width: 299px;
  height: 256px;
  top: 0;
  left: 328px;
}
.screen .overlap-2 {
  width: 297px;
  height: 256px;
  border-radius: 16px;
  -webkit-box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
          box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
  position: relative;
  background-color: #ffffff;
}
.screen .text-wrapper-12 {
  height: 32px;
  top: 191px;
  left: 92px;
  font-family: "Nunito Sans", Helvetica;
  font-weight: 800;
  color: #333333;
  font-size: 18px;
  line-height: 32px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}
.screen .view-15 {
  position: absolute;
  width: 297px;
  height: 176px;
  top: 0;
  left: 0;
  background-image: url(./img/rectangle-108-1.png);
  background-size: cover;
  background-position: 50% 50%;
}
.screen .element-13 {
  width: 300px;
  height: 256px;
  left: 0;
  position: absolute;
  top: 0;
}
.screen .overlap-3 {
  width: 298px;
  height: 256px;
  border-radius: 16px;
  -webkit-box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
          box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
  position: relative;
  background-color: #ffffff;
}
.screen .overlap-group-4 {
  position: absolute;
  width: 53px;
  height: 50px;
  top: 191px;
  left: 122px;
}
.screen .SVG-3 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 26px;
  left: 15px;
}
.screen .view-16 {
  position: absolute;
  width: 298px;
  height: 176px;
  top: 0;
  left: 0;
  background-image: url(./img/rectangle-108.png);
  background-size: cover;
  background-position: 50% 50%;
}
.screen .view-17 {
  position: absolute;
  width: 1440px;
  height: 200px;
  top: 8px;
  left: 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
          box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
}
.screen .view-18 {
  position: absolute;
  width: 1440px;
  height: 80px;
  top: 120px;
  left: 0;
  background-color: #ffffff;
}
.screen .view-19 {
  position: absolute;
  width: 1126px;
  height: 24px;
  top: 28px;
  left: 159px;
}
.screen .text-wrapper-13 {
  top: 0;
  left: 0;
  font-family: "Nunito", Helvetica;
  font-weight: 700;
  color: #333333;
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}
.screen .text-wrapper-14 {
  top: 0;
  left: 1030px;
  font-family: "Nunito", Helvetica;
  font-weight: 700;
  color: #333333;
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}
.screen .element-14 {
  width: 79px;
  height: 24px;
  left: 114px;
  position: absolute;
  top: 0;
}
.screen .SVG-4 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 53px;
}
.screen .element-15 {
  position: absolute;
  width: 147px;
  height: 24px;
  top: 0;
  left: 677px;
}
.screen .text-wrapper-15 {
  top: 0;
  left: 0;
  font-weight: 700;
  color: #333333;
  font-size: 16px;
  text-align: right;
  position: absolute;
  font-family: "Nunito", Helvetica;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}
.screen .SVG-5 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 121px;
}
.screen .element-16 {
  position: absolute;
  width: 137px;
  height: 24px;
  top: 0;
  left: 859px;
}
.screen .SVG-6 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 111px;
}
.screen .element-17 {
  width: 73px;
  height: 24px;
  left: 226px;
  position: absolute;
  top: 0;
}
.screen .SVG-7 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 47px;
}
.screen .element-18 {
  position: absolute;
  width: 126px;
  height: 24px;
  top: 0;
  left: 332px;
}
.screen .SVG-8 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 100px;
}
.screen .element-19 {
  position: absolute;
  width: 153px;
  height: 24px;
  top: 0;
  left: 491px;
}
.screen .SVG-9 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 127px;
}
.screen .view-20 {
  position: absolute;
  width: 1280px;
  height: 1px;
  top: 0;
  left: 80px;
  background-color: #f9a422;
}
.screen .view-21 {
  position: absolute;
  width: 220px;
  height: 56px;
  top: 32px;
  left: 1142px;
}
.screen .overlap-group-5 {
  position: relative;
  width: 218px;
  height: 56px;
  background-color: #ee2f2e;
  border-radius: 100px;
}
.screen .text-wrapper-16 {
  top: 16px;
  left: 38px;
  font-family: "Nunito", Helvetica;
  font-weight: 800;
  color: #ffffff;
  font-size: 17px;
  line-height: 24px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}
.screen .view-22 {
  position: absolute;
  width: 261px;
  height: 50px;
  top: 35px;
  left: 861px;
}
.screen .text-wrapper-17 {
  position: absolute;
  height: 24px;
  top: 0;
  left: 70px;
  font-family: "Nunito", Helvetica;
  font-weight: 900;
  color: #333333;
  font-size: 21px;
  text-align: right;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}
.screen .text-wrapper-18 {
  position: absolute;
  height: 25px;
  top: 25px;
  left: 0;
  font-family: "Nunito", Helvetica;
  font-weight: 700;
  color: #333333;
  font-size: 18px;
  text-align: right;
  letter-spacing: 0.18px;
  line-height: normal;
}
.screen .view-23 {
  position: absolute;
  width: 231px;
  height: 46px;
  top: 37px;
  left: 298px;
}
.screen .text-wrapper-19 {
  top: 0;
  left: 0;
  font-family: "Nunito", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 17px;
  line-height: 23px;
  position: absolute;
  letter-spacing: 0;
}
.screen .view-24 {
  position: absolute;
  width: 188px;
  height: 88px;
  top: 16px;
  left: 80px;
  background-image: url(./img/rectangle.png);
  background-size: 100% 100%;
}

.screen {
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.screen .div {
  background-color: #ffffff;
  width: 1440px;
  height: 11600px;
  position: relative;
}
.screen .view {
  position: absolute;
  width: 1280px;
  height: 760px;
  top: 768px;
  left: 98px;
  background-color: #124b9b;
  border-radius: 32px;
}
.screen .div-wrapper {
  position: absolute;
  width: 538px;
  height: 24px;
  top: 686px;
  left: 372px;
}
.screen .p {
  left: 0;
  font-weight: 400;
  color: #ffffff;
  white-space: nowrap;
  position: absolute;
  top: 0;
  font-family: "Nunito", Helvetica;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 24px;
}
.screen .text-wrapper {
  font-family: "Nunito", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 24px;
}
.screen .span {
  font-weight: 600;
}
.screen .overlap-group-wrapper {
  position: absolute;
  width: 260px;
  height: 64px;
  top: 600px;
  left: 511px;
}
.screen .overlap-group {
  position: relative;
  width: 258px;
  height: 64px;
  background-color: #ffd500;
  border-radius: 100px;
}
.screen .text-wrapper-2 {
  top: 20px;
  left: 59px;
  font-weight: 800;
  color: var(--x-12-4b-9b);
  font-size: 18px;
  position: absolute;
  font-family: "Nunito", Helvetica;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}
.screen .view-2 {
  position: absolute;
  width: 1122px;
  height: 360px;
  top: 208px;
  left: 79px;
}
.screen .element {
  position: absolute;
  width: 356px;
  height: 64px;
  top: 0;
  left: 0;
}
.screen .overlap-group-2 {
  width: 354px;
  height: 64px;
  border-radius: 100px;
  position: relative;
  background-color: #ffffff;
}
.screen .text-wrapper-3 {
  position: absolute;
  top: 20px;
  left: 24px;
  font-family: "Nunito", Helvetica;
  font-weight: 400;
  color: var(--x-4f-4f-4f);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}
.screen .SVG {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 18px;
  left: 300px;
}
.screen .overlap-wrapper {
  position: absolute;
  width: 356px;
  height: 64px;
  top: 0;
  left: 384px;
}
.screen .element-2 {
  position: absolute;
  width: 356px;
  height: 64px;
  top: 0;
  left: 768px;
}
.screen .img {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 20px;
  left: 304px;
}
.screen .element-3 {
  position: absolute;
  width: 356px;
  height: 64px;
  top: 96px;
  left: 0;
}
.screen .element-4 {
  position: absolute;
  width: 356px;
  height: 64px;
  top: 96px;
  left: 768px;
}
.screen .element-5 {
  position: absolute;
  width: 356px;
  height: 64px;
  top: 96px;
  left: 384px;
}
.screen .element-6 {
  position: absolute;
  width: 1124px;
  height: 168px;
  top: 192px;
  left: 0;
}
.screen .overlap {
  width: 1122px;
  height: 168px;
  border-radius: 24px;
  position: relative;
  background-color: #ffffff;
}
.screen .view-3 {
  position: absolute;
  width: 624px;
  height: 48px;
  top: 88px;
  left: 329px;
}
.screen .div-2 {
  top: 0;
  left: 0;
  font-family: "Nunito Sans", Helvetica;
  font-weight: 900;
  color: transparent;
  font-size: 34px;
  text-align: center;
  line-height: 48px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}
.screen .text-wrapper-4 {
  color: #ffffff;
}
.screen .text-wrapper-5 {
  color: #ffd500;
}
.screen .view-4 {
  position: absolute;
  width: 1280px;
  height: 476px;
  top: 236px;
  left: 98px;
}
.screen .view-5 {
  position: absolute;
  width: 283px;
  height: 48px;
  top: 0;
  left: 500px;
}
.screen .div-3 {
  top: 0;
  left: 0;
  font-family: "Nunito Sans", Helvetica;
  font-weight: 900;
  color: transparent;
  font-size: 36px;
  text-align: center;
  line-height: 48px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}
.screen .text-wrapper-6 {
  color: #333333;
}
.screen .text-wrapper-7 {
  color: #f9a422;
}
.screen .view-6 {
  position: absolute;
  width: 1280px;
  height: 408px;
  top: 68px;
  left: 0;
}
.screen .element-7 {
  width: 297px;
  height: 408px;
  left: 983px;
  position: absolute;
  top: 0;
}
.screen .overlap-group-3 {
  position: relative;
  height: 408px;
}
.screen .view-7 {
  position: absolute;
  width: 297px;
  height: 256px;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border-radius: 16px;
  -webkit-box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
          box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
}
.screen .SVG-2 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 217px;
  left: 137px;
}
.screen .view-8 {
  position: absolute;
  width: 101px;
  height: 32px;
  top: 191px;
  left: 99px;
}
.screen .text-wrapper-8 {
  height: 32px;
  top: 0;
  left: 0;
  font-family: "Nunito Sans", Helvetica;
  font-weight: 800;
  color: #333333;
  font-size: 18px;
  line-height: 32px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}
.screen .view-9 {
  position: absolute;
  width: 297px;
  height: 176px;
  top: 0;
  left: 0;
  background-image: url(./img/rectangle-108-3.png);
  background-size: cover;
  background-position: 50% 50%;
}
.screen .view-10 {
  position: absolute;
  width: 297px;
  height: 232px;
  top: 176px;
  left: 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
          box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
}
.screen .view-11 {
  position: absolute;
  width: 233px;
  height: 136px;
  top: 69px;
  left: 32px;
}
.screen .element-8 {
  width: 235px;
  height: 48px;
  left: 0;
  position: absolute;
  top: 0;
}
.screen .text-wrapper-9 {
  width: 213px;
  left: 20px;
  font-weight: 500;
  color: #4f4f4f;
  position: absolute;
  top: 0;
  font-family: "Nunito", Helvetica;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 24px;
}
.screen .ellipse {
  position: absolute;
  width: 8px;
  height: 8px;
  top: 8px;
  left: 0;
  background-color: #f9a422;
  border-radius: 4px;
  border: 1px solid;
}
.screen .element-9 {
  position: absolute;
  width: 143px;
  height: 24px;
  top: 56px;
  left: 0;
}
.screen .text-wrapper-10 {
  top: 0;
  left: 20px;
  font-family: "Nunito", Helvetica;
  font-weight: 500;
  color: #4f4f4f;
  font-size: 17px;
  line-height: 24px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}
.screen .element-10 {
  position: absolute;
  width: 235px;
  height: 48px;
  top: 88px;
  left: 0;
}
.screen .view-12 {
  position: absolute;
  width: 101px;
  height: 35px;
  top: 15px;
  left: 99px;
}
.screen .text-wrapper-11 {
  height: 32px;
  top: 0;
  left: 0;
  font-family: "Nunito Sans", Helvetica;
  font-weight: 800;
  color: var(--x-333333);
  font-size: 18px;
  line-height: 32px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}
.screen .rectangle {
  position: absolute;
  width: 79px;
  height: 1px;
  top: 34px;
  left: 10px;
  background-color: #f9a422;
}
.screen .element-11 {
  position: absolute;
  width: 298px;
  height: 256px;
  top: 0;
  left: 655px;
  background-color: #ffffff;
  border-radius: 16px;
  -webkit-box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
          box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
}
.screen .view-13 {
  position: absolute;
  width: 139px;
  height: 32px;
  top: 192px;
  left: 81px;
}
.screen .view-14 {
  position: absolute;
  width: 298px;
  height: 176px;
  top: 0;
  left: 0;
  background-image: url(./img/rectangle-108-2.png);
  background-size: cover;
  background-position: 50% 50%;
}
.screen .element-12 {
  position: absolute;
  width: 299px;
  height: 256px;
  top: 0;
  left: 328px;
}
.screen .overlap-2 {
  width: 297px;
  height: 256px;
  border-radius: 16px;
  -webkit-box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
          box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
  position: relative;
  background-color: #ffffff;
}
.screen .text-wrapper-12 {
  height: 32px;
  top: 191px;
  left: 92px;
  font-family: "Nunito Sans", Helvetica;
  font-weight: 800;
  color: #333333;
  font-size: 18px;
  line-height: 32px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}
.screen .view-15 {
  position: absolute;
  width: 297px;
  height: 176px;
  top: 0;
  left: 0;
  background-image: url(./img/rectangle-108-1.png);
  background-size: cover;
  background-position: 50% 50%;
}
.screen .element-13 {
  width: 300px;
  height: 256px;
  left: 0;
  position: absolute;
  top: 0;
}
.screen .overlap-3 {
  width: 298px;
  height: 256px;
  border-radius: 16px;
  -webkit-box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
          box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
  position: relative;
  background-color: #ffffff;
}
.screen .overlap-group-4 {
  position: absolute;
  width: 53px;
  height: 50px;
  top: 191px;
  left: 122px;
}
.screen .SVG-3 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 26px;
  left: 15px;
}
.screen .view-16 {
  position: absolute;
  width: 298px;
  height: 176px;
  top: 0;
  left: 0;
  background-image: url(./img/rectangle-108.png);
  background-size: cover;
  background-position: 50% 50%;
}
.screen .view-17 {
  position: absolute;
  width: 1440px;
  height: 200px;
  top: 8px;
  left: 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
          box-shadow: 0px 4px 25px rgba(18, 75, 155, 0.2);
}
.screen .view-18 {
  position: absolute;
  width: 1440px;
  height: 80px;
  top: 120px;
  left: 0;
  background-color: #ffffff;
}
.screen .view-19 {
  position: absolute;
  width: 1126px;
  height: 24px;
  top: 28px;
  left: 159px;
}
.screen .text-wrapper-13 {
  top: 0;
  left: 0;
  font-family: "Nunito", Helvetica;
  font-weight: 700;
  color: #333333;
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}
.screen .text-wrapper-14 {
  top: 0;
  left: 1030px;
  font-family: "Nunito", Helvetica;
  font-weight: 700;
  color: #333333;
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}
.screen .element-14 {
  width: 79px;
  height: 24px;
  left: 114px;
  position: absolute;
  top: 0;
}
.screen .SVG-4 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 53px;
}
.screen .element-15 {
  position: absolute;
  width: 147px;
  height: 24px;
  top: 0;
  left: 677px;
}
.screen .text-wrapper-15 {
  top: 0;
  left: 0;
  font-weight: 700;
  color: #333333;
  font-size: 16px;
  text-align: right;
  position: absolute;
  font-family: "Nunito", Helvetica;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}
.screen .SVG-5 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 121px;
}
.screen .element-16 {
  position: absolute;
  width: 137px;
  height: 24px;
  top: 0;
  left: 859px;
}
.screen .SVG-6 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 111px;
}
.screen .element-17 {
  width: 73px;
  height: 24px;
  left: 226px;
  position: absolute;
  top: 0;
}
.screen .SVG-7 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 47px;
}
.screen .element-18 {
  position: absolute;
  width: 126px;
  height: 24px;
  top: 0;
  left: 332px;
}
.screen .SVG-8 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 100px;
}
.screen .element-19 {
  position: absolute;
  width: 153px;
  height: 24px;
  top: 0;
  left: 491px;
}
.screen .SVG-9 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 127px;
}
.screen .view-20 {
  position: absolute;
  width: 1280px;
  height: 1px;
  top: 0;
  left: 80px;
  background-color: #f9a422;
}
.screen .view-21 {
  position: absolute;
  width: 220px;
  height: 56px;
  top: 32px;
  left: 1142px;
}
.screen .overlap-group-5 {
  position: relative;
  width: 218px;
  height: 56px;
  background-color: #ee2f2e;
  border-radius: 100px;
}
.screen .text-wrapper-16 {
  top: 16px;
  left: 38px;
  font-family: "Nunito", Helvetica;
  font-weight: 800;
  color: #ffffff;
  font-size: 17px;
  line-height: 24px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}
.screen .view-22 {
  position: absolute;
  width: 261px;
  height: 50px;
  top: 35px;
  left: 861px;
}
.screen .text-wrapper-17 {
  position: absolute;
  height: 24px;
  top: 0;
  left: 70px;
  font-family: "Nunito", Helvetica;
  font-weight: 900;
  color: #333333;
  font-size: 21px;
  text-align: right;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}
.screen .text-wrapper-18 {
  position: absolute;
  height: 25px;
  top: 25px;
  left: 0;
  font-family: "Nunito", Helvetica;
  font-weight: 700;
  color: #333333;
  font-size: 18px;
  text-align: right;
  letter-spacing: 0.18px;
  line-height: normal;
}
.screen .view-23 {
  position: absolute;
  width: 231px;
  height: 46px;
  top: 37px;
  left: 298px;
}
.screen .text-wrapper-19 {
  top: 0;
  left: 0;
  font-family: "Nunito", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 17px;
  line-height: 23px;
  position: absolute;
  letter-spacing: 0;
}
.screen .view-24 {
  position: absolute;
  width: 188px;
  height: 88px;
  top: 16px;
  left: 80px;
  background-image: url(./img/rectangle.png);
  background-size: 100% 100%;
}