/* plyr */
:root {
    --breakpoint-hd: 1920px;
  --plyr-color-main: #f4f2eb;
}

.plyr {
  border-radius: 16px;
}

.plyr__control--overlaid svg {
  fill: #310454;
}

@font-face {
  font-family: 'PPMoriSemiBold';
  src: url('../fonts/PPMori-Semibold.otf');
}

@font-face {
  font-family: 'PPMoriRegular';
  src: url('../fonts/PPMori-Regular.otf');
}

@font-face {
  font-family: 'PPMoriBlack';
  src: url('../fonts/PPMori-Black.otf');
}

@font-face {
  font-family: 'InterRegular';
  src: url('../fonts/Inter_18pt-Regular.ttf');
}

@font-face {
  font-family: 'InterMedium';
  src: url('../fonts/Inter_18pt-Medium.ttf');
}
@font-face {
  font-family: 'InterSemiBold';
  src: url('../fonts/Inter_18pt-SemiBold.ttf');
}

@font-face {
  font-family: 'InterBold';
  src: url('../fonts/Inter_18pt-Bold.ttf');
}
.dropdown.active {
  display: block;
  opacity: 1;
  transform: scale(1) translateX(5px);
   /* box-shadow: 0 4px 12px 0 rgba(22, 15, 103, 0.06); */
}

/* Hide the search text and keyboard shortcut buttons in DocSearch */
.DocSearch-Button-Placeholder,
.DocSearch-Button-Keys {
  display: none !important;
}

.mask {
    -webkit-mask-image: url(../images/mask_header.png);
    mask-image: url(../images/mask_header.png);
    mask-repeat: no-repeat;
    mask-size: cover;
}

/* Optionally, adjust the icon alignment if needed */
.DocSearch-Button {
  min-width: unset !important;
  padding-right: 0.5rem !important;
  border: 0px !important;
  background-color: transparent !important;
}

.embla__viewport {
  overflow: hidden;
}

.embla__container {
  display: flex;
  touch-action: pan-y pinch-zoom;
}

.embla__slide {
  flex: 0 0 100%;
  min-width: 0;
}

.embla__dot {
  background-color: transparent;
}
.embla--wide .embla__slide {
  flex: 0 0 12.5%; /* 8 per view */
  padding: 20px;
  /* or flex: 0 0 11.11%; for 9 per view */
}
.embla--topics .embla__slide {
  flex: 0 0 94%; /* 5 per view */
  padding: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #310454 transparent transparent transparent !important;
}

/* .sliding-section::before{
  content:"";
  position:absolute;
  left:-20%;
  top:-40%;
  width:140%;
  height:70%;
  background:#f1f1f1;
  transform: rotate(-6deg);
  transform-origin: center;
} */
 .hero-divider{
  position:absolute;
  top:0; left:0;
  width:100%;
  height:55%;        /* how tall the white area is */
  display:block;
}

/* Rotate Select2 arrow when open */
.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: rotate(180deg);
}

.text-white {
  color: #F1F1F1 !important;
}