* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Roboto Condensed", sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  scroll-behavior: unset;
  background-color: rgb(15, 15, 15);
}

body::-webkit-scrollbar {
  width: 15px;
}

body::-webkit-scrollbar-thumb {
  background: rgb(212, 40, 40);
  height: 100px;
  height: 130px;
}

body::-webkit-scrollbar-thumb:hover {
  background: rgb(255, 70, 70);
  height: 150px;
}

.containerBase {
  width: 100%;
  max-width: 1440px;
  padding: 10px 0px;
  margin: auto;
  overflow: hidden;
  background: rgb(15, 15, 15);
  display: grid;
  grid-gap: 1em;
  position: relative;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  grid-template-areas: "grid_navbar           grid_navbar           grid_navbar          grid_navbar          grid_navbar          grid_navbar" "grid_Header           grid_Header           grid_Header          grid_Header          grid_Header          grid_Header" "grid_UIDesing         grid_UIDesing         grid_productDesing   grid_productDesing   grid_branding        grid_branding" "gridYears             gridYears             grid_BlockCounters   grid_BlockCounters   grid_BlockCounters   grid_BlockCounters" "grid_feafureProyects  grid_feafureProyects  grid_feafureProyects grid_feafureProyects grid_feafureProyects grid_feafureProyects" "grid_vintage          grid_vintage          grid_vintage         grid_foodasa         grid_foodasa         grid_foodasa" "grid_accent           grid_accent           grid_accent          grid_mozalk          grid_mozalk          grid_mozalk" "grid_contact          grid_contact          grid_contact         grid_contact         grid_contact         grid_contact" "grid_pagination       grid_pagination       grid_pagination      grid_pagination      grid_pagination      grid_pagination" "grid_footer           grid_footer           grid_footer          grid_footer          grid_footer          grid_footer";
}
.containerBase .grid_navbar {
  grid-area: grid_navbar;
}
.containerBase .grid_Header {
  padding: 20px 0px;
  grid-area: grid_Header;
}
.containerBase .grid_UIDesing {
  grid-area: grid_UIDesing;
}
.containerBase .grid_productDesing {
  margin-top: 10px;
  grid-area: grid_productDesing;
}
.containerBase .grid_branding {
  margin-top: 20px;
  grid-area: grid_branding;
}
.containerBase .gridYears {
  grid-area: gridYears;
}
.containerBase .grid_BlockCounters {
  padding: 10px 0px;
  grid-area: grid_BlockCounters;
}
.containerBase .grid_feafureProyects {
  grid-area: grid_feafureProyects;
}
.containerBase .grid_vintage {
  grid-area: grid_vintage;
}
.containerBase .grid_foodasa {
  grid-area: grid_foodasa;
}
.containerBase .grid_accent {
  grid-area: grid_accent;
}
.containerBase .grid_mozalk {
  grid-area: grid_mozalk;
}
.containerBase .grid_contact {
  grid-area: grid_contact;
}
.containerBase .grid_pagination {
  grid-area: grid_pagination;
}
.containerBase .grid_footer {
  grid-area: grid_footer;
}

