/* screen - index */

.index {
  align-items: center;
  background-color: var(--zircon);
  display: flex;
  flex-direction: column;
  height: 3986px;
  min-width: 1280px;
  position: relative;
}

.index .navbar {
  align-items: center;
  align-self: stretch;
  background-color: var(--accent---sweet-corn);
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 20px 50px;
  position: relative;
  width: 100%;
}

.index .logo {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 6px;
  position: relative;
}

.index .landing-page {
  color: var(--neutral---mine-shaft);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 27.3px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .navigation-menu {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 50px;
  justify-content: flex-end;
  position: relative;
}

.index .button {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--cta---observatory);
  border-radius: 20px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 16px 50px;
  position: relative;
  transition: all 0.3s ease;
}

.index .button:hover {
  transform: scale(0.97); 
}

.index .label {
  color: var(--cta---observatory);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxs);
  font-weight: 600;
}

.index .highlighted-ct-as {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 20px;
  position: relative;
}

.index .button-1 {
  align-items: center;
  background-color: var(--cta---observatory);
  border: 2px solid;
  border-color: var(--white);
  border-radius: 20px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  height: 60px;
  justify-content: center;
  padding: 16px 50px;
  position: relative;
  transition: all 0.3s ease;
}

.index .button-1:hover {
  transform: scale(0.97); 
}

.index .user {
  height: 20px;
  position: relative;
  width: 20px;
}

.index .hero-section {
  align-self: stretch;
  background-color: var(--accent---sweet-corn);
  flex: 0 0 auto;
  gap: 101px;
  justify-content: space-around;
  padding: 120px 55px 0px;
  width: 100%;
}

.index .hero-content {
  justify-content: space-between;
  width: 1170px;
}

.index .header {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 40px;
  padding: 0px 0px 90px;
}

.index .header-1 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  gap: 20px;
  width: 620px;
}

.index .create-engaging-landing-pages {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 700;
  line-height: 87.1px;
  margin-top: -1.00px;
  position: relative;
}

.index .build-beautiful-land {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 31.5px;
  position: relative;
}

.index .mockup {
  height: 450px;
  overflow: hidden;
  position: relative;
  width: 450px;
}

.index .overlap-group {
  height: 292px;
  left: 15px;
  position: relative;
  top: 158px;
  width: 420px;
}

.index .rectangle-4700 {
  background-color: var(--white);
  border-radius: 127.62px 127.62px 0px 0px;
  height: 281px;
  left: 0;
  position: absolute;
  top: 11px;
  width: 420px;
}

.index .x4495636-1 {
  height: 292px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 420px;
}

.index .subtract {
  height: 49px;
  left: 371px;
  position: absolute;
  top: 138px;
  width: 39px;
}

.index .subtract-1 {
  height: 49px;
  left: 4px;
  position: absolute;
  top: 3px;
  width: 39px;
}

.index .features-1 {
  align-items: center;
  background-color: var(--neutral---zircon);
  gap: 60px;
  justify-content: center;
  padding: 120px 55px;
  width: 1280px;
}

.index .visuals {
  background-image: url(../img/7000961-1.png);
  background-size: 100% 100%;
  border-radius: 30px;
  height: 450px;
  position: relative;
  width: 540px;
}

.index .header-2 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 50px;
}

.index .header-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 20px;
  width: 100%;
}

.index .our-features {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 700;
  line-height: 49.4px;
  margin-top: -1.00px;
  position: relative;
}

.index .few-good-reasons-why {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 31.5px;
  position: relative;
}

.index .card {
  align-items: flex-start;
  align-self: stretch;
  box-shadow: 34.85px 29.63px 48.34px #3265ff0d;
  flex: 0 0 auto;
  flex-direction: column;
  width: 100%;
}

.index .features {
  align-items: flex-start;
  align-self: stretch;
  gap: 20px;
  width: 100%;
}

.index .card-info {
  align-items: center;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--cta---aqua-squeeze);
  flex: 1;
  flex-grow: 1;
  padding: 20px;
}

.index .icon {
  align-items: flex-start;
  background-color: var(--cta---aqua-squeeze);
  border-radius: 12.2px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 6.1px;
  padding: 12.2px;
  position: relative;
}

.index .globe-hemisphere-west {
  height: 25.61px;
  position: relative;
  width: 25.61px;
}

.index .text {
  flex: 1;
  flex-grow: 1;
  gap: 24px;
}

.index .fast-building {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 31.5px;
  margin-top: -1.00px;
  position: relative;
}

