/* screen - desktop-all-breakpoints */

.desktop-all-breakpoints {
  background: linear-gradient(90deg, rgb(161, 223, 132) 19.65%, rgb(20, 67, 246) 100%);
  background-color: rgba(255,255,255,1.0);
  display: inline-flex;
  flex-direction: column;
}

.desktop-all-breakpoints .menu-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--elephant);
  display: flex;
  height: 75px;
  justify-content: space-between;
  padding: 26px 121px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .menu-av-1 {
  height: 22px;
  object-fit: cover;
  position: relative;
  width: 347px;
}

.desktop-all-breakpoints .navbar {
  display: flex;
  flex: 1;
  flex-grow: 1;
  justify-content: space-between;
  max-width: 712px;
  min-width: 590px;
  padding: 0px 0px 0px 56px;
}

.desktop-all-breakpoints .navbar-link-menu-link-0 {
  cursor: pointer;
  letter-spacing: 1.50px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.desktop-all-breakpoints .hero1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 36px;
  justify-content: center;
  padding: 0px 121px;
  width: 100%;
}

.desktop-all-breakpoints .hero-content-1 {
  align-items: start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  min-width: 1024px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .hero-col-01-1 {
  height: 1000px;
  position: relative;
  width: 813px;
}

.desktop-all-breakpoints .hero-container {
  height: 1000px;
  display: flex;
  justify-content: space-around;
  align-items: start;
  flex-direction: column-reverse;
}

.desktop-all-breakpoints .hero-text-2 {
  align-items: center;
  display: inline-flex;

}

.desktop-all-breakpoints .hero-text-line-1 {
  height: 90px;
  position: relative;
  width: 4px;
}

.desktop-all-breakpoints .hero-text-3 {
  align-self: stretch;
  letter-spacing: 2.00px;
  line-height: 22px;
  margin-top: -1.00px;
  position: relative;
  width: 456px;
  padding-left:20px;
}

.desktop-all-breakpoints .span-1 {
  letter-spacing: 0.28px;
}

.desktop-all-breakpoints .hero-title-1 {
  width: 700px;
}

.desktop-all-breakpoints .hero-logo-1 {
  margin-top:200px;
}

.desktop-all-breakpoints .hero-col-02-1 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 6px;
  box-shadow: 10px 10px 24px #00000052;
  display: flex;
  flex-direction: column;
  height: 496px;
  justify-content: space-between;
  margin-left: -46px;
  max-width: 388px;
  padding: 28px;
  position: relative;
  width: 257px;
}

.desktop-all-breakpoints .h3-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: -1.00px;
  position: relative;
}

