.imageFormatContainer {
  width: 257px;
  position: relative;
  border-radius: 40px;
  border: 1px solid #ccc;
  font-family: Arial;
  font-size: 1.6rem;
  background-color: #fff;
}
.imageFormatContainer:hover {
  border: 1px solid black;
}
.imageFormatContainer .inputContainer {
  height: 35px;
  left: 0;
  padding: 0 10px;
  border-radius: 50px 0 0 50px;
}
.imageFormatContainer .inputContainer .widthValue, .imageFormatContainer .inputContainer .heightValue {
  width: 50px;
  text-align: right;
  border: none;
  margin: 0 0.3rem 0 0;
  font-size: 16px;
  font-family: Arial;
  background-color: transparent;
}
.imageFormatContainer .inputContainer .widthValue::-webkit-outer-spin-button, .imageFormatContainer .inputContainer .heightValue::-webkit-outer-spin-button, .imageFormatContainer .inputContainer .widthValue::-webkit-inner-spin-button, .imageFormatContainer .inputContainer .heightValue::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.imageFormatContainer .inputContainer .x {
  color: #666666;
  margin-left: 10px;
  font-size: 12px;
}
.imageFormatContainer .selectionBox {
  width: 40px;
  height: 50%;
  border: none;
  padding-left: 10px;
  background-position: right top;
  appearance: none;
  cursor: pointer;
}
.imageFormatContainer .visualLine {
  width: 1px;
  height: 25px;
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
  background-color: lightgrey;
}

.tooltipContainerAbove, .tooltipContainerBelow {
  display: inline-block;
  margin-top: -0.2rem;
  margin-left: 1rem;
}
.tooltipContainerAbove .icon, .tooltipContainerBelow .icon, .tooltipContainerAbove .iconHovered, .tooltipContainerBelow .iconHovered {
  z-index: 3;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 12px;
  width: 12px;
  margin: 0;
  font-size: 10px;
  font-weight: 500;
  color: #494c50;
  border: 1.2px solid #494c50;
  border-radius: 50%;
  cursor: pointer;
}
.tooltipContainerAbove .iconHovered, .tooltipContainerBelow .iconHovered {
  background-color: transparent;
}

