html body {
  background-image: url(../img/background-body-fuseaccess.png);
  background-size: cover;
  background-repeat: no-repeat;
  font-family: "Poppins", sans-serif;
}

.banner {
  margin-top: 102px;
}
.banner h1 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 60px;
  line-height: 67px;
  letter-spacing: 0%;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 768px) {
  .banner h1 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media (max-width: 576px) {
  .banner h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
.banner p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0%;
  text-align: center;
  color: #ffffff;
}
.banner img {
  margin-bottom: 127px;
}

.avantages .avantages-column-left h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 75px;
  line-height: 81px;
  letter-spacing: 0%;
  color: #ffffff;
}
@media (max-width: 768px) {
  .avantages .avantages-column-left h2 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media (max-width: 576px) {
  .avantages .avantages-column-left h2 {
    font-size: 40px;
    line-height: 50px;
  }
}
.avantages .avantages-column-left p {
  font-family: Poppins;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 24px;
  letter-spacing: 0%;
  color: #ffffff;
}
.avantages .avantages-column-right .cards-avantages .cards-avantages-item {
  background-color: rgba(217, 217, 217, 0.37);
  border-radius: 16px;
  min-height: 280px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .avantages .avantages-column-right .cards-avantages .cards-avantages-item {
    min-height: 220px;
  }
}
.avantages .avantages-column-right .cards-avantages .cards-avantages-item .title-card-avantages {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .avantages .avantages-column-right .cards-avantages .cards-avantages-item .title-card-avantages {
    flex-direction: row;
    margin-right: 23px;
  }
}
.avantages .avantages-column-right .cards-avantages .cards-avantages-item .icon-avantages {
  width: 70px;
}
@media (max-width: 768px) {
  .avantages .avantages-column-right .cards-avantages .cards-avantages-item .icon-avantages {
    margin-right: 23px;
  }
}
.avantages .avantages-column-right .cards-avantages .cards-avantages-item img {
  width: 80px;
  margin-bottom: 10px;
}
.avantages .avantages-column-right .cards-avantages .cards-avantages-item h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: 0%;
  color: #ffffff;
}
.avantages .avantages-column-right .cards-avantages .cards-avantages-item p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  color: #ffffff;
}

.our-numbers .our-numbers-text h3 {
  font-family: Poppins;
  font-weight: 500;
  font-style: Medium;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -4%;
  color: #ffffff;
}
.our-numbers .our-numbers-text h2 {
  font-family: Poppins;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 42px;
  line-height: 50px;
  letter-spacing: -4%;
  color: #ffffff;
}
.our-numbers .our-numbers-text p {
  font-family: Poppins;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0%;
  color: #ffffff;
}
@media (max-width: 768px) {
  .our-numbers .our-numbers-text {
    margin-bottom: 40px;
  }
}
.our-numbers .our-numbers-stadistics .card-number {
  background-color: rgba(217, 217, 217, 0.37);
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 16px;
}
.our-numbers .our-numbers-stadistics .card-number h2 {
  font-family: Poppins;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 92px;
  line-height: 50px;
  letter-spacing: -4%;
  color: #ffffff;
}
.our-numbers .our-numbers-stadistics .card-number p {
  font-family: Poppins;
  font-weight: 500;
  font-style: Medium;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -4%;
  color: #ffffff;
}

@media (max-width: 992px) {
  .form-contact .align-items-center {
    flex-direction: column-reverse;
  }
}
.form-contact .align-items-center .form-content {
  background-color: rgba(217, 217, 217, 0.37);
  border-radius: 24px;
  padding: 32px;
  margin-top: 80px;
}
.form-contact .align-items-center .form-content label,
.form-contact .align-items-center .form-content h2,
.form-contact .align-items-center .form-content p {
  color: #ffffff;
}
.form-contact .align-items-center .form-content {
  /* Chrome, Safari, Edge, Opera */
}
.form-contact .align-items-center .form-content input[type=number]::-webkit-outer-spin-button,
.form-contact .align-items-center .form-content input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-contact .align-items-center .form-content {
  /* Firefox */
}
.form-contact .align-items-center .form-content input[type=number] {
  -moz-appearance: textfield;
}
.form-contact .align-items-center .form-contact-fqas h2 {
  font-family: Poppins;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 46px;
  leading-trim: NONE;
  line-height: 54px;
  letter-spacing: -7%;
  color: #ffffff;
}
@media (max-width: 768px) {
  .form-contact .align-items-center .form-contact-fqas h2 {
    margin-bottom: 40px;
  }
}
.form-contact .align-items-center .form-contact-fqas h3 {
  font-family: Poppins;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 24px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: -5%;
  color: #ffffff;
}

.navbar-toggler {
  outline: none;
  box-shadow: none;
  border: none;
  --bs-navbar-toggler-focus-width: 0;
}
.navbar-toggler .navbar-toggler-icon {
  filter: brightness(0) saturate(100%) invert(99%) sepia(30%) saturate(225%) hue-rotate(316deg) brightness(118%) contrast(100%);
}

.menu-main {
  background-color: rgba(217, 217, 217, 0.37);
  color: #000000;
  padding: 15px 0;
  margin: 20px 0 15px;
  border-radius: 24px;
}
.menu-main .nav-item .nav-link {
  color: #ffffff;
}

.button.btn-main {
  border: 1px solid #ffffff;
  color: #ffffff;
  background-color: transparent;
  border-radius: 24px;
  padding: 14px 24px;
}

.know-how-tabs .nav-tabs {
  border-bottom: none;
}
.know-how-tabs .nav-tabs .nav-link {
  border: none;
  border-radius: 24px;
  background-color: rgba(217, 217, 217, 0.116);
  color: #ffffff;
  font-weight: 400;
  padding: 12px 20px;
  margin-right: 8px;
}
.know-how-tabs .nav-tabs .nav-link.active {
  background-color: rgba(217, 217, 217, 0.37);
  color: #fff;
  font-weight: 600;
}
.know-how-tabs .tab-content {
  padding: 20px;
  border-radius: 8px;
  margin-top: 16px;
}
.know-how-tabs .tab-content h2 {
  font-family: Poppins;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 48px;
  line-height: 57px;
  letter-spacing: 0%;
  color: #ffffff;
}
.know-how-tabs .tab-content p {
  font-family: Poppins;
  font-weight: 400;
  font-style: Regular;
  font-size: 20px;
  line-height: 38px;
  letter-spacing: 0%;
  color: #ffffff;
}
@media (max-width: 768px) {
  .know-how-tabs img {
    margin-bottom: 40px;
  }
}

.parent {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: 8px;
}

.div1 {
  grid-row: span 4/span 4;
}

.div2 {
  grid-row: span 2/span 2;
}

.div3 {
  grid-row: span 2/span 2;
  grid-column-start: 2;
  grid-row-start: 3;
}

.div4 {
  grid-column: span 2/span 2;
  grid-row-start: 5;
}
.div4.card-number {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}

@media (max-width: 768px) {
  .parent {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(7, auto);
  }
  .div1 {
    display: none;
  }
  .div1, .div2, .div3, .div4 {
    grid-column: span 1/span 1;
    grid-row: auto;
  }
}

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