.desktop-all-breakpoints .form-1 {
  align-self: stretch;
  height: 41px;
  margin-right: -2.00px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .input-2 {
  border-radius: 2px;
  left: 0;
  position: absolute;
  top: 15px;
  width: 201px;
}

.desktop-all-breakpoints .text-14 {
  height: 12px;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  width: 31px;
}

.desktop-all-breakpoints .text-15 {
  height: 12px;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  width: 62px;
}

.desktop-all-breakpoints .text-16 {
  height: 12px;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  width: 32px;
}

.desktop-all-breakpoints .text-17 {
  height: 12px;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  width: 40px;
}

.desktop-all-breakpoints .form-location-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .form-uf-1 {
  height: 41px;
  position: relative;
  width: 71px;
}

.desktop-all-breakpoints .overlap-group-3 {
  border-radius: 2px 0px 0px 2px;
  height: 26px;
  justify-content: flex-end;
  left: 0;
  min-width: 69px;
  padding: 9.0px 8.0px;
  position: absolute;
  top: 15px;
}

.desktop-all-breakpoints .text-18 {
  height: 12px;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.desktop-all-breakpoints .form-city-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 3px;
  justify-content: center;
  margin-left: -1px;
  position: relative;
}

.desktop-all-breakpoints .text-19 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.desktop-all-breakpoints .input-3 {
  align-self: stretch;
  border-radius: 0px 2px 2px 0px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .drop-icon-3 {
  left: 106px;
  position: absolute;
  top: 25px;
}

.desktop-all-breakpoints .form-tick-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .text-20 {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.desktop-all-breakpoints .options-1 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0px 0px 0px 24px;
  position: relative;
  width: 120px;
}

.desktop-all-breakpoints .option-inactive-1 {
  height: 20px;
  position: relative;
  width: 38px;
}

.desktop-all-breakpoints .overlap-group-2 {
  border-radius: 2px;
  gap: 3px;
  height: 20px;
  min-width: 36px;
  padding: 4px 6px;
}

.desktop-all-breakpoints .icon-2 {
  border: 1px solid;
  border-color: var(--boulder);
}

.desktop-all-breakpoints .text-12 {
  height: 11px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop-all-breakpoints .option-active-1 {
  height: 20px;
  margin-right: -2.00px;
  position: relative;
  width: 38px;
}

.desktop-all-breakpoints .icon-3 {
  background-color: var(--boulder);
}

.desktop-all-breakpoints .form-button-2 {
  background-color: var(--caribbean-green-pearl);
  border-radius: 2px;
  height: 26px;
  padding: 6px 20px;
  width: 72px;
}

.desktop-all-breakpoints .text-21 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.50px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.desktop-all-breakpoints .hero-social-1 {
  background-image: url(../img/social-icons.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 18px;
  position: relative;
  width: 43px;
}

.desktop-all-breakpoints .landing-section-03-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 0px 0px;
  height: 832px;
  justify-content: center;
  padding: 86px 121px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .section-0-2 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.desktop-all-breakpoints .section-01-title-1 {
  margin-top: -1.00px;
  width: fit-content;
}

.desktop-all-breakpoints .section-03-image-1 {
  height: 408px;
  position: relative;
  width: 381px;
}

.desktop-all-breakpoints .section-03-col-02 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 24px 24px;
  justify-content: flex-end;
  max-width: 946px;
  min-width: 532px;
  position: relative;
}

.desktop-all-breakpoints .section-0-3 {
  height: 181px;
  position: relative;
  width: 244px;
}

.desktop-all-breakpoints .section-03-box-06-1 {
  align-items: flex-start;
  border-radius: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 8px;
  position: relative;
  width: 244px;
}

.desktop-all-breakpoints .section-03-box-07-1 {
  color: transparent;
  font-family: var(--font-family-futura_std-extrabold);
  font-size: var(--font-size-xxxl);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 34px;
  margin-right: -4.00px;
  margin-top: -1.00px;
  position: relative;
  width: 248px;
}

.desktop-all-breakpoints .span0-1 {
  color: var(--white);
}

.desktop-all-breakpoints .span1-1 {
  color: var(--feijoa);
}

.desktop-all-breakpoints .span2-1 {
  color: var(--elephant);
}

.desktop-all-breakpoints .form-button-3 {
  background-color: var(--feijoa);
  border-radius: 6px;
  cursor: pointer;
  padding: 12px 16px;
  width: 186px;
}

.desktop-all-breakpoints .text-22 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.desktop-all-breakpoints .landing-section-02-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 86px 121px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .section-02-content {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .section-01-title-2 {
  align-self: stretch;
  margin-top: -1.00px;
}

.desktop-all-breakpoints .section-02-image-1 {
  height: 286px;
  position: relative;
  width: 252px;
}

.desktop-all-breakpoints .section-02-col-02 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 24px 24px;
  justify-content: flex-end;
  max-width: 946px;
  min-width: 532px;
  position: relative;
}

.desktop-all-breakpoints .section-02-box-02-1 {
  align-items: center;
  background-color: var(--royal-blue);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 181px;
  justify-content: space-around;
  padding: 24px;
  position: relative;
  width: 244px;
}

.desktop-all-breakpoints .section-02-box-0-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
}

.desktop-all-breakpoints .bullets-1 {
  align-self: stretch;
  position: relative;
  width: 6px;
}

.desktop-all-breakpoints .text-13 {
  letter-spacing: 0.45px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.desktop-all-breakpoints .section-02-box-03-1 {
  align-items: center;
  background-color: var(--feijoa);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 181px;
  justify-content: space-around;
  padding: 24px;
  position: relative;
  width: 244px;
}

.desktop-all-breakpoints .section-02-box-03-content-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  margin-left: -8.50px;
  margin-right: -8.50px;
  position: relative;
}

.desktop-all-breakpoints .text-23 {
  letter-spacing: 0;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.desktop-all-breakpoints .section-02-box-04-1 {
  align-items: center;
  background-color: var(--elephant);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 181px;
  justify-content: space-around;
  padding: 24px;
  position: relative;
  width: 244px;
}

.desktop-all-breakpoints .section-02-bottom-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 24px;
  min-width: 900px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .section-02-line-1 {
  height: 11px;
  position: relative;
  width: 494px;
}

.desktop-all-breakpoints .section-02-more-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.desktop-all-breakpoints .landing-section-01-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 24px 24px;
  height: 681px;
  justify-content: center;
  padding: 86px 121px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .section-01-col-01-1 {
  background-image: url(../img/image-man.png);
  background-size: 100% 100%;
  height: 509px;
  position: relative;
  width: 520.06px;
}

.desktop-all-breakpoints .section-01-col-02-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 24px;
  height: 498px;
  justify-content: center;
  position: relative;
}

.desktop-all-breakpoints .section-01-title-3 {
  align-self: stretch;
}

.desktop-all-breakpoints .section-01-box-0-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 11px;
  padding: 0px 0px 0px 36px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .box-01-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--feijoa);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 2px;
  justify-content: center;
  margin-right: -56.06px;
  min-width: 500px;
  padding: 16px 32px 16px 60px;
  position: relative;
}

