@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,400;0,900;1,500;1,900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');

body {
  font-family: 'Exo 2', sans-serif;
  font-weight: 400;
  font-size: 18px;
}

.row {
  overflow: hidden;
}  

h1, h2, h3, h4, h5, h6 {
  font-weight: 900;
  text-transform: uppercase;
}

.text-justify,
#privacy p {
  text-align: justify;
}

.navbar-bg,
.navbar-logo-color,
.navbar-logo-white {
  transition: .3s ease-in-out;
}

.navbar-toggler {
  border: none;
}

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

.navbar-toggler i {
  font-size: 1.5em;
  color: #00408A;
}

.nav-link {
  padding: 5px;
  margin: 3px;
}

.nav-link,
.dropdown-item {
  font-size: 18px;
  text-transform: uppercase;
}

.bg-static {
  background-color: #FFFFFF;
}

.bg-static .nav-link,
.bg-static .navbar-nav .nav-link.show {
  color: #00408A;
}

.bg-static .nav-link:hover,
.bg-static .navbar-nav .nav-link.show:hover {
  color: #002B5B;
}

.bg-active {
  background-color: #FFFFFF;
}

.bg-active .nav-link,
.bg-active .navbar-nav .nav-link.show {
  color: #00408A;
}

.bg-active .nav-link:hover,
.bg-active .navbar-nav .nav-link.show:hover {
  color: #002B5B;
}

.logo-switcher {
  position: relative;
  height: 70px;
}

.navbar-logo-white {
  position: absolute;
}

.navbar-logo-color {
  position: absolute;
  opacity: 0;
}

.navbar-nav .dropdown-menu {
  border: none;
}

.dropdown-item {
  color: #00408A;
}

.dropdown-item:hover,
.dropdown-item:active {
  color: #002B5B;
  background-color: #f8f9fa;
}

#hero,
#hero-section {
  background-color: #00408A;
}

#carouselHeroHome .carousel-inner,
#carouselHeroHomeSection .carousel-inner {
  position: relative;
}

#carouselHeroHome .slide-1 {
  background-image: url('../img/home-slider-1.jpg');
  background-size: cover;
  background-position: center;
  height: 800px;
}

#carouselHeroHome .slide-2 {
  background-image: url('../img/home-slider-2.jpg');
  background-size: cover;
  background-position: center;
  height: 800px;
}

#carouselHeroHome .slide-3 {
  background-image: url('../img/home-slider-3.jpg');
  background-size: cover;
  background-position: center;
  height: 800px;
}

#carouselHeroConsultoria .slide-1 {
  background-image: url('../img/consultoria-slider-1.jpg');
  background-size: cover;
  background-position: center;
  height: 500px;
}

#carouselHeroConsultoria .slide-2 {
  background-image: url('../img/consultoria-slider-2.jpg');
  background-size: cover;
  background-position: center;
  height: 500px;
}

#carouselHeroConsultoria .slide-3 {
  background-image: url('../img/consultoria-slider-3.jpg');
  background-size: cover;
  background-position: center;
  height: 500px;
}

#carouselHeroConectividad .slide-1 {
  background-image: url('../img/conectividad-slider-1.jpg');
  background-size: cover;
  background-position: center;
  height: 500px;
}

#carouselHeroConectividad .slide-2 {
  background-image: url('../img/conectividad-slider-2.jpg');
  background-size: cover;
  background-position: center;
  height: 500px;
}

#carouselHeroConectividad .slide-3 {
  background-image: url('../img/conectividad-slider-3.jpg');
  background-size: cover;
  background-position: center;
  height: 500px;
}

#carouselHeroComputo .slide-1 {
  background-image: url('../img/computo-slider-1.jpg');
  background-size: cover;
  background-position: center;
  height: 500px;
}

#carouselHeroComputo .slide-2 {
  background-image: url('../img/computo-slider-2.jpg');
  background-size: cover;
  background-position: center;
  height: 500px;
}

#carouselHeroComputo .slide-3 {
  background-image: url('../img/computo-slider-3.jpg');
  background-size: cover;
  background-position: center;
  height: 500px;
}

#carouselHeroServicios .slide-1 {
  background-image: url('../img/servicios-slider-1.jpg');
  background-size: cover;
  background-position: center;
  height: 500px;
}

#carouselHeroServicios .slide-2 {
  background-image: url('../img/servicios-slider-2.jpg');
  background-size: cover;
  background-position: center;
  height: 500px;
}

#carouselHeroServicios .slide-3 {
  background-image: url('../img/servicios-slider-3.jpg');
  background-size: cover;
  background-position: center;
  height: 500px;
}