.index .eye {
  background-image: url(../img/eye.svg);
  background-size: 100% 100%;
  height: 25.61px;
  position: relative;
  width: 25.61px;
}

.index .easy-to-edit {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 31.5px;
  margin-top: -1.00px;
  position: relative;
}

.index .phone-call {
  height: 25.61px;
  position: relative;
  width: 25.61px;
}

.index .responsiveness {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 31.5px;
  margin-top: -1.00px;
  position: relative;
}

.index .rocket-launch {
  background-image: url(../img/rocketlaunch.svg);
  background-size: 100% 100%;
  height: 25.61px;
  position: relative;
  width: 25.61px;
}

.index .no-code-needed {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 31.5px;
  margin-top: -1.00px;
  position: relative;
}

.index .projects {
  align-items: center;
  background-color: var(--neutral---zircon);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 60px;
  padding: 120px 55px;
  position: relative;
  width: 1280px;
}

.index .headline-subhead {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 93px;
  position: relative;
  width: 100%;
}

.index .discover-our-latest-work {
  color: var(--black);
  font-weight: 700;
  line-height: 49.4px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .explore-our-portfoli {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.index .cards-row {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 30px;
  position: relative;
}

.index .project-card {
  height: 350px;
  align-items: center;
  background-color: var(--white);
  border-radius: 20px;
  box-shadow: 34.85px 29.63px 48.34px #3265ff0d;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 0px 0px 30px;
  position: relative;
  transition: all 0.3s ease;
  width: 370px;
}

.index .project-card:hover {
  transform: scale(0.97); 
}

.index .image-placeholder-1 {
  align-self: stretch;
  height: 278px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.index .text-1 {
  align-self: stretch;
  flex: 0 0 auto;
  gap: 12px;
  padding: 0px 30px;
  width: 100%;
}

.index .project-title {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 600;
  line-height: 36.4px;
  margin-top: -1.00px;
  position: relative;
}

.index .short-description {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
  text-align: center;
}

.index .short-description-1 {
  line-height: 21px;
  text-align: left;
}

.index .short-description-2 {
  line-height: 31.5px;
}

.index .short-description-3 {
  line-height: 31.5px;
}

.index .short-description-4 {
  line-height: 31.5px;
}

.index .highlighted-cta {
  align-items: center;
  align-self: stretch;
  background-color: var(--accent---sweet-corn);
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: 720px;
  position: relative;
  width: 100%;
}

.index .header-4 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 20px;
  padding: 60px 100px 0px;
  width: 100%;
}

.index .get-landing-page-ui-kit-today {
  color: var(--neutral---mine-shaft);
  font-weight: 700;
  line-height: 65.0px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 1080px;
}

.index .break-figma-limits-a {
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 31.5px;
  position: relative;
  text-align: center;
  width: 1080px;
}

.index .ct-as-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 18px;
  justify-content: center;
  position: relative;
}

.index .button-2 {
  align-items: center;
  background-color: var(--cta---observatory);
  border-radius: 20px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  height: 60px;
  justify-content: center;
  padding: 16px 50px;
  position: relative;
  transition: all 0.3s ease;
}

.index .button-2:hover {
  transform: scale(0.97); 
}

.index .rocket-launch-1 {
  background-image: url(../img/user-1.svg);
  background-size: 100% 100%;
  height: 20px;
  position: relative;
  width: 20px;
}

.index .mockup-1 {
  height: 500px;
  margin-bottom: -97.00px;
  position: relative;
  width: 1170px;
}

.index .flex-row {
  align-items: flex-start;
  display: flex;
  left: 71px;
  min-width: 1009px;
  position: relative;
  top: -52px;
}

.index .subtract-2 {
  height: 71px;
  margin-top: 103px;
  width: 57px;
}

.index .support-removebg-preview-1 {
  height: 491px;
  margin-left: 71px;
  object-fit: cover;
  width: 770px;
}

.index .subtract-3 {
  align-self: center;
  height: 49px;
  margin-bottom: 48.0px;
  margin-left: 72px;
  width: 39px;
}

.index .footer {
  align-items: center;
  background-color: var(--neutral---mine-shaft);
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 24px 60px;
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 100px;
}

.index .x2023-anima-landing-page-ui-kit {
  color: var(--white);
  font-weight: 400;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .social-links {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
}

.index .social-icons {
  cursor: pointer;
  height: 32px;
  position: relative;
  width: 32px;
}

.index .card-1 {
  border-radius: 20px;
  display: flex;
  gap: 20px;
  position: relative;
}

.index .features-2 {
  display: flex;
  flex: 0 0 auto;
  position: relative;
}

.index .header-5 {
  flex-direction: column;
  position: relative;
}

.index .hero {
  align-items: center;
  display: flex;
  position: relative;
}

.index .short-description-5 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  position: relative;
}

.index .text-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
}
/* screen - landing-page-servicios-de-consultoria-mobile */