.desktop-all-breakpoints .box-0-3 {
  letter-spacing: -0.50px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.desktop-all-breakpoints .box-0-4 {
  align-self: stretch;
  letter-spacing: 0.50px;
  line-height: 18px;
  position: relative;
}

.desktop-all-breakpoints .box-0-5 {
  height: 54px;
  left: 0;
  position: absolute;
  top: 13px;

}

.desktop-all-breakpoints .box-02-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--blue-ribbon);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 2px;
  justify-content: center;
  margin-right: -56.06px;
  min-width: 500px;
  padding: 16px 32px 16px 60px;
  position: relative;
}

.desktop-all-breakpoints .box-03-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--elephant);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 2px;
  justify-content: center;
  margin-right: -56.06px;
  min-width: 500px;
  padding: 16px 32px 16px 60px;
  position: relative;
}

.desktop-all-breakpoints .box-03-icon {
  height: 54px;
  left: 0;
  position: absolute;
  top: 19px;

}

.desktop-all {
  align-items: center;
  position: relative;
}

.desktop-all-breakpoints .form-button {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}

.desktop-all-breakpoints .icon {
  align-self: center;
  border-radius: 2px;
  height: 4px;
  width: 4px;
}

.desktop-all-breakpoints .input {
  border: 1px solid;
  border-color: var(--boulder);
  height: 26px;
}

.desktop-all-breakpoints .overlap-group {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--boulder);
  display: flex;
}

.desktop-all-breakpoints .section-01-title {
  letter-spacing: -1.00px;
  line-height: 32px;
  position: relative;
}
/* screen - phone */

.phone {
  align-items: center;
  background: linear-gradient(60deg, rgb(161, 223, 132) 80.65%, rgb(20, 67, 246) 100%);
  background-color: rgba(255,255,255,1.0);
  display: flex;
  flex-direction: column;
  height: 4540px;
  max-width: 100%;
  min-width: 440px;
  position: relative;
}

.phone .menu {
  align-items: center;
  align-self: stretch;
  background-color: var(--elephant);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 24px 24px;
  padding: 16px 24px;
  position: relative;
  width: 100%;
  justify-content: center;
}
.phone .logo {
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.phone .menu-av {
  /*flex: 1;*/
  /*flex-grow: 1;*/
  height: 22px;
  position: relative;
}

.phone .menu-icon {
  cursor: pointer;
  height: 20px;
  position: relative;
  width: 24px;
}

.phone .line-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 20px;
}

