* {
  font-family: "Roboto", sans-serif;
  box-sizing: border-box;
}

body {
  margin: 0;
  overflow-x: hidden;
  box-sizing: border-box;
  max-width: 1920px;
  margin: auto;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul {
  margin-block-start: 0;
  margin-block-end: 0;
}

nav.navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  max-width: 1920px;
  z-index: 1000;
  background: linear-gradient(0deg, #132132 0%, rgba(19, 33, 50, 0.5) 100%);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  /* height: 80px; */
  padding: 1rem 0;
}

@media (min-width: 992px) {
  nav.navbar {
    /* height: 100px; */
    padding: 1rem 0;
  }
}

nav.navbar .navbar-brand img {
  width: 95px;
  height: 24px;
}


nav.navbar button.navbar-toggler {
  border: unset;
}

nav.navbar button.navbar-toggler .navbar-toggler-icon {
  border: unset;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

nav.navbar div.navbar-collapse ul li a {
  color: white;
}

nav.navbar div.navbar-collapse ul li a.active {
  color: #EFB83C;
}

nav.navbar div.navbar-collapse ul li a.email {
  text-decoration: underline;
}

.modal {
  --bs-modal-width: 338px;
}

@media (min-width: 992px) {
  .modal {
    --bs-modal-width: 900px;
  }
}

.modal .modal-dialog .modal-content {
  height: 655px;
  --bs-modal-width: 100%;
  max-width: 338px;
  margin: auto;
}

@media (min-width: 992px) {
  .modal .modal-dialog .modal-content {
    max-width: 600px;
    height: 500px;
  }
}

.modal .modal-dialog .modal-content .modal-body {
  display: flex;
  justify-content: flex-end;
  background-image: url("../jpg/modal-mob.jpg");
  background-size: cover;
  margin: 0.5rem;
}

@media (min-width: 992px) {
  .modal .modal-dialog .modal-content .modal-body {
    background-image: url("../jpg/modal-desk.jpg");
  }
}

.modal .modal-dialog .modal-content .modal-body .btn-close-white {
  --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.414'/%3e%3c/svg%3e");
  opacity: unset;
  --bs-btn-close-filter: invert(0) grayscale(100%) brightness(200%);
  transform: scale(1.5);
}

section.hero {
  height: 780px;
  background-position: bottom;
  background-size: cover;
  display: flex;
  padding-top: 170px;
}


@media (min-width: 992px) {
  section.hero {
    padding-top: 280px;
  }
}

@media (min-width: 1920px) {
  section.hero {

    padding-top: 280px;
  }
}

section.hero .title {
  font-weight: 700;
  font-size: 32px;
  color: #fff;
  margin-bottom: 2rem;
  text-align: center;
}

section.hero .title span {
  color: #EFB83C;
}

section.hero .subtitle {
  font-weight: 400;
  font-size: 24px;
  color: #fff;
  text-align: center;
}


section.hero-contact {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 380px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}

@media (min-width: 992px) {
  section.hero-contact {
    height: 340px;
  }
}

section.hero-contact .title {
  font-weight: 700;
  font-size: 24px;
  color: #fff;
  text-align: center;
}

section.hero-contact .title span {
  color: #EFB83C;
}


section.software {
  padding: 5.5rem 0;
}



section.software div.title-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

section.software div.title-container img {
  margin: auto;
  margin-bottom: 4.5rem;
}


section.software div.title-container h2 {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 4.5rem;
  text-align: center;
}

section.software div.title-container h2 span {
  color: #EFB83C;
}

section.software div.software-attributes {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  flex-direction: column;
}

@media (min-width: 992px) {
  section.software div.software-attributes {

    margin-bottom: 0;

  }
}



section.software div.software-attributes p {
  text-align: center;
  font-size: 20px;
  color: #000;
}

@media (min-width: 992px) {
  section.software div.software-attributes p {
    font-size: 18px;
  }
}

section.carrousel {
  padding: 8.5rem 0;
  background-image: url("../jpg/carrousel.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
}

section.carrousel h5 {
  font-size: 36px;
  color: #EFB83C;
  margin-bottom: 3.5rem;
  font-weight: 700;
  text-align: left;
}

section.carrousel p.subtitle {
  font-size: 24px;
  color: #FFFFFF;
  margin-bottom: 3.5rem;
  font-weight: 400;
  text-align: left;
}


section.carrousel div.swiper div.card-slide {
  border: 1px solid rgb(239, 184, 60);
  height: 385px;
  border-radius: 1px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

section.carrousel div.swiper div.card-slide div.header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2rem 1rem 2rem;
}

section.carrousel div.swiper div.card-slide div.header p {
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  text-align: center;
}

section.carrousel div.swiper div.card-slide div.body {
  padding: 0rem 1.5rem 1.5rem 1.5rem;
  height: -webkit-fill-available;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  overflow: hidden;
}

@media (min-width: 768px) {
  section.carrousel div.swiper div.card-slide div.body {
    padding: 0rem 1.5rem 1rem 1.5rem;

  }
}



section.carrousel div.swiper div.card-slide div.body img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain
}

section.carrousel div.swiper div.swiper-wrapper {
  margin-bottom: 4rem;
}

section.carrousel div.swiper div.button-container div.swiper-button-next {
  display: none;
  top: 45%;
}

@media (min-width: 768px) {
  section.carrousel div.swiper div.button-container div.swiper-button-next {
    display: block;
    color: #FFFFFF;
    font-weight: 700;
  }
}

section.carrousel div.swiper div.button-container div.swiper-button-prev {
  display: none;
  top: 45%;
}

@media (min-width: 768px) {
  section.carrousel div.swiper div.button-container div.swiper-button-prev {
    display: block;
    color: #FFFFFF;
    font-weight: 700;
  }
}

section.carrousel div.swiper div.swiper-pagination span.swiper-pagination-bullet {
  background-color: rgba(255, 255, 255, 0.5019607843);
  opacity: unset;
}

section.carrousel div.swiper div.swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #EFB83C;
}

section.team {
  padding: 5.5rem 0 4.5rem 0;
}


section.team div.title-container {
  flex-direction: column;
  justify-content: center;
}

section.team div.title-container img {
  margin: auto;
  margin-bottom: 4.5rem;
}

section.team div.title-container h2 {
  font-weight: 700;
  font-size: 24px;
  text-align: center;
}

section.team div.title-container h2 span {
  color: #EFB83C;
}

section.contact {
  padding: 5.5rem 0;
}


section.contact div.title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}