.landing-page-servicios-de-consultoria-mobile {
  align-items: center;
  background-color: var(--zircon);
  display: flex;
  flex-direction: column;
  min-width: 375px;
  position: relative;
}

.landing-page-servicios-de-consultoria-mobile .navbar-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--accent---sweet-corn);
  display: flex;
  flex: 0 0 auto;
  padding: 20px;
  position: relative;
  width: 100%;
}

.landing-page-servicios-de-consultoria-mobile .logo-1 {
  align-items: center;
  display: flex;
  height: 60px;
  justify-content: space-between;
  position: relative;
  width: 181px;
}

.landing-page-servicios-de-consultoria-mobile .servicios-de-consultora {
  color: var(--neutral---mine-shaft);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxs);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 20.8px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.landing-page-servicios-de-consultoria-mobile .highlighted-ct-as-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 20px;
  justify-content: center;
  margin-right: -2.00px;
  padding: 0px 0px 1px;
  position: relative;
}

.landing-page-servicios-de-consultoria-mobile .button-3 {
  align-items: center;
  background-color: var(--cta---observatory);
  border-radius: 20px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  height: 60px;
  justify-content: flex-end;
  padding: 10px;
  position: relative;
  transition: all 0.3s ease;
}

.landing-page-servicios-de-consultoria-mobile .button-3:hover {
  transform: scale(0.97); 
}

.landing-page-servicios-de-consultoria-mobile .arrow-left {
  background-image: url(../img/arrowright.svg);
  background-size: 100% 100%;
  height: 20px;
  position: relative;
  width: 20px;
}

.landing-page-servicios-de-consultoria-mobile .hero-section-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--accent---sweet-corn);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 60px;
  padding: 60px 30px 0px;
  position: relative;
  width: 100%;
}

.landing-page-servicios-de-consultoria-mobile .header-5 {
  gap: 40px;
}

.landing-page-servicios-de-consultoria-mobile .head {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.landing-page-servicios-de-consultoria-mobile .create-engaging-landing-pages-1 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-family: var(--font-family-poppins);
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -1.00px;
  line-height: 52.0px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.landing-page-servicios-de-consultoria-mobile .build-beautiful-land-1 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-family: var(--font-family-mulish);
  font-size: var(--font-size-xs);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 27px;
  position: relative;
  text-align: center;
}

.landing-page-servicios-de-consultoria-mobile .mockup-2 {
  height: 315px;
  position: relative;
  width: 315px;
}

.landing-page-servicios-de-consultoria-mobile .overlap-group-1 {
  align-items: flex-end;
  background-image: url(../img/rectangle-4700.svg);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 315px;
  justify-content: flex-end;
  left: 11px;
  min-width: 294px;
  padding: 73.5px 7.4px;
  position: relative;
}

.landing-page-servicios-de-consultoria-mobile .subtract-4 {
  height: 34px;
  width: 27px;
}

.landing-page-servicios-de-consultoria-mobile .features-3 {
  align-items: center;
  background-color: var(--neutral---zircon);
  gap: 60px;
  justify-content: center;
  padding: 60px 30px;
}

.landing-page-servicios-de-consultoria-mobile .header-6 {
  gap: 50px;
}

.landing-page-servicios-de-consultoria-mobile .our-features-1 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-family: var(--font-family-poppins);
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.64px;
  line-height: 41.6px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.landing-page-servicios-de-consultoria-mobile .few-good-reasons-why-1 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.landing-page-servicios-de-consultoria-mobile .card-1 {
  align-items: flex-start;
  align-self: stretch;
  border-radius: 20px;
  box-shadow: 34.85px 29.63px 48.34px #3265ff0d;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.landing-page-servicios-de-consultoria-mobile .features-2 {
  align-items: flex-start;
  gap: 20px;
}

.landing-page-servicios-de-consultoria-mobile .card-info-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--cta---aqua-squeeze);
  border-radius: 20px;
  display: flex;
  flex: 0 0 auto;
  gap: 20px;
  padding: 20px;
  position: relative;
  width: 100%;
}

.landing-page-servicios-de-consultoria-mobile .icon-1 {
  align-items: flex-start;
  background-color: var(--cta---aqua-squeeze);
  border-radius: 12.2px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 6.1px;
  padding: 12.2px;
  position: relative;
}