.phone .line {
  background-color: var(--feijoa-2);
  border-radius: 4px;
  height: 4px;
  width: 24px;
}

.phone .hero {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 36px;
  padding: 64px 24px;
  position: relative;
  width: 100%;
}

.phone .hero-content {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  min-width: 342px;
  position: relative;
  width: 100%;
}

.phone .hero-col-01 {
  padding: 0px 0px 32px;
}

.phone .hero-logo {
  height: 62.72px;
  position: relative;
  width: 342.22px;
  position: relative;
  margin:0 auto;
  margin-top: 20px;
}

.phone .hero-title {
  /*height: 392px;*/
  margin-right: -24.00px;
  margin-top: -12px;
  position: relative;
  width: 100%;
}

.phone .hero-text {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 16px;
  margin-top: -12px;
  padding: 32px 0px;
  position: relative;
  width: 100%;
}

.phone .hero-text-line {
  align-self: stretch;
  position: relative;
  width: 4px;
}

.phone .hero-text-1 {
  flex: 1;
  letter-spacing: 2.00px;
  line-height: 22px;
  margin-top: -1.00px;
  position: relative;
}

.phone .span {
  letter-spacing: 0.28px;
}

.phone .hero-col-02 {
  background-color: var(--white);
  border-radius: 6px;
  box-shadow: 10px 10px 24px #00000052;
  gap: 16px;
  max-width: 388px;
  min-width: 252px;
  padding: 28px;
  margin:0 auto;
}

.phone .h3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: -1.00px;
  position: relative;
}

.phone .form {
  align-self: stretch;
  height: 41px;
  margin-right: -2.00px;
  position: relative;
  width: 100%;
}

.phone .input {
  border-radius: 2px;
  left: 0;
  position: absolute;
  top: 15px;
  width: 332px;
}

.phone .text-2 {
  height: 12px;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  width: 51px;
}

.phone .text-3 {
  height: 12px;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  width: 102px;
}

.phone .text-4 {
  height: 12px;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  width: 53px;
}

.phone .text-5 {
  height: 12px;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  width: 66px;
}

.phone .form-location {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.phone .form-uf {
  height: 41px;
  position: relative;
  width: 71px;
}

.phone .overlap-group-1 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--boulder);
  border-radius: 2px 0px 0px 2px;
  display: flex;
  height: 26px;
  justify-content: flex-end;
  left: 0;
  min-width: 69px;
  padding: 9.0px 8px;
  position: absolute;
  top: 15px;
}

