:root {
  --white: white;
  --royal-blue: #3f66ff;
  --lavender-1: #d8e1ff;
  --black_transparencia: #00000075;
  --black: black;
  --dark-slate-blue: #3230a8;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.body {
  background-color: var(--white);
  max-width: 1233ch;
  font-family: Frutigerltstd Roman, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

.hero-section {
  background-image: url('../images/asdrubal-luna-hxvtXJQ2_4M-unsplash.jpg');
  background-position: 0 100%;
  background-size: cover;
  padding-top: 114px;
  padding-bottom: 67px;
}

.container {
  float: none;
  clear: none;
  text-align: left;
  object-fit: fill;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 40px;
  display: block;
}

.container.rebaseder {
  padding-right: 0;
}

.container.bleed {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.container.contslider {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #bdc8e6;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.container.conthablemos {
  padding-left: 0;
  padding-right: 0;
}

.big-hero-heading {
  max-width: 16ch;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 60px;
  font-weight: 200;
  line-height: 1;
}

.big-hero-heading.heading_smaller {
  max-width: 30ch;
}

.text-block {
  max-width: 55ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
}

.logo {
  width: 164px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
}

.logo.footer {
  width: 242px;
  padding-top: 0;
  padding-bottom: 0;
}

.nav-menu {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.navbar-2 {
  background-color: var(--white);
  padding-top: 23px;
  padding-bottom: 0;
}

.navlink {
  margin-right: 0;
  padding: 0 26px;
  font-family: Frutigerltstd Roman, sans-serif;
  font-size: 16px;
}

.navlink.button {
  background-color: var(--royal-blue);
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding: 9px 25px;
}

.navlink.button.suelto {
  margin-top: 0;
  padding: 10px 17px;
}

.navlink.button.suelto2 {
  margin-top: 0;
  padding: 10px 24px;
}

.navlink.button.navbar {
  margin-top: -10px;
}

.navlink.button.proyectos {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: row-reverse wrap;
  place-content: space-around;
  margin-left: 400px;
  margin-right: 400px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.navlink.buttonproyectos {
  background-color: var(--royal-blue);
  text-align: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding: 11px;
  display: block;
}

.textsecciones {
  max-width: 35ch;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Madani Arabic, sans-serif;
  font-size: 16px;
}

.textsecciones.blanco {
  color: var(--white);
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 21px;
  display: flex;
}

.imagegrid {
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  object-fit: cover;
  background-image: linear-gradient(#bb2f2f 34%, #fff);
  background-clip: border-box;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.menu-button {
  flex-flow: column;
  place-content: center flex-start;
  align-items: center;
  margin-left: 0;
  font-family: Frutigerltstd Roman, sans-serif;
  display: inline-block;
  position: absolute;
}

.menu-button.w--open {
  background-color: var(--lavender-1);
}

.services {
  background-color: var(--lavender-1);
  display: block;
  position: static;
}

.heroheading {
  max-width: 12ch;
  max-height: 31.5314%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 48px;
  font-weight: 200;
  line-height: 1;
}

.separacion {
  width: 0;
  height: 0;
  padding-bottom: 22px;
}

.separacion.bigger {
  padding-top: 15px;
  padding-bottom: 15px;
}

.separacion.bigger.biggerx2 {
  padding-top: 41px;
  padding-bottom: 41px;
}

.imagewrapper {
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-image: url('../images/NemakCarp1.jpg');
  background-position: 0 0;
  background-size: cover;
  background-clip: border-box;
  flex-flow: wrap;
  place-content: stretch center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: auto;
  display: flex;
  position: relative;
}

.imagewrapper.imgsizeproyectos {
  aspect-ratio: auto;
  object-fit: cover;
  background-image: url('../images/Contenedores-Tim-Hortons-1.jpeg');
  background-position: 50%;
  flex-wrap: nowrap;
  height: 200px;
}

.tutorial_image {
  object-fit: cover;
  background-image: url('../images/Contenedores-Tim-Hortons-6.jpg');
  background-position: 0 0;
  background-size: auto;
  flex: 0 auto;
  align-self: center;
  width: 100%;
  height: 100%;
  max-height: 300px;
  margin: auto;
  position: relative;
}

.tutorial_text {
  z-index: 1;
  color: var(--white);
  text-align: center;
  order: -1;
  font-family: Nunito Sans, sans-serif;
  font-size: 22px;
  position: absolute;
}

.image_overlay {
  z-index: auto;
  background-color: var(--black_transparencia);
  object-fit: scale-down;
  flex: none;
  order: 1;
  align-self: flex-end;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: 100%;
  position: absolute;
}

.nuestrosclientes {
  background-color: var(--black);
  padding-top: 45px;
  padding-bottom: 45px;
}

.cono {
  max-width: 80px;
}

.paragraph {
  max-width: 35ch;
  font-family: Frutigerltstd Roman, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  display: flex;
}

.paragraph.servicios {
  max-width: 50vw;
}

.paragraph.proyectos {
  max-width: 70ch;
}

.div_copies {
  margin-top: 63px;
  margin-bottom: 63px;
}

.heading_smaller {
  max-width: 16ch;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 40px;
  font-weight: 200;
}

.heading_smaller.servicios {
  max-width: 40vw;
}

.heading_smaller.servicios.wider {
  max-width: 50vw;
}

.heading_smaller.heading_cta_mobile {
  padding-top: 0;
}

.heading_smaller.tels {
  color: #fff;
  max-width: 40ch;
  font-size: 18px;
}

.heading_smaller.tels.tel2 {
  padding-left: 49px;
}

.heading_smaller.llamenos {
  color: #3f66ff;
  flex: 0 auto;
  align-self: flex-end;
  padding-bottom: 50px;
  font-size: 24px;
}

.heading_smaller.llamenos.nuevospace {
  padding-bottom: 72px;
}

.heading_smaller.tels_footer {
  color: #fff;
  font-size: 24px;
}

.grid_cta {
  grid-column-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: .75fr;
  justify-content: flex-start;
  display: flex;
}

.div_cta {
  margin-bottom: 206px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.div_cta.cta_servicios {
  margin-bottom: 151px;
  padding-top: 14px;
  padding-left: 93px;
}

.footer {
  float: none;
  clear: none;
  background-color: var(--black);
  padding-top: 38px;
  padding-bottom: 76px;
}

.grid-5 {
  grid-column-gap: 620px;
  grid-template-rows: auto;
}

.cta {
  background-color: var(--lavender-1);
}

.image100 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  padding-right: 0;
  display: block;
}

.image100.smaller {
  object-fit: fill;
  width: 84%;
  padding-top: 0;
}

.textlink {
  color: var(--royal-blue);
  text-align: right;
  padding-top: 5px;
  padding-left: 14px;
  font-family: Frutigerltstd, sans-serif;
  font-weight: 700;
  text-decoration: none;
}

.grid_qs {
  grid-row-gap: 41px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.quienessomos {
  padding-top: 35px;
  padding-bottom: 35px;
}

.list {
  padding-left: 12px;
  font-family: Frutigerltstd Roman, sans-serif;
}

.gridservicios {
  grid-column-gap: 20px;
  grid-row-gap: 19px;
  object-fit: fill;
  grid-template-rows: repeat(auto-fit, 300px) 300px 300px;
  height: 940px;
}

.gridlogos {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.div_footer_redes {
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-self: flex-end;
  display: flex;
}

.quick-stack {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

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

.cell-2 {
  text-align: left;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
}

.grid_copies {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid_copies.mobile_landsc {
  grid-column-gap: 36px;
  max-width: 1147vw;
}

.cell-3 {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 13px;
}

.grid-8 {
  object-fit: cover;
  grid-template-rows: minmax(auto, 400px);
  grid-template-columns: .5fr 1fr;
  height: 400px;
  max-height: 100%;
}

.div-block-7 {
  object-fit: fill;
  background-image: url('../images/IMG_20230918_110314_edit_386570494505075-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 117.6%;
  max-height: 100%;
  overflow: visible;
}

.paragraph_qs {
  text-align: left;
  letter-spacing: 0;
  max-width: 44ch;
  font-family: Frutigerltstd Roman, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  display: flex;
}

.imagen_full_width {
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-clip: border-box;
  flex-direction: column;
  align-items: center;
  width: auto;
  max-width: 100%;
  height: 300px;
  max-height: 500px;
  display: flex;
  overflow: hidden;
}

.image-2 {
  object-fit: cover;
  width: 100%;
  height: 500px;
  overflow: visible;
}

.textoformulario {
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.textfield_chico {
  -webkit-text-fill-color: inherit;
  background-color: #e3e9ff;
  background-clip: border-box;
  border: 1px solid #0000;
}

.textfield_grande {
  background-color: #e3e9ff;
  border: 1px solid #0000;
  height: 10vw;
}

.image-3 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: 300px;
  overflow: hidden;
}

.image-4 {
  object-fit: cover;
  width: auto;
  height: 100%;
}

.div_block_qs {
  padding-top: 22px;
  padding-left: 15px;
}

.grid_seccion_serv {
  grid-template-rows: auto auto auto auto auto auto;
}

.image_serv {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: 200px;
}

.div_image_serv {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 200px;
}

.div_text_serv.contacto {
  background-color: var(--lavender-1);
  margin-bottom: auto;
  margin-right: -40px;
  padding-top: 0;
  padding-left: 45px;
}

.div_text_serv.contacto.cambio_serv_cta {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section {
  padding-top: 0;
}

.div-block-10 {
  padding-bottom: 78px;
}

.grid-9 {
  grid-template-rows: auto;
  grid-auto-flow: row;
}

.grid-10 {
  grid-template-rows: minmax(auto, 200px) minmax(auto, 200px);
  grid-auto-rows: minmax(auto, 200px);
}

.text-block-2 {
  position: absolute;
}

.image-5 {
  object-fit: contain;
  position: absolute;
}

.slides {
  background-image: url('../images/Anden-de-carga-10.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider {
  float: none;
  text-align: left;
  object-fit: fill;
  background-color: #ddd0;
  width: 60vw;
  height: 80vh;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
}

.container-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.texto_fotos {
  z-index: 1;
  clear: left;
  color: var(--white);
  flex-wrap: wrap;
  flex: 1;
  order: -1;
  align-content: flex-start;
  align-items: flex-start;
  width: auto;
  min-width: 0;
  max-width: 90vh;
  font-family: Frutigerltstd Roman, sans-serif;
  font-size: 16px;
  display: flex;
  position: relative;
  inset: 0%;
}

.container_texto_fotos {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-left: 36px;
  display: flex;
  position: absolute;
  inset: auto auto 6% 0%;
}

.container_texto_fotos.vertical {
  aspect-ratio: 16 / 9;
  max-width: 1200px;
  height: 20px;
}

.container_texto_fotos.molinera {
  bottom: 2.5%;
}

.slide-nav {
  justify-content: center;
  width: auto;
  margin-left: 35px;
  margin-right: 35px;
  display: flex;
  transform: translate(0);
}

.slide-nav.container_texto_fotos {
  bottom: 0%;
}

.slide-nav.molinera {
  justify-content: space-between;
}

.slide {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.slide-2 {
  object-fit: cover;
  background-image: url('../images/NemakCarp3.jpg');
  background-position: 0 0;
  background-size: auto;
}

.slide-3 {
  background-image: url('../images/NemakCarp1.jpg');
  background-position: 0 0;
  background-size: auto;
}

.slide1 {
  background-image: url('../images/NemakCancel1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide2 {
  background-image: url('../images/NemakCancel2.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide3 {
  background-image: url('../images/NemakCancel3.jpg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-7 {
  background-image: url('../images/NemakCancel4.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-8 {
  background-image: url('../images/NemakCancel1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-9 {
  background-image: url('../images/NemakCancel6.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-10 {
  background-image: url('../images/NemakCarp1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-11 {
  background-image: url('../images/NemakCarp2.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-12 {
  background-image: url('../images/Canceleria-y-Carpinteria.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1 {
  background-image: url('../images/Tornamesa6_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.mask {
  overflow: hidden;
}

.icon-2 {
  background-color: var(--black_transparencia);
}

.slide-1-2 {
  background-image: url('../images/Tornamesa6_2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slide-1-3 {
  background-image: url('../images/Tornamesa6_3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-4 {
  background-image: url('../images/Tornamesa6_4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-5 {
  background-image: url('../images/Tornamesa6_5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-6 {
  background-image: url('../images/Tornamesa11_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-7 {
  background-image: url('../images/Tornamesa11_2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-8 {
  background-image: url('../images/Tornamesa11_3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-9 {
  background-image: url('../images/Tornamesa11_4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-10, .slide-1-11, .slide-1-12 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.slide-1-13 {
  background-image: url('../images/Tornamesa11_4.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-14 {
  background-image: url('../images/Tornamesa11_5.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-15 {
  background-image: url('../images/NemakShowroom_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-2-2 {
  background-image: url('../images/NemakShowroom_2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-2-3 {
  background-image: url('../images/NemakShowroom8.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-2-4 {
  background-image: url('../images/NemakShowroom_3.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-2-5 {
  background-image: url('../images/NemakShowroom_4.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-2-6 {
  background-image: url('../images/NemakShowroom_5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-2-7 {
  background-image: url('../images/NemakShowroom6.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-2-8 {
  background-image: url('../images/NemakShowroom7.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-2-9 {
  background-image: url('../images/Piso-estampado-P1-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-2-10 {
  background-image: url('../images/Piso-estampado-P1-2.jpg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-2-11 {
  background-image: url('../images/Nemak_Melting1.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.slide-3-2 {
  background-image: url('../images/Nemak_Melting3.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-3-3 {
  background-image: url('../images/Oficinas-Melting-Center-5.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-3-4 {
  background-image: url('../images/Nemak_Melting2.jpg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-3-5 {
  background-image: url('../images/Nemak_Melting5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-3-6 {
  background-image: url('../images/Nemak_Melting6.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-3-7 {
  background-image: url('../images/Nemak_Melting7.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-3-8 {
  background-image: url('../images/Nemak_Melting10.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-3-8._1 {
  background-image: url('../images/Nemak_Melting8.jpg');
}

.slide-3-8._2 {
  background-image: url('../images/Nemak_Melting9.jpg');
}

.slide-3-9 {
  background-image: url('../images/NemakMuro1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-3-10 {
  background-image: url('../images/NemakMuro2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-3-11 {
  background-image: url('../images/NemakMuro3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-4-2 {
  background-image: url('../images/NemakMuro4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-4-3 {
  background-image: url('../images/NemakMuro5.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-4-4 {
  background-image: url('../images/NemakMuro6.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-4-5 {
  background-image: url('../images/NemakMuro8.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-4-6 {
  background-image: url('../images/NemakMuro7.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-4-7 {
  background-image: url('../images/NemakMuro9.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-4-8 {
  background-image: url('../images/NemakMuro10.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-4-9 {
  background-image: url('../images/NemakMuro11.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-4-10 {
  background-image: url('../images/NemakFachada1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-4-11 {
  background-image: url('../images/NemakFachada2.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-5-2 {
  background-image: url('../images/NemakFachada3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-5-3 {
  background-image: url('../images/NemakFachada4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-5-4 {
  background-image: url('../images/NemakFachada5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-5-5 {
  background-image: url('../images/NemakFachadaOficinas1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-5-6 {
  background-image: url('../images/NemakFachadaOficinas2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-5-7 {
  background-image: url('../images/NemakFachadaOficinas3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-5-8 {
  background-image: url('../images/NemakFachadaOficinas4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-5-9 {
  background-image: url('../images/NemakCimentacion1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-5-10 {
  background-image: url('../images/NemakCimentacion2.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-5-11 {
  background-image: url('../images/NemakCimentacion3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-6-2 {
  background-image: url('../images/NemakCimentacion4.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-6-3 {
  background-image: url('../images/CIMENTACIÓN-LAMINACIÓN-Y-ESTRUCTURA-NAVE-BRIQUETEADORA-8.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-6-4, .slide-6-5 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.slide-6-6 {
  background-image: url('../images/NemakPuente1.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-6-7 {
  background-image: url('../images/NemakPuente2.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-6-8 {
  background-image: url('../images/NemakPuente3.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-6-9 {
  background-image: url('../images/NemakPuente4.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-6-10 {
  background-image: url('../images/NemakPuente5.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-6-11 {
  background-image: url('../images/NemakPuente6.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-6-11._2 {
  object-fit: cover;
  background-image: url('../images/NemakColumnas3.jpg');
  background-position: 50%;
  background-size: contain;
  position: relative;
  inset: auto;
}

.slide-6-11._2._3 {
  background-image: url('../images/NemakColumnas1.jpg');
}

.slide-6-11._2._4 {
  background-image: url('../images/NemakColumnas2.jpg');
}

.slide-6-11._2._6 {
  background-image: url('../images/NemakColumnas5.jpg');
}

.slide-6-11._2._7 {
  background-image: url('../images/NemakColumnas6.jpg');
}

.container-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.list-item {
  max-width: 100%;
  font-family: Frutigerltstd Roman, sans-serif;
}

.list-item-2 {
  list-style-type: disc;
}

.div-block-11 {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.columns {
  outline-offset: 0px;
  outline: 3px #333;
}

.list-item-proyectos {
  max-width: 95%;
  font-family: Frutigerltstd Roman, sans-serif;
}

.column {
  outline-offset: 0px;
  outline: 3px #333;
  box-shadow: 0 2px 20px -20px #0003;
}

.slide-13 {
  background-image: url('../images/DesmontajeSilos_2fotos.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-14 {
  background-image: url('../images/Desmontaje-de-silos-metálicos-10.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-15 {
  background-image: url('../images/Foto-3-MOLINERA.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-16 {
  background-image: url('../images/Desmontaje-de-silos-metálicos-9.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-17 {
  background-image: url('../images/Desmontaje-de-silos-metálicos-7.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-18 {
  background-image: url('../images/Desmontaje-de-silos-metálicos-4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-19 {
  background-image: url('../images/Desmontaje-de-silos-metálicos-6.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-20 {
  background-image: url('../images/Desmontaje-de-silos-metálicos-7.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-21 {
  background-image: url('../images/Anden-de-carga-1.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-16 {
  background-image: url('../images/Anden-de-carga-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-17 {
  background-image: url('../images/Anden-de-carga-5.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-18 {
  background-image: url('../images/Anden-de-carga-7.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-19 {
  background-image: url('../images/Anden-de-carga-9.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-20 {
  background-image: url('../images/Anden-de-carga-10.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-21 {
  background-image: url('../images/Anden-de-carga-11.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-22 {
  background-image: url('../images/Anden-de-carga-12.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-23 {
  background-image: url('../images/Anden-de-carga-13.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-22 {
  background-image: url('../images/Pavimentación-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-23 {
  background-image: url('../images/Pavimentación-2.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-24 {
  background-image: url('../images/Pavimentación-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-25 {
  background-image: url('../images/Pavimentación-4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-26 {
  background-image: url('../images/Pavimentación-6.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-27 {
  background-image: url('../images/Pavimentación-5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-28 {
  background-image: url('../images/Montaje-estructura-y-silos-metálicos-Celaya--1.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-29 {
  background-image: url('../images/Montaje-estructura-y-silos-metálicos-Celaya--4.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-30 {
  background-image: url('../images/Montaje-estructura-y-silos-metálicos-Celaya--6.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-24 {
  background-image: url('../images/Montaje-estructura-y-silos-metálicos-Celaya--13.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-25 {
  background-image: url('../images/Montaje-estructura-y-silos-metálicos-Celaya--14.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-26 {
  background-image: url('../images/Montaje-estructura-y-silos-metálicos-Celaya--15.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-27 {
  background-image: url('../images/Montaje-estructura-y-silos-metálicos-Celaya--18.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-28 {
  background-image: url('../images/Montaje-estructura-y-silos-metálicos-Celaya--24.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-29 {
  background-image: url('../images/Montaje-estructura-y-silos-metálicos-Celaya--29.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-2 {
  display: block;
}

.slidemaster {
  background-image: url('../images/Contenedores-Tim-Hortons-1.jpeg');
  background-size: cover;
}

.slidemaster.timhortons1 {
  background-position: 100%;
}

.slidemaster.timhortons2 {
  background-image: url('../images/Contenedores-Tim-Hortons-2.jpeg');
}

.slidemaster.timhortons3 {
  background-image: url('../images/Contenedores-Tim-Hortons-3.jpeg');
  background-position: 100%;
}

.slidemaster.timhortons4 {
  background-image: url('../images/Contenedores-Tim-Hortons-4.jpeg');
  background-position: 100%;
}

.slidemaster.timhortons5 {
  background-image: url('../images/Contenedores-Tim-Hortons-5.jpeg');
  background-position: 0 0;
}

.slidemaster.timhortons6 {
  background-image: url('../images/Contenedores-Tim-Hortons-7.jpg');
  background-position: 0%;
}

.slidemaster.timhortons7 {
  background-image: url('../images/Contenedores-Tim-Hortons-6.jpg');
}

.slidemaster.nemakcanceles1 {
  background-image: url('../images/NemakCancel1.jpg');
  background-position: 0%;
}

.slidemaster.nemakcanceles2 {
  background-image: url('../images/NemakCancel3.jpg');
  background-position: 0%;
}

.slidemaster.nemakcanceles3 {
  background-image: url('../images/NemakCancel4.jpg');
}

.slidemaster.nemakcanceles4 {
  background-image: url('../images/NemakCancel6.jpg');
}

.slidemaster.nemakpuente6 {
  background-image: url('../images/Foto--71.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidemaster.nemakpuente5 {
  background-image: url('../images/NemakPuente5_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidemaster.nemakpuente4 {
  background-image: url('../images/NemakPuente4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidemaster.nemakpuente3 {
  background-image: url('../images/NemakPuente3.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidemaster.nemakpuente2 {
  background-image: url('../images/Foto-67NEMAK.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidemaster.nemakpuente1 {
  background-image: url('../images/Foto-66-NEMAK.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidemaster.nemakcimentacion5 {
  background-image: url('../images/NemakCimentacion5.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakcimentacion4 {
  background-image: url('../images/NemakCimentacion4.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakcimentacion3 {
  background-image: url('../images/Foto-61-NEMAK.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakcimentacion2 {
  background-image: url('../images/NemakCimentacion2_1.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakcimentacion1 {
  background-image: url('../images/NemakCimentacion1.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakcolumnas6 {
  background-image: url('../images/NemakColumnas6.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakcolumnas5 {
  background-image: url('../images/NemakColumnas5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakcolumnas4 {
  background-image: url('../images/NemakColumnas4.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakcolumnas3 {
  background-image: url('../images/NemakColumnas3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakcolumnas2 {
  background-image: url('../images/NemakColumnas2.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakcolumnas1 {
  background-image: url('../images/NemakColumnas1.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakfachadaoficinas4 {
  background-image: url('../images/NemakFachadaOficinas4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.slidemaster.nemakfachadaoficinas3 {
  background-image: url('../images/NemakFachadaOficinas3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.slidemaster.nemakfachadaoficinas2 {
  background-image: url('../images/Foto-53-NEMAK.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.slidemaster.nemakfachadaoficinas1, .slidemaster.nemakfachadaoperaciones5 {
  background-image: url('../images/NemakFachadaOficinas1.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.slidemaster.nemakfachadaoperaciones5 {
  background-image: url('../images/NemakFachada5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.slidemaster.nemakfachadaoperaciones4 {
  background-image: url('../images/NemakFachada4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.slidemaster.nemakfachadaoperaciones3 {
  background-image: url('../images/Foto-49-NEMAK.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.slidemaster.nemakfachadaoperaciones2 {
  background-image: url('../images/NemakFachada2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.slidemaster.nemakfachadaoperaciones1 {
  background-image: url('../images/NemakFachada1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.slidemaster.nemakmuro10 {
  background-image: url('../images/NemakMuro10.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
}

.slidemaster.nemakmuro11 {
  background-image: url('../images/NemakMuro11.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
}

.slidemaster.nemakmuro9 {
  background-image: url('../images/NemakMuro9.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
}

.slidemaster.nemakmuro8 {
  background-image: url('../images/NemakMuro8.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakmuro7 {
  background-image: url('../images/NemakMuro7.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakmuro6 {
  background-image: url('../images/NemakMuro6.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakmuro5 {
  background-image: url('../images/Foto-41-NEMAK.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakmuro4 {
  background-image: url('../images/NemakMuro4.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakmuro3 {
  background-image: url('../images/NemakMuro3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakmuro2 {
  background-image: url('../images/NemakMuro2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakmuro1 {
  background-image: url('../images/NemakMuro1.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakbanorte1 {
  background-image: url('../images/NemakBanorte1.jpeg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakmelting10 {
  background-image: url('../images/Foto-35-NEMAK.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakmelting9 {
  background-image: url('../images/Nemak_Melting9.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakmelting8 {
  background-image: url('../images/Nemak_Melting8.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakmelting7 {
  background-image: url('../images/Nemak_Melting7.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakmelting6 {
  background-image: url('../images/Nemak_Melting6.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakmelting5 {
  background-image: url('../images/Nemak_Melting5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakmelting4 {
  background-image: url('../images/Nemak_Melting4.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakmelting3 {
  background-image: url('../images/Nemak_Melting3.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakmelting2 {
  background-image: url('../images/Nemak_Melting2.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakmelting1 {
  background-image: url('../images/Nemak_Melting1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.pisoestampado1 {
  background-image: url('../images/Piso-estampado-P1-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakshowroomcab8 {
  background-image: url('../images/Foto-25-NEMAK.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakshowroomcab7 {
  background-image: url('../images/NemakShowroom7.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakshowroomcab6 {
  background-image: url('../images/Foto-23-NEMAK.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakshowroomcab5 {
  background-image: url('../images/NemakShowroom_5.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakshowroomcab4 {
  background-image: url('../images/NemakShowroom_4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakshowroomcab3 {
  background-image: url('../images/NemakShowroom_3.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakshowroomcab2 {
  background-image: url('../images/NemakShowroom_2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakshowroomcab1 {
  background-image: url('../images/NemakShowroom_1.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemaktorna11_5 {
  background-image: url('../images/Tornamesa11_5.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemaktorna11_4 {
  background-image: url('../images/Tornamesa11_4.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemaktorna11_3 {
  background-image: url('../images/Tornamesa11_3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemaktorna11_2 {
  background-image: url('../images/Tornamesa11_2.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemaktorna11_1 {
  background-image: url('../images/Tornamesa11_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemaktorna6_5 {
  background-image: url('../images/Foto--13.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemaktorna6_4 {
  background-image: url('../images/Tornamesa6_4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemaktorna6_3 {
  background-image: url('../images/Tornamesa6_3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemaktorna6_2 {
  background-image: url('../images/Tornamesa6_2.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemaktorna6_1 {
  background-image: url('../images/Tornamesa6_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakcarpinteria3 {
  background-image: url('../images/NemakCarp3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakcarpinteria2 {
  background-image: url('../images/NemakCarp2.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakcarpinteria1 {
  background-image: url('../images/NemakCarp1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakcancel6 {
  background-image: url('../images/Foto-5-NEMAK.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakcancel5 {
  background-image: url('../images/Foto-4-NEMAK.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakcancel4 {
  background-image: url('../images/Foto-3-NEMAK.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakcancel3 {
  background-image: url('../images/NemakCancel3.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakcancel2 {
  background-image: url('../images/NemakCancel2.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.nemakcancel1 {
  background-image: url('../images/Foto-1-NEMAK.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.pisoestampado2 {
  background-image: url('../images/Piso-estampado-P1-2.jpg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.mov-1 {
  background-image: url('../images/Movimiento-de-tierra-1.jpeg');
  background-position: 100% 100%;
}

.slidemaster.mov2 {
  background-image: url('../images/Movimiento-de-tierra-2.jpeg');
  background-position: 50%;
}

.slidemaster.mov3 {
  background-image: url('../images/Movimiento-de-tierra-3.jpeg');
  background-position: 100%;
}

.slidemaster.mov4 {
  background-image: url('../images/Movimiento-de-tierra-4.jpeg');
}

.slidemaster.mov5 {
  background-image: url('../images/Movimiento-de-tierra-5.jpeg');
  background-position: 0%;
}

.slidemaster.rotocast1 {
  background-image: url('../images/Rotacast1.jpg');
}

.slidemaster.rotocast2 {
  background-image: url('../images/Rotacast2.jpg');
  background-size: cover;
}

.slidemaster.rotacast3 {
  background-image: url('../images/Rotacast3.jpg');
  background-position: 50%;
}

.slidemaster.rotocast4 {
  background-image: url('../images/Rotacast4.jpg');
  background-position: 100%;
  background-size: cover;
}

.slidemaster.rotocast5 {
  background-image: url('../images/Rotacast5.jpg');
  background-position: 50%;
}

.slidemaster.rotocast6 {
  background-image: url('../images/Rotacast6.jpg');
  background-position: 50% 100%;
}

.slidemaster.rotocast7 {
  background-image: url('../images/Rotacast7.jpg');
  background-position: 0 100%;
  background-size: cover;
}

.slidemaster.rotocast8 {
  background-image: url('../images/Rotacast8.jpg');
  background-position: 50%;
}

.slidemaster.emc1 {
  background-image: url('../images/EMC1.jpg');
  background-position: 50%;
}

.slidemaster.emc2 {
  background-image: url('../images/EMC2.jpeg');
  background-position: 50%;
  background-size: cover;
}

.slidemaster.emc3 {
  background-image: url('../images/EMC3.jpeg');
  background-position: 50%;
  background-size: cover;
}

.slidemaster.emc4 {
  background-image: url('../images/EMC4.jpeg');
  background-position: 50%;
  background-size: cover;
}

.slidemaster.emc5 {
  background-image: url('../images/EMC5.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slidemaster.emc6 {
  background-image: url('../images/EMC6.jpg');
  background-position: 100%;
  background-size: cover;
}

.slidemaster.emc7 {
  background-image: url('../images/EMC7.jpg');
  background-position: 50%;
}

.slidemaster.emc8 {
  background-image: url('../images/EMC8.jpg');
  background-position: 100% 0;
  background-size: cover;
}

.slidemaster.emc9 {
  background-image: url('../images/EMC9.jpg');
  background-position: 50%;
}

.slidemaster.emc10 {
  background-image: url('../images/EMC10.jpeg');
  background-position: 50%;
}

.slidemaster.emc11 {
  background-image: url('../images/EMC11.jpeg');
}

.slide-32 {
  background-image: url('../images/Contenedores-Tim-Hortons-2.jpeg');
  background-position: 0 0;
  background-size: cover;
}

.slide-33 {
  background-image: url('../images/Contenedores-Tim-Hortons-3.jpeg');
  background-position: 0 0;
  background-size: cover;
}

.slide-34 {
  background-image: url('../images/Contenedores-Tim-Hortons-4.jpeg');
  background-position: 50%;
  background-size: cover;
}

.slide-35 {
  background-image: url('../images/Contenedores-Tim-Hortons-5.jpeg');
  background-position: 50%;
  background-size: cover;
}

.slide-36 {
  background-image: url('../images/Contenedores-Tim-Hortons-6.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
}

.slide-37 {
  background-image: url('../images/Contenedores-Tim-Hortons-7.jpg');
  background-position: 50%;
  background-size: contain;
}

.chat-block {
  background-color: #fff;
  border-radius: 8px;
  width: 80%;
  padding: 15px;
}

.whatsapp-container {
  z-index: 30;
  cursor: pointer;
  background-color: #000;
  border: 2px solid #3f66ff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  transition: all .3s cubic-bezier(.45, .182, .111, .989);
  display: flex;
  position: relative;
  inset: auto 0% 0% auto;
}

.whatsapp-container:hover {
  background-color: #383838;
  transform: scale(1.05);
}

.whatsapp-chat {
  background-color: #fff;
  border: 1px solid #00000029;
  border-radius: 20px;
  flex-direction: column;
  width: 300px;
  height: 315px;
  margin-bottom: 16px;
  display: flex;
  overflow: hidden;
}

.whatsapp-block {
  z-index: 30;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
  position: fixed;
  inset: auto 30px 30px auto;
}

.close-livechat-icon {
  mix-blend-mode: lighten;
}

.small-whatsapp-icon {
  margin-right: 10px;
}

.live-chat-text {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}

.live-chat-bottom-text {
  font-size: 10px;
}

.live-chat-bottom-text.block {
  margin-bottom: 5px;
  font-size: 12px;
}

.live-icon-chat {
  margin-right: 0;
}

.live-chat-link {
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  height: 25%;
  text-decoration: none;
  display: flex;
}

.live-chat-top-text {
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 500;
  position: static;
}

.live-chat-top-text.block {
  color: #b0b0b0;
  margin-bottom: 10px;
  font-size: 12px;
}

.live-icon {
  background-color: #00b94a;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  position: absolute;
  inset: 5px auto auto 5px;
}

.chat-section {
  background-color: #e6ddd4;
  height: 50%;
  padding: 16px 20px;
}

.close-live-chat-container {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 10%;
  height: 100%;
  display: flex;
}

.livechat-button {
  background-color: #000;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 42px;
  text-decoration: none;
  display: flex;
}

.top-section {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  justify-content: flex-start;
  align-items: center;
  height: 25%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.hablemos-home {
  background-image: url('../images/Contenedores-Tim-Hortons-7.jpg');
  background-position: 50%;
  background-size: cover;
}

.image-6 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  padding-right: 0;
  display: block;
}

.grid-serv-mobile {
  grid-template-areas: ".";
}

.live-chat-text-2 {
  color: #fff;
  text-decoration: none;
}

.live-chat-link-2 {
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: 25%;
  text-decoration: none;
  display: flex;
}

.livechat-button-2 {
  background-color: #000;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 42px;
  text-decoration: none;
  display: flex;
}

.bold-text {
  font-family: Madani Arabic, sans-serif;
  font-size: 14px;
}

.image-7 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  border: 1px solid #000;
}

.image-8 {
  background-color: #d15f5f00;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  border: 1px #fff0;
}

.div-block-13 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.image-9 {
  width: 30px;
}

.container_boton_proyectos {
  background-color: var(--royal-blue);
  width: 60vw;
  max-width: 60%;
}

.div-block-14 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.cell-4 {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 13px;
}

.quick-stack-3 {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.footer-2 {
  float: none;
  clear: none;
  background-color: #000;
  padding-top: 38px;
  padding-bottom: 76px;
}

.image-20 {
  width: 30px;
}

.cell-5 {
  text-align: left;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
}

.div-block-16 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.cell-6 {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 13px;
}

.image-21 {
  width: 30px;
}

.cell-7 {
  text-align: left;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
}

.div-block-18 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.cell-8 {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 13px;
}

.image-22 {
  width: 30px;
}

.cell-9 {
  text-align: left;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
}

.cell-10 {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 13px;
}

.image-23 {
  width: 30px;
}

.cell-11 {
  text-align: left;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
}

@media screen and (min-width: 1920px) {
  .container.conthablemos {
    padding-left: 0;
  }

  .container.footer {
    padding-top: 72px;
    padding-bottom: 74px;
  }

  .navlink.button {
    flex-direction: column;
    align-items: center;
    width: 184px;
    display: flex;
  }

  .navlink.button.proyectos {
    aspect-ratio: auto;
    object-fit: none;
    flex-flow: column-reverse wrap;
    place-content: center;
    align-items: center;
    width: 60vw;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    position: relative;
  }

  .navlink.button.sueltoproyectos {
    text-align: center;
    flex-direction: column;
    display: flex;
  }

  .navlink.buttonproyectos {
    text-align: center;
    background-color: #3f66ff;
    flex-flow: column;
    align-content: center;
    align-items: flex-start;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding: 11px;
    font-size: 22px;
    line-height: 22px;
    display: block;
  }

  .imagewrapper {
    object-fit: cover;
    background-image: none;
    height: 100%;
  }

  .heading_smaller.heading_cta_mobile {
    padding-top: 0;
  }

  .heading_smaller.tels {
    color: #fff;
    max-width: 40ch;
    padding-bottom: 4px;
    font-size: 24px;
    text-decoration: none;
  }

  .heading_smaller.tels.tel2 {
    padding-left: 49px;
  }

  .heading_smaller.tels.nuevospace {
    grid-column-gap: 39px;
    grid-row-gap: 39px;
    flex-flow: column;
    display: block;
  }

  .heading_smaller.llamenos {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    color: #3f66ff;
    text-align: left;
    flex: 0 auto;
    align-self: flex-end;
    padding-bottom: 19px;
    font-size: 32px;
    display: block;
  }

  .heading_smaller.llamenos.nuevospace {
    padding-bottom: 43px;
  }

  .heading_smaller.tels_footer {
    color: #fff;
    font-size: 24px;
  }

  .div_cta {
    padding-left: 0;
  }

  .footer {
    padding-bottom: 0;
  }

  .footer.footer_contacto {
    padding-top: 0;
    padding-bottom: 0;
  }

  .image100 {
    min-height: 140px;
  }

  .image100.smaller {
    width: 100%;
    padding-top: 6px;
  }

  .quick-stack {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -webkit-text-stroke-color: #3330;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 0;
    padding-bottom: 0;
    display: grid;
  }

  .cell {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    text-align: left;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: flex-end;
    padding-top: 0;
    display: flex;
  }

  .cell.celda_tels {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-end;
    padding-top: 0;
    display: grid;
  }

  .cell-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
  }

  .cell-2.celda_tels {
    flex-flow: column;
    justify-content: center;
    align-items: flex-end;
  }

  .div-block-6 {
    aspect-ratio: auto;
    object-fit: contain;
    flex-flow: column;
    flex: 0 auto;
    align-items: center;
    max-height: 100%;
    display: flex;
    position: static;
  }

  .cell-3 {
    justify-content: flex-start;
    padding-top: 0;
  }

  .grid-8 {
    clear: both;
  }

  .grid-8.hablemos_mobile {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 2fr 1fr;
    grid-auto-flow: row;
  }

  .paragraph_qs {
    text-align: left;
  }

  .grid_seccion_serv {
    grid-auto-columns: minmax(200px, 1fr);
  }

  .div_text_serv.contacto {
    margin-right: -40px;
    overflow: visible;
  }

  .div_text_serv.contacto.cambio_serv_cta {
    margin-bottom: 0;
  }

  .grid-10 {
    grid-template-rows: minmax(auto, 200px) minmax(auto, 200px);
    grid-auto-rows: minmax(auto, 200px);
  }

  .whatsapp-chat {
    display: none;
  }

  .whatsapp-block {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .live-chat-text.desktop {
    font-size: 16px;
  }

  .livechat-button {
    width: 60%;
    transition: all .2s;
  }

  .livechat-button:hover {
    background-color: #000;
    transform: scale(1.05);
  }

  .image-6 {
    padding-left: 0;
  }

  .grid-serv-mobile {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    object-fit: cover;
    grid-template-areas: "Area-2 Area-3"
                         "Area-2 Area-3"
                         "Area-4 Area-5"
                         "Area-4 Area-5"
                         "Area-6 Area"
                         "Area-6 Area";
    grid-auto-flow: row;
  }

  .grid-serv-mobile.hablemos-serv {
    background-color: #bdc8e6;
    background-image: none;
    padding-left: 59px;
  }

  .div-block-12 {
    display: flex;
  }

  .livechat-button-2 {
    transition: all .2s;
  }

  .livechat-button-2:hover {
    background-color: #000;
    transform: scale(1.05);
  }

  .image-9 {
    width: 40px;
  }

  .container_boton_proyectos {
    width: 60vw;
    max-width: 60%;
  }

  .text-block-3 {
    color: #fff;
    -webkit-text-stroke-color: #fff;
    font-size: 20px;
  }

  .link-block {
    color: #fff;
    align-self: flex-end;
    max-width: 80px;
  }

  .cell-4 {
    justify-content: flex-start;
    padding-top: 0;
  }

  .quick-stack-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -webkit-text-stroke-color: #3330;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 0;
    padding-bottom: 0;
    display: grid;
  }

  .footer-2 {
    padding-bottom: 0;
  }

  .image-20 {
    width: 40px;
  }

  .div-block-15 {
    aspect-ratio: auto;
    object-fit: contain;
    flex-flow: column;
    flex: 0 auto;
    align-items: center;
    max-height: 100%;
    display: flex;
    position: static;
  }

  .cell-5 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
  }

  .cell-6 {
    justify-content: flex-start;
    padding-top: 0;
  }

  .image-21 {
    width: 40px;
  }

  .div-block-17 {
    aspect-ratio: auto;
    object-fit: contain;
    flex-flow: column;
    flex: 0 auto;
    align-items: center;
    max-height: 100%;
    display: flex;
    position: static;
  }

  .cell-7 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
  }

  .cell-8 {
    justify-content: flex-start;
    padding-top: 0;
  }

  .image-22 {
    width: 40px;
  }

  .div-block-19 {
    aspect-ratio: auto;
    object-fit: contain;
    flex-flow: column;
    flex: 0 auto;
    align-items: center;
    max-height: 100%;
    display: flex;
    position: static;
  }

  .cell-9 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
  }

  .cell-10 {
    justify-content: flex-start;
    padding-top: 0;
  }

  .image-23 {
    width: 40px;
  }

  .div-block-20 {
    aspect-ratio: auto;
    object-fit: contain;
    flex-flow: column;
    flex: 0 auto;
    align-items: center;
    max-height: 100%;
    display: flex;
    position: static;
  }

  .cell-11 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  .hero-section {
    background-image: linear-gradient(280deg, #fff0, #fff 72%), url('../images/asdrubal-luna-hxvtXJQ2_4M-unsplash.jpg');
    background-position: 0 0, 100% 100%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    padding-top: 72px;
    padding-bottom: 55px;
  }

  .container {
    max-width: 100%;
  }

  .big-hero-heading {
    max-width: 453px;
    font-size: 58px;
  }

  .text-block {
    max-width: 40ch;
    font-size: 16px;
  }

  .text-block.tablet {
    max-width: 90vw;
  }

  .logo {
    padding-top: 12px;
  }

  .nav-menu {
    background-color: var(--royal-blue);
    padding-left: 15px;
  }

  .navbar-2 {
    padding-top: 0;
  }

  .navlink {
    color: var(--white);
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .navlink.button {
    background-color: var(--royal-blue);
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 25px;
  }

  .navlink.button.suelto, .navlink.button.suelto2 {
    background-color: var(--royal-blue);
    margin-left: 1px;
  }

  .textsecciones {
    max-width: 31ch;
  }

  .menu-button {
    float: right;
    clear: none;
    background-color: var(--white);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    position: absolute;
    inset: 0% 5% 0% auto;
  }

  .icon {
    clear: none;
    color: var(--royal-blue);
    object-fit: cover;
    background-color: #0000;
    width: 16px;
    height: 16px;
  }

  .heroheading {
    max-width: 453px;
    font-size: 58px;
  }

  .imagewrapper {
    object-fit: cover;
    flex-flow: wrap;
    align-content: stretch;
    width: 532.406vw;
    height: 100vh;
    max-height: 300px;
    overflow: hidden;
  }

  .imagewrapper.tablet {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .imagewrapper.imgsizeproyectos {
    object-fit: scale-down;
    background-size: contain;
    flex-wrap: wrap;
    align-content: stretch;
    width: auto;
    max-width: 100%;
    overflow: auto;
  }

  .tutorial_image {
    object-fit: fill;
    max-height: 100%;
    overflow: hidden;
  }

  .image_overlay {
    z-index: auto;
    -webkit-text-fill-color: inherit;
    object-fit: scale-down;
    background-clip: content-box;
    flex: none;
    order: 1;
    max-height: 100%;
    position: absolute;
    inset: 0% auto 0 0%;
    overflow: visible;
  }

  .div_copies {
    margin-top: 11px;
    margin-bottom: 11px;
  }

  .heading_smaller {
    max-width: 30ch;
  }

  .heading_smaller.llamenos {
    padding-bottom: 29px;
  }

  .heading_smaller.llamenos.nuevospace {
    padding-bottom: 34px;
  }

  .div_cta {
    padding-top: 0;
  }

  .div_cta.cta_servicios {
    padding-left: 54px;
  }

  .footer {
    padding-bottom: 62px;
  }

  .grid-5 {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .image100 {
    object-fit: cover;
  }

  .image100.smaller {
    width: 96%;
  }

  .grid_qs {
    grid-row-gap: 36px;
  }

  .gridservicios {
    flex: 0 auto;
    grid-template-rows: repeat(auto-fit, minmax(300px, 1fr));
    grid-template-columns: repeat(auto-fit, minmax(500px, 5fr));
    align-self: flex-start;
    height: auto;
    max-height: 100%;
  }

  .gridservicios.tablet {
    grid-column-gap: 20px;
    grid-row-gap: 19px;
    grid-template-rows: repeat(auto-fit, minmax(300px, 1fr));
    grid-template-columns: repeat(auto-fit, minmax(500px, 5fr));
    grid-auto-columns: 1fr;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    display: block;
  }

  .gridlogos {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .grid_copies.mobile_landsc {
    grid-column-gap: 31px;
    grid-template-columns: 1fr;
  }

  .paragraph_qs {
    max-width: 40vw;
  }

  .image-4 {
    max-width: 100%;
  }

  .div_text_serv.contacto {
    margin-bottom: 0;
    margin-right: -40px;
  }

  .div_text_serv.contacto.cambio_serv_cta {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .grid-10 {
    float: none;
    object-fit: cover;
    grid-template-columns: minmax(200px, 50%) minmax(200px, 50%);
    grid-auto-rows: minmax(auto, 200px);
    width: 100%;
    max-width: 100%;
    position: static;
    overflow: visible;
  }

  .slider {
    width: 80vw;
  }

  .whatsapp-block {
    bottom: 20px;
    right: 20px;
  }

  .small-whatsapp-icon.tabletwp {
    padding-left: 12px;
  }

  .live-chat-text {
    text-align: left;
    line-height: 1;
  }

  .livechat-button {
    width: 60%;
  }

  .grid-serv-mobile {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: ". ."
                         ". ."
                         ". ."
                         ". ."
                         ". Area"
                         ". Area";
  }

  .image-9 {
    width: 40px;
  }

  .footer-2 {
    padding-bottom: 62px;
  }

  .image-20, .image-21, .image-22, .image-23 {
    width: 40px;
  }
}

@media screen and (max-width: 767px) {
  .hero-section {
    background-image: linear-gradient(99deg, #fff 21%, #fff0), url('../images/asdrubal-luna-hxvtXJQ2_4M-unsplash.jpg');
    background-position: 0 0, 100% 100%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    padding-top: 73px;
    padding-bottom: 42px;
  }

  .container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 25px;
    padding-right: 25px;
    display: block;
  }

  .container.conthablemos {
    flex-direction: column;
    justify-content: space-around;
    align-items: baseline;
    display: flex;
  }

  .big-hero-heading {
    max-width: 80vw;
    font-size: 48px;
  }

  .text-block {
    max-width: 38ch;
    margin-top: 20px;
    font-size: 14px;
  }

  .text-block.tablet {
    margin-top: 0;
  }

  .nav-menu {
    padding-left: 4px;
  }

  .navlink.button.suelto2 {
    flex: 0 auto;
    align-self: flex-start;
    margin-left: 0;
    margin-right: 61px;
  }

  .textsecciones {
    font-size: 14px;
  }

  .menu-button {
    background-color: var(--white);
    right: 3%;
  }

  .heroheading {
    max-width: 61%;
    font-size: 48px;
  }

  .separacion {
    padding-bottom: 32px;
  }

  .imagewrapper {
    flex-flow: column;
    height: 100%;
    max-height: 300px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }

  .imagewrapper.tablet {
    object-fit: fill;
  }

  .tutorial_image {
    flex: auto;
    align-self: auto;
    max-height: 300px;
    overflow: visible;
  }

  .image_overlay {
    object-fit: cover;
    flex-flow: column wrap;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: center;
    height: auto;
    max-height: none;
    display: flex;
    overflow: visible;
  }

  .paragraph {
    max-width: 60ch;
  }

  .div_copies {
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
  }

  .heading_smaller {
    width: 80vw;
    max-width: none;
  }

  .heading_smaller.servicios, .heading_smaller.servicios.serv_mob_lands {
    font-size: 32px;
    line-height: 32px;
  }

  .heading_smaller.heading_cta_mobile {
    padding-top: 36px;
  }

  .heading_smaller.smaller_serv {
    font-size: 32px;
    line-height: 30px;
  }

  .heading_smaller.tels {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    max-width: none;
    display: block;
  }

  .heading_smaller.tels.tel2 {
    text-align: center;
    padding-left: 0;
  }

  .heading_smaller.llamenos {
    text-align: left;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    padding-top: 0;
    display: flex;
  }

  .heading_smaller.tels_footer {
    text-align: center;
  }

  .grid_cta {
    flex-direction: column;
    grid-template-columns: .75fr;
    display: flex;
  }

  .div_cta {
    flex-flow: column wrap;
    order: 1;
    align-items: center;
    margin-bottom: 25px;
    padding-left: 25px;
    display: block;
  }

  .div_cta.cta_servicios {
    margin-bottom: 138px;
    padding-left: 27px;
  }

  .image100 {
    flex: 1;
    order: -1;
    align-self: center;
    max-width: 75%;
    overflow: visible;
  }

  .image100.smaller {
    text-align: left;
    width: 90%;
    padding-right: 0;
    position: relative;
    left: 96px;
  }

  .grid_qs {
    flex-direction: column;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .gridservicios {
    flex-direction: column;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    display: flex;
  }

  .gridlogos {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .quick-stack {
    box-sizing: border-box;
    float: left;
    clear: left;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    aspect-ratio: auto;
    text-align: center;
    object-fit: fill;
    width: 88vw;
    max-width: 96.4934%;
    padding-top: 251px;
    padding-right: 0;
    position: static;
    inset: 0% auto auto 0%;
  }

  .cell {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .cell-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-end;
    display: flex;
  }

  .div-block-6 {
    box-sizing: border-box;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    aspect-ratio: auto;
    object-fit: fill;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .grid_copies.mobile_landsc {
    grid-row-gap: 43px;
    grid-template-columns: 1fr;
    max-width: none;
  }

  .cell-3 {
    border: 1px #000;
    flex-flow: row;
    display: none;
  }

  .grid-8 {
    flex-flow: wrap;
    grid-template-columns: 1fr;
    grid-auto-rows: 185px;
    justify-content: flex-start;
    height: 600px;
    display: flex;
  }

  .grid-8.hablemos_mobile {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: row;
    flex: 1;
    justify-content: flex-start;
    align-self: stretch;
    align-items: flex-start;
    padding-left: 0;
  }

  .paragraph_qs {
    max-width: 91vw;
  }

  .div_text_serv.contacto {
    z-index: 3;
    flex-direction: column;
    margin-right: auto;
    padding-left: 10px;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .grid-10 {
    grid-template-columns: minmax(200px, 100%);
    grid-auto-columns: minmax(200px, 1fr);
    grid-auto-flow: column;
    display: block;
  }

  .slider {
    width: 100vw;
  }

  .whatsapp-block {
    bottom: 15px;
    right: 15px;
  }

  .livechat-button {
    width: 60%;
  }

  .image-6 {
    flex: none;
    order: 1;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .grid-serv-mobile {
    grid-template-areas: "Area Area-2"
                         "Area Area-2"
                         "Area-3 Area-4"
                         "Area-3 Area-4"
                         "Area-5 Area-6"
                         "Area-5 Area-6";
  }

  .image-9 {
    width: 60px;
    display: block;
  }

  .link-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    order: -1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-self: center;
    width: 60px;
    display: block;
  }

  .quick-stack-2 {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    position: absolute;
  }

  .cell-4 {
    border: 1px #000;
    flex-flow: row;
    display: none;
  }

  .quick-stack-3 {
    box-sizing: border-box;
    float: left;
    clear: left;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    aspect-ratio: auto;
    text-align: center;
    object-fit: fill;
    width: 88vw;
    max-width: 96.4934%;
    padding-top: 251px;
    padding-right: 0;
    position: static;
    inset: 0% auto auto 0%;
  }

  .image-20 {
    width: 60px;
    display: block;
  }

  .div-block-15 {
    box-sizing: border-box;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    aspect-ratio: auto;
    object-fit: fill;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .cell-5 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-end;
    display: flex;
  }

  .quick-stack-4 {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    position: absolute;
  }

  .cell-6 {
    border: 1px #000;
    flex-flow: row;
    display: none;
  }

  .image-21 {
    width: 60px;
    display: block;
  }

  .div-block-17 {
    box-sizing: border-box;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    aspect-ratio: auto;
    object-fit: fill;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .cell-7 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-end;
    display: flex;
  }

  .quick-stack-5 {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    position: absolute;
  }

  .cell-8 {
    border: 1px #000;
    flex-flow: row;
    display: none;
  }

  .image-22 {
    width: 60px;
    display: block;
  }

  .div-block-19 {
    box-sizing: border-box;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    aspect-ratio: auto;
    object-fit: fill;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .cell-9 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-end;
    display: flex;
  }

  .quick-stack-6 {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    position: absolute;
  }

  .cell-10 {
    border: 1px #000;
    flex-flow: row;
    display: none;
  }

  .image-23 {
    width: 60px;
    display: block;
  }

  .div-block-20 {
    box-sizing: border-box;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    aspect-ratio: auto;
    object-fit: fill;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .cell-11 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-end;
    display: flex;
  }

  .quick-stack-7 {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    position: absolute;
  }
}

@media screen and (max-width: 479px) {
  .hero-section {
    background-image: linear-gradient(99deg, #ffffffe6 47%, #fff0), url('../images/asdrubal-luna-hxvtXJQ2_4M-unsplash.jpg');
    background-position: 0 0, 100% 100%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    max-width: 240vw;
    padding-top: 87px;
    padding-bottom: 34px;
  }

  .container {
    object-fit: contain;
    max-width: 240vw;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .container.bleed {
    padding-left: 0;
    padding-right: 0;
  }

  .container.footer {
    display: flex;
  }

  .big-hero-heading {
    max-width: 9ch;
    font-size: 38px;
  }

  .text-block {
    max-width: 26ch;
    margin-top: 11px;
    font-size: 14px;
  }

  .text-block.tablet {
    width: auto;
    max-width: none;
    margin-top: 0;
    padding-right: 0;
  }

  .logo {
    width: 150px;
    margin-top: 14px;
    margin-bottom: 6px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-menu {
    padding-left: 0;
  }

  .navlink {
    padding-left: 23px;
  }

  .navlink.button {
    padding-left: 25px;
    padding-right: 25px;
  }

  .navlink.button.suelto2 {
    flex-flow: row;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    max-width: 150px;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .navlink.button.suelto2.mobile {
    margin-left: 0;
    padding-left: 24px;
  }

  .navlink.button.suelto2.suelto2_mobile {
    margin-left: 25px;
  }

  .textsecciones {
    max-width: 20ch;
    margin-bottom: 1px;
  }

  .imagegrid {
    background-color: #0000;
    width: 128px;
  }

  .menu-button {
    background-color: var(--white);
    right: 6%;
  }

  .services {
    max-width: 240vw;
  }

  .heroheading {
    max-width: 9ch;
    font-size: 38px;
  }

  .separacion {
    box-sizing: border-box;
    aspect-ratio: auto;
    object-fit: scale-down;
    width: 0;
  }

  .separacion.bigger {
    padding-bottom: 31px;
  }

  .separacion.separacion_footer {
    padding-bottom: 526px;
  }

  .imagewrapper {
    flex-direction: column;
    flex: auto;
    justify-content: center;
    align-items: center;
    height: 200px;
    max-height: none;
  }

  .imagewrapper.imgsizeproyectos {
    display: none;
  }

  .tutorial_image {
    object-fit: cover;
    max-height: 200px;
    overflow: visible;
  }

  .tutorial_text {
    font-size: 20px;
    line-height: 1.2;
  }

  .image_overlay {
    flex: auto;
    height: 200px;
    max-height: 100%;
    overflow: visible;
  }

  .div_copies {
    flex-direction: column;
    width: auto;
    display: flex;
  }

  .heading_smaller {
    flex-flow: row;
    align-content: flex-start;
    width: 80vw;
    max-width: 190px;
    font-size: 38px;
    line-height: 1;
    display: flex;
  }

  .heading_smaller.servicios.serv_mob_lands {
    width: 90vw;
    max-width: 80vw;
  }

  .heading_smaller.heading_cta_mobile {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    max-width: 80%;
    padding-top: 0;
    padding-left: 0;
    overflow: hidden;
  }

  .heading_smaller.tels {
    text-align: center;
    justify-content: center;
    align-self: center;
    padding-bottom: 8px;
  }

  .heading_smaller.tels.tel2 {
    justify-content: center;
  }

  .heading_smaller.llamenos {
    justify-content: center;
    align-self: center;
    padding-bottom: 20px;
  }

  .heading_smaller.watch {
    font-size: 32px;
  }

  .grid_cta {
    grid-template-columns: .75fr;
  }

  .div_cta {
    flex-flow: row;
    order: -1;
    width: 100%;
    padding-left: 25px;
    display: block;
  }

  .cta {
    width: 100%;
  }

  .image100 {
    max-width: 80%;
    max-height: 179.906px;
  }

  .image100.smaller {
    text-align: center;
  }

  .gridservicios {
    flex-direction: column;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    place-content: center;
    place-items: flex-start start;
    width: auto;
    max-width: 89vw;
    display: flex;
    overflow: visible;
  }

  .gridlogos {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: center flex-start;
    place-items: center;
    width: 100%;
    display: flex;
  }

  .div_footer_redes {
    text-align: center;
    align-self: center;
    align-items: center;
  }

  .quick-stack {
    grid-row-gap: 0px;
    order: -1;
    align-self: auto;
    width: 100%;
    max-width: 80%;
    margin-right: 0;
    position: static;
  }

  .cell {
    align-items: center;
  }

  .cell-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-6 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    object-fit: contain;
    flex-flow: row;
    flex: 1;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    padding-left: 0;
    display: flex;
  }

  .grid_copies.mobile_landsc {
    width: auto;
    max-width: none;
  }

  .grid-8.hablemos_mobile {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .div-block-8 {
    width: 40vw;
  }

  .div-block-9 {
    object-fit: cover;
    width: 100%;
    max-width: 100%;
  }

  .image {
    max-width: 80%;
  }

  .paragraph_qs {
    object-fit: fill;
  }

  .textoformulario {
    font-size: 16px;
  }

  .grid_seccion_serv {
    flex-direction: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .grid_seccion_serv.grid_servicios_mobile {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    align-items: stretch;
    display: flex;
  }

  .div_text_serv.contacto {
    flex-direction: row;
    flex: 0 auto;
    order: 0;
    justify-content: space-between;
    margin-right: 0;
    display: flex;
    position: fixed;
  }

  .grid-9 {
    grid-template-columns: 1fr;
  }

  .grid-10 {
    display: block;
  }

  .whatsapp-container {
    width: 80px;
    height: 80px;
    bottom: 10px;
    right: 0;
  }

  .whatsapp-chat {
    width: 100%;
    height: 40vh;
    position: relative;
  }

  .whatsapp-block {
    z-index: 30;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    bottom: 0;
    right: 0;
  }

  .live-chat-text {
    font-size: 13px;
  }

  .live-chat-link {
    padding-left: 25px;
  }

  .livechat-button {
    justify-content: flex-start;
    width: 80%;
    padding-left: 26px;
  }

  .top-section {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex: 0 auto;
    align-self: flex-start;
  }

  .image-6 {
    order: -1;
    min-width: 240px;
    height: 50%;
  }

  .grid-serv-mobile {
    grid-template: "Area2"
                   "Area-3"
                   "Area-4"
                   "Area-5"
                   "Area-6"
                   "Area-7"
                   "Area-8"
                   "Area-9"
                   "Area-10"
                   "Area-11"
                   "Area-12"
                   "Area-12"
                   / 1fr;
    grid-auto-columns: 2.25fr;
    grid-auto-flow: row;
  }

  .live-chat-text-2.mobile {
    line-height: 1;
  }

  .image-9 {
    display: block;
  }

  .link-block {
    z-index: 30;
    flex: 0 auto;
    order: 30;
    align-self: flex-start;
    display: block;
    position: absolute;
  }

  .image-10 {
    align-self: auto;
    max-width: 80%;
  }

  .image-11, .image-12, .image-13, .image-14, .image-15 {
    max-width: 80%;
  }

  .image-16 {
    max-width: 90%;
  }

  .image-17, .image-18, .image-19 {
    max-width: 80%;
  }

  .quick-stack-3 {
    grid-row-gap: 0px;
    order: -1;
    align-self: auto;
    width: 100%;
    max-width: 80%;
    margin-right: 0;
    position: static;
  }

  .image-20 {
    display: block;
  }

  .div-block-15 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    object-fit: contain;
    flex-flow: row;
    flex: 1;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    padding-left: 0;
    display: flex;
  }

  .cell-5 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-21 {
    display: block;
  }

  .div-block-17 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    object-fit: contain;
    flex-flow: row;
    flex: 1;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    padding-left: 0;
    display: flex;
  }

  .cell-7 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-22 {
    display: block;
  }

  .div-block-19 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    object-fit: contain;
    flex-flow: row;
    flex: 1;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    padding-left: 0;
    display: flex;
  }

  .cell-9 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-23 {
    z-index: 1;
    display: block;
    position: relative;
  }

  .div-block-20 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    object-fit: contain;
    flex-flow: row;
    flex: 1;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    padding-left: 0;
    display: flex;
  }

  .cell-11 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }
}

#w-node-c53efd4e-1bf8-2d68-7e2a-8fd1687aa040-c8e21be1 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c53efd4e-1bf8-2d68-7e2a-8fd1687aa047-c8e21be1, #w-node-a74b14e8-8969-e418-8359-f753d0e8d39e-c8e21be1, #w-node-d26b1c77-574f-b7d2-4a38-6e9f8bb8f889-c8e21be1, #w-node-fa090b91-eb4d-ee22-2deb-b3d79e8ab6cd-c8e21be1, #w-node-_7b9c30f9-d871-2d03-f5d3-a766c16b11ef-c8e21be1, #w-node-ec9de0e9-1391-dca4-25bc-0d21c24d212b-c8e21be1, #w-node-d505d8d0-56d0-a8c2-536c-794602b214ae-c8e21be1, #w-node-_95fde8b3-35de-7920-b8e2-67ee5b146208-c8e21be1, #w-node-_64edb833-b8a6-8f76-33d6-d4a65f2d638c-c8e21be1, #w-node-_802e6fc7-71c8-5656-6d67-a082270a101e-c8e21be1, #w-node-ea9d94d5-4c47-6cb8-a79f-f227092624f2-c8e21be1, #w-node-_4ed501ed-114a-2b13-a33e-1c6b89b06d26-c8e21be1, #w-node-bc28f2c9-6860-8a2c-a829-cd4f4699f1ab-c8e21be1, #w-node-d3d46410-7f9d-8efd-8064-2a3d371c78d3-c8e21be1, #w-node-d3d46410-7f9d-8efd-8064-2a3d371c78d4-c8e21be1, #w-node-e18080d5-4230-f668-5677-bb9a41e810be-c8e21be1, #w-node-e18080d5-4230-f668-5677-bb9a41e810bf-c8e21be1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5e82bbad-d463-1357-44d2-cc0290548ed3-c8e21be1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_2f9c4c60-7c61-9cb7-83c1-003c510dce31-c8e21be1, #w-node-_2f9c4c60-7c61-9cb7-83c1-003c510dce32-c8e21be1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eed57956-2141-3369-5d11-4d2900898113-c8e21be1, #w-node-eed57956-2141-3369-5d11-4d2900898126-c8e21be1 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_8f248afd-3fcd-98b1-1106-6af2be10183c-6e861e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_771df088-c708-b602-115b-4dcd8f2baf73-6e861e29 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: end;
}

#w-node-_9c96a465-ef65-f143-0df8-90f274fb8974-6e861e29 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_398ed73f-be10-907d-6fc6-8f1108ab7b5a-6e861e29, #w-node-_02f6e095-8f84-4dc1-cbc6-2cd731b871e6-6e861e29, #w-node-_59d1348a-a272-3d65-1562-e45ca11bec5d-6e861e29, #w-node-_640b957b-3ab0-8e5d-6ff7-dc3e964acc35-6e861e29, #w-node-de9837ce-668c-abfc-d483-a190ffa23cf1-6e861e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d343784e-7bb9-887a-769d-36513e15d104-6e861e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-d343784e-7bb9-887a-769d-36513e15d105-6e861e29, #w-node-d343784e-7bb9-887a-769d-36513e15d107-6e861e29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7751c8ce-cdbb-e393-746c-030acfa51a30-6e861e29, #w-node-_7751c8ce-cdbb-e393-746c-030acfa51a43-6e861e29 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_1983f3f2-034b-3199-5e83-64b62995f6e6-012b211d, #w-node-_8d993aae-8b6b-d0f7-942a-2f60b715a351-012b211d, #w-node-dd08ba7b-cdd5-b979-4057-b6cebfdf01ce-012b211d, #w-node-_5d2d091c-5598-b9a5-a363-11de67c52b66-012b211d, #w-node-_7eaad650-62ec-0b83-6ed8-24ff831a8c9d-012b211d, #w-node-_92ef3e83-e7a1-142f-f6de-9a4cd44e1174-012b211d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d7f965f6-1707-b428-9ce4-449ddcfc8538-012b211d {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_064ad8d5-41cf-b319-630a-3c1f175827eb-012b211d, #w-node-_8da2533e-a504-c370-e3b2-2f9ce1703a3f-012b211d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_386d1bf1-d277-f81f-647f-a10333272f8d-012b211d, #w-node-_386d1bf1-d277-f81f-647f-a10333272fa0-012b211d, #w-node-_09d79907-7654-30bd-5d07-95d7ef48aa38-ee2d3695 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_39096f3f-cca2-82f9-59c3-ae8ac8fcd532-ee446c29, #w-node-ccfc5729-80a2-49b0-d0ca-3b5eb9a4e099-ee446c29, #w-node-e73ebb1c-3fe7-2edf-06fa-9f2ea4617b6d-ee446c29, #w-node-_65a3d432-e8b7-f6ec-5d32-77d13394f4b8-ee446c29, #w-node-d18bcf12-cacf-6465-b561-872aab141ab8-ee446c29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bf76d41c-1018-f8cd-13f5-d1989c678fc7-ee446c29 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-bf76d41c-1018-f8cd-13f5-d1989c678fcb-ee446c29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_92caafff-6a99-7298-f881-3e7830d25fc3-ee446c29 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-f5b3baf6-1945-5e1e-a557-a008ea4d29a7-ee446c29, #w-node-f5b3baf6-1945-5e1e-a557-a008ea4d29ba-ee446c29, #w-node-_2717a0d2-c6a6-f66c-c819-1cb7c9c86725-4f2d4737, #w-node-_2717a0d2-c6a6-f66c-c819-1cb7c9c86738-4f2d4737, #w-node-_4c7809cb-36f1-1dcf-2155-5914839a78fe-f73a9bf5, #w-node-_4c7809cb-36f1-1dcf-2155-5914839a7911-f73a9bf5, #w-node-_2b105d8b-2e95-f965-cb9e-f1e67e29cf7f-3c80bc25, #w-node-_2b105d8b-2e95-f965-cb9e-f1e67e29cf92-3c80bc25, #w-node-bba5862a-0619-d16e-e894-07c36281e648-ba8af835, #w-node-bba5862a-0619-d16e-e894-07c36281e65b-ba8af835, #w-node-_8db88e21-3af8-9a6a-b797-a8d317af480f-fa2e0f25, #w-node-_8db88e21-3af8-9a6a-b797-a8d317af4822-fa2e0f25 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

@media screen and (min-width: 1920px) {
  #w-node-_95fde8b3-35de-7920-b8e2-67ee5b146208-c8e21be1, #w-node-_4ed501ed-114a-2b13-a33e-1c6b89b06d26-c8e21be1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5e82bbad-d463-1357-44d2-cc0290548ed3-c8e21be1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: stretch;
  }

  #w-node-_2f9c4c60-7c61-9cb7-83c1-003c510dce31-c8e21be1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-eed57956-2141-3369-5d11-4d290089811c-c8e21be1, #w-node-eed57956-2141-3369-5d11-4d2900898130-c8e21be1 {
    order: 9999;
  }

  #w-node-d343784e-7bb9-887a-769d-36513e15d104-6e861e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: stretch;
  }

  #w-node-d343784e-7bb9-887a-769d-36513e15d105-6e861e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7751c8ce-cdbb-e393-746c-030acfa51a39-6e861e29, #w-node-_7751c8ce-cdbb-e393-746c-030acfa51a4c-6e861e29 {
    order: 9999;
  }

  #w-node-_5d2d091c-5598-b9a5-a363-11de67c52b66-012b211d, #w-node-_094cfeb4-5578-5dfe-4e64-ac44a71fd482-012b211d, #w-node-b6d71af4-de2f-32ed-cdc6-f0c563b8cb0c-012b211d, #w-node-_55eb5db9-3553-7daa-81db-37b5a011ebec-012b211d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d7f965f6-1707-b428-9ce4-449ddcfc8538-012b211d {
    grid-area: Area;
  }

  #w-node-_386d1bf1-d277-f81f-647f-a10333272f96-012b211d, #w-node-_386d1bf1-d277-f81f-647f-a10333272fa9-012b211d {
    order: 9999;
  }

  #w-node-_39096f3f-cca2-82f9-59c3-ae8ac8fcd532-ee446c29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bf76d41c-1018-f8cd-13f5-d1989c678fc7-ee446c29 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_92caafff-6a99-7298-f881-3e7830d25fc3-ee446c29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f5b3baf6-1945-5e1e-a557-a008ea4d29b0-ee446c29, #w-node-f5b3baf6-1945-5e1e-a557-a008ea4d29c3-ee446c29, #w-node-_2717a0d2-c6a6-f66c-c819-1cb7c9c8672e-4f2d4737, #w-node-_2717a0d2-c6a6-f66c-c819-1cb7c9c86741-4f2d4737, #w-node-_4c7809cb-36f1-1dcf-2155-5914839a7907-f73a9bf5, #w-node-_4c7809cb-36f1-1dcf-2155-5914839a791a-f73a9bf5, #w-node-_2b105d8b-2e95-f965-cb9e-f1e67e29cf88-3c80bc25, #w-node-_2b105d8b-2e95-f965-cb9e-f1e67e29cf9b-3c80bc25, #w-node-bba5862a-0619-d16e-e894-07c36281e651-ba8af835, #w-node-bba5862a-0619-d16e-e894-07c36281e664-ba8af835, #w-node-_8db88e21-3af8-9a6a-b797-a8d317af4818-fa2e0f25, #w-node-_8db88e21-3af8-9a6a-b797-a8d317af482b-fa2e0f25 {
    order: 9999;
  }
}

@media screen and (max-width: 991px) {
  #w-node-eed57956-2141-3369-5d11-4d2900898113-c8e21be1, #w-node-eed57956-2141-3369-5d11-4d2900898126-c8e21be1, #w-node-_7751c8ce-cdbb-e393-746c-030acfa51a30-6e861e29, #w-node-_7751c8ce-cdbb-e393-746c-030acfa51a43-6e861e29, #w-node-_386d1bf1-d277-f81f-647f-a10333272f8d-012b211d, #w-node-_386d1bf1-d277-f81f-647f-a10333272fa0-012b211d {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-_09d79907-7654-30bd-5d07-95d7ef48aa38-ee2d3695 {
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr 1fr;
  }

  #w-node-_65a3d432-e8b7-f6ec-5d32-77d13394f4b8-ee446c29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_92caafff-6a99-7298-f881-3e7830d25fc3-ee446c29 {
    order: 9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f5b3baf6-1945-5e1e-a557-a008ea4d29a7-ee446c29, #w-node-f5b3baf6-1945-5e1e-a557-a008ea4d29ba-ee446c29, #w-node-_2717a0d2-c6a6-f66c-c819-1cb7c9c86725-4f2d4737, #w-node-_2717a0d2-c6a6-f66c-c819-1cb7c9c86738-4f2d4737, #w-node-_4c7809cb-36f1-1dcf-2155-5914839a78fe-f73a9bf5, #w-node-_4c7809cb-36f1-1dcf-2155-5914839a7911-f73a9bf5, #w-node-_2b105d8b-2e95-f965-cb9e-f1e67e29cf7f-3c80bc25, #w-node-_2b105d8b-2e95-f965-cb9e-f1e67e29cf92-3c80bc25, #w-node-bba5862a-0619-d16e-e894-07c36281e648-ba8af835, #w-node-bba5862a-0619-d16e-e894-07c36281e65b-ba8af835, #w-node-_8db88e21-3af8-9a6a-b797-a8d317af480f-fa2e0f25, #w-node-_8db88e21-3af8-9a6a-b797-a8d317af4822-fa2e0f25 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_5e82bbad-d463-1357-44d2-cc0290548ed3-c8e21be1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: auto;
  }

  #w-node-eed57956-2141-3369-5d11-4d2900898113-c8e21be1 {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-eed57956-2141-3369-5d11-4d2900898114-c8e21be1 {
    order: -9999;
  }

  #w-node-eed57956-2141-3369-5d11-4d2900898126-c8e21be1 {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-eed57956-2141-3369-5d11-4d2900898127-c8e21be1 {
    order: -9999;
  }

  #w-node-d343784e-7bb9-887a-769d-36513e15d104-6e861e29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: auto;
  }

  #w-node-_7751c8ce-cdbb-e393-746c-030acfa51a30-6e861e29 {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_7751c8ce-cdbb-e393-746c-030acfa51a31-6e861e29 {
    order: -9999;
  }

  #w-node-_7751c8ce-cdbb-e393-746c-030acfa51a43-6e861e29 {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_7751c8ce-cdbb-e393-746c-030acfa51a44-6e861e29 {
    order: -9999;
  }

  #w-node-_1983f3f2-034b-3199-5e83-64b62995f6e6-012b211d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_386d1bf1-d277-f81f-647f-a10333272f8d-012b211d {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_386d1bf1-d277-f81f-647f-a10333272f8e-012b211d {
    order: -9999;
  }

  #w-node-_386d1bf1-d277-f81f-647f-a10333272fa0-012b211d {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_386d1bf1-d277-f81f-647f-a10333272fa1-012b211d {
    order: -9999;
  }

  #w-node-_09d79907-7654-30bd-5d07-95d7ef48aa38-ee2d3695 {
    grid-template-rows: auto;
    grid-template-columns: 1fr .25fr 1fr;
  }

  #w-node-bf76d41c-1018-f8cd-13f5-d1989c678fc7-ee446c29 {
    order: 9999;
  }

  #w-node-f5b3baf6-1945-5e1e-a557-a008ea4d29a7-ee446c29 {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-f5b3baf6-1945-5e1e-a557-a008ea4d29a8-ee446c29 {
    order: -9999;
  }

  #w-node-f5b3baf6-1945-5e1e-a557-a008ea4d29ba-ee446c29 {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-f5b3baf6-1945-5e1e-a557-a008ea4d29bb-ee446c29 {
    order: -9999;
  }

  #w-node-_2717a0d2-c6a6-f66c-c819-1cb7c9c86725-4f2d4737 {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_2717a0d2-c6a6-f66c-c819-1cb7c9c86726-4f2d4737 {
    order: -9999;
  }

  #w-node-_2717a0d2-c6a6-f66c-c819-1cb7c9c86738-4f2d4737 {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_2717a0d2-c6a6-f66c-c819-1cb7c9c86739-4f2d4737 {
    order: -9999;
  }

  #w-node-_4c7809cb-36f1-1dcf-2155-5914839a78fe-f73a9bf5 {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_4c7809cb-36f1-1dcf-2155-5914839a78ff-f73a9bf5 {
    order: -9999;
  }

  #w-node-_4c7809cb-36f1-1dcf-2155-5914839a7911-f73a9bf5 {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_4c7809cb-36f1-1dcf-2155-5914839a7912-f73a9bf5 {
    order: -9999;
  }

  #w-node-_2b105d8b-2e95-f965-cb9e-f1e67e29cf7f-3c80bc25 {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_2b105d8b-2e95-f965-cb9e-f1e67e29cf80-3c80bc25 {
    order: -9999;
  }

  #w-node-_2b105d8b-2e95-f965-cb9e-f1e67e29cf92-3c80bc25 {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_2b105d8b-2e95-f965-cb9e-f1e67e29cf93-3c80bc25 {
    order: -9999;
  }

  #w-node-bba5862a-0619-d16e-e894-07c36281e648-ba8af835 {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-bba5862a-0619-d16e-e894-07c36281e649-ba8af835 {
    order: -9999;
  }

  #w-node-bba5862a-0619-d16e-e894-07c36281e65b-ba8af835 {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-bba5862a-0619-d16e-e894-07c36281e65c-ba8af835 {
    order: -9999;
  }

  #w-node-_8db88e21-3af8-9a6a-b797-a8d317af480f-fa2e0f25 {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_8db88e21-3af8-9a6a-b797-a8d317af4810-fa2e0f25 {
    order: -9999;
  }

  #w-node-_8db88e21-3af8-9a6a-b797-a8d317af4822-fa2e0f25 {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_8db88e21-3af8-9a6a-b797-a8d317af4823-fa2e0f25 {
    order: -9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-c53efd4e-1bf8-2d68-7e2a-8fd1687aa040-c8e21be1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: auto;
  }

  #w-node-eed57956-2141-3369-5d11-4d2900898113-c8e21be1, #w-node-eed57956-2141-3369-5d11-4d2900898126-c8e21be1, #w-node-_7751c8ce-cdbb-e393-746c-030acfa51a30-6e861e29, #w-node-_7751c8ce-cdbb-e393-746c-030acfa51a43-6e861e29 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-dd08ba7b-cdd5-b979-4057-b6cebfdf01ce-012b211d {
    grid-area: Area-3;
  }

  #w-node-_7eaad650-62ec-0b83-6ed8-24ff831a8c9d-012b211d {
    grid-area: Area-7;
  }

  #w-node-d7f965f6-1707-b428-9ce4-449ddcfc8538-012b211d {
    order: 9999;
  }

  #w-node-_386d1bf1-d277-f81f-647f-a10333272f8d-012b211d, #w-node-_386d1bf1-d277-f81f-647f-a10333272fa0-012b211d, #w-node-_09d79907-7654-30bd-5d07-95d7ef48aa38-ee2d3695, #w-node-f5b3baf6-1945-5e1e-a557-a008ea4d29a7-ee446c29, #w-node-f5b3baf6-1945-5e1e-a557-a008ea4d29ba-ee446c29, #w-node-_2717a0d2-c6a6-f66c-c819-1cb7c9c86725-4f2d4737, #w-node-_2717a0d2-c6a6-f66c-c819-1cb7c9c86738-4f2d4737, #w-node-_4c7809cb-36f1-1dcf-2155-5914839a78fe-f73a9bf5, #w-node-_4c7809cb-36f1-1dcf-2155-5914839a7911-f73a9bf5, #w-node-_2b105d8b-2e95-f965-cb9e-f1e67e29cf7f-3c80bc25, #w-node-_2b105d8b-2e95-f965-cb9e-f1e67e29cf92-3c80bc25, #w-node-bba5862a-0619-d16e-e894-07c36281e648-ba8af835, #w-node-bba5862a-0619-d16e-e894-07c36281e65b-ba8af835, #w-node-_8db88e21-3af8-9a6a-b797-a8d317af480f-fa2e0f25, #w-node-_8db88e21-3af8-9a6a-b797-a8d317af4822-fa2e0f25 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}


@font-face {
  font-family: 'Madani Arabic';
  src: url('../fonts/Madani-Arabic-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Frutigerltstd Roman';
  src: url('../fonts/FrutigerLTStd-Roman.otf') format('opentype'), url('../fonts/FrutigerLTStd-Roman.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Frutigerltstd';
  src: url('../fonts/FrutigerLTStd-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Frutigerltstd';
  src: url('../fonts/FrutigerLTStd-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}