.landing-page-servicios-de-consultoria-mobile .globe-hemisphere-west-1 {
  height: 25.61px;
  position: relative;
  width: 25.61px;
}

.landing-page-servicios-de-consultoria-mobile .text-2 {
  flex: 1;
  flex-grow: 1;
  gap: 24px;
}

.landing-page-servicios-de-consultoria-mobile .fast-building-1 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 31.5px;
  margin-top: -1.00px;
  position: relative;
}

.landing-page-servicios-de-consultoria-mobile .eye-1 {
  height: 25.61px;
  position: relative;
  width: 25.61px;
}

.landing-page-servicios-de-consultoria-mobile .easy-to-edit-1 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 31.5px;
  margin-top: -1.00px;
  position: relative;
}

.landing-page-servicios-de-consultoria-mobile .phone-call-1 {
  height: 25.61px;
  position: relative;
  width: 25.61px;
}

.landing-page-servicios-de-consultoria-mobile .responsiveness-1 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 31.5px;
  margin-top: -1.00px;
  position: relative;
}

.landing-page-servicios-de-consultoria-mobile .rocket-launch-2 {
  height: 25.61px;
  position: relative;
  width: 25.61px;
}

.landing-page-servicios-de-consultoria-mobile .no-code-needed-1 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 31.5px;
  margin-top: -1.00px;
  position: relative;
}

.landing-page-servicios-de-consultoria-mobile .visuals-1 {
  height: 267px;
  margin-left: -2.50px;
  margin-right: -2.50px;
  position: relative;
  width: 320px;
}

.landing-page-servicios-de-consultoria-mobile .overlap-group-2 {
  height: 244px;
  left: -16px;
  position: relative;
  width: 325px;
}

.landing-page-servicios-de-consultoria-mobile .ellipse-1 {
  background-color: var(--accent---sweet-corn);
  border-radius: 112.19px;
  height: 224px;
  left: 70px;
  position: absolute;
  top: 19px;
  width: 224px;
}

.landing-page-servicios-de-consultoria-mobile .circle-mask {
  height: 224px;
  left: 70px;
  position: absolute;
  top: 19px;
  width: 224px;
}

.landing-page-servicios-de-consultoria-mobile .subtract-5 {
  height: 75px;
  left: 0;
  position: absolute;
  top: 169px;
  width: 59px;
}

.landing-page-servicios-de-consultoria-mobile .subtract-6 {
  height: 37px;
  left: 295px;
  position: absolute;
  top: 19px;
  width: 30px;
}

.landing-page-servicios-de-consultoria-mobile .x7000961-1 {
  height: 244px;
  left: 42px;
  position: absolute;
  top: 0;
  width: 283px;
}

.landing-page-servicios-de-consultoria-mobile .projects-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--neutral---zircon);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  padding: 60px 30px;
  position: relative;
  width: 100%;
}

.landing-page-servicios-de-consultoria-mobile .discover-our-latest-work-1 {
  align-self: stretch;
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.64px;
  line-height: 41.6px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.landing-page-servicios-de-consultoria-mobile .explore-our-portfoli-1 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.landing-page-servicios-de-consultoria-mobile .cards-row-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 20px;
  position: relative;
  width: 100%;
}

.landing-page-servicios-de-consultoria-mobile .project-card-1 {
  align-items: center;
  background-color: var(--white);
  border-radius: 20px;
  box-shadow: 34.85px 29.63px 48.34px #3265ff0d;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 30px;
  padding: 0px 0px 30px;
  position: relative;
  transition: all 0.3s ease;
}

.landing-page-servicios-de-consultoria-mobile .project-card-1:hover {
  transform: scale(0.97); 
}

.landing-page-servicios-de-consultoria-mobile .image-placeholder-1-1 {
  align-self: stretch;
  height: 278px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.landing-page-servicios-de-consultoria-mobile .text-3 {
  align-self: stretch;
  flex: 0 0 auto;
  gap: 12px;
  padding: 0px 30px;
  width: 100%;
}

.landing-page-servicios-de-consultoria-mobile .project-title-1 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 600;
  line-height: 36.4px;
  margin-top: -1.00px;
  position: relative;
}

.landing-page-servicios-de-consultoria-mobile .surname {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 24px;
  position: relative;
}

.landing-page-servicios-de-consultoria-mobile .category {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 24px;
  position: relative;
}

.landing-page-servicios-de-consultoria-mobile .highlighted-cta-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--accent---sweet-corn);
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: 615px;
  position: relative;
  width: 100%;
}