.phone .text-6 {
  height: 12px;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.phone .form-city {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 3px;
  justify-content: center;
  margin-left: -1px;
  position: relative;
}

.phone .text-7 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.phone .input-1 {
  align-self: stretch;
  border-radius: 0px 2px 2px 0px;
  position: relative;
  width: 100%;
}

.phone .drop-icon-1 {
  height: 6px;
  left: 237px;
  position: absolute;
  top: 25px;
  width: 12px;
}

.phone .form-tick {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.phone .text-8 {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.phone .options {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0px 0px 0px 24px;
  position: relative;
  width: 120px;
}

.phone .overlap-group {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--boulder);
  border-radius: 2px;
  display: flex;
  gap: 3px;
  height: 20px;
  min-width: 36px;
  padding: 4px 6px;
}

.phone .icon {
  border: 1px solid;
  border-color: var(--boulder);
}

.phone .text {
  height: 11px;
  letter-spacing: 0;
  line-height: normal;
}

.phone .option-active {
  margin-right: -2.00px;
}

.phone .icon-1 {
  background-color: var(--boulder);
}

.phone .form-button {
  align-items: center;
  background-color: var(--caribbean-green-pearl);
  border-radius: 2px;
  display: flex;
  height: 26px;
  justify-content: center;
  padding: 6px 20px;
  position: relative;
  width: 72px;
}

.phone .text-9 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.50px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.phone .hero-social {
  background-image: url(../img/social-icons.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 18px;
  position: relative;
  width: 43px;
}

.phone .landing-section-01 {
  gap: 24px;
  height: 1146px;
  justify-content: center;
}

.phone .section-01-col-01 {
  background-image: url(../img/image-man-1.png);
  background-size: 70%;
  flex: 1;
  flex-grow: 1;
  background-repeat: no-repeat;
  background-position-x: center;
}

.phone .section-01-col-02 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
}

.phone .section-01-title {
  align-self: stretch;
  letter-spacing: -1.00px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
}

.phone .section-01-box-0 {
  gap: 11px;
}

.phone .box-01 {
  align-items: flex-start;
  background-color: var(--feijoa);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 2px;
  justify-content: center;
  min-width: 306px;
  padding: 16px 24px 16px 48px;
}

.phone .box-0 {
  letter-spacing: -0.50px;
  line-height: normal;
  margin-top: -1.00px;
}

.phone .box-0-1 {
  align-self: stretch;
  letter-spacing: 0.50px;
  line-height: 18px;
  position: relative;
}

.phone .box-0-2 {
  height: 54px;
  left: 0;
  position: absolute;
  top: 35px;

}

.phone .section-01-box-02 {
  gap: 52px;
}

.phone .box-02 {
  align-items: flex-start;
  background-color: var(--blue-ribbon);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 2px;
  justify-content: center;
  min-width: 306px;
  padding: 16px 24px 16px 48px;
}

.phone .box-03 {
  align-items: flex-start;
  background-color: var(--elephant);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 2px;
  justify-content: center;
  min-width: 306px;
  padding: 16px 24px 16px 48px;
}

.phone .landing-section-02 {
  flex: 0 0 auto;
  gap: 40px;
}

.phone .section-02-col-01 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
}

.phone .section-02-image {
  height: 286px;
  position: relative;
  width: 252px;
}

.phone .section-02-bottom {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 6px;
  position: relative;
  width: 100%;
}

.phone .section-02-line {
  align-self: stretch;
  height: 9px;
  position: relative;
  width: 100%;
}

.phone .section-02-more {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.phone .section-0 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 16px 16px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.phone .section-0-1 {
  flex: 1;
  flex-grow: 1;
  height: 130px;
  max-width: 188px;
  min-width: 163px;
  position: relative;
}

.phone .section-02-box-02 {
  background-color: var(--royal-blue);
  border-radius: 12px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  height: 130px;
  justify-content: space-around;
  max-width: 188px;
  min-width: 163px;
  padding: 16px;
}

.phone .section-02-box-0 {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
}

.phone .bullets {
  align-self: stretch;
  position: relative;
  width: 6px;
}

.phone .text-1 {
  letter-spacing: 0.45px;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.phone .section-02-box-03 {
  background-color: var(--feijoa);
  border-radius: 12px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  height: 130px;
  justify-content: space-around;
  max-width: 188px;
  min-width: 163px;
  padding: 16px;
}

.phone .section-02-box-03-content {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  margin-left: -2.50px;
  margin-right: -2.50px;
  position: relative;
}

.phone .text-10 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.phone .section-02-box-04 {
  background-color: var(--elephant);
  border-radius: 12px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  height: 130px;
  justify-content: space-around;
  max-width: 188px;
  min-width: 163px;
  padding: 16px;
}

.phone .landing-section-03 {
  flex: 0 0 auto;
  gap: 24px;
}

.phone .section-03-col-01 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
}

.phone .section-03-image {
  height: 408px;
  position: relative;
  width: 381px;
}

.phone .section-03-box-06 {
  align-items: flex-start;
  border-radius: 12px;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 8px 8px;
  max-width: 188px;
  min-width: 163px;
  position: relative;
}

.phone .section-03-box-07 {
  color: transparent;
  font-family: var(--font-family-futura_std-extrabold);
  font-size: 21px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 25px;
  margin-right: -7.00px;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.phone .span0 {
  color: var(--white);
}

.phone .span1 {
  color: var(--feijoa);
}

.phone .span2 {
  color: var(--elephant);
}

.phone .form-button-1 {
  align-items: center;
  background-color: var(--feijoa);
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-grow: 1;
  justify-content: center;
  padding: 12px 16px;
  position: relative;
}

.phone .text-11 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.phone .box {
  align-self: stretch;
  position: relative;
}

.phone .hero-col {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.phone .icon-2 {
  align-self: center;
  border-radius: 2px;
  height: 4px;
  width: 4px;
}

.phone .input-2 {
  border: 1px solid;
  border-color: var(--boulder);
  height: 26px;
}

.phone .landing-section {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  padding: 64px 24px;
  position: relative;
  width: 100%;
}

.phone .option {
  height: 20px;
  position: relative;
  width: 38px;
}

.phone .section-01-box {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  padding: 0px 0px 0px 36px;
  position: relative;
  width: 100%;
}

.phone .section-01-col {
  align-self: stretch;
  position: relative;
  width: 100%;
}

.phone .section-02-box {
  align-items: center;
  position: relative;
}
/* screen - tablet */

.tablet {
  align-items: center;
  background: linear-gradient(80deg, rgb(161, 223, 132) 60.65%, rgb(20, 67, 246) 100%);
  background-color: rgba(255,255,255,1.0);
  display: inline-flex;
  flex-direction: column;
  max-width: 1024px;
  min-width: 834px;
  position: relative;
}

.tablet .menu-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--elephant);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 32px 24px;
  justify-content: space-between;
  padding: 24px 64px;
  position: relative;
  width: 100%;
}

.tablet .menu-av-2 {
  height: 22px;
  position: relative;
  width: 348px;
}

.tablet .menu-icon-1 {
  cursor: pointer;
  height: 20px;
  position: relative;
  width: 24px;
}

.tablet .line-container-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 20px;
}

.tablet .line-1 {
  background-color: var(--feijoa-2);
  border-radius: 4px;
  height: 4px;
  width: 24px;
}

.tablet .hero2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 36px;
  justify-content: center;
  padding: 72px 64px;
  position: relative;
  width: 100%;
}

