/*
* strip-unit - Unit stripper [10px = 10]
* param - $num : the value with a unit suffix, E.g: 10px
* return - $result : the value without any suffix, E.g: 10
* E.g. strip-unit(100px) = 100
*/
/*
* pxToEM - Convert PX value to EM value [100px = 6.25em]
* param - $target : the value in px without 'px' suffix, E.g: 100
* return - $result : the value in em with 'em' suffix, E.g: 6.25em
* E.g. pxToEM(100) = 6.25em
*/
/*
* u - PX and REM constrictor
* param - $property : css property, E.g: padding
* param - $values... : list of values for the property, note values are multiplied by $pixelBase, E.g.: 10, 20, 30, 40
* return - $result : the css property with values applied in pixels
* E.g. @include u(padding, 10, 20, 30, 40) = padding: 100px, 200px, 300px, 400px;
*/
/*! _typography */
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto; }

p, span, div, li, ul {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto; }

a {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto; }

.c2form_row * {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto; }

/*! _header-logo */
.logo-container {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem; }
  .logo-container .logo-inner {
    display: flex;
    position: relative; }
    .logo-container .logo-inner a {
      font-size: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
    .logo-container .logo-inner p {
      margin-bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center; }
      .logo-container .logo-inner p.logo-prefix {
        background-color: #6F00FF;
        color: #fff;
        font-size: 24px;
        padding: .55rem 2.5rem .75rem 2.5rem;
        border-radius: 9px;
        position: relative;
        z-index: 1; }
      .logo-container .logo-inner p.logo-branch {
        background-color: #100024;
        color: #fff;
        font-size: 16px;
        padding: 0.55rem 1.5rem .75rem 2.5rem;
        border-radius: 9px;
        position: absolute;
        top: 0;
        left: 108px;
        width: max-content;
        height: 100%; }

.mm-ocd__content .mm-spn li:after {
  width: calc(100% - 38px); }

.mm-ocd__content .mm-spn.mm-spn--navbar:before {
  opacity: 1; }

.mm-ocd__content li:not(.par)::before {
  display: none; }

.mm-ocd__content .mm-spn.mm-spn--light {
  background-color: #fff; }

.mm-ocd__content .mm-spn li:before {
  opacity: 1; }

.mm-ocd__content .mm-spn.mm-spn--navbar:after {
  opacity: 1; }

.mm-ocd__content .mm-spn a:not(:last-child):after {
  opacity: 0; }

.mm-ocd__content a:hover,
.mm-ocd__content a:active {
  font-weight: bold; }

.back-to-top {
  z-index: 5; }

/*
#wrap  {
	overflow-x: hidden;
}*/
.mm-spn ul {
  display: block;
  /*&:after {
		content: '';
		position: fixed;
		right:40px;
		bottom: 16px;
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		border-top: 2px solid;
		border-right: 2px solid;
		transform: rotate(135deg) translate(0, -50%);
		opacity: 0.4;
		z-index: 1;
	}*/
  /*&:after{
		content: '';
		position: fixed;
		right: -20px;
		bottom: 0px;
		content: '';
		left: -200px;
		display: block;
		height: 40px;
		box-shadow: 0px -10px 40px -40px #000 inset;
		z-index: 1;
	}
	padding-bottom:var(--mm-spn-item-height);*/
  overflow-x: hidden;
  width: 100%;
  padding-right: 0px; }
  .mm-spn ul::-webkit-scrollbar {
    display: block;
    width: 0.5em;
    background-color: #00000008; }
  .mm-spn ul::-webkit-scrollbar-thumb {
    background-color: #0054a1; }