@import url('https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@300;400;500;700&display=swap');

body{
  overflow: hidden !important;
}
.logo{
  padding-left: 2rem !important;
}
.navbar{
  min-width: 100vw !important;
  max-width: 100vw !important;
  overflow: hidden !important;
}
.navbar-menu{
  padding-right: 2rem;
}
.navbar-item {
  font-size: 1.2rem !important;
}
.navbar-item:hover {
  background-color: white !important;
  color: black !important;
}
/* HERO */

.hero{ 
  background-color: #031117;
}
.is-white{
  color:rgb(223, 221, 221);
  font-weight: 700;
}

/*SEGUNDO HERO*/
.titulo{
  margin-bottom: 1.8rem !important;
}
.animated{
  animation: fadeIn;
  animation-duration: 4.3s;
}
/*CARDS WHY US*/
.card{
  min-height: 70vh !important;
  max-height: 70vh !important;
}
.card-icon{
  height: 100px;
}

#card-product-description {
  color: #26a9e0;
}

.card:hover {
  transform: scale(1.02);
  border-top: 5px solid #29bb89;
}

.is-white-text-title {
  color: white !important;
  text-transform: uppercase;
}

/* ABOUT US */
.aboutus-bg{
  background-image: url(../vector/vector1-freep/ilus-aboutus.svg);
  background-position: bottom right;
  background-repeat:  no-repeat;
  background-attachment: local;
  background-size: 50vw;
  background-color: white;
  overflow: visible;
}
.underlined{
  text-decoration: underline;
  text-decoration-color: #84fab0; 
  text-decoration-thickness: 4px;
}

.about-us__title{
  border: 10px inset #26a9e0;
}

@media (max-width:800px){
  .aboutus-bg{
    background-image: none;
  }
}

/* COLORES SERVICIOS */
.text-link{
  color: #4a4a4a !important;
}
.services-container{
/*   min-height: 60vh !important;*/
  max-height: 90vh !important; 
  margin: 2rem 1rem;
  max-width: 80vw !important;
}
.services-col{
  min-height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.services-text{
  min-height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 1.2rem;
  color: #031117 !important;
}
.text-color-black{
  color: #031117 !important;
}
.services-img{
  min-height: 100% !important;
  max-height: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover;
}
@media (max-width:480px) {
  .services-col{
    display:none !important;
  }
}
.azul{
  background-color: #26A9E0;
  margin-bottom: 2rem;
  margin-top: 1rem;
}
.celeste{
  background-color: #9BD1E8;
  margin-bottom: 2rem;
  margin-top: 1rem;
}
.verdecito{
  background-color: rgb(105, 207, 171);
  margin-bottom: 2rem;
  margin-top: 1rem;
}
.verde{
  background-color: #29bc89;
  margin-bottom: 2rem;
  margin-top: 1rem;
}
.naranja{
  background-color: #F5AF74;
  margin-bottom: 2rem;
  margin-top: 1rem;
}
.rojo{
  background-color: #FF4848;
  margin-bottom: 2rem;
  margin-top: 1rem;
}

#contact-section {
  height: 500px;
  align-items: center;
  justify-content: center;
  display: flex;
  margin-top: 50px;
  margin-bottom: 100px;
  overflow: hidden;
}

input.is-custom-field {
  border-bottom: 0.8px solid #252525 !important;
  outline: none;
  border: none;
  box-shadow: none !important;
  border-radius: unset;
}

textarea {
  border-bottom: 0.8px solid #252525 !important;
  outline: none !important;
  border: none;
  box-shadow: none !important;
  border-radius: unset;
  border-color: none !important;
  outline-color: none !important;
}

.footer-main {
  background-color: white !important;
  padding: 0 !important;
}

.footer-secondary {
  padding: 20px;
  margin-top: 20px;
}

.button.is-black {
  background-color: black !important;
  color: white !important;
}

.button.is-orange {
  background-color: #fc5d35 !important;
  color: white !important;
}
  
.services-heading{
  margin-bottom: 5rem;
}

.button.is-orange:hover {
  background-color: white !important;
  color: #fc5d35 !important;
}
.button.is-black:hover {
  background-color: white !important;
  color: black !important;
}

.is-black-social {
  color: black !important;
}
.is-black-social:hover {
  background-color: white !important;
  color: #fc5d35 !important;
}
label{
  text-align: left;
}
#contact-section{
  background-image: url(../vector/vector2-freep/5889672.svg );
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: local;
/*   overflow: visible;
 */  background-color: white;
  max-width: 100vw !important;
}
.input .textarea{
  background-color: hsla(216, 100, 100, 0.1) !important;
}
/* THANK YOU PAGE */

#thank-you-bg{
  background-image: url(../vector/vector3-vect/shipyard.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: local;
}

.black-shadow{
  background: linear-gradient(
    to right,
    hsla(0, 0%, 5%, 0.91) 0%,
    hsla(0, 0%, 5%, 0.897) 9.8%,
    hsla(0, 0%, 5%, 0.869) 18.5%,
    hsla(0, 0%, 5%, 0.826) 26.3%,
    hsla(0, 0%, 5%, 0.771) 33.3%,
    hsla(0, 0%, 5%, 0.706) 39.7%,
    hsla(0, 0%, 5%, 0.634) 45.6%,
    hsla(0, 0%, 5%, 0.557) 51.1%,
    hsla(0, 0%, 5%, 0.476) 56.4%,
    hsla(0, 0%, 5%, 0.394) 61.6%,
    hsla(0, 0%, 5%, 0.313) 67%,
    hsla(0, 0%, 5%, 0.235) 72.5%,
    hsla(0, 0%, 5%, 0.163) 78.5%,
    hsla(0, 0%, 5%, 0.098) 84.9%,
    hsla(0, 0%, 5%, 0.043) 92.1%,
    hsla(0, 0%, 5%, 0) 100%
  ); 
}

/* ERROR 404 */
#error-bg{
  background-image: url(../vector/vector5/Error\ Trash.svg);
  background-position: center;
  background-size:contain;
  background-repeat: no-repeat;
  background-attachment: local;
  z-index: 120;
}
/* .error-text{
  text-shadow: rgb(0, 0, 0) 3px 0px 0px, rgb(0, 0, 0) 2.83487px 0.981584px 0px, 
  rgb(0, 0, 0) 2.35766px 1.85511px 0px, rgb(0, 0, 0) 1.62091px 2.52441px 0px, rgb(0, 0, 0) 0.705713px 2.91581px 0px, 
  rgb(0, 0, 0) -0.287171px 2.98622px 0px, rgb(0, 0, 0) -1.24844px 2.72789px 0px, rgb(0, 0, 0) -2.07227px 2.16926px 0px, 
  rgb(0, 0, 0) -2.66798px 1.37182px 0px, rgb(0, 0, 0) -2.96998px 0.42336px 0px, rgb(0, 0, 0) -2.94502px -0.571704px 0px, 
  rgb(0, 0, 0) -2.59586px -1.50383px 0px, rgb(0, 0, 0) -1.96093px -2.27041px 0px, rgb(0, 0, 0) -1.11013px -2.78704px 0px, 
  rgb(0, 0, 0) -0.137119px -2.99686px 0px, rgb(0, 0, 0) 0.850987px -2.87677px 0px, rgb(0, 0, 0) 1.74541px -2.43999px 0px, 
  rgb(0, 0, 0) 2.44769px -1.73459px 0px, rgb(0, 0, 0) 2.88051px -0.838247px 0px;
} */
.error-card{
  background-color: #031117c5;
  min-height: 40vh !important;
  max-height: 40vh !important;
}