.tablet .hero-content-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  max-width: 1024px;
  min-width: 834px;
  position: relative;
  width: 100%;
}

.tablet .hero-col-01-2 {
  height: 537px;
  position: relative;
  width: 714px;
}

.tablet .hero-container-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 537px;
}

.tablet .hero-logo-2 {
  height: 70px;
  width: 384px;
}

.tablet .hero-title-2 {
  height: 349px;
  margin-top: 10px;
  width: 714px;
}

.tablet .hero-text-4 {
  align-items: center;
  display: inline-flex;
  gap: 24px;
  margin-top: 18px;
  position: relative;
}

.tablet .hero-text-line-2 {
  height: 90px;
  position: relative;
  width: 4px;
}

.tablet .hero-text-5 {
  align-self: stretch;
  letter-spacing: 2.00px;
  line-height: 22px;
  margin-top: -1.00px;
  position: relative;
  width: 456px;
}

.tablet .span-2 {
  letter-spacing: 0.28px;
}

.tablet .hero-col-02-2 {
  align-items: center;
  background-color: var(--white);
  border-radius: 6px;
  box-shadow: 10px 10px 24px #00000052;
  display: flex;
  flex-direction: column;
  height: 496px;
  justify-content: space-between;
  max-width: 388px;
  padding: 28px;
  position: relative;
  width: 388px;
}

.tablet .h3-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: -1.00px;
  position: relative;
}

.tablet .form-2 {
  align-self: stretch;
  height: 41px;
  margin-right: -2.00px;
  position: relative;
  width: 100%;
}

.tablet .input-4 {
  border-radius: 2px;
  left: 0;
  position: absolute;
  top: 15px;
  width: 332px;
}

.tablet .text-26 {
  height: 12px;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  width: 51px;
}