.landing-page-servicios-de-consultoria-mobile .header-7 {
  gap: 20px;
  padding: 60px 30px 0px;
}

.landing-page-servicios-de-consultoria-mobile .get-landing-page-ui-kit-today-1 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-family: var(--font-family-poppins);
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -0.72px;
  line-height: 46.8px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.landing-page-servicios-de-consultoria-mobile .break-figma-limits-a-1 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 31.5px;
  position: relative;
  text-align: center;
}

.landing-page-servicios-de-consultoria-mobile .ct-as-2 {
  justify-content: center;
}

.landing-page-servicios-de-consultoria-mobile .button-4 {
  align-items: center;
  background-color: var(--cta---observatory);
  border-radius: 20px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  height: 60px;
  justify-content: center;
  padding: 16px 50px;
  position: relative;
  transition: all 0.3s ease;
}

.landing-page-servicios-de-consultoria-mobile .button-4:hover {
  transform: scale(0.97); 
}

.landing-page-servicios-de-consultoria-mobile .rocket-launch-3 {
  background-image: url(../img/user-2.svg);
  background-size: 100% 100%;
  height: 20px;
  position: relative;
  width: 20px;
}

.landing-page-servicios-de-consultoria-mobile .support-removebg-preview-1-1 {
  height: 220px;
  margin-bottom: -15.00px;
  object-fit: cover;
  position: relative;
  width: 349px;
}

.landing-page-servicios-de-consultoria-mobile .mockup-3 {
  height: 65px;
  margin-bottom: -120.00px;
  position: relative;
  width: 320px;
}

.landing-page-servicios-de-consultoria-mobile .footer-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--neutral---mine-shaft);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  padding: 24px 20px;
  position: relative;
  width: 100%;
}

.landing-page-servicios-de-consultoria-mobile .social-links-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
}

.landing-page-servicios-de-consultoria-mobile .social-icons-1 {
  cursor: pointer;
  height: 32px;
  position: relative;
  width: 32px;
}

.landing-page-servicios-de-consultoria-mobile .x2023-anima-landing-page-ui-kit-1 {
  align-self: stretch;
  color: var(--white);
  font-weight: 400;
  line-height: 20px;
  position: relative;
  text-align: center;
}

.landing-page-servicios-de-consultoria-mobile .category-6 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 24px;
  position: relative;
}

.landing-page-servicios-de-consultoria-mobile .features {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.landing-page-servicios-de-consultoria-mobile .header {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.landing-page-servicios-de-consultoria-mobile .text {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
}
/* screen - landing-page-servicios-de-consultoria-tablet */

.landing-page-servicios-de-consultoria-tablet {
  align-items: center;
  background-color: var(--zircon);
  display: flex;
  flex-direction: column;
  min-width: 780px;
  position: relative;
}

.landing-page-servicios-de-consultoria-tablet .navbar-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--accent---sweet-corn);
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 20px 30px;
  position: relative;
  width: 100%;
}

.landing-page-servicios-de-consultoria-tablet .logo-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 6px;
  position: relative;
}

.landing-page-servicios-de-consultoria-tablet .landing-page-1 {
  color: var(--neutral---mine-shaft);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 27.3px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.landing-page-servicios-de-consultoria-tablet .navigation-menu-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 30px;
  justify-content: flex-end;
  position: relative;
}

.landing-page-servicios-de-consultoria-tablet .button-5 {
  align-items: center;
  background-color: var(--cta---observatory);
  border-radius: 20px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  height: 60px;
  justify-content: center;
  padding: 16px 50px;
  position: relative;
  transition: all 0.3s ease;
}

.landing-page-servicios-de-consultoria-tablet .button-5:hover {
  transform: scale(0.97); 
}

.landing-page-servicios-de-consultoria-tablet .label-3 {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.landing-page-servicios-de-consultoria-tablet .hero-section-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--accent---sweet-corn);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 60px;
  padding: 100px 32px 0px;
  position: relative;
  width: 100%;
}

.landing-page-servicios-de-consultoria-tablet .header-8 {
  align-self: stretch;
  gap: 40px;
  width: 100%;
}

.landing-page-servicios-de-consultoria-tablet .header-9 {
  gap: 20px;
  width: 620px;
}

.landing-page-servicios-de-consultoria-tablet .create-engaging-landing-pages-2 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 700;
  line-height: 87.1px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.landing-page-servicios-de-consultoria-tablet .build-beautiful-land-2 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 31.5px;
  position: relative;
  text-align: center;
}

.landing-page-servicios-de-consultoria-tablet .mockup-4 {
  height: 450px;
  width: 450px;
}

