@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');

body {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  color: #000000 !important;
}

.py-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-section {
  padding-top: 100px;
}

.pb-section {
  padding-bottom: 100px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
}

.btn {
  padding: 8px 15px;
  border-radius: 15px;
}

.btn-one {
  background-color: #15BBD1;
  color: #FFFFFF;
}

.btn-one:hover,
.btn-one:focus,
.btn-one:active {
  background-color: #08A6B2 !important;
  color: #FFFFFF !important;
}

.navbar-toggler,
.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
  border: none;
}

.navbar-toggler i {
  color: #08A6B2;
  font-size: 1.5em;
}

.dropdown-menu {
  border: none;
  border-radius: 0;
  color: #000000 !important;
}

.dropdown-item {
  color: #000000 !important;
}

.dropdown-item.active, .dropdown-item:active,
.dropdown-item.hover, .dropdown-item:hover {
  background-color: transparent;
  color: #000000 !important;
}

.nav-link {
  font-weight: 400;
  color: #000000 !important;
}

.nav-link:hover,
.nav-link:focus,
.nav-link:active {
  color: #15BBD1;
}

h2 span {
  color: #15BBD1;
}

#hero {
  background: url('../img/hero-bg.jpg');
  background-size: cover;
  background-position: 80% center;
}

#hero-gtm {
  background: url('../img/hero-gtm-bg.jpg');
  background-size: cover;
  background-position: center;
}

#hero-inmersion {
  background: url('../img/hero-inmersion-bg.jpg');
  background-size: cover;
  background-position: center;
}

#hero-smeaas {
  background: url('../img/hero-smeaas-bg.jpg');
  background-size: cover;
  background-position: center;
}

#hero .row {
  height: 800px;
}

#hero-gtm .row,
#hero-inmersion .row,
#hero-smeaas .row {
  height: 400px;
}

#hero, 
#hero-gtm,
#hero-inmersion,
#hero-smeaas {
  color: #FFFFFF;
}

#hero span,
#hero-gtm span,
#hero-inmersion span,
#hero-smeaas span {
  font-weight: 700;
}

#hero .lead, 
#hero-gtm .lead,
#hero-inmersion .lead,
#hero-smeaas .lead {
  font-size: 1.5em;
}

#promesa i {
  margin-right: 5px;
  color: #15BBD1;
}

#oferta {
  background: linear-gradient(62deg, #22B8CF 14.88%, #1A7985 73.33%);
  color: #FFFFFF
}

#oferta a {
  text-decoration: none;
}

#oferta .card {
  border-radius: 0;
  padding: 5%;
  background: rgba( 255, 255, 255, 0.25 );
  box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
  backdrop-filter: blur( 4px );
  -webkit-backdrop-filter: blur( 4px );
  border-radius: 10px;
  border: 1px solid rgba( 255, 255, 255, 0.18 );
  color: #FFFFFF
}

#inmersion .inmersion-img-home {
  width: 80%;
  max-width: 600px;
}

#smeaas .smeaas-img-home {
  width: 80%;
  max-width: 600px;
}

#gtm .gtm-img {
  width: 100%;
}

#intervencion .intervencion-img {
  width: 100%;
}

#inmersion .inmersion-img {
  width: 100%;
}

#smeaas .smeaas-img {
  width: 100%;
}

#intervencion .card {
  background-color: #15BBD1;
  border-radius: 10px;
  border: 3px solid #757575;
  color: #FFFFFF;
}

#intervencion .card .card-body {
  min-height: 135px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#contacto,
#footer {
  background-color: #D9D9D9;
}


.form-control,
.form-select {
  border: none;
  border-bottom: 2px solid #757575;
  border-radius: 0;
  background-color: transparent;
  min-height: 40px;
}


.form-control:hover,
.form-control:focus,
.form-select:hover,
.form-select:focus {
  border: none;
  border-bottom: 2px solid #3b3b3b;
  border-radius: 0;
  background-color: transparent;
  min-height: 40px;
  box-shadow: none;
}

footer {
  background-color: #f0f0f0;
}

footer a {
  color: #15BBD1;
  text-decoration: none;
}

footer a:hover {
  color: #08A6B2;
}

.social-footer a {
  text-decoration: none;
}

.social-footer .fa-2x {
  font-size: 1.6em;
}

.social-footer .fa-inverse {
  color: #f0f0f0;
} 

#thank-you .row {
  min-height: 80vh;
  display: flex;
  align-items: center;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

  #gtm .gtm-img {
    width: 90%;
  }

  #intervencion .intervencion-img {
    width: 90%;
  }

  #inmersion .inmersion-img {
    width: 90%;
  }

  #smeaas .smeaas-img {
    width: 90%;
  }

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

  #gtm .gtm-img {
    width: 70%;
  }

  #intervencion .intervencion-img {
    width: 70%;
  }

  #inmersion .inmersion-img {
    width: 70%;
  }

  #smeaas .smeaas-img {
    width: 70%;
  }

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 

}