.tablet .text-27 {
  height: 12px;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  width: 102px;
}

.tablet .text-28 {
  height: 12px;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  width: 53px;
}

.tablet .text-29 {
  height: 12px;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  width: 66px;
}

.tablet .form-location-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.tablet .form-uf-2 {
  height: 41px;
  position: relative;
  width: 71px;
}

.tablet .overlap-group-5 {
  border-radius: 2px 0px 0px 2px;
  height: 26px;
  justify-content: flex-end;
  left: 0;
  min-width: 69px;
  padding: 9.0px 8px;
  position: absolute;
  top: 15px;
}

.tablet .text-30 {
  height: 12px;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.tablet .form-city-2 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 3px;
  justify-content: center;
  margin-left: -1px;
  position: relative;
}

.tablet .text-31 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.tablet .input-5 {
  align-self: stretch;
  border-radius: 0px 2px 2px 0px;
  position: relative;
  width: 100%;
}

.tablet .drop-icon-5 {
  left: 237px;
  position: absolute;
  top: 25px;
}

.tablet .form-tick-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.tablet .text-32 {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.tablet .options-2 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0px 0px 0px 24px;
  position: relative;
  width: 120px;
}

.tablet .option-inactive-2 {
  height: 20px;
  position: relative;
  width: 38px;
}

.tablet .overlap-group-4 {
  border-radius: 2px;
  gap: 3px;
  height: 20px;
  min-width: 36px;
  padding: 4px 6px;
}

.tablet .icon-4 {
  border: 1px solid;
  border-color: var(--boulder);
}

.tablet .text-24 {
  height: 11px;
  letter-spacing: 0;
  line-height: normal;
}

.tablet .option-active-2 {
  height: 20px;
  margin-right: -2.00px;
  position: relative;
  width: 38px;
}

.tablet .icon-5 {
  background-color: var(--boulder);
}

.tablet .form-button-4 {
  background-color: var(--caribbean-green-pearl);
  border-radius: 2px;
  height: 26px;
  padding: 6px 20px;
  width: 72px;
}

.tablet .text-33 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.50px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.tablet .hero-social-2 {
  background-image: url(../img/social-icons.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 18px;
  position: relative;
  width: 43px;
}

.tablet .landing-section-01-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  padding: 72px 121px;
  position: relative;
  width: 100%;
}

.tablet .section-01-col-01-2 {
  background-image: url(../img/image-man-2.png);
  background-size: 100% 100%;
  height: 509px;
  position: relative;
  width: 520.06px;
}

.tablet .section-01-col-02-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 498px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.tablet .section-01-title-4 {
  align-self: stretch;
}

.tablet .section-01-box-0-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 11px;
  padding: 0px 0px 0px 36px;
  position: relative;
  width: 100%;
}

.tablet .box-01-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--feijoa);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 2px;
  justify-content: center;
  min-width: 500px;
  padding: 16px 32px 16px 60px;
  position: relative;
}

.tablet .box-0-6 {
  letter-spacing: -0.50px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.tablet .box-0-7 {
  align-self: stretch;
  letter-spacing: 0.50px;
  line-height: 18px;
  position: relative;
}

.tablet .box-0-8 {
  height: 54px;
  left: 0;
  position: absolute;
  top: 20px;

}

.tablet .box-02-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--blue-ribbon);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 2px;
  justify-content: center;
  min-width: 500px;
  padding: 16px 32px 16px 60px;
  position: relative;
}

.tablet .box-03-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--elephant);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 2px;
  justify-content: center;
  min-width: 500px;
  padding: 16px 32px 16px 60px;
  position: relative;
}

.tablet .landing-section-02-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 72px 64px;
  position: relative;
  width: 100%;
}

.tablet .section-02-content-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.tablet .section-02-col-01-1 {
  align-items: flex-start;
  align-self: stretch;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

.tablet .section-01-title-5 {
  align-self: stretch;
  margin-top: -1.00px;
}

.tablet .section-02-image-2 {
  height: 286px;
  position: relative;
  width: 252px;
}

.tablet .section-02-col-02-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 16px 16px;
  justify-content: flex-end;
  position: relative;
}