section.contact div.title p {
  font-weight: 700;
  font-size: 36px;
  color: #000000;
  margin-bottom: 2rem;
  text-align: left;
  text-transform: uppercase;
}


section.contact div.list-contact {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
  gap: 1rem;
  justify-content: flex-start;
}

section.contact div.list-contact a {
  font-weight: 400;
  font-size: 22px;
  color: #000000;
  text-decoration: unset;
  text-align: center;
}


section.contact form input {
  display: block;
  height: 32px;
  margin-bottom: 1rem;
  border: unset;
  border-radius: 4px;
  font-size: 22px;
  font-weight: 400;
  color: #fff;
  padding: 1rem;
  background-color: rgba(19, 33, 50, 0.6);
  width: 100%;
}

input:-internal-autofill-selected {
  background-color: rgba(19, 33, 50, 0.6);
}

section.contact .notice.success {
  background-color: #d4edda;
  border-color: #c3e6cb;
  font-size: 16px;
  color: #000;
  position: relative;
  padding: .75rem 1.25rem;
  margin-top: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}

section.contact .notice.error {
  background-color: #f8d7da;
  border-color: #f5c6cb;
  font-size: 16px;
  color: #000;
  position: relative;
  padding: .75rem 1.25rem;
  margin-top: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}


section.contact form textarea {
  height: 170px;
  margin-bottom: 1rem;
  border: unset;
  border-radius: 4px;
  font-size: 22px;
  font-weight: 400;
  color: #fff;
  padding: 1rem;
  background-color: rgba(19, 33, 50, 0.6);
  width: 100%;
}

section.contact form input::placeholder,
section.contact form textarea::placeholder {
  color: rgba(255, 255, 255, 1);
}

section.contact form button {
  display: block;
  border: unset;
  -webkit-appearance: unset;
  -moz-appearance: unset;
  appearance: unset;
  border-radius: 4px;
  padding: 0.5rem 1.5rem;
  background-color: #EFB83C;
  color: #000000;
  margin-left: auto;
}

section.contact .section-1 {
  margin-bottom: 2rem;
}

footer {
  background-image: url("../jpg/footer-bg.jpg");
  background-size: cover;
  padding: 5rem 0 2rem 0;
}

footer div.contact {
  margin-bottom: 2rem;
}

footer div.contact .title {
  border-bottom: 1px solid #EFB83C;
  margin-bottom: 1rem;
}

footer div.contact .title p {
  font-weight: 700;
  font-size: 16px;
  color: #fff;
}

footer div.contact .contact-list a,
footer div.contact .contact-list span {
  display: block;
  font-weight: 300;
  font-size: 16px;
  color: #fff;
  text-decoration: unset;
  margin-bottom: 0.5rem;
}

footer div.contact-form .title {
  border-bottom: 1px solid #EFB83C;
  margin-bottom: 1rem;
}

@media (min-width: 576px) {
  footer div.contact-form .title {
    max-width: unset;
  }
}

footer div.contact-form .title p {
  font-weight: 700;
  font-size: 16px;
  color: #fff;
}

footer div.contact-form form input {
  display: block;
  height: 32px;
  width: 100%;
  margin-bottom: 1rem;
  border: unset;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  color: #000;
  padding: 0.5rem;
  background-color: rgba(255, 255, 255, 0.5);
}

footer div.contact-form form textarea {
  height: 88px;
  width: 100%;
  margin-bottom: 1rem;
  border: unset;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  color: #000;
  padding: 0.5rem;
  background-color: rgba(255, 255, 255, 0.5);
}

footer div.contact-form form input::placeholder,
footer div.contact-form form textarea::placeholder {
  color: rgba(0, 0, 0, 1);
}

@media (min-width: 992px) {
  footer div.contact-form form {
    max-width: 330px;
  }


}




footer div.contact-form form button {
  display: block;
  border: unset;
  -webkit-appearance: unset;
  -moz-appearance: unset;
  appearance: unset;
  border-radius: 4px;
  padding: 0.5rem 1.5rem;
  background-color: #EFB83C;
  color: #000000;
  margin-left: auto;
}

footer .notice.success {
  background-color: #d4edda;
  border-color: #c3e6cb;
  font-size: 16px;
  color: #000;
  position: relative;
  padding: .75rem 1.25rem;
  margin-top: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}

footer .notice.error {
  background-color: #f8d7da;
  border-color: #f5c6cb;
  font-size: 16px;
  color: #000;
  position: relative;
  padding: .75rem 1.25rem;
  margin-top: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}

footer div.copyright {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-top: 7rem;


}

@media (min-width: 1200px) {
  footer div.copyright {
    margin-top: 3rem;
  }

}

footer div.copyright p {
  font-weight: 700;
  font-size: 8px;
  color: #fff;

}

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