@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
body::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: #e1e1e1;
}

body::-webkit-scrollbar {
  border-radius: 0px;
  width: 10px;
  background-color: #e1e1e1;
}
@media only screen and (max-width: 900px) {
  body::-webkit-scrollbar {
    width: 5px;
  }
}
@media only screen and (max-width: 600px) {
  body::-webkit-scrollbar {
    width: 3px;
  }
}

body::-webkit-scrollbar-thumb {
  width: 10px;
  height: 10px;
  background-color: #1572b8;
  -webkit-transition: all 5s ease-out;
  transition: all 5s ease-out;
}

body::-webkit-scrollbar-thumb:hover {
  background-color: #1572b8;
}

*.equip4safety-scrollbar-type1::-webkit-scrollbar-track {
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #1572b8;
}

*.equip4safety-scrollbar-type1::-webkit-scrollbar {
  border-radius: 0px;
  width: 10px;
  background-color: #1572b8;
}
@media only screen and (max-width: 900px) {
  *.equip4safety-scrollbar-type1::-webkit-scrollbar {
    width: 5px;
  }
}
@media only screen and (max-width: 600px) {
  *.equip4safety-scrollbar-type1::-webkit-scrollbar {
    width: 3px;
  }
}

*.equip4safety-scrollbar-type1::-webkit-scrollbar-thumb {
  width: 10px;
  height: 10px;
  background-color: #e1e1e1;
}

*.equip4safety-scrollbar-type2::-webkit-scrollbar-track {
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #525659;
}

*.equip4safety-scrollbar-type2::-webkit-scrollbar {
  border-radius: 0px;
  width: 10px;
  background-color: #525659;
}
@media only screen and (max-width: 900px) {
  *.equip4safety-scrollbar-type2::-webkit-scrollbar {
    width: 5px;
  }
}
@media only screen and (max-width: 600px) {
  *.equip4safety-scrollbar-type2::-webkit-scrollbar {
    width: 3px;
  }
}

*.equip4safety-scrollbar-type2::-webkit-scrollbar-thumb {
  width: 10px;
  height: 10px;
  background-color: #e1e1e1;
}

*.equip4safety-scrollbar-type3::-webkit-scrollbar-track {
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #e1e1e1;
}

*.equip4safety-scrollbar-type3::-webkit-scrollbar {
  border-radius: 0px;
  background-color: #e1e1e1;
  width: 10px;
}
@media only screen and (max-width: 900px) {
  *.equip4safety-scrollbar-type3::-webkit-scrollbar {
    width: 5px;
  }
}
@media only screen and (max-width: 600px) {
  *.equip4safety-scrollbar-type3::-webkit-scrollbar {
    width: 3px;
  }
}

*.equip4safety-scrollbar-type3::-webkit-scrollbar-thumb {
  width: 10px;
  height: 10px;
  background-color: #1572b8;
}

.equip4safety-text-nowrap {
  word-wrap: normal;
}

.equip4safety-text-wrap {
  word-wrap: break-word;
}

.equip4safety-text-left {
  text-align: left;
}

.equip4safety-text-right {
  text-align: right;
}

.equip4safety-text-center {
  text-align: center;
}

.equip4safety-text-justify {
  text-align: justify;
}

.equip4safety-text-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.equip4safety-text-break {
  overflow-wrap: break-word;
  word-break: break-all;
}

.equip4safety-text-lower {
  text-transform: lowercase;
}

.equip4safety-text-upper {
  text-transform: uppercase;
}

.equip4safety-text-uc-first {
  text-transform: capitalize;
}

.equip4safety-text-size-1 {
  font-size: 10px;
}

.equip4safety-text-size-2 {
  font-size: 13px;
}

.equip4safety-text-size-3 {
  font-size: 16px;
}

.equip4safety-text-size-4 {
  font-size: 19px;
}

.equip4safety-text-size-5 {
  font-size: 22px;
}

.equip4safety-text-size-6 {
  font-size: 25px;
}