@media (min-width: 900px) and (max-width: 1200px) {
  .containerBase {
    width: 100%;
    max-width: initial;
    padding: 10px 0px;
    margin: auto;
    overflow: hidden;
    background: rgb(15, 15, 15);
    display: grid;
    grid-gap: 1em;
    position: relative;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: auto;
    grid-template-areas: "grid_navbar           grid_navbar           grid_navbar          grid_navbar          grid_navbar          grid_navbar" "grid_Header           grid_Header           grid_Header          grid_Header          grid_Header          grid_Header" "grid_UIDesing         grid_UIDesing         grid_productDesing   grid_productDesing   grid_branding        grid_branding" "gridYears             gridYears             grid_BlockCounters   grid_BlockCounters   grid_BlockCounters   grid_BlockCounters" "grid_feafureProyects  grid_feafureProyects  grid_feafureProyects grid_feafureProyects grid_feafureProyects grid_feafureProyects" "grid_vintage          grid_vintage          grid_vintage         grid_foodasa         grid_foodasa         grid_foodasa" "grid_accent           grid_accent           grid_accent          grid_mozalk          grid_mozalk          grid_mozalk" "grid_contact          grid_contact          grid_contact         grid_contact         grid_contact         grid_contact" "grid_pagination       grid_pagination       grid_pagination      grid_pagination      grid_pagination      grid_pagination" "grid_footer           grid_footer           grid_footer          grid_footer          grid_footer          grid_footer";
  }
}
@media (min-width: 770px) and (max-width: 899px) {
  .containerBase {
    width: 100%;
    max-width: initial;
    padding: 10px 0px;
    margin: auto;
    overflow: hidden;
    background: rgb(15, 15, 15);
    display: grid;
    grid-gap: 1em;
    position: relative;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: auto;
    grid-template-areas: "grid_navbar           grid_navbar           grid_navbar          grid_navbar          grid_navbar          grid_navbar" "grid_Header           grid_Header           grid_Header          grid_Header          grid_Header          grid_Header" "grid_UIDesing         grid_UIDesing         grid_productDesing   grid_productDesing   grid_branding        grid_branding" "gridYears             gridYears             grid_BlockCounters   grid_BlockCounters   grid_BlockCounters   grid_BlockCounters" "grid_feafureProyects  grid_feafureProyects  grid_feafureProyects grid_feafureProyects grid_feafureProyects grid_feafureProyects" "grid_vintage          grid_vintage          grid_vintage         grid_foodasa         grid_foodasa         grid_foodasa" "grid_accent           grid_accent           grid_accent          grid_mozalk          grid_mozalk          grid_mozalk" "grid_contact          grid_contact          grid_contact         grid_contact         grid_contact         grid_contact" "grid_pagination       grid_pagination       grid_pagination      grid_pagination      grid_pagination      grid_pagination" "grid_footer           grid_footer           grid_footer          grid_footer          grid_footer          grid_footer";
  }
}
@media (min-width: 641px) and (max-width: 769px) {
  .containerBase {
    width: 100%;
    max-width: initial;
    padding: 10px 0px;
    margin: auto;
    overflow: hidden;
    background: rgb(15, 15, 15);
    display: grid;
    grid-gap: 1em;
    position: relative;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: auto;
    grid-template-areas: "grid_navbar           grid_navbar           grid_navbar          grid_navbar          grid_navbar          grid_navbar" "grid_Header           grid_Header           grid_Header          grid_Header          grid_Header          grid_Header" "grid_UIDesing         grid_UIDesing         grid_productDesing   grid_productDesing   grid_branding        grid_branding" "gridYears             gridYears             grid_BlockCounters   grid_BlockCounters   grid_BlockCounters   grid_BlockCounters" "grid_feafureProyects  grid_feafureProyects  grid_feafureProyects grid_feafureProyects grid_feafureProyects grid_feafureProyects" "grid_vintage          grid_vintage          grid_vintage         grid_foodasa         grid_foodasa         grid_foodasa" "grid_accent           grid_accent           grid_accent          grid_mozalk          grid_mozalk          grid_mozalk" "grid_contact          grid_contact          grid_contact         grid_contact         grid_contact         grid_contact" "grid_pagination       grid_pagination       grid_pagination      grid_pagination      grid_pagination      grid_pagination" "grid_footer           grid_footer           grid_footer          grid_footer          grid_footer          grid_footer";
  }
}
@media (min-width: 481px) and (max-width: 640px) {
  .containerBase {
    width: 100%;
    max-width: initial;
    padding: 10px 0px;
    margin: auto;
    overflow: hidden;
    background: rgb(15, 15, 15);
    display: grid;
    grid-gap: 0.1em;
    position: relative;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-template-areas: "grid_navbar          grid_navbar" "grid_Header          grid_Header" "grid_UIDesing        grid_UIDesing" "grid_productDesing   grid_productDesing" "grid_branding        grid_branding" "gridYears            grid_BlockCounters" "grid_feafureProyects grid_feafureProyects" "grid_vintage         grid_foodasa" "grid_accent          grid_mozalk" "grid_contact         grid_contact" "grid_pagination      grid_pagination" "grid_footer          grid_footer";
  }
  .containerBase .grid_UIDesing {
    padding: 10px 0px;
    grid-area: grid_UIDesing;
  }
  .containerBase .grid_branding {
    margin-top: initial;
    padding: 10px 0px;
    grid-area: grid_branding;
  }
  .containerBase .grid_productDesing {
    margin-top: initial;
    padding: 10px 0px;
    grid-area: grid_productDesing;
  }
  .containerBase .gridYears {
    margin-top: 30px;
    grid-area: gridYears;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .containerBase {
    width: 100%;
    max-width: initial;
    padding: 10px 0px;
    margin: auto;
    overflow: hidden;
    background: rgb(15, 15, 15);
    display: grid;
    grid-gap: 0.2em;
    position: relative;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-template-areas: "grid_navbar          grid_navbar" "grid_Header          grid_Header" "grid_UIDesing        grid_UIDesing" "grid_productDesing   grid_productDesing" "grid_branding        grid_branding" "gridYears            gridYears" "grid_BlockCounters   grid_BlockCounters" "grid_feafureProyects grid_feafureProyects" "grid_vintage         grid_vintage" "grid_foodasa         grid_foodasa" "grid_accent          grid_accent" "grid_mozalk          grid_mozalk" "grid_contact         grid_contact" "grid_pagination      grid_pagination" "grid_footer          grid_footer";
  }
  .containerBase .grid_UIDesing {
    padding: 10px 0px;
    grid-area: grid_UIDesing;
  }
  .containerBase .grid_branding {
    margin-top: initial;
    padding: 10px 0px;
    grid-area: grid_branding;
  }
  .containerBase .grid_productDesing {
    margin-top: initial;
    padding: 10px 0px;
    grid-area: grid_productDesing;
  }
}
.containerSection_navbar {
  width: 100%;
  background: rgb(15, 15, 15);
  box-shadow: 0px 5px 5px;
  padding: 20px 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
}
.containerSection_navbar .containerSection_navbar_logo {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  color: white;
}
.containerSection_navbar .containerSection_navbar_logo .iconLogo {
  color: rgb(249, 51, 51);
  font-size: 50px;
}
.containerSection_navbar .containerSection_navbar_ul {
  width: auto;
  padding: 5px;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  margin-right: 20px;
  position: relative;
}
.containerSection_navbar .containerSection_navbar_ul .containerSection_navbar_ul_li {
  width: 100px;
  padding: 5px;
}
.containerSection_navbar .containerSection_navbar_ul .containerSection_navbar_ul_li .href_li {
  text-decoration: none;
  text-transform: uppercase;
  color: white;
  font-weight: 300;
  transition: 0.1s all ease-in;
}
.containerSection_navbar .containerSection_navbar_ul .containerSection_navbar_ul_li .href_li:hover {
  color: rgb(249, 51, 51);
  padding: 5px 10px;
  box-shadow: 0px 2px 0px rgb(250, 37, 37);
}
.containerSection_navbar .containerSection_btnResponsive {
  width: 50px;
  height: 50px;
  display: none;
}

@media (min-width: 320px) and (max-width: 899px) {
  .containerSection_navbar {
    width: 100%;
    background: rgb(15, 15, 15);
    box-shadow: 0px 5px 5px;
    padding: 10px 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
  }
  .containerSection_navbar .containerSection_navbar_logo {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    color: white;
  }
  .containerSection_navbar .containerSection_navbar_logo .iconLogo {
    color: rgb(249, 51, 51);
    font-size: 50px;
  }
  .containerSection_navbar .containerSection_navbar_ul {
    width: 200px;
    height: 40vh;
    background: rgb(249, 51, 51);
    padding: initial;
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    text-align: center;
    margin-right: 0px;
    position: absolute;
    top: -200px;
    right: 30px;
    opacity: 0;
  }
  .containerSection_navbar .containerSection_navbar_ul .containerSection_navbar_ul_li {
    width: 100%;
    height: 20vh;
    padding: initial;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .containerSection_navbar .containerSection_navbar_ul .containerSection_navbar_ul_li .href_li {
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    font-size: 16px;
    font-weight: 300;
    transition: 0.1s all ease-in;
  }
  .containerSection_navbar .containerSection_navbar_ul .containerSection_navbar_ul_li:hover {
    background: rgb(249, 74, 74);
    cursor: pointer;
  }
  .containerSection_navbar .containerSection_navbar_ul .containerSection_navbar_ul_li:hover .href_li {
    color: white;
    padding: 5px 10px;
    box-shadow: 0px 2px 0px transparent;
    font-weight: 700;
  }
  .containerSection_navbar .containerSection_navbar_ul_JS {
    opacity: 1;
    top: 100px;
  }
  .containerSection_navbar .containerSection_navbar_ul::before {
    content: " ";
    position: absolute;
    right: 0px;
    top: -30px;
    border-top: 15px solid transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid rgb(249, 51, 51);
  }
  .containerSection_navbar .containerSection_btnResponsive {
    width: auto;
    height: auto;
    background: transparent;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
  }
  .containerSection_navbar .containerSection_btnResponsive .btnHeader {
    color: rgb(244, 65, 65);
    font-size: 40px;
    transition: 0.5s all;
  }
  .containerSection_navbar .containerSection_btnResponsive .btnHeader:hover {
    transform: translateX(5px);
    color: white;
    cursor: pointer;
  }
}
.containerSection_presentation {
  margin-top: 70px;
  width: 100%;
  padding-top: 50px;
  background: rgb(15, 15, 15);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.containerSection_presentation .containerSection_presentation_image {
  width: 430px;
  height: 500px;
  margin-left: 80px;
}
.containerSection_presentation .containerSection_presentation_desc {
  width: 550px;
  padding: 10px 0px;
  margin-right: 50px;
}
.containerSection_presentation .containerSection_presentation_desc .containerSection_presentation_desc_name {
  color: rgb(249, 51, 51);
  font-size: 25px;
}
.containerSection_presentation .containerSection_presentation_desc .containerSection_presentation_desc_profession {
  color: white;
  font-size: 80px;
}
.containerSection_presentation .containerSection_presentation_desc .containerSection_presentation_desc_parraf {
  color: grey;
  font-size: 16px;
}
.containerSection_presentation .containerSection_presentation_desc .containerSection_presentation_desc_buttom {
  margin-top: 20px;
  padding: 8px 40px;
  background: rgb(249, 51, 51);
  color: white;
  border: none;
  transition: 0.5s all;
}
.containerSection_presentation .containerSection_presentation_desc .containerSection_presentation_desc_buttom:hover {
  background: white;
  color: rgb(28, 28, 28);
  cursor: pointer;
}

@media (min-width: 900px) and (max-width: 1200px) {
  .containerSection_presentation {
    margin-top: 70px;
    width: 100%;
    padding-top: 50px;
    background: rgb(15, 15, 15);
    display: flex;
    flex-direction: row;
    flex-wrap: initial;
    justify-content: space-between;
    align-items: center;
  }
  .containerSection_presentation .containerSection_presentation_image {
    width: 430px;
    height: 500px;
    margin-left: 30px;
  }
  .containerSection_presentation .containerSection_presentation_desc {
    width: 550px;
    padding: 10px 0px;
    margin-right: 30px;
  }
  .containerSection_presentation .containerSection_presentation_desc .containerSection_presentation_desc_name {
    color: rgb(249, 51, 51);
    font-size: 25px;
  }
  .containerSection_presentation .containerSection_presentation_desc .containerSection_presentation_desc_profession {
    color: white;
    font-size: 70px;
    line-height: 70px;
  }
  .containerSection_presentation .containerSection_presentation_desc .containerSection_presentation_desc_parraf {
    margin-top: 20px;
    color: grey;
    font-size: 16px;
  }
  .containerSection_presentation .containerSection_presentation_desc .containerSection_presentation_desc_buttom {
    margin-top: 20px;
    padding: 8px 40px;
    background: rgb(249, 51, 51);
    color: white;
    border: none;
    transition: 0.5s all;
  }
  .containerSection_presentation .containerSection_presentation_desc .containerSection_presentation_desc_buttom:hover {
    background: white;
    color: rgb(28, 28, 28);
    cursor: pointer;
  }
}
@media (min-width: 481px) and (max-width: 899px) {
  .containerSection_presentation {
    margin-top: 50px;
    width: 100%;
    padding-top: 50px;
    background: rgb(15, 15, 15);
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: initial;
    justify-content: space-between;
    align-items: center;
  }
  .containerSection_presentation .containerSection_presentation_image {
    width: 430px;
    height: 500px;
    margin-left: 30px;
  }
  .containerSection_presentation .containerSection_presentation_desc {
    width: 95%;
    padding: 10px 0px;
    margin-right: initial;
    margin: auto;
  }
  .containerSection_presentation .containerSection_presentation_desc .containerSection_presentation_desc_name {
    color: rgb(249, 51, 51);
    font-size: 30px;
  }
  .containerSection_presentation .containerSection_presentation_desc .containerSection_presentation_desc_profession {
    margin-top: 20px;
    color: white;
    font-size: 90px;
    line-height: 70px;
  }
  .containerSection_presentation .containerSection_presentation_desc .containerSection_presentation_desc_parraf {
    margin-top: 20px;
    color: grey;
    font-size: 16px;
  }
  .containerSection_presentation .containerSection_presentation_desc .containerSection_presentation_desc_buttom {
    width: 220px;
    margin-top: 20px;
    padding: 8px 40px;
    background: rgb(249, 51, 51);
    color: white;
    border: none;
    transition: 0.5s all;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .containerSection_presentation {
    margin-top: 50px;
    width: 100%;
    padding-top: 50px;
    background: rgb(15, 15, 15);
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: initial;
    justify-content: space-between;
    align-items: center;
  }
  .containerSection_presentation .containerSection_presentation_image {
    width: 100%;
    height: initial;
    margin-left: initial;
  }
  .containerSection_presentation .containerSection_presentation_desc {
    width: 100%;
    padding: 10px 0px;
    margin-right: initial;
    margin: initial;
  }
  .containerSection_presentation .containerSection_presentation_desc .containerSection_presentation_desc_name {
    color: rgb(249, 51, 51);
    font-size: 30px;
    padding: 0px 10px;
  }
  .containerSection_presentation .containerSection_presentation_desc .containerSection_presentation_desc_profession {
    margin-top: 20px;
    padding: 0px 10px;
    width: 90%;
    color: white;
    font-size: 70px;
    line-height: 60px;
  }
  .containerSection_presentation .containerSection_presentation_desc .containerSection_presentation_desc_parraf {
    margin-top: 20px;
    padding: 0px 10px;
    color: grey;
    font-size: 16px;
  }
  .containerSection_presentation .containerSection_presentation_desc .containerSection_presentation_desc_buttom {
    width: 220px;
    margin-top: 20px;
    margin-left: 10px;
    padding: 8px 40px;
    background: rgb(249, 51, 51);
    color: white;
    border: none;
    transition: 0.5s all;
  }
}
.containerUIDesing {
  width: 95%;
  height: 300px;
  margin: auto;
  padding: 40px;
  background-color: rgb(28, 28, 28);
  transition: 0.5s all;
}
.containerUIDesing .containerUIDesing_baseIcon {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.containerUIDesing .containerUIDesing_baseIcon .iconUIDesing {
  font-size: 40px;
  color: rgb(249, 51, 51);
}
.containerUIDesing .containerUIDesing_text {
  margin-top: 10px;
  color: white;
  font-weight: 300;
  color: rgb(185, 185, 185);
}
.containerUIDesing .containerUIDesing_vinculo {
  margin-top: 10px;
  color: white;
  font-size: 18px;
  transition: 0.2s all ease-in;
}
.containerUIDesing .containerUIDesing_vinculo .iconVinculo {
  color: rgb(249, 51, 51);
  margin-left: 5px;
  transition: 0.2s all ease-in;
}
.containerUIDesing:hover .containerUIDesing_vinculo {
  color: rgb(249, 51, 51);
  cursor: pointer;
}
.containerUIDesing:hover .containerUIDesing_vinculo .iconVinculo {
  transform: translateX(10px);
  color: white;
}

@media (min-width: 900px) and (max-width: 1200px) {
  .containerUIDesing {
    width: 95%;
    height: 280px;
    margin: auto;
    padding: 20px;
    background-color: rgb(28, 28, 28);
    transition: 0.5s all;
  }
  .containerUIDesing .containerUIDesing_baseIcon {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .containerUIDesing .containerUIDesing_baseIcon .iconUIDesing {
    font-size: 35px;
    color: rgb(249, 51, 51);
  }
  .containerUIDesing .containerUIDesing_text {
    margin-top: 10px;
    color: white;
    font-weight: 300;
    color: rgb(185, 185, 185);
  }
  .containerUIDesing .containerUIDesing_vinculo {
    margin-top: 10px;
    color: white;
    font-size: 18px;
    transition: 0.2s all ease-in;
  }
  .containerUIDesing .containerUIDesing_vinculo .iconVinculo {
    color: rgb(249, 51, 51);
    margin-left: 5px;
    transition: 0.2s all ease-in;
  }
  .containerUIDesing:hover .containerUIDesing_vinculo {
    color: rgb(249, 51, 51);
    cursor: pointer;
  }
  .containerUIDesing:hover .containerUIDesing_vinculo .iconVinculo {
    transform: translateX(10px);
    color: white;
  }
}
@media (min-width: 770px) and (max-width: 899px) {
  .containerUIDesing {
    width: 95%;
    height: 290px;
    margin: auto;
    padding: 15px 20px;
    background-color: rgb(28, 28, 28);
    transition: 0.5s all;
  }
  .containerUIDesing .containerUIDesing_baseIcon {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .containerUIDesing .containerUIDesing_baseIcon .iconUIDesing {
    font-size: 35px;
    color: rgb(249, 51, 51);
  }
  .containerUIDesing .containerUIDesing_text {
    margin-top: 10px;
    color: white;
    font-weight: 300;
    color: rgb(185, 185, 185);
  }
  .containerUIDesing .containerUIDesing_vinculo {
    margin-top: 10px;
    color: white;
    font-size: 18px;
    transition: 0.2s all ease-in;
  }
  .containerUIDesing .containerUIDesing_vinculo .iconVinculo {
    color: rgb(249, 51, 51);
    margin-left: 5px;
    transition: 0.2s all ease-in;
  }
  .containerUIDesing:hover .containerUIDesing_vinculo {
    color: rgb(249, 51, 51);
    cursor: pointer;
  }
  .containerUIDesing:hover .containerUIDesing_vinculo .iconVinculo {
    transform: translateX(10px);
    color: white;
  }
}
@media (min-width: 641px) and (max-width: 769px) {
  .containerUIDesing {
    width: 95%;
    height: 290px;
    margin: auto;
    padding: 15px 20px;
    background-color: rgb(28, 28, 28);
    transition: 0.5s all;
  }
  .containerUIDesing .containerUIDesing_baseIcon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .containerUIDesing .containerUIDesing_baseIcon .iconUIDesing {
    font-size: 30px;
    color: rgb(249, 51, 51);
  }
  .containerUIDesing .containerUIDesing_text {
    margin-top: 10px;
    color: white;
    font-weight: 300;
    color: rgb(185, 185, 185);
    font-size: 15px;
  }
  .containerUIDesing .containerUIDesing_vinculo {
    margin-top: 10px;
    color: white;
    font-size: 16px;
    transition: 0.2s all ease-in;
  }
  .containerUIDesing .containerUIDesing_vinculo .iconVinculo {
    color: rgb(249, 51, 51);
    margin-left: 5px;
    transition: 0.2s all ease-in;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .containerUIDesing {
    width: 95%;
    height: 250px;
    margin: auto;
    padding: 20px;
    background-color: rgb(28, 28, 28);
    transition: 0.5s all;
  }
  .containerUIDesing .containerUIDesing_baseIcon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .containerUIDesing .containerUIDesing_baseIcon .iconUIDesing {
    font-size: 30px;
    color: rgb(249, 51, 51);
  }
  .containerUIDesing .containerUIDesing_text {
    margin-top: 10px;
    color: white;
    font-weight: 300;
    color: rgb(185, 185, 185);
    font-size: 15px;
  }
  .containerUIDesing .containerUIDesing_vinculo {
    margin-top: 10px;
    color: white;
    font-size: 16px;
    transition: 0.2s all ease-in;
  }
  .containerUIDesing .containerUIDesing_vinculo .iconVinculo {
    color: rgb(249, 51, 51);
    margin-left: 5px;
    transition: 0.2s all ease-in;
  }
}
.containerProductDesing {
  width: 95%;
  height: 300px;
  margin: auto;
  padding: 40px;
  background-color: rgb(249, 51, 51);
}
.containerProductDesing .containerProductDesing_baseIcon {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.containerProductDesing .containerProductDesing_baseIcon .iconProductDesing {
  font-size: 40px;
  color: white;
}
.containerProductDesing .containerProductDesing_text {
  margin-top: 10px;
  color: white;
  font-weight: 300;
  color: white;
}
.containerProductDesing .containerProductDesing_vinculo {
  margin-top: 10px;
  color: white;
  transition: 0.2s ease-in;
}
.containerProductDesing .containerProductDesing_vinculo .iconVinculo {
  margin-left: 5px;
  color: white;
  transition: 0.2s ease-in;
}
.containerProductDesing:hover .containerProductDesing_vinculo {
  color: rgb(28, 28, 28);
  cursor: pointer;
}
.containerProductDesing:hover .containerProductDesing_vinculo .iconVinculo {
  transform: translateX(10px);
  color: white;
}

@media (min-width: 900px) and (max-width: 1200px) {
  .containerProductDesing {
    width: 95%;
    height: 280px;
    margin: auto;
    padding: 20px;
    background-color: rgb(249, 51, 51);
  }
  .containerProductDesing .containerProductDesing_baseIcon {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .containerProductDesing .containerProductDesing_baseIcon .iconProductDesing {
    font-size: 35px;
    color: white;
  }
  .containerProductDesing .containerProductDesing_text {
    margin-top: 10px;
    color: white;
    font-weight: 300;
    color: white;
  }
  .containerProductDesing .containerProductDesing_vinculo {
    margin-top: 10px;
    color: white;
    transition: 0.2s ease-in;
  }
  .containerProductDesing .containerProductDesing_vinculo .iconVinculo {
    margin-left: 5px;
    color: white;
    transition: 0.2s ease-in;
  }
  .containerProductDesing:hover .containerProductDesing_vinculo {
    color: rgb(28, 28, 28);
    cursor: pointer;
  }
  .containerProductDesing:hover .containerProductDesing_vinculo .iconVinculo {
    transform: translateX(10px);
    color: white;
  }
}
@media (min-width: 770px) and (max-width: 899px) {
  .containerProductDesing {
    width: 95%;
    height: 290px;
    margin: auto;
    padding: 10px 20px;
    background-color: rgb(249, 51, 51);
  }
  .containerProductDesing .containerProductDesing_baseIcon {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .containerProductDesing .containerProductDesing_baseIcon .iconProductDesing {
    font-size: 35px;
    color: white;
  }
  .containerProductDesing .containerProductDesing_text {
    margin-top: 10px;
    color: white;
    font-weight: 300;
    color: white;
  }
  .containerProductDesing .containerProductDesing_vinculo {
    margin-top: 10px;
    color: white;
    transition: 0.2s ease-in;
  }
  .containerProductDesing .containerProductDesing_vinculo .iconVinculo {
    margin-left: 5px;
    color: white;
    transition: 0.2s ease-in;
  }
  .containerProductDesing:hover .containerProductDesing_vinculo {
    color: rgb(28, 28, 28);
    cursor: pointer;
  }
  .containerProductDesing:hover .containerProductDesing_vinculo .iconVinculo {
    transform: translateX(10px);
    color: white;
  }
}
@media (min-width: 641px) and (max-width: 769px) {
  .containerProductDesing {
    width: 95%;
    height: 290px;
    margin: auto;
    padding: 10px 20px;
    background-color: rgb(249, 51, 51);
  }
  .containerProductDesing .containerProductDesing_baseIcon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .containerProductDesing .containerProductDesing_baseIcon .iconProductDesing {
    font-size: 30px;
    color: white;
  }
  .containerProductDesing .containerProductDesing_text {
    margin-top: 10px;
    color: white;
    font-weight: 300;
    color: white;
    font-size: 15px;
  }
  .containerProductDesing .containerProductDesing_vinculo {
    margin-top: 10px;
    color: white;
    transition: 0.2s ease-in;
    font-size: 16px;
  }
  .containerProductDesing .containerProductDesing_vinculo .iconVinculo {
    margin-left: 5px;
    color: white;
    transition: 0.2s ease-in;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .containerProductDesing {
    width: 95%;
    height: 250px;
    margin: auto;
    padding: 20px;
    background-color: rgb(249, 51, 51);
  }
  .containerProductDesing .containerProductDesing_baseIcon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .containerProductDesing .containerProductDesing_baseIcon .iconProductDesing {
    font-size: 30px;
    color: white;
  }
  .containerProductDesing .containerProductDesing_text {
    margin-top: 10px;
    color: white;
    font-weight: 300;
    color: white;
    font-size: 15px;
  }
  .containerProductDesing .containerProductDesing_vinculo {
    margin-top: 10px;
    color: white;
    transition: 0.2s ease-in;
    font-size: 16px;
  }
  .containerProductDesing .containerProductDesing_vinculo .iconVinculo {
    margin-left: 5px;
    color: white;
    transition: 0.2s ease-in;
  }
}
.containerBranding {
  width: 95%;
  height: 300px;
  margin: auto;
  padding: 40px;
  background-color: rgb(28, 28, 28);
}
.containerBranding .containerBranding_baseIcon {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.containerBranding .containerBranding_baseIcon .iconBranding {
  margin-left: 5px;
  font-size: 40px;
  color: rgb(249, 51, 51);
}
.containerBranding .containerBranding_text {
  margin-top: 10px;
  font-weight: 300;
  color: rgb(185, 185, 185);
}
.containerBranding .containerBranding_vinculo {
  margin-top: 10px;
  color: white;
  transition: 0.2s all ease-in;
}
.containerBranding .containerBranding_vinculo .iconVinculo {
  margin-left: 5px;
  color: rgb(249, 51, 51);
  transition: 0.2s all ease-in;
}
.containerBranding:hover .containerBranding_vinculo {
  color: rgb(249, 51, 51);
  cursor: pointer;
}
.containerBranding:hover .containerBranding_vinculo .iconVinculo {
  transform: translateX(10px);
  color: white;
}

@media (min-width: 900px) and (max-width: 1200px) {
  .containerBranding {
    width: 95%;
    height: 280px;
    margin: auto;
    padding: 20px;
    background-color: rgb(28, 28, 28);
  }
  .containerBranding .containerBranding_baseIcon {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .containerBranding .containerBranding_baseIcon .iconBranding {
    margin-left: 5px;
    font-size: 35px;
    color: rgb(249, 51, 51);
  }
  .containerBranding .containerBranding_text {
    margin-top: 10px;
    font-weight: 300;
    color: rgb(185, 185, 185);
  }
  .containerBranding .containerBranding_vinculo {
    margin-top: 10px;
    color: white;
    transition: 0.2s all ease-in;
  }
  .containerBranding .containerBranding_vinculo .iconVinculo {
    margin-left: 5px;
    color: rgb(249, 51, 51);
    transition: 0.2s all ease-in;
  }
  .containerBranding:hover .containerBranding_vinculo {
    color: rgb(249, 51, 51);
    cursor: pointer;
  }
  .containerBranding:hover .containerBranding_vinculo .iconVinculo {
    transform: translateX(10px);
    color: white;
  }
}
@media (min-width: 770px) and (max-width: 899px) {
  .containerBranding {
    width: 95%;
    height: 290px;
    margin: auto;
    padding: 10px 20px;
    background-color: rgb(28, 28, 28);
  }
  .containerBranding .containerBranding_baseIcon {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .containerBranding .containerBranding_baseIcon .iconBranding {
    margin-left: 5px;
    font-size: 35px;
    color: rgb(249, 51, 51);
  }
  .containerBranding .containerBranding_text {
    margin-top: 10px;
    font-weight: 300;
    color: rgb(185, 185, 185);
  }
  .containerBranding .containerBranding_vinculo {
    margin-top: 10px;
    color: white;
    transition: 0.2s all ease-in;
  }
  .containerBranding .containerBranding_vinculo .iconVinculo {
    margin-left: 5px;
    color: rgb(249, 51, 51);
    transition: 0.2s all ease-in;
  }
  .containerBranding:hover .containerBranding_vinculo {
    color: rgb(249, 51, 51);
    cursor: pointer;
  }
  .containerBranding:hover .containerBranding_vinculo .iconVinculo {
    transform: translateX(10px);
    color: white;
  }
}
@media (min-width: 641px) and (max-width: 769px) {
  .containerBranding {
    width: 95%;
    height: 290px;
    margin: auto;
    padding: 10px 20px;
    background-color: rgb(28, 28, 28);
  }
  .containerBranding .containerBranding_baseIcon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .containerBranding .containerBranding_baseIcon .iconBranding {
    margin-left: 5px;
    font-size: 30px;
    color: rgb(249, 51, 51);
  }
  .containerBranding .containerBranding_text {
    margin-top: 10px;
    font-weight: 300;
    color: rgb(185, 185, 185);
    font-size: 15px;
  }
  .containerBranding .containerBranding_vinculo {
    margin-top: 10px;
    color: white;
    transition: 0.2s all ease-in;
    font-size: 16px;
  }
  .containerBranding .containerBranding_vinculo .iconVinculo {
    margin-left: 5px;
    color: rgb(249, 51, 51);
    transition: 0.2s all ease-in;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .containerBranding {
    width: 95%;
    height: 250px;
    margin: auto;
    padding: 20px;
    background-color: rgb(28, 28, 28);
  }
  .containerBranding .containerBranding_baseIcon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .containerBranding .containerBranding_baseIcon .iconBranding {
    margin-left: 5px;
    font-size: 30px;
    color: rgb(249, 51, 51);
  }
  .containerBranding .containerBranding_text {
    margin-top: 10px;
    font-weight: 300;
    color: rgb(185, 185, 185);
    font-size: 15px;
  }
  .containerBranding .containerBranding_vinculo {
    margin-top: 10px;
    color: white;
    transition: 0.2s all ease-in;
    font-size: 16px;
  }
  .containerBranding .containerBranding_vinculo .iconVinculo {
    margin-left: 5px;
    color: rgb(249, 51, 51);
    transition: 0.2s all ease-in;
  }
}
.containerYears {
  width: 90%;
  margin: auto;
  height: 320px;
  padding: 10px 0px;
  background: rgb(28, 28, 28);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 50px;
}
.containerYears .containerYears_number {
  width: 80px;
  height: 80px;
  color: rgb(249, 51, 51);
  font-size: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  letter-spacing: -3px;
}
.containerYears .containerYears_texto {
  color: white;
  font-size: 25px;
  font-weight: 700;
}

.subGrid_BlockCounters {
  width: 100%;
  background: transparent;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-template-areas: "subGrid_box60    subGrid_box08" "subGrid_box122   subGrid_box10";
}
.subGrid_BlockCounters .subGrid_box60 {
  padding: 5px;
  grid-area: subGrid_box60;
}
.subGrid_BlockCounters .subGrid_box60 .container_box60 {
  width: 100%;
  height: 150px;
  background: rgb(28, 28, 28);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: 0.2s all;
}
.subGrid_BlockCounters .subGrid_box60 .container_box60 .container_box60_number {
  color: rgb(249, 51, 51);
  font-size: 40px;
}
.subGrid_BlockCounters .subGrid_box60 .container_box60 .container_box60_parrafo {
  color: white;
  font-size: 18px;
  font-style: normal;
}
.subGrid_BlockCounters .subGrid_box60:hover .container_box60 {
  background: rgb(216, 216, 216);
}
.subGrid_BlockCounters .subGrid_box60:hover .container_box60_parrafo {
  color: black;
}
.subGrid_BlockCounters .subGrid_box08 {
  padding: 5px;
  grid-area: subGrid_box08;
}
.subGrid_BlockCounters .subGrid_box08 .container_box60 {
  width: 100%;
  height: 150px;
  background: rgb(28, 28, 28);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.subGrid_BlockCounters .subGrid_box08 .container_box60 .container_box60_number {
  color: rgb(249, 51, 51);
  font-size: 40px;
}
.subGrid_BlockCounters .subGrid_box08 .container_box60 .container_box60_parrafo {
  color: white;
  font-size: 18px;
  font-style: normal;
}
.subGrid_BlockCounters .subGrid_box08:hover .container_box60 {
  background: rgb(216, 216, 216);
}
.subGrid_BlockCounters .subGrid_box08:hover .container_box60_parrafo {
  color: black;
}
.subGrid_BlockCounters .subGrid_box122 {
  padding: 5px;
  grid-area: subGrid_box122;
}
.subGrid_BlockCounters .subGrid_box122 .container_box60 {
  width: 100%;
  height: 150px;
  background: rgb(28, 28, 28);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.subGrid_BlockCounters .subGrid_box122 .container_box60 .container_box60_number {
  color: rgb(249, 51, 51);
  font-size: 40px;
}
.subGrid_BlockCounters .subGrid_box122 .container_box60 .container_box60_parrafo {
  color: white;
  font-size: 18px;
  font-style: normal;
}
.subGrid_BlockCounters .subGrid_box122:hover .container_box60 {
  background: rgb(216, 216, 216);
}
.subGrid_BlockCounters .subGrid_box122:hover .container_box60_parrafo {
  color: black;
}
.subGrid_BlockCounters .subGrid_box10 {
  padding: 5px;
  grid-area: subGrid_box10;
}
.subGrid_BlockCounters .subGrid_box10 .container_box60 {
  width: 100%;
  height: 150px;
  background: rgb(28, 28, 28);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.subGrid_BlockCounters .subGrid_box10 .container_box60 .container_box60_number {
  color: rgb(249, 51, 51);
  font-size: 40px;
}
.subGrid_BlockCounters .subGrid_box10 .container_box60 .container_box60_parrafo {
  color: white;
  font-size: 18px;
  font-style: normal;
}
.subGrid_BlockCounters .subGrid_box10:hover .container_box60 {
  background: rgb(216, 216, 216);
}
.subGrid_BlockCounters .subGrid_box10:hover .container_box60_parrafo {
  color: black;
}

@media (min-width: 641px) and (max-width: 769px) {
  .subGrid_BlockCounters {
    width: 100%;
    background: transparent;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-template-areas: "subGrid_box60    subGrid_box08" "subGrid_box122   subGrid_box10";
  }
  .subGrid_BlockCounters .subGrid_box60 {
    padding: 5px;
    grid-area: subGrid_box60;
  }
  .subGrid_BlockCounters .subGrid_box60 .container_box60 {
    width: 100%;
    height: 150px;
    background: rgb(28, 28, 28);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .subGrid_BlockCounters .subGrid_box60 .container_box60 .container_box60_number {
    color: rgb(249, 51, 51);
    font-size: 40px;
  }
  .subGrid_BlockCounters .subGrid_box60 .container_box60 .container_box60_parrafo {
    color: white;
    font-size: 14px;
    font-style: normal;
  }
  .subGrid_BlockCounters .subGrid_box08 {
    padding: 5px;
    grid-area: subGrid_box08;
  }
  .subGrid_BlockCounters .subGrid_box08 .container_box60 {
    width: 100%;
    height: 150px;
    background: rgb(28, 28, 28);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .subGrid_BlockCounters .subGrid_box08 .container_box60 .container_box60_number {
    color: rgb(249, 51, 51);
    font-size: 40px;
  }
  .subGrid_BlockCounters .subGrid_box08 .container_box60 .container_box60_parrafo {
    color: white;
    font-size: 14px;
    font-style: normal;
  }
  .subGrid_BlockCounters .subGrid_box122 {
    padding: 5px;
    grid-area: subGrid_box122;
  }
  .subGrid_BlockCounters .subGrid_box122 .container_box60 {
    width: 100%;
    height: 150px;
    background: rgb(28, 28, 28);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .subGrid_BlockCounters .subGrid_box122 .container_box60 .container_box60_number {
    color: rgb(249, 51, 51);
    font-size: 40px;
  }
  .subGrid_BlockCounters .subGrid_box122 .container_box60 .container_box60_parrafo {
    color: white;
    font-size: 14px;
    font-style: normal;
  }
  .subGrid_BlockCounters .subGrid_box10 {
    padding: 5px;
    grid-area: subGrid_box10;
  }
  .subGrid_BlockCounters .subGrid_box10 .container_box60 {
    width: 100%;
    height: 150px;
    background: rgb(28, 28, 28);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .subGrid_BlockCounters .subGrid_box10 .container_box60 .container_box60_number {
    color: rgb(249, 51, 51);
    font-size: 40px;
  }
  .subGrid_BlockCounters .subGrid_box10 .container_box60 .container_box60_parrafo {
    color: white;
    font-size: 14px;
    font-style: normal;
  }
}
@media (min-width: 481px) and (max-width: 640px) {
  .subGrid_BlockCounters {
    width: 100%;
    background: transparent;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-template-areas: "subGrid_box60    subGrid_box60" "subGrid_box122   subGrid_box122" "subGrid_box08    subGrid_box08" "subGrid_box10    subGrid_box10";
  }
  .subGrid_BlockCounters .subGrid_box60 {
    padding: 5px;
    grid-area: subGrid_box60;
  }
  .subGrid_BlockCounters .subGrid_box60 .container_box60 {
    width: 100%;
    height: 80px;
    background: rgb(28, 28, 28);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .subGrid_BlockCounters .subGrid_box60 .container_box60 .container_box60_number {
    color: rgb(249, 51, 51);
    font-size: 30px;
  }
  .subGrid_BlockCounters .subGrid_box60 .container_box60 .container_box60_parrafo {
    color: white;
    font-size: 14px;
    font-style: normal;
  }
  .subGrid_BlockCounters .subGrid_box08 {
    padding: 5px;
    grid-area: subGrid_box08;
  }
  .subGrid_BlockCounters .subGrid_box08 .container_box60 {
    width: 100%;
    height: 80px;
    background: rgb(28, 28, 28);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .subGrid_BlockCounters .subGrid_box08 .container_box60 .container_box60_number {
    color: rgb(249, 51, 51);
    font-size: 30px;
  }
  .subGrid_BlockCounters .subGrid_box08 .container_box60 .container_box60_parrafo {
    color: white;
    font-size: 14px;
    font-style: normal;
  }
  .subGrid_BlockCounters .subGrid_box122 {
    padding: 5px;
    grid-area: subGrid_box122;
  }
  .subGrid_BlockCounters .subGrid_box122 .container_box60 {
    width: 100%;
    height: 80px;
    background: rgb(28, 28, 28);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .subGrid_BlockCounters .subGrid_box122 .container_box60 .container_box60_number {
    color: rgb(249, 51, 51);
    font-size: 30px;
  }
  .subGrid_BlockCounters .subGrid_box122 .container_box60 .container_box60_parrafo {
    color: white;
    font-size: 14px;
    font-style: normal;
  }
  .subGrid_BlockCounters .subGrid_box10 {
    padding: 5px;
    grid-area: subGrid_box10;
  }
  .subGrid_BlockCounters .subGrid_box10 .container_box60 {
    width: 100%;
    height: 80px;
    background: rgb(28, 28, 28);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .subGrid_BlockCounters .subGrid_box10 .container_box60 .container_box60_number {
    color: rgb(249, 51, 51);
    font-size: 30px;
  }
  .subGrid_BlockCounters .subGrid_box10 .container_box60 .container_box60_parrafo {
    color: white;
    font-size: 14px;
    font-style: normal;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .subGrid_BlockCounters {
    width: 100%;
    background: transparent;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-template-areas: "subGrid_box60    subGrid_box122" "subGrid_box08    subGrid_box10";
  }
  .subGrid_BlockCounters .subGrid_box60 {
    padding: 5px;
    grid-area: subGrid_box60;
  }
  .subGrid_BlockCounters .subGrid_box60 .container_box60 {
    width: 100%;
    height: 150px;
    background: rgb(28, 28, 28);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .subGrid_BlockCounters .subGrid_box60 .container_box60 .container_box60_number {
    color: rgb(249, 51, 51);
    font-size: 30px;
  }
  .subGrid_BlockCounters .subGrid_box60 .container_box60 .container_box60_parrafo {
    text-align: center;
    color: white;
    font-size: 14px;
    font-style: normal;
    width: 80%;
  }
  .subGrid_BlockCounters .subGrid_box08 {
    padding: 5px;
    grid-area: subGrid_box08;
  }
  .subGrid_BlockCounters .subGrid_box08 .container_box60 {
    width: 100%;
    height: 150px;
    background: rgb(28, 28, 28);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .subGrid_BlockCounters .subGrid_box08 .container_box60 .container_box60_number {
    color: rgb(249, 51, 51);
    font-size: 30px;
  }
  .subGrid_BlockCounters .subGrid_box08 .container_box60 .container_box60_parrafo {
    color: white;
    font-size: 14px;
    font-style: normal;
    text-align: center;
    width: 80%;
  }
  .subGrid_BlockCounters .subGrid_box122 {
    padding: 5px;
    grid-area: subGrid_box122;
  }
  .subGrid_BlockCounters .subGrid_box122 .container_box60 {
    width: 100%;
    height: 150px;
    background: rgb(28, 28, 28);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .subGrid_BlockCounters .subGrid_box122 .container_box60 .container_box60_number {
    color: rgb(249, 51, 51);
    font-size: 30px;
  }
  .subGrid_BlockCounters .subGrid_box122 .container_box60 .container_box60_parrafo {
    color: white;
    font-size: 14px;
    font-style: normal;
    text-align: center;
    width: 80%;
  }
  .subGrid_BlockCounters .subGrid_box10 {
    padding: 5px;
    grid-area: subGrid_box10;
  }
  .subGrid_BlockCounters .subGrid_box10 .container_box60 {
    width: 100%;
    height: 150px;
    background: rgb(28, 28, 28);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .subGrid_BlockCounters .subGrid_box10 .container_box60 .container_box60_number {
    color: rgb(249, 51, 51);
    font-size: 30px;
  }
  .subGrid_BlockCounters .subGrid_box10 .container_box60 .container_box60_parrafo {
    width: 80%;
    color: white;
    font-size: 14px;
    font-style: normal;
    text-align: center;
  }
}
.container_feafureProyects {
  width: 100%;
  padding: 50px 30px;
  background: rgb(15, 15, 15);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.container_feafureProyects .container_feafureProyects_base {
  padding: 10px 0px;
  margin-left: 20px;
}
.container_feafureProyects .container_feafureProyects_base .container_feafureProyects_base_title {
  color: white;
  font-size: 30px;
}
.container_feafureProyects .container_feafureProyects_base .container_feafureProyects_base_subtitle {
  color: white;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
}
.container_feafureProyects .container_feafureProyects_base_button {
  padding: 10px 30px;
  margin-right: 20px;
  background: rgb(249, 51, 51);
  color: white;
  border: none;
  transition: 0.3s all ease;
}
.container_feafureProyects .container_feafureProyects_base_button:hover {
  background: white;
  color: rgb(28, 28, 28);
  cursor: pointer;
}

@media (min-width: 320px) and (max-width: 769px) {
  .container_feafureProyects {
    width: 100%;
    padding: 50px 20px;
    background: rgb(15, 15, 15);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .container_feafureProyects .container_feafureProyects_base {
    width: 100%;
    padding: 10px 0px;
    margin-left: initial;
    text-align: center;
  }
  .container_feafureProyects .container_feafureProyects_base .container_feafureProyects_base_title {
    color: white;
    font-size: 30px;
  }
  .container_feafureProyects .container_feafureProyects_base .container_feafureProyects_base_subtitle {
    color: white;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
  }
  .container_feafureProyects .container_feafureProyects_base_button {
    width: 200px;
    padding: 10px 30px;
    margin-right: initial;
    margin-top: 20px;
    background: rgb(249, 51, 51);
    color: white;
    border: none;
  }
}
.container_cuadroBig {
  width: 100%;
  height: 500px;
  padding: 20px;
  background: rgb(15, 15, 15);
}
.container_cuadroBig .container_cuadroBig_box {
  width: 100%;
  height: 400px;
  margin: auto;
  background: rgb(37, 37, 37);
  display: flex;
  justify-content: center;
  align-items: center;
}
.container_cuadroBig .container_cuadroBig_box .container_cuadroBig_box_image {
  width: 80%;
  height: 250px;
  box-shadow: 0px 0px 10px black;
  border-radius: 5px;
}
.container_cuadroBig .container_cuadroBig_title {
  margin-top: 5px;
  color: white;
}
.container_cuadroBig .containerUIDesing_vinculo {
  margin-top: 5px;
  color: rgb(249, 51, 51);
}
.container_cuadroBig .containerUIDesing_vinculo .iconVinculo {
  margin-left: 5px;
  color: rgb(249, 51, 51);
  transform: translateX(-20px);
  transition: 0.3s all;
  opacity: 0;
}
.container_cuadroBig:hover .containerUIDesing_vinculo {
  cursor: pointer;
}
.container_cuadroBig:hover .iconVinculo {
  color: white;
  transform: translateX(10px);
  opacity: 1;
}

@media (min-width: 481px) and (max-width: 769px) {
  .container_cuadroBig {
    width: 100%;
    height: initial;
    padding: 30px 10px;
    background: rgb(15, 15, 15);
  }
  .container_cuadroBig .container_cuadroBig_box {
    width: 100%;
    height: 300px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .container_cuadroBig .container_cuadroBig_box .container_cuadroBig_box_image {
    width: 90%;
    height: 230px;
    box-shadow: 0px 0px 10px black;
    border-radius: 5px;
  }
  .container_cuadroBig .container_cuadroBig_title {
    margin-top: 5px;
    color: white;
  }
  .container_cuadroBig .containerUIDesing_vinculo {
    margin-top: 2px;
    color: rgb(249, 51, 51);
    font-size: 16px;
    font-weight: 300;
  }
  .container_cuadroBig .containerUIDesing_vinculo .iconVinculo {
    margin-left: 5px;
    color: rgb(249, 51, 51);
    transform: translateX(-20px);
    transition: 0.3s all;
    opacity: 0;
  }
  .container_cuadroBig:hover .containerUIDesing_vinculo {
    cursor: pointer;
  }
  .container_cuadroBig:hover .iconVinculo {
    color: white;
    transform: translateX(10px);
    opacity: 1;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .container_cuadroBig {
    width: 100%;
    height: initial;
    padding: 30px 10px;
    background: rgb(15, 15, 15);
  }
  .container_cuadroBig .container_cuadroBig_box {
    width: 100%;
    height: 300px;
    margin: initial;
    display: initial;
    justify-content: initial;
    align-items: initial;
  }
  .container_cuadroBig .container_cuadroBig_box .container_cuadroBig_box_image {
    width: 100%;
    height: 230px;
    box-shadow: 0px 0px 10px black;
    border-radius: 5px;
  }
  .container_cuadroBig .container_cuadroBig_title {
    margin-top: 10px;
    color: white;
  }
  .container_cuadroBig .containerUIDesing_vinculo {
    margin-top: 2px;
    color: rgb(249, 51, 51);
    font-size: 16px;
    font-weight: 300;
  }
  .container_cuadroBig .containerUIDesing_vinculo .iconVinculo {
    margin-left: 5px;
    color: rgb(249, 51, 51);
    transform: translateX(-20px);
    transition: 0.3s all;
    opacity: 0;
  }
  .container_cuadroBig:hover .containerUIDesing_vinculo {
    cursor: pointer;
  }
  .container_cuadroBig:hover .iconVinculo {
    color: white;
    transform: translateX(0px);
    opacity: 1;
  }
}
.container_contact {
  width: 100%;
  padding: 100px 20px;
  background: rgb(46, 46, 46);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.container_contact .container_contact_block {
  width: 550px;
  padding: 10px 0px;
  margin-left: 20px;
}
.container_contact .container_contact_block .container_contact_block_title {
  color: white;
  font-size: 50px;
  line-height: 42px;
}
.container_contact .container_contact_block .container_contact_block_parrafo {
  margin-top: 20px;
  color: white;
}
.container_contact .container_contact_block_button {
  margin-right: 60px;
  padding: 10px 60px;
  background: rgb(249, 51, 51);
  border: none;
  color: white;
  text-transform: uppercase;
  transition: 0.2s all ease-in;
}
.container_contact .container_contact_block_button:hover {
  background: white;
  color: rgb(15, 15, 15);
  cursor: pointer;
}

@media (min-width: 320px) and (max-width: 899px) {
  .container_contact {
    width: 100%;
    padding: 100px 0px;
    background: rgb(46, 46, 46);
    display: flex;
    flex-direction: column;
    flex-wrap: initial;
    justify-content: space-between;
    align-items: center;
  }
  .container_contact .container_contact_block {
    width: 90%;
    padding: 10px 0px;
    margin-left: initial;
    text-align: center;
  }
  .container_contact .container_contact_block .container_contact_block_title {
    color: white;
    font-size: 35px;
    line-height: 38px;
  }
  .container_contact .container_contact_block .container_contact_block_parrafo {
    margin-top: 20px;
    color: white;
  }
  .container_contact .container_contact_block_button {
    margin-top: 30px;
    margin-right: initial;
    padding: 10px 60px;
    background: rgb(249, 51, 51);
    border: none;
    color: white;
    text-transform: uppercase;
    transition: 0.2s all ease-in;
  }
  .container_contact .container_contact_block_button:hover {
    background: white;
    color: rgb(15, 15, 15);
    cursor: pointer;
  }
}
.container_pagination {
  width: 100%;
  padding: 20px 0px;
  background: rgb(15, 15, 15);
}
.container_pagination .container_pagination_ul {
  width: 400px;
  padding: 10px 0px;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin: auto;
}
.container_pagination .container_pagination_ul .container_pagination_ul_li {
  width: 100px;
  padding: 10px 0px;
  text-align: center;
}
.container_pagination .container_pagination_ul .container_pagination_ul_li .li_enlace {
  text-decoration: none;
  color: white;
  transition: 0.1s all ease-out;
}
.container_pagination .container_pagination_ul .container_pagination_ul_li:hover .li_enlace {
  color: rgb(249, 51, 51);
}

@media (min-width: 320px) and (max-width: 480px) {
  .container_pagination {
    width: 100%;
    padding: 20px 0px;
    background: rgb(15, 15, 15);
  }
  .container_pagination .container_pagination_ul {
    width: 100%;
    padding: 10px 0px;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: initial;
  }
  .container_pagination .container_pagination_ul .container_pagination_ul_li {
    width: auto;
    padding: 10px 0px;
    text-align: center;
  }
  .container_pagination .container_pagination_ul .container_pagination_ul_li .li_enlace {
    font-size: 14px;
    text-decoration: none;
    color: white;
    transition: 0.1s all ease-out;
  }
  .container_pagination .container_pagination_ul .container_pagination_ul_li:hover .li_enlace {
    color: rgb(249, 51, 51);
  }
}
.container_footer {
  width: 100%;
  padding: 20px 0px;
  background: rgba(28, 28, 28, 0.639);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.container_footer .container_footer_logo {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
}
.container_footer .container_footer_logo .iconLogo {
  font-size: 35px;
  color: rgb(249, 51, 51);
}
.container_footer .container_footer_redes {
  width: 120px;
  padding: 5px 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}
.container_footer .container_footer_redes .container_footer_redes_box .icon {
  font-size: 20px;
  color: rgb(185, 185, 185);
}
.container_footer .container_footer_redes .container_footer_redes_box .icon:hover {
  color: rgb(249, 51, 51);
}
.container_footer .container_footer_detalle {
  padding: 10px 0px;
  margin-right: 20px;
}
.container_footer .container_footer_detalle .container_footer_detalle_text {
  font-size: 16px;
  color: rgb(249, 51, 51);
  margin-left: 5px;
}
.container_footer .container_footer_detalle span {
  margin-left: 10px;
  color: white;
  color: rgb(255, 255, 255);
  font-size: 16px;
}

@media (min-width: 320px) and (max-width: 480px) {
  .container_footer {
    width: 100%;
    padding: 20px 0px;
    background: rgba(28, 28, 28, 0.639);
    display: flex;
    flex-wrap: initial;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  .container_footer .container_footer_logo {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: initial;
  }
  .container_footer .container_footer_logo .iconLogo {
    font-size: 35px;
    color: rgb(249, 51, 51);
  }
  .container_footer .container_footer_redes {
    margin-top: 10px;
    width: 120px;
    padding: 5px 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
  }
  .container_footer .container_footer_redes .container_footer_redes_box .icon {
    font-size: 20px;
    color: rgb(185, 185, 185);
  }
  .container_footer .container_footer_redes .container_footer_redes_box .icon:hover {
    color: rgb(249, 51, 51);
  }
  .container_footer .container_footer_detalle {
    padding: 10px 0px;
    margin-right: initial;
  }
  .container_footer .container_footer_detalle .container_footer_detalle_text {
    font-size: 16px;
    color: rgb(249, 51, 51);
    margin-left: 5px;
  }
  .container_footer .container_footer_detalle span {
    margin-left: 10px;
    color: white;
    color: rgb(255, 255, 255);
    font-size: 16px;
  }
}
.botonSubir {
  width: 45px;
  height: 45px;
  position: fixed;
  bottom: 50px;
  right: 40px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.botonSubir .iconSubir {
  color: rgb(249, 51, 51);
  font-size: 40px;
  animation: mover;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  z-index: 50px;
}
@keyframes mover {
  from {
    transform: translateY(-5px);
    color: white;
  }
  to {
    transform: translateY(5px);
  }
}

.botonSubir_JS {
  opacity: 1;
}

/*# sourceMappingURL=main.css.map */