@charset "utf-8";

.mbp237 { width: 100%; border-style: solid; border-color: rgba(47, 47, 47, 0.46); border-image: initial; display: flex; z-index: 10; position: relative; font-size: 16px; white-space: nowrap; border-width: 1px 0px; flex-direction: column; background-color: rgb(255, 255, 255); }

.mbp237 > ul { width: 100%; margin: 0px auto; display: flex; padding: 0px; max-width: 1400px; list-style: none; justify-content: space-around; }

.mbp237 > ul > .mainLink { list-style: none; }

.mbp237 > ul > .skeleton { width: 100%; padding: 0px 8px; list-style: none; }

.mbp237 > ul > li > a, .mbp237 > ul > li > .static { width: auto; cursor: pointer; display: flex; text-align: center; padding-top: clamp(0.2em, 0.5vw, 0.47em); user-select: none; padding-bottom: clamp(0.2em, 0.5vw, 0.5em); text-decoration: none; }

.mbp237 sup { font-size: 0.5em; }

.mbp237 > ul > li > a > div, .mbp237 > ul > li > .static > div { color: rgb(47, 47, 47); display: flex; font-size: clamp(15px, 1.2vw, 0.95rem); box-sizing: border-box; font-family: "Area Variable", LatoBold, sans-serif; line-height: 23px; padding: clamp(0.2em, 0.5vw, 0.5em) clamp(0.2em, 0.5vw, 0.64em); align-content: center; border-radius: 8px; text-decoration-color: rgb(47, 47, 47) !important; }

.mbp237 > ul > .mainLink > div { display: flex; align-content: center; }

.mbp237 > ul > .mainLink[touch] div[class*="dropdownContainer"] { opacity: 1 !important; }

.mbp237 > ul > .mainLink.hover { box-shadow: rgb(47, 47, 47) 0px -3px inset; }

.mbp237 > ul > .mainLink.hover > a > div, .mbp237 > ul > .mainLink.hover > .static > div, .mbp237 > ul > .mainLink.noDropDown:hover > .static > div { color: rgb(47, 47, 47); }

.mbp237 > ul > .mainLink .customIcon { fill: currentcolor; margin-right: 0.25em; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .mbp237 > ul { }
  .mbp237 > ul .hideOn_tablet { display: none; }
}

@media screen and (max-width: 767px) {
  .mbp237 > ul { }
  .mbp237 > ul .hideOn_mobile { display: none; }
}

.mbp238 { }

.mbp238 [data-component="linkType"] { color: rgb(226, 93, 96) !important; }

.mbp238.hover [data-component="linkType"] { color: rgb(226, 93, 96) !important; text-decoration-color: rgb(226, 93, 96) !important; }

.mbp238.hover { box-shadow: rgb(226, 93, 96) 0px -3px inset !important; }