/*----------------------*/
/*-----OUR SERVICE------*/
/*----------------------*/
/*----- Variales -----*/
@font-face {
  font-family: 'Poppins', sans-serif;

  src: url("fonts/monitorica/OT-tt/Monitorica-Bd.ttf");
}
@font-face {
  font-family: "Roboto-Thin";
  src: url("fonts/roboto/Roboto-Thin.ttf");
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto/Roboto-Light.ttf");
}
/*----- Dolibarr main -----*/
#dolibarr-main {
  background-color: white;
}
#dolibarr-main .bg {
  background-image: url("../img/background/background-texture.webp");
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
#dolibarr-main .dolibarr-main-container {
  position: relative;
  z-index: 1;
}
#dolibarr-main .flexbox {
  display: flex;
  flex-direction: column;
  gap: 3em;
  justify-content: center;
  flex-wrap: nowrap;
}
#dolibarr-main .doli-header {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  margin: auto;
  gap: 0.3rem;
  position: relative;
}
#dolibarr-main .erpcrm {
  position: absolute;
  top: 0;
  right: 0;
}
#dolibarr-main .erpcrm p {
  font-size: 1em;
  color: #3D5A80;
}
#dolibarr-main .doli-i {
  display: inherit;
  flex-direction: column;
  justify-content: center;
  gap: 0.3em;
}
#dolibarr-main .top-header {
  text-align: center;
}
#dolibarr-main .top-header p {
  color: #3D5A80;
  font-weight: 1000;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
#dolibarr-main #background {
  margin: auto;
  max-height: 20em;
}
#dolibarr-main .bottom-header {
  text-align: center;
  max-width: 50em;
  margin: auto;
}
#dolibarr-main h4:first-child {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-weight: 1000;
}
#dolibarr-main h4:nth-child(2) {
  font-weight: 1;
}

/*----- Suite -----*/
#suite {
  background-color: white;
  position: relative;
}
#suite .bg {
  background-image: url("../img/background/background-texture.webp");
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  transform: rotate(360deg);
}
#suite .suite-container {
  position: relative;
  z-index: 1;
  padding-top: 2em;
  padding-bottom: 2em;
}
#suite .flexbox {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#suite .header {
  text-align: center;
  max-width: 75em;
  margin: auto;
}
#suite .header h3 {
  color: #EE6C4D;
  font-size: 4em;
}
#suite .header h4 {
  font-weight: 1;
}
#suite .img {
  margin: auto;
  max-height: 40em;
  float: left;
}
#suite ul {
  list-style: none;
  display: inline-grid;
  row-gap: 3em;
  -moz-column-gap: 2em;
       column-gap: 2em;
  margin: auto;
  padding-bottom: 3em;
}
#suite li {
  max-width: 25em;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5em;
}
#suite li p {
  margin: auto;
}
#suite p {
  text-align: center;
}
#suite li:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}
#suite li:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
}
#suite li:nth-child(3) {
  grid-column: 1;
  grid-row: 2;
}
#suite li:nth-child(4) {
  grid-column: 2;
  grid-row: 2;
}
#suite a {
  position: relative;
  display: block;
  max-width: 15em;
  margin: auto;
  padding-bottom: 1em;
}
#suite a:after {
  position: absolute;
  content: "";
  border: solid black 1px;
  bottom: 0;
  left: 0;
  width: 0%;
  opacity: 0;
}
#suite a:hover:after {
  -webkit-animation-name: anchor-underline;
          animation-name: anchor-underline;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  width: 100%;
  opacity: 1;
}

/*----- Modules -----*/
#modules .container {
  padding-top: 2em;
  padding-bottom: 2em;
}
#modules .background {
  background-image: url("../img/background/education-background.webp");
}
#modules .header {
  text-align: center;
}
#modules .header h3 {
  font-family: 'Poppins', sans-serif;

  color: #3D5A80;
  padding-bottom: 3rem;
  padding-top: 3rem;
}
#modules .panel {
  max-width: 80em;
  margin: auto;
  padding: 3em;
  padding-bottom: 0em;
}
#modules .flexbox {
  display: flex;
  flex-direction: row;
}
#modules li {
  font-size: 1.5rem;
}
#modules .note {
  padding: 3em;
  max-width: 70em;
  text-align: center;
  margin: auto;
}
#modules .note span {
  text-decoration: underline;
}

#misc {
  background-color: white;
}
#misc .misc-container {
  position: relative;
}
#misc img {
  position: absolute;
  right: -50px;
  top: 5em;
  z-index: 0;
}
#misc .header {
  color: #3D5A80;
  font-family: 'Poppins', sans-serif;

  text-align: center;
  padding-bottom: 3em;
}
#misc .list {
  margin: auto;
  max-width: 38em;
  font-size: 1.5rem;
  margin-left: 7em;
}
#misc li {
  position: relative;
}

@media only screen and (max-device-width: 1716px) {
  #misc img {
    display: none;
  }
  #misc .list {
    text-align: center;
    margin: auto;
  }
  #misc li {
    list-style-type: none;
    padding-bottom: 1em;
  }
}/*# sourceMappingURL=dolibarr.css.map */