.equip4safety-text-size-7 {
  font-size: 28px;
}

.equip4safety-text-size-8 {
  font-size: 31px;
}

.equip4safety-text-size-9 {
  font-size: 34px;
}

.equip4safety-text-size-10 {
  font-size: 37px;
}

.equip4safety-text-bold {
  font-weight: bold;
}

.equip4safety-text-bolder {
  font-weight: bolder;
}

.equip4safety-text-lighter {
  font-weight: lighter;
}

.equip4safety-text-italic {
  font-style: italic;
}

.equip4safety-text-normal {
  font-weight: normal;
}

.equip4safety-text-decorated-none {
  text-decoration: none;
}

.equip4safety-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.equip4safety-ellipsis-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-mask-image: linear-gradient(to bottom, black, black);
          mask-image: linear-gradient(to bottom, black, black);
  text-overflow: ellipsis;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.equip4safety-ellipsis-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  -webkit-mask-image: linear-gradient(to bottom, black, black);
          mask-image: linear-gradient(to bottom, black, black);
  text-overflow: ellipsis;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.equip4safety-ellipsis-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  -webkit-mask-image: linear-gradient(to bottom, black, black);
          mask-image: linear-gradient(to bottom, black, black);
  text-overflow: ellipsis;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.equip4safety-ellipsis-5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  -webkit-mask-image: linear-gradient(to bottom, black, black);
          mask-image: linear-gradient(to bottom, black, black);
  text-overflow: ellipsis;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.equip4safety-ellipsis-10 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  -webkit-mask-image: linear-gradient(to bottom, black, black);
          mask-image: linear-gradient(to bottom, black, black);
  text-overflow: ellipsis;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

*.equip4safety-text1-heavy,
*.equip4safety-text1-heavy * {
  font-family: Montserrat, Sans-serif !important;
  font-size: 32px !important;
  font-style: normal;
  font-weight: 900 !important;
  text-transform: none !important;
}
@media only screen and (max-width: 1550px) {
  *.equip4safety-text1-heavy,
  *.equip4safety-text1-heavy * {
    font-size: 27.2px !important;
  }
}
@media only screen and (max-width: 750px) {
  *.equip4safety-text1-heavy,
  *.equip4safety-text1-heavy * {
    font-size: 22.4px !important;
  }
}
@media only screen and (max-width: 550px) {
  *.equip4safety-text1-heavy,
  *.equip4safety-text1-heavy * {
    font-size: 16px !important;
  }
}
@media only screen and (max-width: 350px) {
  *.equip4safety-text1-heavy,
  *.equip4safety-text1-heavy * {
    font-size: 12.8px !important;
  }
}

*.equip4safety-text2-heavy,
*.equip4safety-text2-heavy * {
  font-family: Montserrat, Sans-serif !important;
  font-size: 15px !important;
  font-style: normal;
  font-weight: 900 !important;
  text-transform: none !important;
}
@media only screen and (max-width: 1550px) {
  *.equip4safety-text2-heavy,
  *.equip4safety-text2-heavy * {
    font-size: 15px !important;
  }
}
@media only screen and (max-width: 750px) {
  *.equip4safety-text2-heavy,
  *.equip4safety-text2-heavy * {
    font-size: 15px !important;
  }
}
@media only screen and (max-width: 550px) {
  *.equip4safety-text2-heavy,
  *.equip4safety-text2-heavy * {
    font-size: 15px !important;
  }
}
@media only screen and (max-width: 350px) {
  *.equip4safety-text2-heavy,
  *.equip4safety-text2-heavy * {
    font-size: 12px !important;
  }
}