.landing-page-servicios-de-consultoria-tablet .overlap-group-3 {
  height: 450px;
  left: 1px;
  position: relative;
  width: 434px;
}

.landing-page-servicios-de-consultoria-tablet .rectangle-4700-1 {
  background-color: var(--white);
  border-radius: 127.62px 127.62px 0px 0px;
  height: 281px;
  left: 14px;
  position: absolute;
  top: 169px;
  width: 420px;
}

.landing-page-servicios-de-consultoria-tablet .subtract-7 {
  height: 49px;
  left: 385px;
  position: absolute;
  top: 296px;
  width: 39px;
}

.landing-page-servicios-de-consultoria-tablet .subtract-8 {
  height: 49px;
  left: 0;
  position: absolute;
  top: 109px;
  width: 39px;
}

.landing-page-servicios-de-consultoria-tablet .x4495636-1-1 {
  height: 450px;
  left: 14px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 420px;
}

.landing-page-servicios-de-consultoria-tablet .features-4 {
  align-items: center;
  background-color: var(--neutral---zircon);
  flex-direction: column;
  gap: 60px;
  justify-content: center;
  padding: 100px 32px;
  width: 744px;
}

.landing-page-servicios-de-consultoria-tablet .header-10 {
  align-self: stretch;
  gap: 50px;
  width: 100%;
}

.landing-page-servicios-de-consultoria-tablet .head-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.landing-page-servicios-de-consultoria-tablet .our-features-2 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 700;
  line-height: 49.4px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.landing-page-servicios-de-consultoria-tablet .few-good-reasons-why-2 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-family: var(--font-family-mulish);
  font-size: var(--font-size-xs);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 27px;
  position: relative;
  text-align: center;
}

.landing-page-servicios-de-consultoria-tablet .card-2 {
  align-items: flex-start;
  align-self: stretch;
  border-radius: 20px;
  box-shadow: 34.85px 29.63px 48.34px #3265ff0d;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.landing-page-servicios-de-consultoria-tablet .features-5 {
  align-items: flex-start;
  align-self: stretch;
  gap: 20px;
  width: 100%;
}

.landing-page-servicios-de-consultoria-tablet .card-info-2 {
  align-items: center;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--cta---aqua-squeeze);
  border-radius: 20px;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 20px;
  padding: 20px;
  position: relative;
}

.landing-page-servicios-de-consultoria-tablet .icon-2 {
  align-items: flex-start;
  background-color: var(--cta---aqua-squeeze);
  border-radius: 12.2px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 6.1px;
  padding: 12.2px;
  position: relative;
}

.landing-page-servicios-de-consultoria-tablet .globe-hemisphere-west-2 {
  height: 25.61px;
  position: relative;
  width: 25.61px;
}

.landing-page-servicios-de-consultoria-tablet .text-4 {
  flex: 1;
  flex-grow: 1;
  gap: 24px;
}

.landing-page-servicios-de-consultoria-tablet .fast-building-2 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 31.5px;
  margin-top: -1.00px;
  position: relative;
}

.landing-page-servicios-de-consultoria-tablet .eye-2 {
  height: 25.61px;
  position: relative;
  width: 25.61px;
}

.landing-page-servicios-de-consultoria-tablet .easy-to-edit-2 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 31.5px;
  margin-top: -1.00px;
  position: relative;
}

.landing-page-servicios-de-consultoria-tablet .features-6 {
  align-items: flex-start;
  align-self: stretch;
  gap: 20px;
  width: 100%;
}

.landing-page-servicios-de-consultoria-tablet .phone-call-2 {
  height: 25.61px;
  position: relative;
  width: 25.61px;
}

.landing-page-servicios-de-consultoria-tablet .responsiveness-2 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 31.5px;
  margin-top: -1.00px;
  position: relative;
}

.landing-page-servicios-de-consultoria-tablet .rocket-launch-4 {
  height: 25.61px;
  position: relative;
  width: 25.61px;
}

.landing-page-servicios-de-consultoria-tablet .no-code-needed-2 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 31.5px;
  margin-top: -1.00px;
  position: relative;
}

.landing-page-servicios-de-consultoria-tablet .visuals-2 {
  height: 450px;
  position: relative;
  width: 540px;
}

.landing-page-servicios-de-consultoria-tablet .overlap-group-4 {
  height: 450px;
  left: -9px;
  position: relative;
  width: 559px;
}

.landing-page-servicios-de-consultoria-tablet .ellipse-1-1 {
  background-color: var(--accent---sweet-corn);
  border-radius: 189.31px;
  height: 379px;
  left: 100px;
  position: absolute;
  top: 33px;
  width: 379px;
}