.tablet .section-02-box-0-2 {
  flex: 1;
  flex-grow: 1;
  height: 130px;
  max-width: 188px;
  min-width: 163px;
  position: relative;
}

.tablet .section-02-box-02-2 {
  align-items: center;
  background-color: var(--royal-blue);
  border-radius: 12px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  height: 130px;
  justify-content: space-around;
  max-width: 188px;
  min-width: 163px;
  padding: 16px;
  position: relative;
}

.tablet .section-02-box-0-3 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
}

.tablet .bullets-2 {
  align-self: stretch;
  position: relative;
  width: 6px;
}

.tablet .text-25 {
  letter-spacing: 0.45px;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.tablet .section-02-box-03-2 {
  align-items: center;
  background-color: var(--feijoa);
  border-radius: 12px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  height: 130px;
  justify-content: space-around;
  max-width: 188px;
  min-width: 163px;
  padding: 16px;
  position: relative;
}

.tablet .section-02-box-03-content-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  margin-left: -4.83px;
  margin-right: -4.83px;
  position: relative;
}

.tablet .text-34 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.tablet .section-02-box-04-2 {
  align-items: center;
  background-color: var(--elephant);
  border-radius: 12px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  height: 130px;
  justify-content: space-around;
  max-width: 188px;
  min-width: 163px;
  padding: 16px;
  position: relative;
}

.tablet .section-02-bottom-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: 100%;
}

.tablet .section-02-line-2 {
  height: 11px;
  position: relative;
  width: 494px;
}

.tablet .section-02-more-2 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.tablet .landing-section-03-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  padding: 72px 64px;
  position: relative;
  width: 100%;
}

.tablet .section-03-col-01-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  position: relative;
}

.tablet .section-01-title-6 {
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.tablet .section-03-image-2 {
  height: 408px;
  position: relative;
  width: 381px;
}

.tablet .section-03-col-02-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 40px 40px;
  justify-content: center;
  max-width: 946px;
  min-width: 532px;
  position: relative;
  width: 100%;
}

.tablet .section-03-box-0 {
  height: 181px;
  position: relative;
  width: 244px;
}

.tablet .section-03-box-06-2 {
  align-items: flex-start;
  border-radius: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 8px;
  position: relative;
  width: 244px;
}

.tablet .section-03-box-07-2 {
  color: transparent;
  font-family: var(--font-family-futura_std-extrabold);
  font-size: var(--font-size-xxxl);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 34px;
  margin-right: -4.00px;
  margin-top: -1.00px;
  position: relative;
  width: 248px;
}

.tablet .span0-2 {
  color: var(--white);
}

.tablet .span1-2 {
  color: var(--feijoa);
}

.tablet .span2-2 {
  color: var(--elephant);
}

.tablet .form-button-5 {
  background-color: var(--feijoa);
  border-radius: 6px;
  cursor: pointer;
  padding: 12px 16px;
  width: 186px;
}

.tablet .text-35 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.tablet .form-button {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}

.tablet .icon {
  align-self: center;
  border-radius: 2px;
  height: 4px;
  width: 4px;
}

.tablet .input {
  border: 1px solid;
  border-color: var(--boulder);
  height: 26px;
}

.tablet .overlap-group {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--boulder);
  display: flex;
}

.tablet .section-01-title {
  letter-spacing: -1.00px;
  line-height: 32px;
  position: relative;
}
@media screen and (max-width: 961px) {
  .screen.desktop-all-breakpoints { 
    display: none;
   }
  .screen.tablet { 
    display: none;
   }
}
@media screen and (min-width: 962px) and (max-width: 1265px) {
  .screen.phone { 
    display: none;
   }
  .screen.desktop-all-breakpoints { 
    display: none;
   }
}
@media screen and (min-width: 1266px) {
  .screen.phone { 
    display: none;
   }
  .screen.tablet { 
    display: none;
   }
}