*.equip4safety-text3-heavy,
*.equip4safety-text3-heavy * {
  font-family: Montserrat, Sans-serif !important;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 900 !important;
  text-transform: none !important;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media only screen and (max-width: 1550px) {
  *.equip4safety-text3-heavy,
  *.equip4safety-text3-heavy * {
    font-size: 20px !important;
  }
}
@media only screen and (max-width: 750px) {
  *.equip4safety-text3-heavy,
  *.equip4safety-text3-heavy * {
    font-size: 20px !important;
  }
}
@media only screen and (max-width: 550px) {
  *.equip4safety-text3-heavy,
  *.equip4safety-text3-heavy * {
    font-size: 20px !important;
  }
}
@media only screen and (max-width: 350px) {
  *.equip4safety-text3-heavy,
  *.equip4safety-text3-heavy * {
    font-size: 16px !important;
  }
}

*.equip4safety-text1-medium,
*.equip4safety-text1-medium * {
  font-family: Montserrat, Sans-serif !important;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 500 !important;
  text-transform: none !important;
}
@media only screen and (max-width: 1550px) {
  *.equip4safety-text1-medium,
  *.equip4safety-text1-medium * {
    font-size: 17px !important;
  }
}
@media only screen and (max-width: 750px) {
  *.equip4safety-text1-medium,
  *.equip4safety-text1-medium * {
    font-size: 14px !important;
  }
}
@media only screen and (max-width: 550px) {
  *.equip4safety-text1-medium,
  *.equip4safety-text1-medium * {
    font-size: 10px !important;
  }
}
@media only screen and (max-width: 350px) {
  *.equip4safety-text1-medium,
  *.equip4safety-text1-medium * {
    font-size: 8px !important;
  }
}

*.equip4safety-text2-medium,
*.equip4safety-text2-medium * {
  font-family: Montserrat, Sans-serif !important;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 500 !important;
  text-transform: none !important;
}
@media only screen and (max-width: 1550px) {
  *.equip4safety-text2-medium,
  *.equip4safety-text2-medium * {
    font-size: 15.3px !important;
  }
}
@media only screen and (max-width: 750px) {
  *.equip4safety-text2-medium,
  *.equip4safety-text2-medium * {
    font-size: 12.6px !important;
  }
}
@media only screen and (max-width: 550px) {
  *.equip4safety-text2-medium,
  *.equip4safety-text2-medium * {
    font-size: 15px !important;
  }
}
@media only screen and (max-width: 350px) {
  *.equip4safety-text2-medium,
  *.equip4safety-text2-medium * {
    font-size: 14.4px !important;
  }
}

*.equip4safety-text3-medium,
*.equip4safety-text3-medium * {
  font-family: Montserrat, Sans-serif !important;
  font-size: 15px !important;
  font-style: normal;
  font-weight: 500 !important;
  text-transform: none !important;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media only screen and (max-width: 1550px) {
  *.equip4safety-text3-medium,
  *.equip4safety-text3-medium * {
    font-size: 15px !important;
  }
}
@media only screen and (max-width: 750px) {
  *.equip4safety-text3-medium,
  *.equip4safety-text3-medium * {
    font-size: 15px !important;
  }
}
@media only screen and (max-width: 550px) {
  *.equip4safety-text3-medium,
  *.equip4safety-text3-medium * {
    font-size: 12px !important;
  }
}
@media only screen and (max-width: 350px) {
  *.equip4safety-text3-medium,
  *.equip4safety-text3-medium * {
    font-size: 9px !important;
  }
}

*.equip4safety-text4-medium,
*.equip4safety-text4-medium * {
  font-family: Montserrat, Sans-serif !important;
  font-size: 15px !important;
  font-style: normal;
  font-weight: 500 !important;
}
@media only screen and (max-width: 1550px) {
  *.equip4safety-text4-medium,
  *.equip4safety-text4-medium * {
    font-size: 12.75px !important;
  }
}
@media only screen and (max-width: 750px) {
  *.equip4safety-text4-medium,
  *.equip4safety-text4-medium * {
    font-size: 10.5px !important;
  }
}
@media only screen and (max-width: 550px) {
  *.equip4safety-text4-medium,
  *.equip4safety-text4-medium * {
    font-size: 7.5px !important;
  }
}
@media only screen and (max-width: 350px) {
  *.equip4safety-text4-medium,
  *.equip4safety-text4-medium * {
    font-size: 6px !important;
  }
}

*.equip4safety-text5-medium,
*.equip4safety-text5-medium * {
  font-family: Montserrat, Sans-serif !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500 !important;
}
@media only screen and (max-width: 1550px) {
  *.equip4safety-text5-medium,
  *.equip4safety-text5-medium * {
    font-size: 13.6px !important;
  }
}
@media only screen and (max-width: 750px) {
  *.equip4safety-text5-medium,
  *.equip4safety-text5-medium * {
    font-size: 11.2px !important;
  }
}
@media only screen and (max-width: 550px) {
  *.equip4safety-text5-medium,
  *.equip4safety-text5-medium * {
    font-size: 8px !important;
  }
}
@media only screen and (max-width: 350px) {
  *.equip4safety-text5-medium,
  *.equip4safety-text5-medium * {
    font-size: 6.4px !important;
  }
}

.equip4safety-header-logo-container {
  position: absolute;
  top: -20px;
}
@media only screen and (max-width: 1550px) {
  .equip4safety-header-logo-container {
    top: -25.5px;
  }
}
@media only screen and (max-width: 750px) {
  .equip4safety-header-logo-container {
    top: -14px;
  }
}
@media only screen and (max-width: 550px) {
  .equip4safety-header-logo-container {
    top: -10px;
  }
}
@media only screen and (max-width: 350px) {
  .equip4safety-header-logo-container {
    top: -8px;
  }
}

.equip4safety-header-logo-container, .equip4safety-header-logo-container2 {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: white;
  padding: 10px;
}
@media only screen and (max-width: 1550px) {
  .equip4safety-header-logo-container, .equip4safety-header-logo-container2 {
    border-radius: 8.5px;
    padding: 8.5px;
  }
}
@media only screen and (max-width: 750px) {
  .equip4safety-header-logo-container, .equip4safety-header-logo-container2 {
    border-radius: 5px;
    padding: 5px;
  }
}
@media only screen and (max-width: 550px) {
  .equip4safety-header-logo-container, .equip4safety-header-logo-container2 {
    border-radius: 5px;
    padding: 5px;
  }
}
@media only screen and (max-width: 350px) {
  .equip4safety-header-logo-container, .equip4safety-header-logo-container2 {
    border-radius: 4px;
    padding: 4px;
  }
}
.equip4safety-header-logo-container .equip4safety-header-logo, .equip4safety-header-logo-container2 .equip4safety-header-logo {
  width: 70px;
}
@media only screen and (max-width: 1550px) {
  .equip4safety-header-logo-container .equip4safety-header-logo, .equip4safety-header-logo-container2 .equip4safety-header-logo {
    width: 59.5px;
  }
}
@media only screen and (max-width: 750px) {
  .equip4safety-header-logo-container .equip4safety-header-logo, .equip4safety-header-logo-container2 .equip4safety-header-logo {
    width: 35px;
  }
}
@media only screen and (max-width: 550px) {
  .equip4safety-header-logo-container .equip4safety-header-logo, .equip4safety-header-logo-container2 .equip4safety-header-logo {
    width: 35px;
  }
}
@media only screen and (max-width: 350px) {
  .equip4safety-header-logo-container .equip4safety-header-logo, .equip4safety-header-logo-container2 .equip4safety-header-logo {
    width: 28px;
  }
}

*.equip4safety-select1 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 16px;
  position: relative;
  z-index: 1;
}
*.equip4safety-select1::after {
  content: "▼";
  /* Caractère Unicode pour une flèche vers le bas */
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #333;
  font-size: 12px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

.custom-select {
  appearance: none; /* Remove default arrow */
  -webkit-appearance: none; /* Remove default arrow for Safari */
  -moz-appearance: none; /* Remove default arrow for Firefox */
}/*# sourceMappingURL=equip4safety.css.map */