.landing-page-servicios-de-consultoria-tablet .circle-mask-1 {
  height: 379px;
  left: 100px;
  position: absolute;
  top: 33px;
  width: 379px;
}

.landing-page-servicios-de-consultoria-tablet .subtract-9 {
  height: 126px;
  left: 0;
  position: absolute;
  top: 285px;
  width: 100px;
}

.landing-page-servicios-de-consultoria-tablet .x7000961-1-1 {
  height: 450px;
  left: 19px;
  position: absolute;
  top: 0;
  width: 540px;
}

.landing-page-servicios-de-consultoria-tablet .subtract-10 {
  height: 63px;
  left: 466px;
  position: absolute;
  top: 43px;
  width: 50px;
}

.landing-page-servicios-de-consultoria-tablet .projects-2 {
  align-items: center;
  background-color: var(--neutral---zircon);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  padding: 100px 32px;
  position: relative;
  width: 744px;
}

.landing-page-servicios-de-consultoria-tablet .discover-our-latest-work-2 {
  color: var(--black);
  font-weight: 700;
  line-height: 49.4px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.landing-page-servicios-de-consultoria-tablet .explore-our-portfoli-2 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.landing-page-servicios-de-consultoria-tablet .project-card-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border-radius: 20px;
  box-shadow: 34.85px 29.63px 48.34px #3265ff0d;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 30px;
  padding: 0px 0px 30px;
  position: relative;
  transition: all 0.3s ease;
}

.landing-page-servicios-de-consultoria-tablet .project-card-2:hover {
  transform: scale(0.97); 
}

.landing-page-servicios-de-consultoria-tablet .image-placeholder-1-2 {
  align-self: stretch;
  height: 173px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.landing-page-servicios-de-consultoria-tablet .text-5 {
  align-self: stretch;
  flex: 0 0 auto;
  gap: 12px;
  padding: 0px 30px;
  width: 100%;
}

.landing-page-servicios-de-consultoria-tablet .project-title-2 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 600;
  line-height: 27.3px;
  margin-top: -1.00px;
  position: relative;
}

.landing-page-servicios-de-consultoria-tablet .category-6 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 22.4px;
  position: relative;
}

.landing-page-servicios-de-consultoria-tablet .project-card-3 {
  align-items: center;
  background-color: var(--white);
  border-radius: 20px;
  box-shadow: 34.85px 29.63px 48.34px #3265ff0d;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 30px;
  padding: 0px 0px 30px;
  position: relative;
  transition: all 0.3s ease;
}

.landing-page-servicios-de-consultoria-tablet .project-card-3:hover {
  transform: scale(0.97); 
}

.landing-page-servicios-de-consultoria-tablet .highlighted-cta-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--accent---sweet-corn);
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: 675px;
  position: relative;
  width: 100%;
}

.landing-page-servicios-de-consultoria-tablet .header-11 {
  align-self: stretch;
  gap: 20px;
  padding: 60px 60px 0px;
  width: 100%;
}

.landing-page-servicios-de-consultoria-tablet .get-landing-page-ui-kit-today-2 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 700;
  line-height: 65.0px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.landing-page-servicios-de-consultoria-tablet .break-figma-limits-a-2 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 31.5px;
  position: relative;
  text-align: center;
}

.landing-page-servicios-de-consultoria-tablet .ct-as-4 {
  justify-content: center;
}

.landing-page-servicios-de-consultoria-tablet .user-1 {
  height: 20px;
  position: relative;
  width: 20px;
}

.landing-page-servicios-de-consultoria-tablet .mockup-5 {
  height: 312px;
  margin-bottom: -19.00px;
  width: 484px;
}

.landing-page-servicios-de-consultoria-tablet .subtract-11 {
  height: 28px;
  left: -3212px;
  position: absolute;
  top: -3288px;
  width: 23px;
}

.landing-page-servicios-de-consultoria-tablet .overlap-group-5 {
  height: 292px;
  left: -61px;
  position: absolute;
  top: 0;
  width: 599px;
}

.landing-page-servicios-de-consultoria-tablet .subtract-12 {
  height: 41px;
  left: 102px;
  position: absolute;
  top: 30px;
  width: 33px;
}

.landing-page-servicios-de-consultoria-tablet .support-removebg-preview-1-2 {
  height: 292px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 599px;
}

.landing-page-servicios-de-consultoria-tablet .footer-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--neutral---mine-shaft);
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 24px 60px;
  position: relative;
  width: 100%;
}

