@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Oswald:wght@200..700&display=swap");
body {
  background-color: #181818;
  color: #EEE;
  font-family: "Lato", sans-serif;
}

h1, h2, h3, h4, h5 {
  font-family: "Lato", sans-serif;
}

p {
  font-family: "Lato", sans-serif;
}

.nav-link {
  font-family: "Lato", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}

.form-control {
  border-radius: 0px;
}

.brand {
  width: 200px;
  height: auto;
}

.py-7 {
  padding: 7rem 0rem;
}

.px-7 {
  padding: 0px 7rem;
}

.py-10 {
  padding: 10rem 0rem;
}

.py-12 {
  padding: 12rem 0rem;
}

.section-title {
  text-align: center;
  margin-bottom: 2rem;
  font-weight: 700;
}

.section-img {
  border-radius: 20px;
}

.section-title-badge {
  border-radius: 4px;
  padding: 5px;
  background-color: #0d178e;
}

.section-title-badge-alt {
  border-radius: 4px;
  padding: 5px;
  background-color: #EEE;
  color: #080d4e;
}

.bg-hero {
  background-image: url("../images/bg-hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.bg-navdark {
  background-color: rgba(24, 24, 24, 0.75);
}

.bg-primary {
  background-color: #0d178e !important;
}

.bg-secondary {
  background-color: #080d4e !important;
}

.bg-pattern {
  background-color: #080d4e;
  opacity: 0.8;
  background-image: radial-gradient(#0d178e 0.5px, #080d4e 0.5px);
  background-size: 10px 10px;
}

.btn-primary {
  color: white;
  background: #0d178e;
  border: none;
  border-radius: 0px;
  font-weight: 600;
}

.btn-secondary {
  color: white;
  background: #181818;
  border: none;
  border-radius: 0px;
  font-weight: 600;
}

.py-75 {
  padding: 75px 0px;
}

.btn-primary:hover {
  color: white;
  background: #080d4e;
  border: none;
}

.btn-outline-light {
  border-radius: 0px;
}

#services {
  position: relative;
  bottom: 100px;
}

#services .card {
  border-radius: 0px;
  border: none;
  color: #EEE;
  height: 160px;
}

.icon-card {
  display: flex;
  justify-content: center;
}

.accordion {
  --bs-accordion-color: white;
  --bs-accordion-bg:#181818;
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: #0d178e;
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="%23212529" stroke-linecap="round" stroke-linejoin="round"%3e%3cpath d="M2 5L8 11L14 5"/%3e%3c/svg%3e);
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="%23052c65" stroke-linecap="round" stroke-linejoin="round"%3e%3cpath d="M2 5L8 11L14 5"/%3e%3c/svg%3e);
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-button:not(.collapsed) {
  color: white;
  background-color: #0d178e;
  box-shadow: none;
}

.accordion-button {
  width: 100%;
  color: white;
  background-color: var(--bs-accordion-btn-bg);
}

.accordion-button:focus {
  box-shadow: none;
}

.accordion-button:after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}

.parallax {
  background-image: url("../images/parallax.jpg");
  background-size: cover;
  background-position: center;
}

.parallax-2 {
  background-image: url("../images/parallax2.jpg");
  background-size: cover;
  background-position: center;
}

.parallax div {
  position: relative;
  top: 40%;
  font-weight: 700;
  text-align: center;
}

.parallax-2 div {
  position: relative;
  top: 40%;
  font-weight: 700;
  text-align: center;
}

#soluciones .card {
  background-color: #080d4e;
  color: white;
  height: 150px;
}

.modal-content {
  color: #181818;
}

.modal-title {
  font-weight: 600;
  color: #EEE;
}

.modal-header {
  background-color: #0d178e;
}

.btn-close {
  --bs-btn-close-color: $lightgray;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

.h-350px {
  max-height: 350px;
}

#beneficios .card {
  background-color: #EEE;
  color: #0d178e;
  height: 100px;
}

.pricing {
  background-color: #181818;
  padding: 15px;
  border-radius: 6px;
  border: 1px solid white;
}

.pricing-content {
  height: 350px;
  overflow: scroll;
}

.title-pricing {
  text-align: center;
  font-weight: 700;
}

.txt-primary {
  color: #080d4e;
}

.bg-zero-trust {
  background-image: url("../images/parallax2.jpg");
}

#formulario .form-control {
  border: 2px solid #080d4e;
}

.input-group > .intl-tel-input.allow-dropdown {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  color: black;
}

.input-group > .intl-tel-input.allow-dropdown > .flag-container {
  z-index: 4;
}

.iti-flag {
  background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags.png");
}

.country-name {
  color: #080d4e !important;
}

.dial-code {
  color: #080d4e !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags@2x.png");
  }
}
::-webkit-inner-spin-button {
  height: auto;
  display: none;
}

.py-150 {
  padding: 150px 0px;
}

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