body{
  font-family: 'Inter', sans-serif;
  overflow-x: hidden;
}

.title-fixed-left-2{
  position: relative;
  left: -30%;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.52px;
}

.title-fixed-left-1{
  position: relative;
  left: -27%;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.52px;
}

.title-fixed-left{
  position: relative;
  left: -35%;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.52px;
}
.row-inner-container{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px;
  gap: 40px;
  width: auto;
  height: 595.9px;
}

.row-container{
  width: 100%;
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}
.forthShape{
  position: absolute;
  width: 1204.64px;
  height: 1204.64px;
  background: linear-gradient(212.33deg, #FFD52C 10.1%, rgba(250, 210, 90, 0) 78.65%);
  opacity: 0.5;
  left: 60%;
  margin-top: 2%;
  border-radius: 406.682px;
  transform: rotate(-51.33deg);
}
.thirdShape{
  position: absolute;
  width: 23.06px;
  height: 23.06px;
  left: 90%;
  top: 165%;
  background: #D4821B;
  opacity: 0.5;
  border-radius: 8.99798px;
  transform: rotate(16.02deg);
}
.secondShape{
  position: absolute;
  width: 128.12px;
  height: 128.12px;
  background: #E4B00E;
  left: -74px;
  border-radius: 50px;
  transform: rotate(30deg);
  opacity: 0.5;
}

.firstCircleMiidz{
  background: linear-gradient(212.33deg, #FADA5A 10.1%, rgba(250,218,90, 0) 78.65%);
  opacity: 0.5;
  border-radius: 315.581px;
  transform: matrix(-0.65, -0.76, -0.76, 0.65, 0,0);
  position: absolute;
  width: 953.02px;
  height: 953.02px;
  left: 68%;
}

.input-email-icon{
  position: absolute;
  top: 50px;
  left: 30px;
  fill: white;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  cursor: pointer;
  }

.input-name-icon{
  position: absolute;
  top: 50px;
  left: 30px;
  fill: white;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  cursor: pointer;
  }

  .input-phone-icon{
    position: absolute;
    top: 50px;
    left: 30px;
    fill: white;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    cursor: pointer;
  }

.title-font{
  color: #212121;
  font-family: 'Nunito', sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 70px;
  line-height: 65px;
  letter-spacing: 1.4px;
}
.explanation-stick {
  width: 100px;
  color: #FADA5A;
  background-color: #FADA5A;
  height: 3px;
  float: right;
  border: none;
}

.label-container-contact{
  white-space: nowrap;
}

.label-container-contact label {
  display: inline-block;
  margin-right: 10px;
}
.circleMiidz{
  background: #FADA5A;
  opacity: 0.5;
  border-radius: 97.672px;
  transform: rotate(57.54deg);
  position: absolute;
  width: 250px;
  height: 258px;
  left: 91%;
  margin-top: 270px;
}
.navbar-logo-left {
  width: 100%;
  height: 4.5rem;
  max-width: 2000px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  object-fit: fill;
  background-color: #212121;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: fixed;
  overflow: visible;
}

.navbarcontainer {
  width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar-content {
  width: 100%;
  max-width: 1515px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: block;
}

.miidz_logotipo-v2-1 {
  object-fit: cover;
  margin-top: 12px;
}

.navbar-menu {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar-link {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 12px;
  display: flex;
}

.text {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.hero-heading-left {
  width: 100%;
  height: 868px;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  padding: 64px 24px;
  display: flex;
}

.container {
  width: 100%;
  height: 693px;
  max-width: 1515px;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.column {
  width: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-copy-goes-here-be-awesome {
  color: #212121;
  font-size: 44px;
  font-weight: 900;
  font-style: normal;
  line-height: 60px;
  letter-spacing: 0.02em;
}

.error-1bc9ca85-bc10-e213-7af3-3e6374006a16 {
  color: #616161;
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
}

.actions {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 16px;
  display: flex;
}

.button {
  width: 412px;
  height: 70px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #000;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.text-2 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  letter-spacing: 0.03em;
}

.text-button{
  font-family: 'Sora', sans-serif;
}
.column-2 {
  width: 100%;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.image-wrapper {
  width: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image {
  width: 85%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 950;
}

.hero-heading-left-2 {
  width: 100%;
  height: 417px;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  padding: 64px 24px;
  display: flex;
}

.container-2 {
  width: 100%;
  height: 358px;
  max-width: 1471px;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.column-3 {
  width: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-42 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.title-line-yellow {
  color: #ffcb1a;
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
}

.vectors-wrapper {
  width: 60px;
  height: 0;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-description {
  width: 80%;
  color: #616161;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 40px;
  letter-spacing: 0.02em;
}

.column-4 {
  width: 100%;
  max-width: 515px;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-wrapper-2 {
  width: 100%;
  height: 196px;
  max-width: 597px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-2 {
  width: 100%;
  height: 276px;
  max-width: 478px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logos-quote-block {
  width: 100%;
  height: 495px;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  padding: 64px 24px;
  display: flex;
}

.columns {
  width: 100%;
  max-width: 1471px;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.column-5 {
  width: 100%;
  grid-column-gap: 58px;
  grid-row-gap: 58px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-36 {
  width: 100%;
  max-width: 625px;
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding: 30px;
  display: flex;
  box-shadow: 0 6px 50px rgba(44, 47, 61, .1);
}

.vectors-wrapper-2 {
  width: 50px;
  height: 50px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-3 {
  color: #212121;
  font-size: 22px;
  font-weight: 400;
  line-height: 34px;
  letter-spacing: 0.02em;
}

.frame-38 {
  width: 100%;
  max-width: 625px;
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  background-color: #fff;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 30px;
  display: flex;
  box-shadow: 0 6px 50px rgba(44, 47, 61, .1);
}

.column-6 {
  width: 100%;
  grid-column-gap: 59px;
  grid-row-gap: 59px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  left: 1rem;
}

.hero-heading-left-3 {
  width: 100%;
  height: 481px;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #212121;
  justify-content: center;
  align-items: flex-start;
  padding: 64px 24px;
  display: flex;
  position: relative;
  z-index: 950;
}

.container-3 {
  width: 100%;
  height: 100%;
  grid-column-gap: 80px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.column-7 {
  width: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  padding-left: 150px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-copy-goes-here-be-awesome-2 {
  color: #fff;
  font-size: 55px;
  font-weight: 800;
  font-style: normal;
  line-height: 60px;
  letter-spacing: 0.02em;
}

.error-c891d890-5168-3aad-5df6-82742c667106 {
  color: #fff;
  font-size: 26px;
  font-weight: 400;
  font-style: normal;
  line-height: 34px;
  letter-spacing: 0.02em;
}

.actions-2 {
  width: 100%;
  height: 88px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 16px;
  display: flex;
}

.button-2 {
  width: 412px;
  height: 70px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #ffcb1a;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.text-4 {
  color: #212121;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.72px;
}

.column-8 {
  width: 100%;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  position: relative;
  left: 2%;
  display: flex;
}

.image-wrapper-3 {
  width: auto;
}

.image-3 {
  width: 100%;
  height: 30rem;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.team-rectangles {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f5f7fa;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 28px;
  padding-right: 28px;
  display: block;
}

.container-4 {
  width: 100%;
  height: 768px;
  max-width: 1840px;
  grid-column-gap: 45px;
  grid-row-gap: 64px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 149px;
  display: flex;
}

.columns-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 51px;
  padding-bottom: 51px;
  display: block;
}

.section-title {
  width: 100%;
  height: 100%;
  max-width: 578px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  display: flex;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.text-5 {
  color: #ffcb1a;
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
}

.text-6 {
  color: #212121;
  font-size: 40px;
  font-weight: 700;
}

.card {
  width: 100%;
  height: 454px;
  max-width: 353px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 35px;
  display: block;
  position: relative;
}

.image-wrapper-4 {
  width: 100%;
  height: 292px;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-4 {
  width: 100%;
  height: 292px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.info {
  width: 100%;
  height: 214px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 24px;
  display: flex;
}

.name {
  color: #212121;
  text-align: center;
  font-size: 26px;
  font-weight: 600;
}

.description-carrusel{
  text-align: justify;
  color: #616161;
  font-size: 22px;
  font-weight: 400;
  line-height: 34px;
  letter-spacing: 0.02em;
}

.description {
  color: #616161;
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  line-height: 34px;
}

.card-2 {
  width: 100%;
  height: 454px;
  max-width: 353px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.image-wrapper-5 {
  width: 100%;
  height: 292px;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 18px;
  padding-right: 61px;
  display: flex;
}

.image-5 {
  width: 100%;
  height: 292px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.info-2 {
  width: 100%;
  height: 214px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px 59px 24px 24px;
  display: flex;
}

.card-3 {
  width: 100%;
  height: 454px;
  max-width: 353px;
  grid-column-gap: -18px;
  grid-row-gap: -18px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 38px;
  display: block;
}

.div-block {
  clear: none;
  flex-direction: row;
  flex: 0 auto;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  display: flex;
  position: relative;
  top: 100px;
  bottom: auto;
  left: 140px;
  right: auto;
}

.team-rectangles-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 28px;
  padding-right: 28px;
  display: flex;
}

.container-5 {
  width: 100%;
  height: 768px;
  max-width: 1840px;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 16px;
  margin-right: -45px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.section-title-2 {
  width: 100%;
  height: 155px;
  max-width: 578px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 40px;
  display: flex;
  position: relative;
  top: 20px;
  left: -500px
}

.text-7 {
  color: #ffcb1a;
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
}

.text-8 {
  color: #212121;
  font-size: 44px;
  font-weight: 900;
  line-height: 60px;
  letter-spacing: 0.88px;
}

.columns-3 {
  display: flex;
  width: 100%;
  justify-content: space-around;
  z-index: 950;
}

.card-fixed {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px;
  gap: 50px;
  width: 400px;
  height: 600px;
  background: #FFFFFF;
  box-shadow: 0px 10px 50px rgba(44, 47, 61, .1);
  border-radius: 40px;
  z-index: 950;
}

.image-wrapper-fixed {
  width: auto;
  height: 292px;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.image-fixed {
  width: 100%;
  height: auto;
}

.info-carrusel{
  width: 375px;
  height: 136px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.info-3 {
  width: 100%;
  height: 214px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  display: flex;
}

.card-5 {
  width: 100%;
  height: auto;
  max-width: 353px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  background-color: #fff;
  border-radius: 20px !important;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.image-wrapper-7 {
  width: auto;
  height: 292px;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 18px;
  padding-right: 61px;
  display: flex;
}

.image-7 {
  width: 100%;
  height: auto;
  padding-left: 100px;
}

.info-4 {
  width: 100%;
  height: 214px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px 59px 24px 24px;
  display: flex;
}

.card-6 {
  width: 100%;
  height: auto;
  max-width: 353px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  background-color: #fff;
  border-radius: 20px !important;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.team-rectangles-3 {
  width: 100%;
  height: 885px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 34px;
  padding-bottom: 34px;
  display: flex;
}

.container-6 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 7px;
  padding: 15px 100px 15px 124px;
  display: flex;
}

.section-title-3 {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 22px;
  padding-bottom: 6px;
  padding-right: 0;
  display: flex;
}

.frame-43 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-9 {
  color: #ffcb1a;
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
}

.vectors-wrapper-3 {
  width: 60px;
  height: 0;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-10 {
  color: #212121;
  text-align: center;
  font-size: 44px;
  font-weight: 900;
  line-height: 60px;
  letter-spacing: 0.88px;
}

.columns-4 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  text-align: center;
  flex-direction: row;
  flex: 0 auto;
  justify-content: space-around;
  align-items: stretch;
  margin-left: 0;
  margin-right: -25px;
  padding: 20px 100px;
  width: 100%;
  display: flex;
}

.card-7 {
  width: 100%;
  height: 579px;
  max-width: 340px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 186px;
  display: flex;
 
}

.image-wrapper-8 {
  width: auto;
  height: auto;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-8 {
  width: 375px;
  height: 250px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 5px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.info-5 {
  width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding: 24px 24px 0;
  display: flex;
}

.description-2 {
  color: #212121;
  text-align: center;
  margin-bottom: 21px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
}

.hero-heading-left-4 {
  width: 100%;
  height: 481px;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #212121;
  justify-content: center;
  align-items: flex-start;
  padding: 64px 24px;
  display: flex;
}

.container-7 {
  width: 100%;
  height: 100%;
  grid-column-gap: 80px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.column-9 {
  width: 100%;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 150px;
  display: flex;
}

.error-dd30ee63-0da3-4e7d-02a0-c1e3c0acc1a5 {
  color: #fff;
  font-size: 26px;
  font-weight: 400;
  font-style: normal;
  line-height: 34px;
  letter-spacing: 0.02em;
}

.actions-3 {
  width: 100%;
  height: 88px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 16px;
  display: flex;
}

.actions-4{
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 16px;
  left: 37%;
}

.button-3 {
  width: 412px;
  height: 70px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #ffcb1a;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  margin-left: 11px;
  padding: 27px 24px;
  text-decoration: none;
  display: flex;
}

.button-4{
  width: 100%;
  max-width: 240px;
  background-color: #ffcb1a;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  margin-left: 11px;
  padding: 10px 20px;
  text-decoration: none;
  display: flex;
}
.text-11 {
  color: #212121;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

.column-10 {
  width: 100%;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  position: relative;
  left: 2%;
  display: flex;
}

.image-wrapper-9 {
  width: 100%;
  height: 30rem;
}

.image-9 {
  width: 100%;
  height: 30rem;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-wrapper-contact{
  width: auto;
}
.image-contact{
  width: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.testimonial-column-light {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 75px 24px;
  display: flex;
}

.frame-44 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-12 {
  color: #ffcb1a;
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
}

.vectors-wrapper-4 {
  width: 60px;
  height: 0;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title {
  color: #212121;
  text-align: center;
  font-size: 44px;
  font-weight: 900;
  line-height: 60px;
  letter-spacing: 0.88px;
}

.columns-5 {
  grid-column-gap: 81px;
  grid-row-gap: 81px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.column-11 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content {
  width: 100%;
  max-width: 1291px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  display: flex;
}

.quote {
  width: 100%;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.author {
  width: 100%;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.info-6 {
  grid-column-gap: 332px;
  grid-row-gap: 332px;
  background-color: #212121;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 19px 30px;
  display: flex;
}

.error-b3b511c4-938f-7acb-3213-20f57d19d8f1 {
  color: #fff;
  margin-right: 0;
  padding-right: 0;
  font-size: 22px;
  font-weight: 400;
}

.vectors-wrapper-6 {
  width: 30px;
  height: 30px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.text-13 {
  width: 75%;
  height: 58%;
  color: #616161;
  margin-bottom: -13px;
  margin-left: -228px;
  padding-top: 29px;
  font-size: 22px;
  font-weight: 400;
}

.info-7 {
  grid-column-gap: 335px;
  grid-row-gap: 335px;
  background-color: #212121;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-left: -211px;
  padding: 19px 7px 19px 35px;
  display: flex;
}

.info-8 {
  width: 1020px;
  height: 75px;
  grid-column-gap: 331px;
  grid-row-gap: 331px;
  background-color: #212121;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -207px;
  margin-right: -3px;
  padding: 19px 11px 19px 8px;
  display: flex;
}

.info-9 {
  width: 1020px;
  grid-column-gap: 328px;
  grid-row-gap: 328px;
  background-color: #212121;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: 32px;
  margin-right: auto;
  padding: 19px 7px 19px 52px;
  display: flex;
}

.contact-form {
  width: 100%;
  max-width: 1915px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #212121;
  
  padding: 49px 21px;
  display: flex;
}

.container-8 {
  width: 50%;
  display: flex;
}

.container-9 {
  display: flex;
  width: 50%;
  flex-direction: column;
}

.container-contact-form{
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-title-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.get-in-touch {
  color: #fff;
  text-align: center;
  font-size: 55px;
  font-weight: 900;
  line-height: 50px;
  letter-spacing: 1.1px;
}

.text-14 {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  width: 500px;
  position: relative;
  left: 15%
}

.form-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-left: auto;
  margin-right: 129px;
  width: 80%;
  margin-top: 50px;
  display: flex;
}

.form {
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.input-wrapper {
  width: 100%;
  max-width: 580px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 5px;
  position: relative;
  display: flex;
}

.form-block-label {
  color: #ccc;
  font-size: 16px;
  font-weight: 500;
}

.form-text-input {
  width: 100%;
  height: 3em;
  color: #fff;
  background-color: #3b3b3b;
  border: 1px solid #000;
  border-radius: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 13px 35px;
  font-size: 18px;
  font-weight: 400;
  display: flex;
}

.form-text-input::-ms-input-placeholder {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
}

.form-text-input::placeholder {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
}

.user-line {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 5px;
  display: flex;
}

.vectors-wrapper-7 {
  width: 20px;
  height: 26.25px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-15 {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
}

.input-wrapper-2 {
  width: 100%;
  max-width: 500px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 5px;
  display: flex;
}

.form-text-input-2 {
  width: 100%;
  height: 60px;
  max-width: 577px;
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  color: #fff;
  background-color: #3b3b3b;
  border: 1px solid #000;
  border-radius: 40px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 65px;
  font-size: 22px;
  font-weight: 400;
  display: flex;
}

.form-text-input-2::-ms-input-placeholder {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
}

.form-text-input-2::placeholder {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
}

.vectors-wrapper-8 {
  width: 22.5px;
  height: 22.5px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-text-input-3 {
  width: 100%;
  height: 60px;
  max-width: 572px;
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  color: #fff;
  background-color: #3b3b3b;
  border: 1px solid #000;
  border-radius: 40px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 65px;
  font-size: 22px;
  font-weight: 400;
  display: flex;
}

.form-text-input-3::-ms-input-placeholder {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
}

.form-text-input-3::placeholder {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
}

.mail-line {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 3px;
  display: flex;
}

.vectors-wrapper-9 {
  width: 25px;
  height: 22.5px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-button {
  width: 199px;
  height: 50px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #212121;
  background-color: #ffcb1a;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  margin-left: 17px;
  padding: 21px 24px 34px 15px;
  font-size: 24px;
  font-weight: 600;
  display: flex;
}

.text-16 {
  color: #212121;
  font-size: 24px;
  font-weight: 600;
}

.estamos-aqu-para-apoyarte-en-cada-paso-del-camino-juntos-haremos-crecer-tu-negocio-0 {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
}

.estamos-aqu-para-apoyarte-en-cada-paso-del-camino-juntos-haremos-crecer-tu-negocio-1 {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}

.form-block-label-1 {
  color: #afafaf;
  font-size: 20px;
  font-weight: 500;
}

.form-block-label-3 {
  color: #797979;
  font-size: 20px;
  font-weight: 500;
}

.footer {
  width: 100%;
  height: 7rem;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f5f7fa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.columns-6 {
  width: 100%;
  height: 191px;
  max-width: 1864px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.link {
  color: #212121;
  font-size: 18px;
  font-weight: 500;
}

.text-17 {
  color: #212121;
  text-align: right;
  font-size: 18px;
  font-weight: 500;
}

.copyright-line {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px;
  display: flex;
}

.vectors-wrapper-10 {
  width: 20px;
  height: 20px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-24 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.instagram {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px;
  display: flex;
}

.vectors-wrapper-11 {
  width: 33.3333px;
  height: 33.3333px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.facebook {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px;
  display: flex;
}

.vector {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.vectors-wrapper-12 {
  width: 33.3334px;
  height: 33.2px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.copyright {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
  box-shadow: 0 -1px #e4ebf3;
}

.div-block-2 {
  flex: 0 auto;
  align-self: center;
  margin-left: 75px;
  padding-left: 0;
}

.div-block-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  display: flex;
}

.div-block-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-end;
  margin-right: 50px;
  display: flex;
}

.mobile-2{
  display: none;
 }
 .mobile {
   display: none;
 }
 .mobile-image-caption {
  display: none;
}

#popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #212121;
  padding: 20px;
  border-radius: 5px;
  text-align: center;
}


@media screen and (max-width: 500px) {
  .navbar-logo-left {
    padding-right: 0;
    max-height: 4rem;
  }


  .navbar-link {
    justify-content: center;
  }

  .container, .container-2, .columns, .container-3, .columns-2, .columns-4, .container-7, .columns-5, .columns-6 {
    flex-direction: column;
    align-items: center;
  }

  .column-2 {
    width: 100%;
    height: 300px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: flex-start;
    display: block;
  }

  .title-font {
    font-size: 48px;
    font-weight: 900;
    line-height : 40px;
  }

  .button {
    width: 300px;
    height: 50px;
    padding: 12px 24px;
  }

  .text-2 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
  }

  .text-3, .description{
    font-size: 18px;
    font-weight: 600;
  }

  .image-wrapper {
    width: 20em;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 2em 0em 2em 0em;
  }

  .mobile-image-caption {
    display: none;
  }

  .text-description-caption {
    width: 100%;
    font-size: 22px;
    font-weight: 400;
    line-height: 24px;
  }

  #producto {
    margin-top: 10em;
  }
  .text-font {
    font-size: 14px;
  }

}

@media screen and (max-width: 991px) {
  .navbar-logo-left {
    padding-right: 0;
    max-height: 4rem;
  }


  .navbar-link {
    justify-content: center;
  }

  .container, .container-2, .columns, .container-3, .columns-2, .columns-4, .container-7, .columns-5, .columns-6 {
    flex-direction: column;
    align-items: center;
  }

  .column-2 {
    width: 100%;
    height: 300px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: flex-start;
    display: block;
  }

  .title-font {
    font-size: 48px;
    font-weight: 900;
    line-height : 40px;
  }

  .button {
    width: 300px;
    height: 50px;
    padding: 12px 24px;
  }

  .text-2 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
  }

  .image-wrapper {
    width: 20em;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 2em 0em 2em 0em;
  }

  .mobile-image-caption {
    display: block;
  }

  .text-description-caption {
    width: 100%;
    font-size: 22px;
    font-weight: 400;
    line-height: 24px;
  }

}