@import url("https://fonts.googleapis.com/css2?family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #000035;
  font-family: "Ubuntu Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.mainSection {
  flex-grow: 1;
  margin-top: 97px;
}

:root {
  --backgroundMain: #000035;
  --bg-darkBlue: #0c0628;
  --bg-header: #000035;
}

.header .nav-item {
  font-weight: bold;
}

.header .nav-item.active .a {
  color: red;
}

.header .nav-item.active .a:hover {
  text-decoration: none;
}

.header .nav-item a {
  color: rgba(255, 255, 255, 0.836);
  text-decoration: none;
}

.header .nav-item a:hover {
  text-decoration: none;
  color: #cacaf1;
}

.header .current-menu-item a {
  color: rgb(255, 255, 255) !important;
}

.bg-header {
  background: var(--bg-header);
}

.bg-home {
  background: var(--backgroundMain);
}
.bg-darkBlue {
  background: var(--bg-darkBlue);
}
.border-navbar {
  border-bottom: 1px solid #9e9ca81c;
}

.hover-desk-cards {
  transition: all 0.5s;
}

.hover-desk-cards:hover {
  background-color: #040424;
  border: 1px solid white;
  transition: all 0.5s;
  cursor: default;
}
.card-contacto {
  background-color: #040424;
  border: 1px solid white;
  transition: 0.15s;
}
.card-contacto:hover {
  border-color: #0a58ca;
  transition: 0.15s;
}

.swiffy-slider .slider-nav {
  visibility: visible !important  ;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #ffffff44;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #ffffff44;
}
.btn-widthPage {
  background: radial-gradient(circle at 150% 50%, black, #000035);
}

.wpcf7-form.init label {
  width: 100%;
  max-width: inherit;
}
.wpcf7-form.init input,
.wpcf7-form.init textarea {
  padding: 0.375rem 0.75rem;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="number"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  background-color: #040424;
  color: #ffffff;
  width: 100%;
  border: 1px solid white;
  transition: 0.15s;
  border-radius: 0.2rem;
}
.wpcf7 input[type="text"]:hover,
.wpcf7 input[type="number"]:hover,
.wpcf7 input[type="email"]:hover,
.wpcf7 textarea:hover {
  border-color: #0a58ca;
  transition: 0.15s;
}

/* .slider-container .width-cards-home{
  width: 17rem;
  margin: 0 65px;
} */

.card-subtitle p {
  margin-bottom: 0;
}

@media all and (min-width: 1400px) {
  .empty-box {
    width: 593.55px;
  }
  .mainSection {
    margin-top: 0rem;
  }
}

@media all and (min-width: 1200px) and (max-width: 1399px) {
  .empty-box {
    width: 503.55px;
  }
}

@media all and (min-width: 991px) and (max-width: 1199px) {
  .empty-box {
    width: 413.58px;
  }
}

@media all and (max-width: 990px) {
  .empty-box {
    width: 56px;
  }

  .btn-widthPage {
    width: 100%;
    background: radial-gradient(circle at 190% 50%, black, #000035);
  }
}

@media all and (min-width: 576px) and (max-width: 677px) {
}

@media all and (max-width: 575px) {
}