.carousel-indicators [data-bs-target] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.hero-text {
  color: #FFFFFF;
  position: absolute;
  padding-top: 70px;
  height: 800px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  right: 0;
}

.hero-section-text {
  color: #FFFFFF;
  position: absolute;
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  right: 0;
}

#hero h1 {
  font-size: 45px;
}

#hero .lead {
  font-size: 25px;
}

.btn-one {
  background-color: #45FF92;
  border-radius: 5px;
  font-size: 18px;
  text-transform: uppercase;
  color: #00408A;
  border: #45FF92;
  padding: 8px 15px;
}

.btn-one:hover,
.btn-one:active {
  background-color: #35e27d !important;
  color: #00408A !important;
  border: #35e27d !important;
}

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

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

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

#soluciones,
#contacto,
#thank-you,
footer {
  background: linear-gradient(90deg, #0255B5 0%, #002B5B 100%);
}

#soluciones h2,
#contacto h2 {
  color: #FFFFFF;
}

.solution-item {
  text-decoration: none;
}

#soluciones .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 );
}

#soluciones .card .card-title,
#soluciones .card ul {
  color: #FFFFFF;
}

#nosotros h2,
#ecosistema h2,
#certificaciones h2,
#consultoria h2,
#conectividad h2,
#computo h2,
#servicios h2,
#privacy h2 {
  color: #00408A;
}

.img-rounded {
  border-radius: 10px;
}

#conectividad .card {
  border: solid 3px #00408A;
  border-radius: 10px;
}

.slick-slide {
  margin: 0px 20px;
}

.logo-carousel {
  overflow: inherit;
}

.cert-carousel {
  overflow: inherit;
}

.slick-slide img {
  width: 100%;
}

.slick-track::before,
.slick-track::after {
  display: table;
  content: '';
}

.slick-track::after {
  clear: both;
}

.slick-track {
  padding: 1rem 0;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-arrow {
  position: absolute;
  top: 50%;
  background: url('../img/arrow.svg') center no-repeat;
  border: none;
  width: 2rem;
  height: 1.5rem;
  text-indent: -10000px;
  margin-top: -18px;
  z-index: 99;
}

.slick-arrow.slick-next {
  right: 0px;
  transform: rotate(180deg);
}

.slick-arrow.slick-prev {
  left: 0px;
}

#map {
  height: 400px;
}

.form-label {
  color: #FFFFFF;
}

.form-control,
.form-select {
  background-color: transparent;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  box-shadow: none;
}

.form-control:focus,
.form-select:focus {
  background-color: transparent !important;
  border: 2px solid #45FF92 !important;
  box-shadow: none !important;
  color: #FFFFFF !important;
}

.form-select {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='white' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")
}

#thank-you .row  {
  height: calc(100vh - 150px);
}

#thank-you h2,
#thank-you p {
  color: #FFFFFF
}

footer,
.footer-links a {
  color: #FFFFFF;
}

.footer-social .fa-stack-2x {
  color: #45FF92;
}

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

.fa-stack {
  font-size: 1.5em;
}

/* Media Queries */


@media (min-width: 576px) {

}

@media (min-width: 768px) {
  .slick-arrow {
    width: 1rem;
    height: 1rem;
  }

  #hero h1 {
    font-size: 55px;
  }
  
  #hero .lead {
    font-size: 35px;
  }
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {
  .bg-static {
    background-color: transparent;
  }
  
  .bg-static .nav-link,
  .bg-static .navbar-nav .nav-link.show {
    color: #FFFFFF;
  }
  
  .bg-static .nav-link:hover,
  .bg-static .navbar-nav .nav-link.show:hover {
    color: #f8f9fa;
  }
  
  .bg-active {
    background-color: #FFFFFF;
  }
  
  .bg-active .nav-link,
  .bg-active .navbar-nav .nav-link.show {
    color: #00408A;
  }
  
  .bg-active .nav-link:hover,
  .bg-active .navbar-nav .nav-link.show:hover {
    color: #002B5B;
  }

  .store-btn .nav-link {
    background-color: #45FF92;
    color:#00408A;
    border-radius: 5px;
    align-items: center;
    transition: .3s ease-in-out;
  }
  
  .store-btn .nav-link:hover {
    color:#00408A;
    background-color: #35e27d !important;
  }

  .action-btn .nav-link {
    background-color: #00408A;
    color: #FFFFFF;
    border-radius: 5px;
    align-items: center;
    transition: .3s ease-in-out;
  }
  
  .action-btn .nav-link:hover {
    color: #FFFFFF;
    background-color: #002B5B;
  }
}

@media (min-width: 1400px) {

}