.hoverContentMiddle, .tooltipContainerBelow .hoverContentMiddle, .hoverContentRight, .tooltipContainerBelow .hoverContentRight, .hoverContentLeft, .tooltipContainerBelow .hoverContentLeft {
  position: absolute;
  width: 30rem;
  z-index: 2;
  margin-left: -15rem;
  background-clip: padding-box;
  border-bottom: 1.2rem solid transparent;
}
.hoverContentMiddle p, .tooltipContainerBelow .hoverContentMiddle p, .tooltipContainerBelow .hoverContentLeft p, .tooltipContainerBelow .hoverContentRight p, .hoverContentRight p, .hoverContentLeft p {
  margin: 0;
}
.hoverContentMiddle .innerHoverContent, .hoverContentRight .innerHoverContent, .hoverContentLeft .innerHoverContent {
  background-color: black;
  position: relative;
  width: 100%;
  padding: 12px;
  font-family: Arial;
  font-size: 12px;
  line-height: 1.4;
  border-radius: 5px;
  z-index: 2;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .hoverContentMiddle, .tooltipContainerBelow .hoverContentMiddle, .hoverContentRight, .tooltipContainerBelow .hoverContentRight, .hoverContentLeft, .tooltipContainerBelow .hoverContentLeft {
    width: 90%;
    max-width: 35rem;
    margin-left: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

.hoverContentLeft, .tooltipContainerBelow .hoverContentLeft {
  margin-left: 0;
  right: 2rem;
}

.hoverContentRight, .tooltipContainerBelow .hoverContentRight {
  margin-left: 0;
  left: 2rem;
}

@media only screen and (max-width: 600px) {
  .hoverContentRight, .tooltipContainerBelow .hoverContentRight,
  .hoverContentLeft,
  .tooltipContainerBelow .hoverContentLeft {
    width: 90%;
    max-width: 35rem;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
.tooltipContainerBelow .iconHovered::before {
  margin-top: 3.3rem;
}

.tooltipContainerBelow .hoverContentMiddle, .tooltipContainerBelow .hoverContentLeft, .tooltipContainerBelow .hoverContentRight {
  margin-top: -0.6rem;
  border-top: 1.2rem solid transparent;
  border-bottom: none;
}

.tooltipContainerBelow .hoverContentLeft {
  border-top: 1.2rem solid transparent;
  border-bottom: none;
}

.tooltipContainerBelow .hoverContentRight {
  border-top: 1.2rem solid transparent;
  border-bottom: none;
}

.textAndBarsContainer, .textAndBarsContainerCO2 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.textAndBarsContainer::after, .textAndBarsContainerCO2::after {
  content: "";
  position: absolute;
  top: 2.5rem;
  bottom: 2.5rem;
  right: -0.5px;
  width: 1px;
  background-color: lightgrey;
}

.hideLine::after {
  display: none;
}

.contentContainer .barChartContainer {
  height: 260px;
}
.contentContainer .newBars {
  position: relative;
}
.contentContainer .textWrapperSeenThisSmall, .contentContainer .textWrapperSeenThisMedium, .contentContainer .textWrapperSeenThis, .contentContainer .textWrapperAvoidedMedium, .contentContainer .textWrapperAvoided, .contentContainer .textWrapperConventional {
  animation: slideInBottomAnimation 1s ease-out forwards;
  opacity: 0;
  text-align: center;
}
.contentContainer .conventionalBar,
.contentContainer .avoidedBar,
.contentContainer .seenThisBar {
  width: 120px;
  transform-origin: bottom;
  transform: scaleY(0);
  animation: grow 2s ease-out forwards;
}
.contentContainer .conventionalBar {
  background: linear-gradient(180.02deg, #bdbdbd 0.02%, #666666 71.92%);
  border-radius: 0.8rem 0.8rem 0 0;
}
.contentContainer .avoidedBar {
  border-radius: 0.3rem 0.3rem 0 0;
  background: linear-gradient(180deg, #375a4d 0%, rgba(129, 200, 173, 0.5) 85.63%);
  overflow: hidden;
  animation-delay: 2s;
  color: #fff;
  margin-bottom: -5%;
}
.contentContainer .seenThisBar {
  position: absolute;
  border-radius: 0.8rem 0.8rem 0 0;
  color: #fff;
  overflow: hidden;
  background: linear-gradient(195.81deg, #ff5500 34.25%, #ff8347 62.54%, #ff9666 74.79%);
}
.contentContainer .textWrapperConventional {
  margin-top: 1.5rem;
  animation-delay: 1.2s;
}
.contentContainer .textWrapperConventional p {
  color: rgba(27, 27, 27, 0.5019607843);
}
.contentContainer .textWrapperAvoided {
  margin-top: 1.5rem;
  animation-delay: 2.9s;
}
.contentContainer .textWrapperAvoidedMedium {
  animation-delay: 2.9s;
  margin-top: 0.5rem;
}
.contentContainer .textWrapperSeenThis {
  margin-top: 1.5rem;
  animation-delay: 1.2s;
}
.contentContainer .textWrapperSeenThisMedium {
  animation-delay: 1.2s;
  margin-top: 0.8rem;
}
.contentContainer .textWrapperSeenThisSmall {
  position: absolute;
  width: 100%;
  animation-delay: 1.4s;
  color: lightgrey;
}
.contentContainer .textWrapperSeenThisSmall p {
  color: orange;
}
.contentContainer .borderBottom {
  background-color: lightgrey;
  border: none;
  min-width: 30rem;
  height: 0.6rem;
  border-radius: 3px;
  margin: 0;
  display: none;
}

.textContainer {
  max-width: 25rem;
  margin: 2rem auto 0;
  margin-bottom: 3.5rem;
}
.textContainer .conventionalBox, .textContainer .avoidedBox, .textContainer .seenThisBox {
  display: inline-block;
  border-radius: 3px;
  width: 10px;
  height: 10px;
  background-color: black;
}
.textContainer .seenThisBox {
  background-color: orange;
}
.textContainer .avoidedBox {
  background-color: #c6d9d2;
}
.textContainer .description {
  color: #858585;
  font-size: 12px;
}
.textContainer .title {
  font-size: 24px;
}

.smallerNumberSize {
  font-size: 1.5rem !important;
}

.smallerTextSize {
  padding-top: 0.3rem;
  font-size: 2rem !important;
}

.space-grotesk {
  font-family: "Space Grotesk" !important;
  font-weight: 700;
}

@keyframes grow {
  to {
    transform: scaleY(1);
  }
}
@keyframes slideInBottomAnimation {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.draggableContainer {
  margin-bottom: 1.2rem;
}
.draggableContainer .contentAndCounting .containChildren, .draggableContainer .contentAndCounting .disabled, .draggableContainer .contentAndCounting .longerInputField {
  width: 55%;
  display: flex;
  align-items: center;
}
.draggableContainer .contentAndCounting .containChildren .radioCircle, .draggableContainer .contentAndCounting .disabled .radioCircle, .draggableContainer .contentAndCounting .longerInputField .radioCircle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 15px;
  width: 15px;
  margin-right: 0.5rem;
  background-color: #ebebeb;
  border-radius: 50%;
  border: 1px solid #605c57;
}
.draggableContainer .contentAndCounting .containChildren .radioCircle div, .draggableContainer .contentAndCounting .disabled .radioCircle div, .draggableContainer .contentAndCounting .longerInputField .radioCircle div {
  height: 75%;
  width: 75%;
  background-color: #ff5500;
  border-radius: 50%;
}
.draggableContainer .contentAndCounting .containChildren .title, .draggableContainer .contentAndCounting .disabled .title, .draggableContainer .contentAndCounting .longerInputField .title {
  display: inline-block;
  margin: 0;
}
.draggableContainer .contentAndCounting .longerInputField {
  width: 35%;
}
.draggableContainer .contentAndCounting .disabled .radioCircle div {
  display: none;
}
.draggableContainer .contentAndCounting .disabled div p {
  opacity: 0.3;
}
.draggableContainer .contentAndCounting .disabled div div div p {
  opacity: 1;
}
.draggableContainer .contentAndCounting .disabled .title {
  color: #999;
}
.draggableContainer .contentAndCounting .errorMessage {
  position: absolute;
  bottom: -1.4rem;
  left: 0;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 400;
  color: red;
}
.draggableContainer .contentAndCounting .valueAndUnitWrapper, .draggableContainer .contentAndCounting .longerValueAndUnitWrapper {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  width: 40%;
}
.draggableContainer .contentAndCounting .valueAndUnitWrapper > *, .draggableContainer .contentAndCounting .longerValueAndUnitWrapper > * {
  margin: 0;
}
.draggableContainer .contentAndCounting .valueAndUnitWrapper .inputField, .draggableContainer .contentAndCounting .longerValueAndUnitWrapper .inputField {
  box-sizing: border-box;
  border: none;
  background-color: transparent;
  appearance: none;
  outline: none;
  text-align: right;
  padding: 0;
  width: 100%;
}
.draggableContainer .contentAndCounting .valueAndUnitWrapper .inputField::-webkit-inner-spin-button, .draggableContainer .contentAndCounting .longerValueAndUnitWrapper .inputField::-webkit-inner-spin-button,
.draggableContainer .contentAndCounting .valueAndUnitWrapper .inputField::-webkit-outer-spin-button,
.draggableContainer .contentAndCounting .longerValueAndUnitWrapper .inputField::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.draggableContainer .contentAndCounting .longerValueAndUnitWrapper {
  width: 60%;
}
.draggableContainer .percent {
  font-size: 16px;
  font-weight: 700;
  font-family: Arial;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0.8rem 0 -0.2rem 0;
}
.draggableContainer .alignLines {
  display: flex;
  align-items: center;
}
.draggableContainer .alignLines .startOfLine,
.draggableContainer .alignLines .endOfLine {
  height: 1.5rem;
  width: 0.2rem;
  background-color: #c8c8c8;
}
.draggableContainer .alignLines .lineContainer, .draggableContainer .alignLines .visualEndOfLine {
  position: relative;
  width: 100%;
  padding: 1.6rem 0;
  cursor: pointer;
}
.draggableContainer .alignLines .lineContainer .line, .draggableContainer .alignLines .visualEndOfLine .line, .draggableContainer .alignLines .visualEndOfLine .twoBreakPointsLine {
  height: 0.3rem;
  width: 100%;
}
.draggableContainer .alignLines .lineContainer .dotContainer, .draggableContainer .alignLines .visualEndOfLine .dotContainer, .draggableContainer .alignLines .lineContainer .additionalDotContainer, .draggableContainer .alignLines .visualEndOfLine .additionalDotContainer {
  position: absolute;
  top: -0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -2rem;
  padding: 2rem;
  cursor: pointer;
}
.draggableContainer .alignLines .lineContainer .dotContainer .dot, .draggableContainer .alignLines .visualEndOfLine .dotContainer .dot, .draggableContainer .alignLines .lineContainer .additionalDotContainer .dot, .draggableContainer .alignLines .visualEndOfLine .additionalDotContainer .dot {
  height: 1.1rem;
  width: 1.1rem;
  background-color: #ff5500;
  border: 0.3rem solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #c8c8c8;
}
.draggableContainer .alignLines .lineContainer .additionalDotContainer, .draggableContainer .alignLines .visualEndOfLine .additionalDotContainer {
  padding-left: 0;
  margin-left: 0;
}
.draggableContainer .alignLines .visualEndOfLine {
  width: 1.2rem;
}
.draggableContainer .alignLines .visualEndOfLine .line, .draggableContainer .alignLines .visualEndOfLine .twoBreakPointsLine {
  background-color: #c8c8c8;
}
.draggableContainer .alignLines .visualEndOfLine .twoBreakPointsLine {
  background-color: #ff5500;
}
.draggableContainer .percentExplanations {
  display: flex;
  justify-content: space-between;
  width: 99%;
  margin: -0.5rem auto 0 auto;
  font-size: 12px;
}
.draggableContainer .deviceTypeExplanationContainer {
  display: flex;
  justify-content: space-between;
  width: 95%;
  margin: 0.2rem auto 0 auto;
}
.draggableContainer .deviceTypeExplanationContainer .deviceTypeExplanation {
  display: flex;
  flex-direction: row-reverse;
}
.draggableContainer .deviceTypeExplanationContainer .deviceTypeExplanation .colorExplanation, .draggableContainer .deviceTypeExplanationContainer .deviceTypeExplanation .mobileColor, .draggableContainer .deviceTypeExplanationContainer .deviceTypeExplanation .tabletColor, .draggableContainer .deviceTypeExplanationContainer .deviceTypeExplanation .desktopColor {
  height: 10px;
  width: 10px;
  border-radius: 3px;
  margin: auto 0.5rem;
}
.draggableContainer .deviceTypeExplanationContainer .deviceTypeExplanation .desktopColor {
  background-color: #ff5500;
}
.draggableContainer .deviceTypeExplanationContainer .deviceTypeExplanation .tabletColor {
  background-color: #ffe5d9;
}
.draggableContainer .deviceTypeExplanationContainer .deviceTypeExplanation .mobileColor {
  background-color: #ff5500;
}
.draggableContainer .deviceTypeExplanationContainer .deviceTypeExplanation p {
  font-size: 12px;
}

.detailedMetricsContainer {
  font-weight: 400;
  text-align: start;
}
.detailedMetricsContainer button:hover {
  background-color: transparent;
}
.detailedMetricsContainer .shownResults {
  opacity: 1;
  height: auto;
  overflow: visible;
  transition: opacity 0.8s ease;
}
.detailedMetricsContainer .hiddenResults {
  opacity: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.detailedMetricsContainer .dataRow {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
}
.detailedMetricsContainer .dataRow sub {
  font-size: 12px;
}
.detailedMetricsContainer .dataRow span:last-of-type {
  text-align: end;
}
.detailedMetricsContainer .dataRowTop {
  display: inline-flex;
  font-size: 1.6rem;
  margin-top: 0.5rem;
  column-gap: 1.7rem;
  line-height: 1.76rem;
  align-items: baseline;
  font-weight: 600;
}
.detailedMetricsContainer .dataRowTop p {
  margin: 0;
}
.detailedMetricsContainer .smallTextDataRow {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-style: italic;
}
.detailedMetricsContainer .smallTextDataRow span:last-of-type {
  text-align: end;
}

.onlyInputContainer {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 50%;
}
.onlyInputContainer .tooltipContainerInput {
  margin-left: -10px;
  margin-top: -25px;
}
.onlyInputContainer .errorMessageTop, .onlyInputContainer .errorMessageBottom, .onlyInputContainer .errorMessageMobile {
  position: absolute;
  top: -1.7rem;
  left: 0.2rem;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 400;
  color: red;
}
.onlyInputContainer .errorMessageBottom, .onlyInputContainer .errorMessageMobile {
  top: auto;
  bottom: -0.7rem;
}
.onlyInputContainer .errorMessageMobile {
  display: none;
}
.onlyInputContainer .onlyInputBox {
  width: 155px;
  height: 100%;
  padding: 5px;
  background: #fff;
  border-radius: 0.2rem;
  transition: box-shadow 0.3s ease;
}
.onlyInputContainer .onlyInputBox input::-webkit-outer-spin-button,
.onlyInputContainer .onlyInputBox input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.onlyInputContainer .onlyInputBox input[type=number] {
  all: unset;
  appearance: textfield;
  -moz-appearance: textfield;
  width: 40px;
  cursor: pointer;
}
.onlyInputContainer .onlyInputBox:hover {
  box-shadow: 0 0 0 1px black;
}
@media only screen and (max-width: 500px) {
  .onlyInputContainer {
    width: 100%;
    margin-bottom: 0.8rem;
  }
  .onlyInputContainer .tooltipContainerInput {
    margin-left: -0.7rem;
  }
  .onlyInputContainer .errorMessageTop, .onlyInputContainer .errorMessageBottom, .onlyInputContainer .errorMessageMobile {
    display: none;
  }
  .onlyInputContainer .errorMessageBottom,
  .onlyInputContainer .errorMessageMobile {
    display: block;
  }
  .onlyInputContainer .onlyInputBox {
    width: 100%;
    border-radius: 0.2rem;
  }
}

.radioButtonBitDepth {
  text-align: center;
  line-height: 32px;
  width: 35px;
  height: 32px;
  margin: 0;
  margin-left: 1rem;
  appearance: none;
  border: 1px solid lightgrey;
  border-radius: 0.4rem;
  background-color: #fff;
  color: #b2b2b2;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}
.radioButtonBitDepth:before {
  content: attr(value);
}
.radioButtonBitDepth:checked {
  background-color: #ff5500;
  color: #fff;
}
.radioButtonBitDepth:hover {
  border: 1px solid #ff5500;
}

.toggleContainer, .activeContainer {
  display: flex;
  align-items: center;
  background-color: lightgrey;
  border: 1.5px solid #afb2b6;
  width: 30px;
  height: 20px;
  padding: 3px;
  border-radius: 2rem;
  transition: background-color 0.1s ease-in-out;
  cursor: pointer;
}
.toggleContainer .toggleCircle, .toggleContainer .bigToggleContainer .textOption, .toggleContainer .bigActiveContainer .textOption, .toggleContainer .bigActiveContainer .activeTextOption, .bigToggleContainer .toggleContainer .textOption, .bigActiveContainer .toggleContainer .textOption, .bigActiveContainer .toggleContainer .activeTextOption, .activeContainer .toggleCircle, .activeContainer .bigToggleContainer .textOption, .activeContainer .bigActiveContainer .textOption, .activeContainer .bigActiveContainer .activeTextOption, .bigToggleContainer .activeContainer .textOption, .bigActiveContainer .activeContainer .textOption, .bigActiveContainer .activeContainer .activeTextOption, .activeContainer .activeToggleCircle {
  width: 14px;
  height: 14px;
  background-color: #333333;
  border-radius: 50%;
  transform: translateX(0);
  transition: transform 0.3s ease-in-out;
}

.activeContainer {
  border: none;
  background-color: #333333;
}
.activeContainer .activeToggleCircle {
  background-color: #fff;
  transform: translateX(10px);
}

.toggle-container__text {
  border-radius: 4px;
}
.toggle-container__text__active {
  color: white;
  background-color: #333333;
}

.bigToggleContainer, .bigActiveContainer {
  display: flex;
  padding: 5px;
  transition: background-color 0.1s ease-in-out;
  cursor: pointer;
  position: relative;
  height: 42px;
  margin: 0 auto 3rem auto;
  border: 1px solid #dfdfdf;
}
.bigToggleContainer .toggleCircle, .bigActiveContainer .toggleCircle, .bigToggleContainer .textOption, .bigActiveContainer .textOption, .bigActiveContainer .activeTextOption, .bigToggleContainer .activeContainer .activeToggleCircle, .bigActiveContainer .activeContainer .activeToggleCircle, .activeContainer .bigToggleContainer .activeToggleCircle, .activeContainer .bigActiveContainer .activeToggleCircle {
  background-color: #fff;
}
.bigToggleContainer p, .bigActiveContainer p {
  width: 100%;
  font-weight: 700;
  z-index: 1;
}
.bigToggleContainer p span, .bigActiveContainer p span {
  display: inline-block;
  width: 50%;
  text-align: center;
}
.bigToggleContainer p span:first-child, .bigActiveContainer p span:first-child {
  color: lightgrey;
  font-weight: 700;
}
.bigToggleContainer p span:last-child, .bigActiveContainer p span:last-child {
  color: lightgrey;
  font-weight: 400;
}
.bigToggleContainer .textOption, .bigActiveContainer .textOption, .bigActiveContainer .activeTextOption {
  position: absolute;
  left: 0.5rem;
  width: 50%;
  height: 78%;
  border-radius: 2.5rem;
}

.bigActiveContainer .activeTextOption {
  transform: translateX(94%);
}
.bigActiveContainer p span:first-child {
  color: lightgrey;
  font-weight: 400;
}
.bigActiveContainer p span:last-child {
  color: lightgrey;
  font-weight: 700;
}

.resultCardAndMetricsContainer {
  border-radius: 20px;
  background-color: #f0f0f0;
}
.resultCardAndMetricsContainer .imageAndTextContainer {
  position: relative;
}
.resultCardAndMetricsContainer .imageAndTextContainer .textOverImage {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  color: #fff;
}
.resultCardAndMetricsContainer .imageAndTextContainer .textOverImage p {
  margin: 0;
}
.resultCardAndMetricsContainer .imageAndTextContainer .textOverImage .smallerHigherText, .resultCardAndMetricsContainer .imageAndTextContainer .textOverImage .evenSmallerHigherText {
  margin-left: 0.3rem;
  font-size: 2rem;
  vertical-align: super;
}
.resultCardAndMetricsContainer .imageAndTextContainer .textOverImage .evenSmallerHigherText {
  font-size: 1.4rem;
}

.emissionsExamplesContainer {
  color: #1b1b18;
}
.emissionsExamplesContainer p {
  margin: 0;
}
.emissionsExamplesContainer .title {
  font-family: Arial;
  font-weight: 600;
}
.emissionsExamplesContainer .largerTextEmissions, .emissionsExamplesContainer .smallerTextEmissions {
  font-family: Arial;
  font-weight: 700;
  font-size: 4rem;
  margin-top: 0.5rem;
}
.emissionsExamplesContainer .largerTextEmissions sup, .emissionsExamplesContainer .smallerTextEmissions sup {
  font-size: 2.2rem;
}
.emissionsExamplesContainer .smallerTextEmissions {
  font-size: 3.4rem;
}

.calculatorContainer {
  width: 100%;
  padding: 30px 15px;
  background-color: #f0f0f0;
  border-radius: 0.8rem;
  z-index: 1;
}
.calculatorContainer .toggleContainer, .calculatorContainer .activeContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.2rem;
}
.calculatorContainer .toggleContainer p, .calculatorContainer .activeContainer p {
  margin: 0;
  font-weight: 500;
}
.calculatorContainer .estimateAdWeightContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  margin-top: 6px;
  margin-bottom: 0.7rem;
}
.calculatorContainer .estimateAdWeightContainer .bitContainerText {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  flex-basis: 65%;
}
.calculatorContainer .estimateAdWeightContainer .bitContainerText > * {
  margin: 0;
}
.calculatorContainer .estimateAdWeightContainer .bitContainerText .radioCircle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 16px;
  width: 16px;
  margin-right: 0.5rem;
  background-color: #ebebeb;
  border-radius: 50%;
  border: 1px solid #605c57;
  vertical-align: text-bottom;
}
.calculatorContainer .estimateAdWeightContainer .bitContainerText .radioCircle div {
  height: 75%;
  width: 75%;
  background-color: #ff5500;
  border-radius: 50%;
}
.calculatorContainer .estimateAdWeightContainer .bitContainerText p {
  display: inline-block;
  max-width: 80%;
}
.calculatorContainer .estimateAdWeightContainer .bitContainerText .disabled {
  color: #999;
}
.calculatorContainer .estimateAdWeightContainer .bitrateInput {
  position: relative;
  width: 155px;
  height: 42px;
}
.calculatorContainer .estimateAdWeightContainer .bitrateInput > * {
  margin: 0;
}
.calculatorContainer .estimateAdWeightContainer .bitrateInput .inputField {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 700;
  font-family: Arial;
  background-color: #f7f7f7;
  appearance: none;
  outline: none;
  text-align: right;
  border: 2px solid lightgrey;
  border-radius: 0.4rem;
}
.calculatorContainer .estimateAdWeightContainer .bitrateInput .measurement {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  font-weight: 700;
  font-family: Arial;
}
.calculatorContainer .estimateAdWeightContainer .bitDepthButtons {
  display: flex;
}
.calculatorContainer .errorMessage {
  margin: 0;
  font-weight: 400;
  color: red;
  height: 1.5rem;
  text-align: right;
}
.calculatorContainer .resetButton {
  display: block;
  margin: 1rem 0.3rem -0.5rem auto;
  font-size: 12px;
  color: #858585;
}

.submitButton {
  display: block;
  margin: 2rem auto 0 auto;
  padding: 2px 16px;
  height: 42px;
  min-width: 110px;
  font-size: 16px;
  color: #fff;
  background-color: #333333;
  border-radius: 2rem;
}

.radioButtonsContainerMetrics {
  display: flex;
  gap: 1rem;
  justify-content: end;
  align-items: center;
  padding-top: 1.2rem;
}
.radioButtonsContainerMetrics p {
  margin: 0;
}

.radioButtonAndLabel {
  display: flex;
  align-items: center;
}
.radioButtonAndLabel input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #ccc;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.radioButtonAndLabel input[type=radio]:checked {
  border-color: #ff5500;
}
.radioButtonAndLabel input[type=radio]:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-color: #ff5500;
  border-radius: 50%;
}
.radioButtonAndLabel label {
  padding-top: 0.3rem;
  font-size: 16px;
}
.radioButtonAndLabel .greyedOut {
  color: #605c57;
}

.radiobuttonsText {
  flex: 1 1;
  font-size: 16px;
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: 0px;
}
.-left-16 {
  left: -4rem;
}
.-left-3 {
  left: -0.75rem;
}
.-left-5 {
  left: -1.25rem;
}
.-right-16 {
  right: -4rem;
}
.-right-5 {
  right: -1.25rem;
}
.bottom-0 {
  bottom: 0px;
}
.left-0 {
  left: 0px;
}
.right-0 {
  right: 0px;
}
.top-16 {
  top: 4rem;
}
.top-4 {
  top: 1rem;
}
.top-\[60px\] {
  top: 60px;
}
.top-\[61px\] {
  top: 61px;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-50 {
  z-index: 50;
}
.z-\[1\] {
  z-index: 1;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-\[22px\] {
  margin-left: 22px;
  margin-right: 22px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-\[60px\] {
  margin-top: 60px;
  margin-bottom: 60px;
}
.my-\[9px\] {
  margin-top: 9px;
  margin-bottom: 9px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.-mt-10 {
  margin-top: -2.5rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-9 {
  margin-bottom: 2.25rem;
}
.mb-\[100px\] {
  margin-bottom: 100px;
}
.mb-\[120px\] {
  margin-bottom: 120px;
}
.mb-\[20px\] {
  margin-bottom: 20px;
}
.mb-\[25px\] {
  margin-bottom: 25px;
}
.mb-\[28px\] {
  margin-bottom: 28px;
}
.mb-\[30px\] {
  margin-bottom: 30px;
}
.mb-\[35px\] {
  margin-bottom: 35px;
}
.mb-\[3px\] {
  margin-bottom: 3px;
}
.mb-\[40px\] {
  margin-bottom: 40px;
}
.mb-\[42px\] {
  margin-bottom: 42px;
}
.mb-\[54px\] {
  margin-bottom: 54px;
}
.mb-\[5px\] {
  margin-bottom: 5px;
}
.mb-\[60px\] {
  margin-bottom: 60px;
}
.mb-\[68px\] {
  margin-bottom: 68px;
}
.mb-\[72px\] {
  margin-bottom: 72px;
}
.mb-\[8px\] {
  margin-bottom: 8px;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-10 {
  margin-left: 2.5rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-\[-4px\] {
  margin-left: -4px;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-20 {
  margin-top: 5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[-20px\] {
  margin-top: -20px;
}
.mt-\[18px\] {
  margin-top: 18px;
}
.mt-\[25px\] {
  margin-top: 25px;
}
.mt-\[2px\] {
  margin-top: 2px;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.\!flex {
  display: flex !important;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.\!h-\[351px\] {
  height: 351px !important;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-16 {
  height: 4rem;
}
.h-4 {
  height: 1rem;
}
.h-6 {
  height: 1.5rem;
}
.h-8 {
  height: 2rem;
}
.h-\[192px\] {
  height: 192px;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[300px\] {
  height: 300px;
}
.h-\[320px\] {
  height: 320px;
}
.h-\[35px\] {
  height: 35px;
}
.h-\[412px\] {
  height: 412px;
}
.h-\[45px\] {
  height: 45px;
}
.h-\[570px\] {
  height: 570px;
}
.h-\[59px\] {
  height: 59px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[84px\] {
  height: 84px;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.max-h-\[100px\] {
  max-height: 100px;
}
.max-h-\[160px\] {
  max-height: 160px;
}
.max-h-\[356px\] {
  max-height: 356px;
}
.min-h-\[180px\] {
  min-height: 180px;
}
.min-h-\[400px\] {
  min-height: 400px;
}
.min-h-\[60px\] {
  min-height: 60px;
}
.min-h-\[700px\] {
  min-height: 700px;
}
.min-h-full {
  min-height: 100%;
}
.\!w-\[320px\] {
  width: 320px !important;
}
.w-1\/2 {
  width: 50%;
}
.w-16 {
  width: 4rem;
}
.w-20 {
  width: 5rem;
}
.w-4 {
  width: 1rem;
}
.w-6 {
  width: 1.5rem;
}
.w-\[106px\] {
  width: 106px;
}
.w-\[126px\] {
  width: 126px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[240px\] {
  width: 240px;
}
.w-\[249px\] {
  width: 249px;
}
.w-\[250px\] {
  width: 250px;
}
.w-\[288px\] {
  width: 288px;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[335px\] {
  width: 335px;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[45px\] {
  width: 45px;
}
.w-\[503px\] {
  width: 503px;
}
.w-\[667px\] {
  width: 667px;
}
.w-\[80px\] {
  width: 80px;
}
.w-\[calc\(100\%-100px\)\] {
  width: calc(100% - 100px);
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.min-w-20 {
  min-width: 5rem;
}
.min-w-28 {
  min-width: 7rem;
}
.min-w-5 {
  min-width: 1.25rem;
}
.min-w-\[106px\] {
  min-width: 106px;
}
.min-w-\[150px\] {
  min-width: 150px;
}
.min-w-\[56px\] {
  min-width: 56px;
}
.min-w-full {
  min-width: 100%;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-\[1000px\] {
  max-width: 1000px;
}
.max-w-\[1030px\] {
  max-width: 1030px;
}
.max-w-\[1090px\] {
  max-width: 1090px;
}
.max-w-\[1104px\] {
  max-width: 1104px;
}
.max-w-\[1120px\] {
  max-width: 1120px;
}
.max-w-\[1240px\] {
  max-width: 1240px;
}
.max-w-\[1320px\] {
  max-width: 1320px;
}
.max-w-\[1440px\] {
  max-width: 1440px;
}
.max-w-\[1920px\] {
  max-width: 1920px;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[230px\] {
  max-width: 230px;
}
.max-w-\[260px\] {
  max-width: 260px;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[350px\] {
  max-width: 350px;
}
.max-w-\[356px\] {
  max-width: 356px;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.max-w-\[390px\] {
  max-width: 390px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[450px\] {
  max-width: 450px;
}
.max-w-\[505px\] {
  max-width: 505px;
}
.max-w-\[510px\] {
  max-width: 510px;
}
.max-w-\[550px\] {
  max-width: 550px;
}
.max-w-\[560px\] {
  max-width: 560px;
}
.max-w-\[610px\] {
  max-width: 610px;
}
.max-w-\[808px\] {
  max-width: 808px;
}
.max-w-\[820px\] {
  max-width: 820px;
}
.max-w-full {
  max-width: 100%;
}
.flex-1 {
  flex: 1 1;
}
.flex-grow {
  flex-grow: 1;
}
.origin-top-left {
  transform-origin: top left;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-\[0\.5rem\] {
  gap: 0.5rem;
}
.gap-\[10px\] {
  gap: 10px;
}
.gap-\[20px\] {
  gap: 20px;
}
.gap-\[30px\] {
  gap: 30px;
}
.gap-\[40px\] {
  gap: 40px;
}
.gap-\[47px\] {
  gap: 47px;
}
.gap-\[60px\] {
  gap: 60px;
}
.gap-\[6px\] {
  gap: 6px;
}
.gap-\[7px\] {
  gap: 7px;
}
.gap-x-3 {
  column-gap: 0.75rem;
}
.gap-x-5 {
  column-gap: 1.25rem;
}
.gap-y-6 {
  row-gap: 1.5rem;
}
.gap-y-\[70px\] {
  row-gap: 70px;
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.self-center {
  align-self: center;
}
.justify-self-end {
  justify-self: end;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-y-auto {
  overflow-y: auto;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[100px\] {
  border-radius: 100px;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-\[5px\] {
  border-radius: 5px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b-\[20px\] {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.rounded-b-\[4px\] {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.rounded-bl-3xl {
  border-bottom-left-radius: 1.5rem;
}
.rounded-br-3xl {
  border-bottom-right-radius: 1.5rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-\[1px\] {
  border-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-solid {
  border-style: solid;
}
.border-color-black {
  --tw-border-opacity: 1;
  border-color: rgb(27 27 24 / var(--tw-border-opacity, 1));
}
.border-color-orange {
  --tw-border-opacity: 1;
  border-color: rgb(255 85 0 / var(--tw-border-opacity, 1));
}
.bg-\[\#F0F0F0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f0f0f0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
}
.bg-background-base-base {
  --tw-bg-opacity: 1;
  background-color: rgb(251 250 250 / var(--tw-bg-opacity, 1));
}
.bg-background-base-receded {
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 235 / var(--tw-bg-opacity, 1));
}
.bg-background-essential-base {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
}
.bg-background-essential-highlight {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1));
}
.bg-color-black {
  --tw-bg-opacity: 1;
  background-color: rgb(27 27 24 / var(--tw-bg-opacity, 1));
}
.bg-color-orange {
  --tw-bg-opacity: 1;
  background-color: rgb(255 85 0 / var(--tw-bg-opacity, 1));
}
.bg-color-pink {
  --tw-bg-opacity: 1;
  background-color: rgb(255 229 217 / var(--tw-bg-opacity, 1));
}
.bg-color-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.p-0 {
  padding: 0px;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-\[11px\] {
  padding: 11px;
}
.p-\[20px\] {
  padding: 20px;
}
.p-\[22px\] {
  padding: 22px;
}
.p-\[30px\] {
  padding: 30px;
}
.p-\[50px\] {
  padding: 50px;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}
.px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-\[120px\] {
  padding-top: 120px;
  padding-bottom: 120px;
}
.py-\[20px\] {
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-\[30px\] {
  padding-top: 30px;
  padding-bottom: 30px;
}
.py-\[35px\] {
  padding-top: 35px;
  padding-bottom: 35px;
}
.py-\[48px\] {
  padding-top: 48px;
  padding-bottom: 48px;
}
.py-\[60px\] {
  padding-top: 60px;
  padding-bottom: 60px;
}
.py-\[80px\] {
  padding-top: 80px;
  padding-bottom: 80px;
}
.pb-32 {
  padding-bottom: 8rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-9 {
  padding-bottom: 2.25rem;
}
.pb-\[120px\] {
  padding-bottom: 120px;
}
.pb-\[20px\] {
  padding-bottom: 20px;
}
.pb-\[34px\] {
  padding-bottom: 34px;
}
.pb-\[60px\] {
  padding-bottom: 60px;
}
.pb-\[82px\] {
  padding-bottom: 82px;
}
.pb-\[98px\] {
  padding-bottom: 98px;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-\[33px\] {
  padding-left: 33px;
}
.pr-14 {
  padding-right: 3.5rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-\[22px\] {
  padding-top: 22px;
}
.pt-\[40px\] {
  padding-top: 40px;
}
.pt-\[75px\] {
  padding-top: 75px;
}
.pt-\[80px\] {
  padding-top: 80px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.align-top {
  vertical-align: top;
}
.\!text-\[34px\] {
  font-size: 34px !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[48px\] {
  font-size: 48px;
}
.text-\[68px\] {
  font-size: 68px;
}
.text-\[8\.24px\] {
  font-size: 8.24px;
}
.text-\[8\.5px\] {
  font-size: 8.5px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.\!leading-snug {
  line-height: 1.375 !important;
}
.leading-\[14\.4px\] {
  line-height: 14.4px;
}
.leading-\[146px\] {
  line-height: 146px;
}
.leading-\[22\.4px\] {
  line-height: 22.4px;
}
.leading-\[61\.25px\] {
  line-height: 61.25px;
}
.tracking-\[-0\.02em\] {
  letter-spacing: -0.02em;
}
.text-\[\#858585\] {
  --tw-text-opacity: 1;
  color: rgb(133 133 133 / var(--tw-text-opacity, 1));
}
.text-\[\#878b92\] {
  --tw-text-opacity: 1;
  color: rgb(135 139 146 / var(--tw-text-opacity, 1));
}
.text-\[\#b8b8b8\] {
  --tw-text-opacity: 1;
  color: rgb(184 184 184 / var(--tw-text-opacity, 1));
}
.text-\[\$color-textblack\] {
  color: $color-textblack;
}
.text-background-text-subdued {
  --tw-text-opacity: 1;
  color: rgb(133 133 133 / var(--tw-text-opacity, 1));
}
.text-color-black {
  --tw-text-opacity: 1;
  color: rgb(27 27 24 / var(--tw-text-opacity, 1));
}
.text-color-orange {
  --tw-text-opacity: 1;
  color: rgb(255 85 0 / var(--tw-text-opacity, 1));
}
.text-color-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-primary-text-base {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-primary-text-subdued {
  --tw-text-opacity: 1;
  color: rgb(139 134 127 / var(--tw-text-opacity, 1));
}
.text-primary-text-subduedinverted {
  --tw-text-opacity: 1;
  color: rgb(141 141 139 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.space-grotesk {
  font-family: SpaceGrotesk, sans-serif;
  font-weight: 700;
}
.inter-regular {
  font-family: Inter, sans-serif;
  font-weight: 400;
}
.inter-medium {
  font-family: Inter, sans-serif;
  font-weight: 500;
}
.inter-semibold {
  font-family: Inter, sans-serif;
  font-weight: 600;
}
.inter-bold {
  font-family: Inter, sans-serif;
  font-weight: 700;
}
/* CSS Custom Properties Definitions */
*,
:after,
:before {
  box-sizing: border-box;
}

body,
html {
  margin: 0;
  padding: 0;
  min-width: 320px;
  background-color: #ebebeb;
  color: #1b1b18;
  font-family: "Inter", sans-serif;
  line-height: 1.4;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0px;
}

h1 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  margin-block-start: 0;
  margin-block-end: 0;
  font-family: "Space Grotesk", sans-serif !important;
}
@media only screen and (max-width: 1024px) {
  h1 {
    font-size: 32px;
  }
}

h2 {
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
}

h3 {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.1;
}

h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
}

h6 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

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

button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  outline: none;
  box-shadow: none;
  appearance: none;
}
button:hover {
  cursor: pointer;
}

a {
  text-decoration: none;
  color: inherit;
}

.bg-black {
  background-color: #1b1b18;
}
.bg-black .fullwidth-hero {
  background-color: #1b1b18 !important;
  color: white;
}
.bg-black footer {
  color: white;
}
.hover\:bg-background-decorative-base:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(223 223 223 / var(--tw-bg-opacity, 1));
}
.hover\:bg-color-grey:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-color-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:text-color-black:hover {
  --tw-text-opacity: 1;
  color: rgb(27 27 24 / var(--tw-text-opacity, 1));
}
.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.group:hover .group-hover\:text-color-black {
  --tw-text-opacity: 1;
  color: rgb(27 27 24 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-color-orange {
  --tw-text-opacity: 1;
  color: rgb(255 85 0 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {
  .sm\:top-40 {
    top: 10rem;
  }
  .sm\:my-\[52px\] {
    margin-top: 52px;
    margin-bottom: 52px;
  }
  .sm\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .sm\:mb-8 {
    margin-bottom: 2rem;
  }
  .sm\:mb-\[56px\] {
    margin-bottom: 56px;
  }
  .sm\:mb-\[60px\] {
    margin-bottom: 60px;
  }
  .sm\:mt-10 {
    margin-top: 2.5rem;
  }
  .sm\:block {
    display: block;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:h-10 {
    height: 2.5rem;
  }
  .sm\:h-\[217px\] {
    height: 217px;
  }
  .sm\:min-h-\[210px\] {
    min-height: 210px;
  }
  .sm\:w-1\/2 {
    width: 50%;
  }
  .sm\:w-\[390px\] {
    width: 390px;
  }
  .sm\:max-w-\[300px\] {
    max-width: 300px;
  }
  .sm\:max-w-\[450px\] {
    max-width: 450px;
  }
  .sm\:max-w-\[610px\] {
    max-width: 610px;
  }
  .sm\:max-w-\[90px\] {
    max-width: 90px;
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:items-start {
    align-items: flex-start;
  }
  .sm\:justify-start {
    justify-content: flex-start;
  }
  .sm\:justify-end {
    justify-content: flex-end;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:gap-12 {
    gap: 3rem;
  }
  .sm\:gap-\[0px\] {
    gap: 0px;
  }
  .sm\:p-12 {
    padding: 3rem;
  }
  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .sm\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:py-\[48px\] {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .sm\:py-\[52px\] {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .sm\:py-\[60px\] {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .sm\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .sm\:pb-\[130px\] {
    padding-bottom: 130px;
  }
  .sm\:pt-1 {
    padding-top: 0.25rem;
  }
  .sm\:text-\[24px\] {
    font-size: 24px;
  }
  .sm\:text-\[26px\] {
    font-size: 26px;
  }
  .sm\:text-\[92px\] {
    font-size: 92px;
  }
  .sm\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
@media (min-width: 768px) {
  .md\:absolute {
    position: absolute;
  }
  .md\:-left-36 {
    left: -9rem;
  }
  .md\:-right-36 {
    right: -9rem;
  }
  .md\:-top-8 {
    top: -2rem;
  }
  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .md\:mb-0 {
    margin-bottom: 0px;
  }
  .md\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .md\:mb-\[42px\] {
    margin-bottom: 42px;
  }
  .md\:mt-0 {
    margin-top: 0px;
  }
  .md\:mt-\[-80px\] {
    margin-top: -80px;
  }
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:hidden {
    display: none;
  }
  .md\:\!h-\[391px\] {
    height: 391px !important;
  }
  .md\:h-\[400px\] {
    height: 400px;
  }
  .md\:h-\[412px\] {
    height: 412px;
  }
  .md\:h-full {
    height: 100%;
  }
  .md\:\!w-\[356px\] {
    width: 356px !important;
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-1\/3 {
    width: 33.333333%;
  }
  .md\:w-3\/6 {
    width: 50%;
  }
  .md\:w-\[211px\] {
    width: 211px;
  }
  .md\:w-\[247px\] {
    width: 247px;
  }
  .md\:w-\[400px\] {
    width: 400px;
  }
  .md\:w-\[470px\] {
    width: 470px;
  }
  .md\:w-\[500px\] {
    width: 500px;
  }
  .md\:w-\[582px\] {
    width: 582px;
  }
  .md\:w-\[727px\] {
    width: 727px;
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:min-w-20 {
    min-width: 5rem;
  }
  .md\:min-w-\[168px\] {
    min-width: 168px;
  }
  .md\:min-w-\[80px\] {
    min-width: 80px;
  }
  .md\:max-w-\[320px\] {
    max-width: 320px;
  }
  .md\:max-w-\[400px\] {
    max-width: 400px;
  }
  .md\:max-w-\[500px\] {
    max-width: 500px;
  }
  .md\:max-w-\[582px\] {
    max-width: 582px;
  }
  .md\:max-w-\[596px\] {
    max-width: 596px;
  }
  .md\:max-w-\[600px\] {
    max-width: 600px;
  }
  .md\:max-w-\[728px\] {
    max-width: 728px;
  }
  .md\:max-w-\[735px\] {
    max-width: 735px;
  }
  .md\:max-w-full {
    max-width: 100%;
  }
  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .md\:flex-col {
    flex-direction: column;
  }
  .md\:justify-start {
    justify-content: flex-start;
  }
  .md\:gap-y-12 {
    row-gap: 3rem;
  }
  .md\:bg-color-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
  .md\:p-0 {
    padding: 0px;
  }
  .md\:p-\[14px\] {
    padding: 14px;
  }
  .md\:p-\[60px\] {
    padding: 60px;
  }
  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px;
  }
  .md\:px-\[40px\] {
    padding-left: 40px;
    padding-right: 40px;
  }
  .md\:px-\[70px\] {
    padding-left: 70px;
    padding-right: 70px;
  }
  .md\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .md\:py-\[80px\] {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .md\:pb-\[110px\] {
    padding-bottom: 110px;
  }
  .md\:pb-\[30px\] {
    padding-bottom: 30px;
  }
  .md\:pr-10 {
    padding-right: 2.5rem;
  }
  .md\:pt-12 {
    padding-top: 3rem;
  }
  .md\:pt-\[35px\] {
    padding-top: 35px;
  }
  .md\:pt-\[80\] {
    padding-top: 80;
  }
  .md\:pt-\[80px\] {
    padding-top: 80px;
  }
  .md\:text-start {
    text-align: start;
  }
  .md\:text-\[20px\] {
    font-size: 20px;
  }
  .md\:text-\[24px\] {
    font-size: 24px;
  }
  .md\:text-\[56px\] {
    font-size: 56px;
  }
  .md\:text-\[92px\] {
    font-size: 92px;
  }
  .md\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .md\:leading-\[71\.46px\] {
    line-height: 71.46px;
  }
  .md\:hover\:bg-color-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
@media (min-width: 1024px) {
  .lg\:-left-8 {
    left: -2rem;
  }
  .lg\:-right-8 {
    right: -2rem;
  }
  .lg\:-top-16 {
    top: -4rem;
  }
  .lg\:my-\[68px\] {
    margin-top: 68px;
    margin-bottom: 68px;
  }
  .lg\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .lg\:mb-\[109px\] {
    margin-bottom: 109px;
  }
  .lg\:ml-40 {
    margin-left: 10rem;
  }
  .lg\:mt-12 {
    margin-top: 3rem;
  }
  .lg\:mt-\[-100px\] {
    margin-top: -100px;
  }
  .lg\:line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .lg\:block {
    display: block;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:h-\[384px\] {
    height: 384px;
  }
  .lg\:h-\[500px\] {
    height: 500px;
  }
  .lg\:min-h-\[200px\] {
    min-height: 200px;
  }
  .lg\:w-1\/3 {
    width: 33.333333%;
  }
  .lg\:w-2\/3 {
    width: 66.666667%;
  }
  .lg\:w-\[120px\] {
    width: 120px;
  }
  .lg\:w-\[500px\] {
    width: 500px;
  }
  .lg\:w-\[700px\] {
    width: 700px;
  }
  .lg\:min-w-\[509px\] {
    min-width: 509px;
  }
  .lg\:max-w-5xl {
    max-width: 64rem;
  }
  .lg\:max-w-\[1030px\] {
    max-width: 1030px;
  }
  .lg\:max-w-\[500px\] {
    max-width: 500px;
  }
  .lg\:max-w-\[720px\] {
    max-width: 720px;
  }
  .lg\:max-w-\[800px\] {
    max-width: 800px;
  }
  .lg\:max-w-full {
    max-width: 100%;
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:flex-col {
    flex-direction: column;
  }
  .lg\:justify-center {
    justify-content: center;
  }
  .lg\:gap-5 {
    gap: 1.25rem;
  }
  .lg\:gap-6 {
    gap: 1.5rem;
  }
  .lg\:gap-\[125px\] {
    gap: 125px;
  }
  .lg\:gap-y-\[56px\] {
    row-gap: 56px;
  }
  .lg\:p-\[50px\] {
    padding: 50px;
  }
  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .lg\:px-\[100px\] {
    padding-left: 100px;
    padding-right: 100px;
  }
  .lg\:px-\[210px\] {
    padding-left: 210px;
    padding-right: 210px;
  }
  .lg\:px-\[60px\] {
    padding-left: 60px;
    padding-right: 60px;
  }
  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .lg\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .lg\:py-\[68px\] {
    padding-top: 68px;
    padding-bottom: 68px;
  }
  .lg\:pb-\[120px\] {
    padding-bottom: 120px;
  }
  .lg\:pl-0 {
    padding-left: 0px;
  }
  .lg\:pt-12 {
    padding-top: 3rem;
  }
  .lg\:pt-\[110px\] {
    padding-top: 110px;
  }
  .lg\:pt-\[40px\] {
    padding-top: 40px;
  }
  .lg\:text-\[146px\] {
    font-size: 146px;
  }
  .lg\:text-\[168px\] {
    font-size: 168px;
  }
  .lg\:text-\[24px\] {
    font-size: 24px;
  }
  .lg\:text-\[42px\] {
    font-size: 42px;
  }
  .lg\:text-\[80px\] {
    font-size: 80px;
  }
  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .lg\:leading-\[146px\] {
    line-height: 146px;
  }
  .lg\:leading-\[80px\] {
    line-height: 80px;
  }
}
@media (min-width: 1280px) {
  .xl\:-left-36 {
    left: -9rem;
  }
  .xl\:-right-36 {
    right: -9rem;
  }
  .xl\:ml-40 {
    margin-left: 10rem;
  }
  .xl\:block {
    display: block;
  }
  .xl\:hidden {
    display: none;
  }
  .xl\:\!h-\[660px\] {
    height: 660px !important;
  }
  .xl\:\!w-\[610px\] {
    width: 610px !important;
  }
  .xl\:w-\[247px\] {
    width: 247px;
  }
  .xl\:w-\[291px\] {
    width: 291px;
  }
  .xl\:w-\[610px\] {
    width: 610px;
  }
  .xl\:w-\[930px\] {
    width: 930px;
  }
  .xl\:w-\[973px\] {
    width: 973px;
  }
  .xl\:min-w-48 {
    min-width: 12rem;
  }
  .xl\:max-w-7xl {
    max-width: 80rem;
  }
  .xl\:max-w-\[1212px\] {
    max-width: 1212px;
  }
  .xl\:max-w-\[1240px\] {
    max-width: 1240px;
  }
  .xl\:max-w-\[974px\] {
    max-width: 974px;
  }
  .xl\:flex-row {
    flex-direction: row;
  }
  .xl\:p-\[22px\] {
    padding: 22px;
  }
  .xl\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(data:image/gif;base64,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) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(data:application/vnd.ms-fontobject;base64,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);
    src: url(data:application/vnd.ms-fontobject;base64,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?#iefix) format('embedded-opentype'), url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format('woff'), url(data:font/ttf;base64,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) format('truetype'), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtZXRhZGF0YT5HZW5lcmF0ZWQgYnkgRm9udGFzdGljLm1lPC9tZXRhZGF0YT4KPGRlZnM+Cjxmb250IGlkPSJzbGljayIgaG9yaXotYWR2LXg9IjUxMiI+Cjxmb250LWZhY2UgZm9udC1mYW1pbHk9InNsaWNrIiB1bml0cy1wZXItZW09IjUxMiIgYXNjZW50PSI0ODAiIGRlc2NlbnQ9Ii0zMiIvPgo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iNTEyIiAvPgoKPGdseXBoIHVuaWNvZGU9IiYjODU5NDsiIGQ9Ik0yNDEgMTEzbDEzMCAxMzBjNCA0IDYgOCA2IDEzIDAgNS0yIDktNiAxM2wtMTMwIDEzMGMtMyAzLTcgNS0xMiA1LTUgMC0xMC0yLTEzLTVsLTI5LTMwYy00LTMtNi03LTYtMTIgMC01IDItMTAgNi0xM2w4Ny04OC04Ny04OGMtNC0zLTYtOC02LTEzIDAtNSAyLTkgNi0xMmwyOS0zMGMzLTMgOC01IDEzLTUgNSAwIDkgMiAxMiA1eiBtMjM0IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODU5MjsiIGQ9Ik0yOTYgMTEzbDI5IDMwYzQgMyA2IDcgNiAxMiAwIDUtMiAxMC02IDEzbC04NyA4OCA4NyA4OGM0IDMgNiA4IDYgMTMgMCA1LTIgOS02IDEybC0yOSAzMGMtMyAzLTggNS0xMyA1LTUgMC05LTItMTItNWwtMTMwLTEzMGMtNC00LTYtOC02LTEzIDAtNSAyLTkgNi0xM2wxMzAtMTMwYzMtMyA3LTUgMTItNSA1IDAgMTAgMiAxMyA1eiBtMTc5IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODIyNjsiIGQ9Ik00NzUgMjU2YzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5LTQwIDAtNzcgOS0xMTAgMjktMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwIDAgNDAgOSA3NyAyOSAxMTAgMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5IDQwIDAgNzctOSAxMTAtMjkgMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPgo8Z2x5cGggdW5pY29kZT0iJiM5NzsiIGQ9Ik00NzUgNDM5bDAtMTI4YzAtNS0xLTktNS0xMy00LTQtOC01LTEzLTVsLTEyOCAwYy04IDAtMTMgMy0xNyAxMS0zIDctMiAxNCA0IDIwbDQwIDM5Yy0yOCAyNi02MiAzOS0xMDAgMzktMjAgMC0zOS00LTU3LTExLTE4LTgtMzMtMTgtNDYtMzItMTQtMTMtMjQtMjgtMzItNDYtNy0xOC0xMS0zNy0xMS01NyAwLTIwIDQtMzkgMTEtNTcgOC0xOCAxOC0zMyAzMi00NiAxMy0xNCAyOC0yNCA0Ni0zMiAxOC03IDM3LTExIDU3LTExIDIzIDAgNDQgNSA2NCAxNSAyMCA5IDM4IDIzIDUxIDQyIDIgMSA0IDMgNyAzIDMgMCA1LTEgNy0zbDM5LTM5YzItMiAzLTMgMy02IDAtMi0xLTQtMi02LTIxLTI1LTQ2LTQ1LTc2LTU5LTI5LTE0LTYwLTIwLTkzLTIwLTMwIDAtNTggNS04NSAxNy0yNyAxMi01MSAyNy03MCA0Ny0yMCAxOS0zNSA0My00NyA3MC0xMiAyNy0xNyA1NS0xNyA4NSAwIDMwIDUgNTggMTcgODUgMTIgMjcgMjcgNTEgNDcgNzAgMTkgMjAgNDMgMzUgNzAgNDcgMjcgMTIgNTUgMTcgODUgMTcgMjggMCA1NS01IDgxLTE1IDI2LTExIDUwLTI2IDcwLTQ1bDM3IDM3YzYgNiAxMiA3IDIwIDQgOC00IDExLTkgMTEtMTd6Ii8+CjwvZm9udD48L2RlZnM+PC9zdmc+Cg==#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


.fifty-fifty-container h2 {
  font-size: 32px;
}
@media only screen and (min-width: 1024px) {
  .fifty-fifty-container h2 {
    font-size: 48px;
  }
}
.fifty-fifty-container .large-container {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 640px) {
  .fifty-fifty-container .large-container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.fifty-fifty-container .large-container .resizable-image {
  max-width: 500px;
  max-height: 500px;
}
.fifty-fifty-container .small-container {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 640px) {
  .fifty-fifty-container .small-container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .fifty-fifty-container .small-container {
    padding-left: 105px;
    padding-right: 105px;
  }
}
.fifty-fifty-container .small-container .resizable-image {
  max-width: 400px;
  max-height: 400px;
}
.fifty-fifty-container .resizable-image {
  position: relative;
  height: 100%;
  width: 100%;
}
.fifty-fifty-container .resizable-image img {
  object-fit: contain;
  aspect-ratio: 1/1;
  width: 100%;
  max-height: 100%;
}
.fifty-fifty-container .fifty-list {
  padding: 64px 0;
  display: flex;
  max-width: 270px;
  flex-direction: column;
  gap: 44px;
  margin: 0 auto;
}
@media only screen and (min-width: 640px) {
  .fifty-fifty-container .fifty-list {
    max-width: 435px;
  }
}
.fifty-fifty-container .fifty-list li {
  font-size: 18px;
  display: flex;
  align-items: center;
  font-weight: 600;
}
@media only screen and (min-width: 1024px) {
  .fifty-fifty-container .fifty-list li {
    font-size: 24px;
  }
}
.fifty-fifty-container .fifty-list li:last-child {
  margin-bottom: 0px;
}
.fifty-fifty-container .fifty-list li span {
  margin-left: 24px;
}
.fifty-fifty-container .fifty-list li svg {
  flex-shrink: 0;
}
button {
  background-color: #f0f0f0;
  border: 1px solid #b2b2b2;
  color: #1b1b18;
  transition: background 0.1s ease;
}
button.button-orange {
  background-color: #ff5500;
  color: white;
  border: 1px solid transparent;
}
button.button-orange:hover {
  background-color: #c95827;
}
button.button-white {
  background-color: #fff;
  color: #ff5500;
  border: 1px solid transparent;
}
button.button-white:hover {
  background-color: #f0f0f0;
}
.gallery {
  position: relative;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}
.gallery__ads {
  flex-wrap: wrap;
}
.gallery__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative;
  min-height: 42px;
}
@media only screen and (min-width: 768px) {
  .gallery__header {
    flex-direction: row;
  }
}
.gallery__header__cta {
  text-align: left;
}
.gallery__header__cta__arrow {
  margin-left: 17px;
  display: inline-block;
}
.gallery__header__buttons {
  display: flex;
}
@media only screen and (min-width: 1280px) {
  .gallery__header__buttons {
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
  }
}

.gallery-ad__cta {
  display: flex;
  margin-top: 16px;
  align-items: center;
  height: 42px;
  width: 100%;
}
.gallery-ad__cta:hover {
  background-color: unset;
}
.gallery-ad__cta__cta-text {
  display: inline-block;
  font-size: 16px;
  max-width: calc(100% - 42px);
  text-align: left;
}
.gallery-ad__cta__cta-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  height: 42px;
  width: 42px;
  transition: all 0.2s ease;
  border-radius: 100px;
}
.gallery-ad__cta__cta-arrow path {
  transition: all 0.2s ease;
}
.gallery-ad__cta__cta-arrow.hovered {
  background-color: #ff5500;
}

iframe {
  overflow: hidden !important;
  /* For older browser versions */
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
  border: none;
  display: block;
  max-width: 100%;
}

iframe::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge */
}

/* Modal.css */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  transition: background 0.2s ease;
}

.modal-content {
  position: relative;
  width: 1125px;
  max-width: 80%;
  overflow: scroll;
  padding: 40px;
}

.modal-slider-area {
  background-color: #f7f7f7;
  padding: 20px;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.modal-slider-area .slick-dots {
  position: absolute;
  bottom: -40px !important;
  width: 100%;
  text-align: center;
}
.modal-slider-area .slider-iframe-wrapper {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 65vh;
  min-height: 450px;
  max-height: 1000px;
}
.modal-slider-area .slider-iframe-wrapper iframe {
  overflow: hidden !important;
}
.modal-slider-area .slick-prev:before,
.modal-slider-area .slick-next:before {
  color: black;
}
.modal-slider-area .slick-dots li button {
  width: 6px;
  height: 6px;
  padding: 0;
}
.modal-slider-area .slick-dots li button:before {
  color: #d9d9d9;
  font-size: 6px;
  width: 6px;
  height: 6px;
  line-height: 6px;
}
.modal-slider-area .slick-dots li.slick-active button:before {
  color: #ff5500;
}
.modal-slider-area .slick-dots li {
  margin: 0 5px !important;
  width: 5px;
  height: 5px;
}

.custom-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  color: white;
  font-size: 40px;
  z-index: 1;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}

.next-arrow {
  right: -180px;
}

.prev-arrow {
  left: -180px;
}

.modal-text {
  max-width: 500px;
}

.close-button {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  height: 30px;
  width: 30px;
  transition: transform 0.2s ease;
  border-radius: 20px;
  margin: auto -30px auto auto;
  display: none;
}
@media only screen and (min-width: 640px) {
  .close-button {
    display: flex;
  }
}
.close-button:hover {
  transform: scale3d(1.1, 1.1, 1.1);
}
.call-to-action {
  position: relative;
  overflow: hidden;
  width: calc(100% - 80px);
}
.call-to-action.fullwidth {
  background: #ebebeb;
}
.call-to-action.fullwidth .cta-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  pointer-events: none;
}
.call-to-action.fullwidth .cta-button {
  z-index: 1;
  margin-top: 38px;
}
.call-to-action.side {
  display: flex;
  background: var(--Brand-ST-Gradient, linear-gradient(65deg, #f50 11.16%, #ff8347 60.51%, #ff9666 81.87%));
}
@media only screen and (max-width: 1024px) {
  .call-to-action.side {
    flex-direction: column;
  }
}
.call-to-action.side .cta-image {
  position: absolute;
  right: 0;
  width: 60%;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
@media only screen and (max-width: 640px) {
  .call-to-action.side .cta-image {
    display: none;
  }
}
.call-to-action.side .cta-button {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 1;
}
@media only screen and (max-width: 640px) {
  .call-to-action.side .cta-button {
    bottom: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .call-to-action {
    width: calc(100% - 40px);
  }
}
.call-to-action h2 {
  font-size: 48px;
}
@media only screen and (max-width: 1024px) {
  .call-to-action h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 640px) {
  .call-to-action p {
    max-width: calc(100% - 60px);
  }
}
.three-box-section {
  gap: 40px;
  margin-top: 60px;
  max-width: 1320px;
  margin: 50px auto;
  padding: 0 20px;
}
@media only screen and (min-width: 640px) {
  .three-box-section {
    gap: 20px;
    padding: 0 40px;
    margin: 60px auto;
  }
}
.three-box-section > div img {
  max-height: 210px;
}
/* CSS Custom Properties Definitions */
*,
:after,
:before {
  box-sizing: border-box;
}

body,
html {
  margin: 0;
  padding: 0;
  min-width: 320px;
  background-color: #ebebeb;
  color: #1b1b18;
  font-family: "Inter", sans-serif;
  line-height: 1.4;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0px;
}

h1 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  margin-block-start: 0;
  margin-block-end: 0;
  font-family: "Space Grotesk", sans-serif !important;
}
@media only screen and (max-width: 1024px) {
  h1 {
    font-size: 32px;
  }
}

h2 {
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
}

h3 {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.1;
}

h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
}

h6 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

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

button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  outline: none;
  box-shadow: none;
  appearance: none;
}
button:hover {
  cursor: pointer;
}

a {
  text-decoration: none;
  color: inherit;
}

.bg-black {
  background-color: #1b1b18;
}
.bg-black .fullwidth-hero {
  background-color: #1b1b18 !important;
  color: white;
}
.bg-black footer {
  color: white;
}

nav {
  border: 1px solid #dfdfdf;
  border-top: none;
}
nav li:not(:last-child) {
  border-bottom: 1px solid #dfdfdf;
}
nav li:not(:last-child)::after, nav li:not(:last-child)::before {
  line-height: 0;
}

.article-border {
  border-left: 1px solid #dfdfdf;
  padding-left: 44px;
}

.article:hover .article-except p {
  color: #1b1b18;
}
.article .article-except p {
  font-size: 12px;
  line-height: 14.4px;
  color: #858585;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.full-width-text .small-container {
  max-width: 858px;
}
@media only screen and (max-width: 1024px) {
  .full-width-text .small-container {
    max-width: 584px;
  }
}
.full-width-text .large-container {
  max-width: 584px;
}
@media only screen and (min-width: 1024px) {
  .full-width-text .large-container {
    max-width: 1004px;
  }
}
.full-width-text h2 {
  font-size: 32px;
}
@media only screen and (min-width: 1024px) {
  .full-width-text h2 {
    font-size: 48px;
  }
}
.full-width-text h3 {
  font-size: 28px;
}
@media only screen and (min-width: 1024px) {
  .full-width-text h3 {
    font-size: 42px;
  }
}
.full-width-text h2,
.full-width-text h3,
.full-width-text h4,
.full-width-text h5,
.full-width-text h6 {
  display: block;
}
/* CSS Custom Properties Definitions */
*,
:after,
:before {
  box-sizing: border-box;
}

body,
html {
  margin: 0;
  padding: 0;
  min-width: 320px;
  background-color: #ebebeb;
  color: #1b1b18;
  font-family: "Inter", sans-serif;
  line-height: 1.4;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0px;
}

h1 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  margin-block-start: 0;
  margin-block-end: 0;
  font-family: "Space Grotesk", sans-serif !important;
}
@media only screen and (max-width: 1024px) {
  h1 {
    font-size: 32px;
  }
}

h2 {
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
}

h3 {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.1;
}

h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
}

h6 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

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

button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  outline: none;
  box-shadow: none;
  appearance: none;
}
button:hover {
  cursor: pointer;
}

a {
  text-decoration: none;
  color: inherit;
}

.bg-black {
  background-color: #1b1b18;
}
.bg-black .fullwidth-hero {
  background-color: #1b1b18 !important;
  color: white;
}
.bg-black footer {
  color: white;
}

.mobile-menu {
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  background-color: rgba(255, 255, 255, 0.7);
}

.child-menu-item li {
  width: calc(100% - 20px);
  padding: 12px 0;
  border-bottom: solid 1px #dfdfdf;
}
.child-menu-item li:last-child {
  border-bottom: none;
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: 0px;
}
.-left-16 {
  left: -4rem;
}
.-left-3 {
  left: -0.75rem;
}
.-left-5 {
  left: -1.25rem;
}
.-right-16 {
  right: -4rem;
}
.-right-5 {
  right: -1.25rem;
}
.bottom-0 {
  bottom: 0px;
}
.left-0 {
  left: 0px;
}
.right-0 {
  right: 0px;
}
.top-16 {
  top: 4rem;
}
.top-4 {
  top: 1rem;
}
.top-\[60px\] {
  top: 60px;
}
.top-\[61px\] {
  top: 61px;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-50 {
  z-index: 50;
}
.z-\[1\] {
  z-index: 1;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-\[22px\] {
  margin-left: 22px;
  margin-right: 22px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-\[60px\] {
  margin-top: 60px;
  margin-bottom: 60px;
}
.my-\[9px\] {
  margin-top: 9px;
  margin-bottom: 9px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.-mt-10 {
  margin-top: -2.5rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-9 {
  margin-bottom: 2.25rem;
}
.mb-\[100px\] {
  margin-bottom: 100px;
}
.mb-\[120px\] {
  margin-bottom: 120px;
}
.mb-\[20px\] {
  margin-bottom: 20px;
}
.mb-\[25px\] {
  margin-bottom: 25px;
}
.mb-\[28px\] {
  margin-bottom: 28px;
}
.mb-\[30px\] {
  margin-bottom: 30px;
}
.mb-\[35px\] {
  margin-bottom: 35px;
}
.mb-\[3px\] {
  margin-bottom: 3px;
}
.mb-\[40px\] {
  margin-bottom: 40px;
}
.mb-\[42px\] {
  margin-bottom: 42px;
}
.mb-\[54px\] {
  margin-bottom: 54px;
}
.mb-\[5px\] {
  margin-bottom: 5px;
}
.mb-\[60px\] {
  margin-bottom: 60px;
}
.mb-\[68px\] {
  margin-bottom: 68px;
}
.mb-\[72px\] {
  margin-bottom: 72px;
}
.mb-\[8px\] {
  margin-bottom: 8px;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-10 {
  margin-left: 2.5rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-\[-4px\] {
  margin-left: -4px;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-20 {
  margin-top: 5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[-20px\] {
  margin-top: -20px;
}
.mt-\[18px\] {
  margin-top: 18px;
}
.mt-\[25px\] {
  margin-top: 25px;
}
.mt-\[2px\] {
  margin-top: 2px;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.\!flex {
  display: flex !important;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.\!h-\[351px\] {
  height: 351px !important;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-16 {
  height: 4rem;
}
.h-4 {
  height: 1rem;
}
.h-6 {
  height: 1.5rem;
}
.h-8 {
  height: 2rem;
}
.h-\[192px\] {
  height: 192px;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[300px\] {
  height: 300px;
}
.h-\[320px\] {
  height: 320px;
}
.h-\[35px\] {
  height: 35px;
}
.h-\[412px\] {
  height: 412px;
}
.h-\[45px\] {
  height: 45px;
}
.h-\[570px\] {
  height: 570px;
}
.h-\[59px\] {
  height: 59px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[84px\] {
  height: 84px;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.max-h-\[100px\] {
  max-height: 100px;
}
.max-h-\[160px\] {
  max-height: 160px;
}
.max-h-\[356px\] {
  max-height: 356px;
}
.min-h-\[180px\] {
  min-height: 180px;
}
.min-h-\[400px\] {
  min-height: 400px;
}
.min-h-\[60px\] {
  min-height: 60px;
}
.min-h-\[700px\] {
  min-height: 700px;
}
.min-h-full {
  min-height: 100%;
}
.\!w-\[320px\] {
  width: 320px !important;
}
.w-1\/2 {
  width: 50%;
}
.w-16 {
  width: 4rem;
}
.w-20 {
  width: 5rem;
}
.w-4 {
  width: 1rem;
}
.w-6 {
  width: 1.5rem;
}
.w-\[106px\] {
  width: 106px;
}
.w-\[126px\] {
  width: 126px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[240px\] {
  width: 240px;
}
.w-\[249px\] {
  width: 249px;
}
.w-\[250px\] {
  width: 250px;
}
.w-\[288px\] {
  width: 288px;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[335px\] {
  width: 335px;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[45px\] {
  width: 45px;
}
.w-\[503px\] {
  width: 503px;
}
.w-\[667px\] {
  width: 667px;
}
.w-\[80px\] {
  width: 80px;
}
.w-\[calc\(100\%-100px\)\] {
  width: calc(100% - 100px);
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.min-w-20 {
  min-width: 5rem;
}
.min-w-28 {
  min-width: 7rem;
}
.min-w-5 {
  min-width: 1.25rem;
}
.min-w-\[106px\] {
  min-width: 106px;
}
.min-w-\[150px\] {
  min-width: 150px;
}
.min-w-\[56px\] {
  min-width: 56px;
}
.min-w-full {
  min-width: 100%;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-\[1000px\] {
  max-width: 1000px;
}
.max-w-\[1030px\] {
  max-width: 1030px;
}
.max-w-\[1090px\] {
  max-width: 1090px;
}
.max-w-\[1104px\] {
  max-width: 1104px;
}
.max-w-\[1120px\] {
  max-width: 1120px;
}
.max-w-\[1240px\] {
  max-width: 1240px;
}
.max-w-\[1320px\] {
  max-width: 1320px;
}
.max-w-\[1440px\] {
  max-width: 1440px;
}
.max-w-\[1920px\] {
  max-width: 1920px;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[230px\] {
  max-width: 230px;
}
.max-w-\[260px\] {
  max-width: 260px;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[350px\] {
  max-width: 350px;
}
.max-w-\[356px\] {
  max-width: 356px;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.max-w-\[390px\] {
  max-width: 390px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[450px\] {
  max-width: 450px;
}
.max-w-\[505px\] {
  max-width: 505px;
}
.max-w-\[510px\] {
  max-width: 510px;
}
.max-w-\[550px\] {
  max-width: 550px;
}
.max-w-\[560px\] {
  max-width: 560px;
}
.max-w-\[610px\] {
  max-width: 610px;
}
.max-w-\[808px\] {
  max-width: 808px;
}
.max-w-\[820px\] {
  max-width: 820px;
}
.max-w-full {
  max-width: 100%;
}
.flex-1 {
  flex: 1 1;
}
.flex-grow {
  flex-grow: 1;
}
.origin-top-left {
  transform-origin: top left;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-\[0\.5rem\] {
  gap: 0.5rem;
}
.gap-\[10px\] {
  gap: 10px;
}
.gap-\[20px\] {
  gap: 20px;
}
.gap-\[30px\] {
  gap: 30px;
}
.gap-\[40px\] {
  gap: 40px;
}
.gap-\[47px\] {
  gap: 47px;
}
.gap-\[60px\] {
  gap: 60px;
}
.gap-\[6px\] {
  gap: 6px;
}
.gap-\[7px\] {
  gap: 7px;
}
.gap-x-3 {
  column-gap: 0.75rem;
}
.gap-x-5 {
  column-gap: 1.25rem;
}
.gap-y-6 {
  row-gap: 1.5rem;
}
.gap-y-\[70px\] {
  row-gap: 70px;
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.self-center {
  align-self: center;
}
.justify-self-end {
  justify-self: end;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-y-auto {
  overflow-y: auto;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[100px\] {
  border-radius: 100px;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-\[5px\] {
  border-radius: 5px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b-\[20px\] {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.rounded-b-\[4px\] {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.rounded-bl-3xl {
  border-bottom-left-radius: 1.5rem;
}
.rounded-br-3xl {
  border-bottom-right-radius: 1.5rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-\[1px\] {
  border-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-solid {
  border-style: solid;
}
.border-color-black {
  --tw-border-opacity: 1;
  border-color: rgb(27 27 24 / var(--tw-border-opacity, 1));
}
.border-color-orange {
  --tw-border-opacity: 1;
  border-color: rgb(255 85 0 / var(--tw-border-opacity, 1));
}
.bg-\[\#F0F0F0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f0f0f0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
}
.bg-background-base-base {
  --tw-bg-opacity: 1;
  background-color: rgb(251 250 250 / var(--tw-bg-opacity, 1));
}
.bg-background-base-receded {
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 235 / var(--tw-bg-opacity, 1));
}
.bg-background-essential-base {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
}
.bg-background-essential-highlight {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1));
}
.bg-color-black {
  --tw-bg-opacity: 1;
  background-color: rgb(27 27 24 / var(--tw-bg-opacity, 1));
}
.bg-color-orange {
  --tw-bg-opacity: 1;
  background-color: rgb(255 85 0 / var(--tw-bg-opacity, 1));
}
.bg-color-pink {
  --tw-bg-opacity: 1;
  background-color: rgb(255 229 217 / var(--tw-bg-opacity, 1));
}
.bg-color-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.p-0 {
  padding: 0px;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-\[11px\] {
  padding: 11px;
}
.p-\[20px\] {
  padding: 20px;
}
.p-\[22px\] {
  padding: 22px;
}
.p-\[30px\] {
  padding: 30px;
}
.p-\[50px\] {
  padding: 50px;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}
.px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-\[120px\] {
  padding-top: 120px;
  padding-bottom: 120px;
}
.py-\[20px\] {
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-\[30px\] {
  padding-top: 30px;
  padding-bottom: 30px;
}
.py-\[35px\] {
  padding-top: 35px;
  padding-bottom: 35px;
}
.py-\[48px\] {
  padding-top: 48px;
  padding-bottom: 48px;
}
.py-\[60px\] {
  padding-top: 60px;
  padding-bottom: 60px;
}
.py-\[80px\] {
  padding-top: 80px;
  padding-bottom: 80px;
}
.pb-32 {
  padding-bottom: 8rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-9 {
  padding-bottom: 2.25rem;
}
.pb-\[120px\] {
  padding-bottom: 120px;
}
.pb-\[20px\] {
  padding-bottom: 20px;
}
.pb-\[34px\] {
  padding-bottom: 34px;
}
.pb-\[60px\] {
  padding-bottom: 60px;
}
.pb-\[82px\] {
  padding-bottom: 82px;
}
.pb-\[98px\] {
  padding-bottom: 98px;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-\[33px\] {
  padding-left: 33px;
}
.pr-14 {
  padding-right: 3.5rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-\[22px\] {
  padding-top: 22px;
}
.pt-\[40px\] {
  padding-top: 40px;
}
.pt-\[75px\] {
  padding-top: 75px;
}
.pt-\[80px\] {
  padding-top: 80px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.align-top {
  vertical-align: top;
}
.\!text-\[34px\] {
  font-size: 34px !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[48px\] {
  font-size: 48px;
}
.text-\[68px\] {
  font-size: 68px;
}
.text-\[8\.24px\] {
  font-size: 8.24px;
}
.text-\[8\.5px\] {
  font-size: 8.5px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.\!leading-snug {
  line-height: 1.375 !important;
}
.leading-\[14\.4px\] {
  line-height: 14.4px;
}
.leading-\[146px\] {
  line-height: 146px;
}
.leading-\[22\.4px\] {
  line-height: 22.4px;
}
.leading-\[61\.25px\] {
  line-height: 61.25px;
}
.tracking-\[-0\.02em\] {
  letter-spacing: -0.02em;
}
.text-\[\#858585\] {
  --tw-text-opacity: 1;
  color: rgb(133 133 133 / var(--tw-text-opacity, 1));
}
.text-\[\#878b92\] {
  --tw-text-opacity: 1;
  color: rgb(135 139 146 / var(--tw-text-opacity, 1));
}
.text-\[\#b8b8b8\] {
  --tw-text-opacity: 1;
  color: rgb(184 184 184 / var(--tw-text-opacity, 1));
}
.text-\[\$color-textblack\] {
  color: $color-textblack;
}
.text-background-text-subdued {
  --tw-text-opacity: 1;
  color: rgb(133 133 133 / var(--tw-text-opacity, 1));
}
.text-color-black {
  --tw-text-opacity: 1;
  color: rgb(27 27 24 / var(--tw-text-opacity, 1));
}
.text-color-orange {
  --tw-text-opacity: 1;
  color: rgb(255 85 0 / var(--tw-text-opacity, 1));
}
.text-color-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-primary-text-base {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-primary-text-subdued {
  --tw-text-opacity: 1;
  color: rgb(139 134 127 / var(--tw-text-opacity, 1));
}
.text-primary-text-subduedinverted {
  --tw-text-opacity: 1;
  color: rgb(141 141 139 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.space-grotesk {
  font-family: SpaceGrotesk, sans-serif;
  font-weight: 700;
}
.inter-regular {
  font-family: Inter, sans-serif;
  font-weight: 400;
}
.inter-medium {
  font-family: Inter, sans-serif;
  font-weight: 500;
}
.inter-semibold {
  font-family: Inter, sans-serif;
  font-weight: 600;
}
.inter-bold {
  font-family: Inter, sans-serif;
  font-weight: 700;
}
/* CSS Custom Properties Definitions */
*,
:after,
:before {
  box-sizing: border-box;
}

body,
html {
  margin: 0;
  padding: 0;
  min-width: 320px;
  background-color: #ebebeb;
  color: #1b1b18;
  font-family: "Inter", sans-serif;
  line-height: 1.4;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0px;
}

h1 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  margin-block-start: 0;
  margin-block-end: 0;
  font-family: "Space Grotesk", sans-serif !important;
}
@media only screen and (max-width: 1024px) {
  h1 {
    font-size: 32px;
  }
}

h2 {
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
}

h3 {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.1;
}

h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
}

h6 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

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

button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  outline: none;
  box-shadow: none;
  appearance: none;
}
button:hover {
  cursor: pointer;
}

a {
  text-decoration: none;
  color: inherit;
}

.bg-black {
  background-color: #1b1b18;
}
.bg-black .fullwidth-hero {
  background-color: #1b1b18 !important;
  color: white;
}
.bg-black footer {
  color: white;
}

.large-number h2 {
  font-size: clamp(68px, 10vw, 146px);
  font-family: "Space Grotesk";
  font-weight: 700;
}
.large-number h2.slider-title {
  font-size: clamp(98px, 10vw, 168px);
  font-weight: 600;
  margin-bottom: 20px;
}
.large-number .large-number-item {
  gap: 30px;
}
.large-number .large-number-item p {
  font-weight: 600;
  font-size: 18px;
}
@media only screen and (min-width: 1024px) {
  .large-number .large-number-item p {
    font-size: 24px;
  }
}
.large-number .large-number-item p.small-class {
  font-weight: 500;
  font-size: 16px;
  padding: 0 25px;
}
@media only screen and (min-width: 500px) {
  .large-number .large-number-item p.small-class {
    font-size: 18px;
  }
}
.hover\:bg-background-decorative-base:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(223 223 223 / var(--tw-bg-opacity, 1));
}
.hover\:bg-color-grey:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-color-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:text-color-black:hover {
  --tw-text-opacity: 1;
  color: rgb(27 27 24 / var(--tw-text-opacity, 1));
}
.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.group:hover .group-hover\:text-color-black {
  --tw-text-opacity: 1;
  color: rgb(27 27 24 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-color-orange {
  --tw-text-opacity: 1;
  color: rgb(255 85 0 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {
  .sm\:top-40 {
    top: 10rem;
  }
  .sm\:my-\[52px\] {
    margin-top: 52px;
    margin-bottom: 52px;
  }
  .sm\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .sm\:mb-8 {
    margin-bottom: 2rem;
  }
  .sm\:mb-\[56px\] {
    margin-bottom: 56px;
  }
  .sm\:mb-\[60px\] {
    margin-bottom: 60px;
  }
  .sm\:mt-10 {
    margin-top: 2.5rem;
  }
  .sm\:block {
    display: block;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:h-10 {
    height: 2.5rem;
  }
  .sm\:h-\[217px\] {
    height: 217px;
  }
  .sm\:min-h-\[210px\] {
    min-height: 210px;
  }
  .sm\:w-1\/2 {
    width: 50%;
  }
  .sm\:w-\[390px\] {
    width: 390px;
  }
  .sm\:max-w-\[300px\] {
    max-width: 300px;
  }
  .sm\:max-w-\[450px\] {
    max-width: 450px;
  }
  .sm\:max-w-\[610px\] {
    max-width: 610px;
  }
  .sm\:max-w-\[90px\] {
    max-width: 90px;
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:items-start {
    align-items: flex-start;
  }
  .sm\:justify-start {
    justify-content: flex-start;
  }
  .sm\:justify-end {
    justify-content: flex-end;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:gap-12 {
    gap: 3rem;
  }
  .sm\:gap-\[0px\] {
    gap: 0px;
  }
  .sm\:p-12 {
    padding: 3rem;
  }
  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .sm\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:py-\[48px\] {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .sm\:py-\[52px\] {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .sm\:py-\[60px\] {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .sm\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .sm\:pb-\[130px\] {
    padding-bottom: 130px;
  }
  .sm\:pt-1 {
    padding-top: 0.25rem;
  }
  .sm\:text-\[24px\] {
    font-size: 24px;
  }
  .sm\:text-\[26px\] {
    font-size: 26px;
  }
  .sm\:text-\[92px\] {
    font-size: 92px;
  }
  .sm\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
@media (min-width: 768px) {
  .md\:absolute {
    position: absolute;
  }
  .md\:-left-36 {
    left: -9rem;
  }
  .md\:-right-36 {
    right: -9rem;
  }
  .md\:-top-8 {
    top: -2rem;
  }
  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .md\:mb-0 {
    margin-bottom: 0px;
  }
  .md\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .md\:mb-\[42px\] {
    margin-bottom: 42px;
  }
  .md\:mt-0 {
    margin-top: 0px;
  }
  .md\:mt-\[-80px\] {
    margin-top: -80px;
  }
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:hidden {
    display: none;
  }
  .md\:\!h-\[391px\] {
    height: 391px !important;
  }
  .md\:h-\[400px\] {
    height: 400px;
  }
  .md\:h-\[412px\] {
    height: 412px;
  }
  .md\:h-full {
    height: 100%;
  }
  .md\:\!w-\[356px\] {
    width: 356px !important;
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-1\/3 {
    width: 33.333333%;
  }
  .md\:w-3\/6 {
    width: 50%;
  }
  .md\:w-\[211px\] {
    width: 211px;
  }
  .md\:w-\[247px\] {
    width: 247px;
  }
  .md\:w-\[400px\] {
    width: 400px;
  }
  .md\:w-\[470px\] {
    width: 470px;
  }
  .md\:w-\[500px\] {
    width: 500px;
  }
  .md\:w-\[582px\] {
    width: 582px;
  }
  .md\:w-\[727px\] {
    width: 727px;
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:min-w-20 {
    min-width: 5rem;
  }
  .md\:min-w-\[168px\] {
    min-width: 168px;
  }
  .md\:min-w-\[80px\] {
    min-width: 80px;
  }
  .md\:max-w-\[320px\] {
    max-width: 320px;
  }
  .md\:max-w-\[400px\] {
    max-width: 400px;
  }
  .md\:max-w-\[500px\] {
    max-width: 500px;
  }
  .md\:max-w-\[582px\] {
    max-width: 582px;
  }
  .md\:max-w-\[596px\] {
    max-width: 596px;
  }
  .md\:max-w-\[600px\] {
    max-width: 600px;
  }
  .md\:max-w-\[728px\] {
    max-width: 728px;
  }
  .md\:max-w-\[735px\] {
    max-width: 735px;
  }
  .md\:max-w-full {
    max-width: 100%;
  }
  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .md\:flex-col {
    flex-direction: column;
  }
  .md\:justify-start {
    justify-content: flex-start;
  }
  .md\:gap-y-12 {
    row-gap: 3rem;
  }
  .md\:bg-color-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
  .md\:p-0 {
    padding: 0px;
  }
  .md\:p-\[14px\] {
    padding: 14px;
  }
  .md\:p-\[60px\] {
    padding: 60px;
  }
  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px;
  }
  .md\:px-\[40px\] {
    padding-left: 40px;
    padding-right: 40px;
  }
  .md\:px-\[70px\] {
    padding-left: 70px;
    padding-right: 70px;
  }
  .md\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .md\:py-\[80px\] {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .md\:pb-\[110px\] {
    padding-bottom: 110px;
  }
  .md\:pb-\[30px\] {
    padding-bottom: 30px;
  }
  .md\:pr-10 {
    padding-right: 2.5rem;
  }
  .md\:pt-12 {
    padding-top: 3rem;
  }
  .md\:pt-\[35px\] {
    padding-top: 35px;
  }
  .md\:pt-\[80\] {
    padding-top: 80;
  }
  .md\:pt-\[80px\] {
    padding-top: 80px;
  }
  .md\:text-start {
    text-align: start;
  }
  .md\:text-\[20px\] {
    font-size: 20px;
  }
  .md\:text-\[24px\] {
    font-size: 24px;
  }
  .md\:text-\[56px\] {
    font-size: 56px;
  }
  .md\:text-\[92px\] {
    font-size: 92px;
  }
  .md\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .md\:leading-\[71\.46px\] {
    line-height: 71.46px;
  }
  .md\:hover\:bg-color-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
@media (min-width: 1024px) {
  .lg\:-left-8 {
    left: -2rem;
  }
  .lg\:-right-8 {
    right: -2rem;
  }
  .lg\:-top-16 {
    top: -4rem;
  }
  .lg\:my-\[68px\] {
    margin-top: 68px;
    margin-bottom: 68px;
  }
  .lg\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .lg\:mb-\[109px\] {
    margin-bottom: 109px;
  }
  .lg\:ml-40 {
    margin-left: 10rem;
  }
  .lg\:mt-12 {
    margin-top: 3rem;
  }
  .lg\:mt-\[-100px\] {
    margin-top: -100px;
  }
  .lg\:line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .lg\:block {
    display: block;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:h-\[384px\] {
    height: 384px;
  }
  .lg\:h-\[500px\] {
    height: 500px;
  }
  .lg\:min-h-\[200px\] {
    min-height: 200px;
  }
  .lg\:w-1\/3 {
    width: 33.333333%;
  }
  .lg\:w-2\/3 {
    width: 66.666667%;
  }
  .lg\:w-\[120px\] {
    width: 120px;
  }
  .lg\:w-\[500px\] {
    width: 500px;
  }
  .lg\:w-\[700px\] {
    width: 700px;
  }
  .lg\:min-w-\[509px\] {
    min-width: 509px;
  }
  .lg\:max-w-5xl {
    max-width: 64rem;
  }
  .lg\:max-w-\[1030px\] {
    max-width: 1030px;
  }
  .lg\:max-w-\[500px\] {
    max-width: 500px;
  }
  .lg\:max-w-\[720px\] {
    max-width: 720px;
  }
  .lg\:max-w-\[800px\] {
    max-width: 800px;
  }
  .lg\:max-w-full {
    max-width: 100%;
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:flex-col {
    flex-direction: column;
  }
  .lg\:justify-center {
    justify-content: center;
  }
  .lg\:gap-5 {
    gap: 1.25rem;
  }
  .lg\:gap-6 {
    gap: 1.5rem;
  }
  .lg\:gap-\[125px\] {
    gap: 125px;
  }
  .lg\:gap-y-\[56px\] {
    row-gap: 56px;
  }
  .lg\:p-\[50px\] {
    padding: 50px;
  }
  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .lg\:px-\[100px\] {
    padding-left: 100px;
    padding-right: 100px;
  }
  .lg\:px-\[210px\] {
    padding-left: 210px;
    padding-right: 210px;
  }
  .lg\:px-\[60px\] {
    padding-left: 60px;
    padding-right: 60px;
  }
  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .lg\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .lg\:py-\[68px\] {
    padding-top: 68px;
    padding-bottom: 68px;
  }
  .lg\:pb-\[120px\] {
    padding-bottom: 120px;
  }
  .lg\:pl-0 {
    padding-left: 0px;
  }
  .lg\:pt-12 {
    padding-top: 3rem;
  }
  .lg\:pt-\[110px\] {
    padding-top: 110px;
  }
  .lg\:pt-\[40px\] {
    padding-top: 40px;
  }
  .lg\:text-\[146px\] {
    font-size: 146px;
  }
  .lg\:text-\[168px\] {
    font-size: 168px;
  }
  .lg\:text-\[24px\] {
    font-size: 24px;
  }
  .lg\:text-\[42px\] {
    font-size: 42px;
  }
  .lg\:text-\[80px\] {
    font-size: 80px;
  }
  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .lg\:leading-\[146px\] {
    line-height: 146px;
  }
  .lg\:leading-\[80px\] {
    line-height: 80px;
  }
}
@media (min-width: 1280px) {
  .xl\:-left-36 {
    left: -9rem;
  }
  .xl\:-right-36 {
    right: -9rem;
  }
  .xl\:ml-40 {
    margin-left: 10rem;
  }
  .xl\:block {
    display: block;
  }
  .xl\:hidden {
    display: none;
  }
  .xl\:\!h-\[660px\] {
    height: 660px !important;
  }
  .xl\:\!w-\[610px\] {
    width: 610px !important;
  }
  .xl\:w-\[247px\] {
    width: 247px;
  }
  .xl\:w-\[291px\] {
    width: 291px;
  }
  .xl\:w-\[610px\] {
    width: 610px;
  }
  .xl\:w-\[930px\] {
    width: 930px;
  }
  .xl\:w-\[973px\] {
    width: 973px;
  }
  .xl\:min-w-48 {
    min-width: 12rem;
  }
  .xl\:max-w-7xl {
    max-width: 80rem;
  }
  .xl\:max-w-\[1212px\] {
    max-width: 1212px;
  }
  .xl\:max-w-\[1240px\] {
    max-width: 1240px;
  }
  .xl\:max-w-\[974px\] {
    max-width: 974px;
  }
  .xl\:flex-row {
    flex-direction: row;
  }
  .xl\:p-\[22px\] {
    padding: 22px;
  }
  .xl\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
/* CSS Custom Properties Definitions */
*,
:after,
:before {
  box-sizing: border-box;
}

body,
html {
  margin: 0;
  padding: 0;
  min-width: 320px;
  background-color: #ebebeb;
  color: #1b1b18;
  font-family: "Inter", sans-serif;
  line-height: 1.4;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0px;
}

h1 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  margin-block-start: 0;
  margin-block-end: 0;
  font-family: "Space Grotesk", sans-serif !important;
}
@media only screen and (max-width: 1024px) {
  h1 {
    font-size: 32px;
  }
}

h2 {
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
}

h3 {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.1;
}

h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
}

h6 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

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

button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  outline: none;
  box-shadow: none;
  appearance: none;
}
button:hover {
  cursor: pointer;
}

a {
  text-decoration: none;
  color: inherit;
}

.bg-black {
  background-color: #1b1b18;
}
.bg-black .fullwidth-hero {
  background-color: #1b1b18 !important;
  color: white;
}
.bg-black footer {
  color: white;
}

header {
  border-bottom: 1px solid #dfdfdf;
  height: 60px;
}
header.sticky-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
header.sticky-header .visible {
  visibility: visible;
}
header.sticky-header .invisible {
  visibility: hidden;
}
@media only screen and (min-width: 992px) {
  header .parent-items {
    padding-left: 140px;
  }
}
header .parent-items .parent-list > li {
  align-items: center;
  display: flex;
  border-bottom: 3px solid transparent;
  transition: border 0.2s ease;
}
header .parent-items .parent-list > li:hover {
  border-bottom: 3px solid #ff5500;
}
.storyline-row {
  border-top: 2px solid #1b1b18;
}
.storyline-row .year {
  max-width: 250px;
  width: 100%;
  flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  .storyline-row .year {
    margin-bottom: 16px;
    font-size: 32px;
  }
}
.storyline-row .header {
  max-width: 300px;
  width: 100%;
  font-size: 20px;
  flex-shrink: 0;
}
@media only screen and (max-width: 1024px) {
  .storyline-row .header {
    margin-bottom: 16px;
  }
}
.storyline-row ul {
  max-width: 480px;
  padding-left: 20px;
  flex-shrink: 1;
  width: 100%;
  margin-left: auto;
}
@media only screen and (max-width: 1024px) {
  .storyline-row ul {
    max-width: none;
    padding-left: 0px;
  }
  .storyline-row .right-block {
    margin-left: auto;
    max-width: 500px;
  }
}
@media only screen and (max-width: 768px) {
  .storyline-row .right-block {
    margin-left: 0;
  }
}
footer .newsletter-form {
  max-width: 390px;
}
footer .newsletter-form input {
  padding: 0 10px;
  width: calc(100% - 88px);
  font-size: 12px;
  border-radius: 4px 0 0 4px;
  border: 1px solid #dfdfdf;
}
footer h2 {
  font-size: 48px;
}
@media only screen and (max-width: 1024px) {
  footer h2 {
    font-size: 32px;
  }
}
footer ul li {
  transition: color 0.15s ease;
}
footer ul li:hover {
  color: #ff5500;
}
footer .privacy-policy {
  max-width: 390px;
  margin-top: 12px;
}
footer .privacy-policy p {
  font-size: 12px;
  color: #858585;
}
footer .privacy-policy p a {
  text-decoration: underline;
}
.policy-description p :not(:last-child) {
  margin-bottom: 28px;
}

.policy-text {
  border-top: 2px solid #1b1b18;
  padding-top: 52px;
}
.policy-text p {
  margin-bottom: 8px;
}
.policy-text h1,
.policy-text h2,
.policy-text h3,
.policy-text h4,
.policy-text h5,
.policy-text h6 {
  margin-bottom: 16px;
}
.policy-text h1:not(:first-child),
.policy-text h2:not(:first-child),
.policy-text h3:not(:first-child),
.policy-text h4:not(:first-child),
.policy-text h5:not(:first-child),
.policy-text h6:not(:first-child) {
  margin-top: 32px;
}
.policy-text ul {
  margin: initial;
  padding-left: 40px;
  list-style-type: initial;
  margin-bottom: 16px;
}
.policy-text ul li {
  margin-bottom: 10px;
}
.policy-text a {
  color: #ff5500;
  text-decoration: underline;
}
.blog-post-excerpt p {
  font-size: 16px;
  line-height: 22.4px;
  font-weight: 400;
  margin-bottom: 20px;
}

.blog-post-content > * {
  margin-bottom: 20px;
}
.blog-post-content a {
  color: #ff5500;
}
.blog-post-content p,
.blog-post-content ol li,
.blog-post-content ul li {
  font-size: 16px;
  line-height: 22.4px;
  font-weight: 400;
  margin-bottom: 20px;
}
.blog-post-content ol {
  padding-left: 28px;
}
.blog-post-content ol li {
  margin-bottom: 20px;
}
.blog-post-content ol li p {
  margin-left: -28px;
}
.blog-post-content ol li > *:not(svg):not(span) {
  margin-bottom: 20px;
}
.blog-post-content ul li {
  margin-bottom: 20px;
}

.author-border {
  border-top: 1px solid #1b1b18;
}

.custom-marker::marker {
  font-size: 24px;
  font-weight: 600;
}
.success-story-hero .border-bottom-black {
  border-bottom: 2px solid #000;
}
.success-story-hero .left-side strong {
  color: #ff5500;
}
.success-story-hero .right-side > * {
  margin-bottom: 4px;
}
@charset "UTF-8";
.wp-content {
  width: 100%;
  max-width: 800px;
  display: flex;
  flex-direction: column;
}
.wp-content p {
  font-size: 18px;
}
@media (max-width: 768px) {
  .wp-content p {
    font-size: 16px;
  }
}
.wp-content ul,
.wp-content ol {
  padding-left: 1.25rem;
}
.wp-content ol {
  list-style-type: decimal;
}
.wp-content li {
  position: relative;
  padding-left: 28px;
  font-size: 18px;
  margin-bottom: 16px;
}
.wp-content li::before {
  content: "•";
  color: #ff5500;
  font-size: 32px;
  position: absolute;
  left: 0;
  top: -5px;
  line-height: 1;
}
@media (max-width: 768px) {
  .wp-content li::before {
    font-size: 28px;
    top: -4px;
  }
  .wp-content li {
    font-size: 16px;
    padding-left: 24px;
  }
}
.marquee-container h2 {
  font-size: 48px;
}
@media only screen and (max-width: 1024px) {
  .marquee-container h2 {
    font-size: 32px;
  }
}
.marquee-container p {
  font-weight: 600;
}
.marquee-container .marquee-outer {
  position: relative;
  display: flex;
  width: 100%;
  overflow: hidden;
  margin-top: 30px;
}
.marquee-container .marquee__inner {
  display: flex;
  animation: marquee 50s linear infinite;
  gap: 0 60px;
  justify-content: space-around;
  padding: 0 30px;
}
@media only screen and (min-width: 640px) {
  .marquee-container .marquee__inner {
    padding: 0 55px;
    gap: 0 110px;
  }
}
.marquee-container .marquee__item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.marquee-container .marquee__item img {
  height: 100%;
  max-width: 120px;
  max-height: 45px;
  display: block;
  object-fit: contain;
}
@media only screen and (min-width: 640px) {
  .marquee-container .marquee__item img {
    max-width: 170px;
    max-height: 55px;
  }
}
@keyframes marquee {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}


@charset "UTF-8";
.contact-form {
  /* Reset for all input types */
  /* Custom styles for text and email input types */
}
.contact-form input {
  border: none;
  outline: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  background: none;
  font-family: inherit;
  border-radius: 0;
}
.contact-form input[type=text],
.contact-form input[type=email] {
  width: 100%;
  padding: 10px;
  margin-bottom: 32px;
  border-bottom: 1px solid #858585;
  background-color: transparent;
  font-size: 16px;
  line-height: 22.4px;
  font-weight: 400;
}
@media screen and (max-width: 640px) {
  .contact-form input[type=text],
  .contact-form input[type=email] {
    margin-bottom: 20px;
  }
}
.contact-form input[type=checkbox] {
  appearance: none;
  background-color: #fff;
  border: 1px solid #858585;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  position: relative;
}
.contact-form input[type=checkbox]:checked {
  background-color: #fff;
}
.contact-form input[type=checkbox]:checked::before {
  content: "✔";
  display: block;
  color: #858585;
  font-weight: bold;
  position: absolute;
  top: -1.5px;
  left: 1.5px;
  font-size: 14px;
}
.contact-form label {
  font-size: 16px;
  color: #858585;
  cursor: pointer;
}
.contact-form p {
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  margin-bottom: 16px;
  color: #858585;
}
.contact-form p a {
  color: #ff5500;
}

.success-message {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.success-message h1 {
  width: 70%;
  margin-bottom: 25px;
}
@media screen and (max-width: 640px) {
  .success-message h1 {
    margin-bottom: 20px;
  }
}
.success-message img {
  max-width: 210px;
  height: auto;
  object-fit: contain;
  margin: auto;
}
@media screen and (max-width: 640px) {
  .success-message img {
    max-width: 150px;
  }
}
.success-message p {
  color: #858585;
  font-size: 12px;
  margin-bottom: 43px;
}
.success-message a {
  color: #ff5500;
}
.success-message-flex h4 {
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  .success-message-flex h4 {
    margin-bottom: 10px;
  }
}
.success-message-flex p {
  margin-bottom: 8px;
}
.success-message-flex img {
  margin-top: 14px;
}

.gdpr-text a {
  color: #ff5500;
}
.fifty-hero-container {
  position: relative;
  height: 100%;
}
.fifty-hero-container .fifty-image {
  max-width: 300px;
  max-height: 300px;
  height: 100%;
  width: 100%;
  margin-top: 32px;
}
@media only screen and (min-width: 640px) {
  .fifty-hero-container .fifty-image {
    max-width: 500px;
    margin-top: 0px;
    max-height: 500px;
  }
}
.fifty-hero-container .hero-button {
  margin-right: 16px;
}
.fifty-hero-container .hero-button:last-child {
  margin-right: 0px;
}

.fullwidth-hero {
  position: relative;
  height: 100%;
  width: 100%;
}
.fullwidth-hero.video {
  height: 100%;
  min-height: 610px;
}
.fullwidth-hero.video .hero-inner {
  position: absolute !important;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto -20px;
  left: 0;
  right: 0;
}
.fullwidth-hero.image {
  min-height: 650px;
  max-height: 1000px;
  height: 75vh;
}
.fullwidth-hero.image h1 {
  padding-top: 70px;
}
@media only screen and (max-width: 1024px) {
  .fullwidth-hero.image {
    min-height: 440px;
    height: 50vh;
  }
}
.fullwidth-hero .full-hero-container {
  width: 100%;
}
.fullwidth-hero .full-hero-container .hero-inner {
  position: relative;
  height: 100%;
  margin: 0 auto -20px;
}
.fullwidth-hero .full-hero-container .hero-inner h1 {
  font-size: 56px;
}
@media only screen and (max-width: 1024px) {
  .fullwidth-hero .full-hero-container .hero-inner h1 {
    font-size: 32px;
  }
}
.fullwidth-hero .hero-video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
}
.performance-number > div:not(:last-child) {
  border-right: 1px solid #b2b2b2;
  padding-right: 20px;
}

.success-story-container:hover .success-story-image {
  filter: grayscale(1);
  opacity: 0.3;
}
.success-story-container:hover .performance-number h3 {
  color: #ff5500;
}
.success-story-container .performance-number h3 {
  color: #1b1b18;
  transition: color 0.2s ease;
}
.success-story-container .success-story-image {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
  background: linear-gradient(65deg, #f50 11.16%, #ff8347 60.51%, #ff9666 81.87%);
  transition: filter 0.2s ease, opacity 0.2s ease;
}
.blog-item {
  border-radius: 8px;
  display: block;
  overflow: hidden;
}
.blog-item:hover .text-block {
  background-color: #f0f0f0;
}
.blog-item:hover .img-block {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.blog-item .img-block {
  transition: all 0.2s ease;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.blog-item .text-block {
  transition: background 0.2s ease;
}
.post-slider .slick-prev {
  height: 40px;
  width: 40px;
}
.post-slider .slick-next {
  height: 40px;
  width: 40px;
}
.post-slider .slick-prev:before,
.post-slider .slick-next:before {
  display: none;
}
.post-slider .slick-dots {
  bottom: -52px !important;
  display: flex;
  justify-content: center;
  gap: 14px;
}
.post-slider .slick-dots li {
  width: 8px;
  height: 8px;
  margin: 0 5px;
}
.post-slider .slick-dots li button {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #b2b2b2;
  opacity: 1;
  padding: 0;
}
.post-slider .slick-dots li button:before {
  content: "";
  display: none;
}
.post-slider .slick-dots li.slick-active button {
  background-color: #ff5500;
}
.post-slider .slick-dots li:hover button {
  background-color: #c95827;
}
.post-slider .slider-excerpt p {
  font-size: 16px;
  line-height: 22.4px;
}
.latest-post-slider .slick-slide {
  padding: 0 10px;
}
.latest-post-slider .slick-list {
  margin: 0 -10px;
}
.latest-post-slider .slick-dots {
  bottom: -52px !important;
  display: flex;
  justify-content: center;
  gap: 14px;
}
.latest-post-slider .slick-dots li {
  width: 8px;
  height: 8px;
  margin: 0 5px;
}
.latest-post-slider .slick-dots li button {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #b2b2b2;
  opacity: 1;
  padding: 0;
}
.latest-post-slider .slick-dots li button:before {
  content: "";
  display: none;
}
.latest-post-slider .slick-dots li.slick-active button {
  background-color: #ff5500;
}
.latest-post-slider .slick-dots li:hover button {
  background-color: #c95827;
}
.template-gallery {
  border-top-right-radius: 24px;
  border-top-left-radius: 24px;
}
.template-gallery__header__buttons {
  display: flex;
}
@media only screen and (min-width: 1280px) {
  .template-gallery__header__buttons {
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
  }
}
.template-gallery__header__cta__arrow {
  margin-left: 17px;
  display: inline-block;
}
.template-gallery__placeholder-image {
  width: 100%;
  object-fit: cover;
}
.template-gallery__template-ad__cta {
  display: flex;
  margin-top: 16px;
  align-items: center;
  width: 100%;
}
.template-gallery__template-ad__cta:hover {
  cursor: pointer;
}
.template-gallery__template-ad__cta__cta-text {
  display: inline-block;
}
.template-gallery__template-ad__cta__cta-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  height: 42px;
  width: 42px;
  border-radius: 100px;
  transition: background 0.2s ease;
}
.template-gallery__template-ad__cta__cta-arrow path {
  transition: all 0.2s ease;
}
.template-gallery__template-ad__cta__cta-arrow.hovered {
  background-color: #ff5500;
}

.template-gallery-single {
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}
.template-gallery-single__navigation-bar {
  font-size: 18px;
}
.template-gallery-single__button-back {
  border: 1px solid #dfdfdf;
}
.template-gallery-single__slider__item-wrapper {
  background-color: #f0f0f0;
  border-radius: 8px;
}
.template-gallery-single__slider__gatsby-image {
  max-width: 100%;
  max-height: 100%;
}
.template-gallery-single__slider .slick-prev:before,
.template-gallery-single__slider .slick-next:before {
  color: black;
}
.template-gallery-single__slider .slick-dots li button {
  width: 6px;
  height: 6px;
  padding: 0;
}
.template-gallery-single__slider .slick-dots li button:before {
  color: #d9d9d9;
  font-size: 6px;
  width: 6px;
  height: 6px;
  line-height: 6px;
}
.template-gallery-single__slider .slick-dots li.slick-active button:before {
  color: #ff5500;
}
.template-gallery-single__slider .slick-dots li {
  margin: 0 5px !important;
  width: 5px;
  height: 5px;
}
.template-gallery-single__slider .slick-slide > div {
  margin: 0 10px;
}
.template-gallery-single__slider .slick-list {
  margin: 0 -10px;
}
.template-gallery-single__text h1,
.template-gallery-single__text h2,
.template-gallery-single__text h3,
.template-gallery-single__text h4,
.template-gallery-single__text h5,
.template-gallery-single__text h6,
.template-gallery-single__text p {
  margin-bottom: 1rem;
}
.template-gallery-single__text p {
  font-size: 12px;
}

.template-accordion {
  font-size: 12px;
}
.template-accordion__button {
  background-color: #f0f0f0;
}
.template-accordion__button:hover {
  background-color: #b2b2b2;
}