.landing-page-servicios-de-consultoria-tablet .x2023-anima-landing-page-ui-kit-2 {
  color: var(--white);
  font-weight: 400;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.landing-page-servicios-de-consultoria-tablet .social-links-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
}

.landing-page-servicios-de-consultoria-tablet .social-icons-2 {
  cursor: pointer;
  height: 32px;
  position: relative;
  width: 32px;
}

.landing-page-servicios-de-consultoria-tablet .cards-row {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 20px;
  position: relative;
  width: 100%;
}

.landing-page-servicios-de-consultoria-tablet .features {
  display: flex;
  flex: 0 0 auto;
  position: relative;
}

.landing-page-servicios-de-consultoria-tablet .header {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.landing-page-servicios-de-consultoria-tablet .mockup {
  overflow: hidden;
  position: relative;
}

.landing-page-servicios-de-consultoria-tablet .text {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media screen and (max-width: 779px) {
  .screen.index { 
    display: none;
   }
  .screen.landing-page-servicios-de-consultoria-tablet { 
    display: none;
   }
}
@media screen and (min-width: 780px) and (max-width: 1279px) {
  .screen.index { 
    display: none;
   }
  .screen.landing-page-servicios-de-consultoria-mobile { 
    display: none;
   }
}
@media screen and (min-width: 1280px) {
  .screen.landing-page-servicios-de-consultoria-mobile { 
    display: none;
   }
  .screen.landing-page-servicios-de-consultoria-tablet { 
    display: none;
   }
}

.download-buttons {
  display: flex;
  gap: 20px;
  margin-right: 20px;
}

.download-button {
  align-items: center;
  background-color: var(--cta---observatory);
  border-radius: 20px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  height: 60px;
  justify-content: center;
  padding: 16px 50px;
  position: relative;
  transition: all 0.3s ease;
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxs);
  font-weight: 600;
  border: none;
}

.download-button:hover {
  transform: scale(0.97);
}

.download-button-3 {
  align-items: center;
  background-color: var(--cta---observatory);
  border-radius: 20px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  height: 60px;
  justify-content: flex-end;
  padding: 10px;
  position: relative;
  transition: all 0.3s ease;
}

.download-button-3:hover {
  transform: scale(0.97); 
}

.download-button-arrow-left {
  background-image: url(../img/arrowright.svg);
  background-size: 100% 100%;
  height: 20px;
  position: relative;
  width: 20px;
}

.download-button-hero-section-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--accent---sweet-corn);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 60px;
  padding: 60px 30px 0px;
  position: relative;
  width: 100%;
}

.download-button-header-5 {
  gap: 40px;
}

.download-button-head {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 93px;
  position: relative;
  width: 100%;
}

.download-button-discover-our-latest-work {
  color: var(--black);
  font-weight: 700;
  line-height: 49.4px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.download-button-explore-our-portfoli {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.download-button-cards-row {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 30px;
  position: relative;
}

.download-button-project-card {
  height: 350px;
  align-items: center;
  background-color: var(--white);
  border-radius: 20px;
  box-shadow: 34.85px 29.63px 48.34px #3265ff0d;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 0px 0px 30px;
  position: relative;
  transition: all 0.3s ease;
  width: 370px;
}

.download-button-project-card:hover {
  transform: scale(0.97); 
}

.download-button-image-placeholder-1 {
  align-self: stretch;
  height: 278px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.download-button-text-1 {
  align-self: stretch;
  flex: 0 0 auto;
  gap: 12px;
  padding: 0px 30px;
  width: 100%;
}

.download-button-project-title {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 600;
  line-height: 36.4px;
  margin-top: -1.00px;
  position: relative;
}

.download-button-short-description {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
  text-align: center;
}

.download-button-short-description-1 {
  line-height: 21px;
  text-align: left;
}

.download-button-short-description-2 {
  line-height: 31.5px;
}

.download-button-short-description-3 {
  line-height: 31.5px;
}

.download-button-short-description-4 {
  line-height: 31.5px;
}

.download-button-highlighted-cta {
  align-items: center;
  align-self: stretch;
  background-color: var(--accent---sweet-corn);
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: 720px;
  position: relative;
  width: 100%;
}

.download-button-header-4 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 20px;
  padding: 60px 100px 0px;
  width: 100%;
}

.download-button-get-landing-page-ui-kit-today {
  color: var(--neutral---mine-shaft);
  font-weight: 700;
  line-height: 65.0px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 1080px;
}

.download-button-break-figma-limits-a {
  color: var(--neutral---mine-shaft)
}