:root {
  --pri: #226FF5;
  --pri-d: #1B59C4;
  --pri-l1: #4E8CF7;
  --pri-l2: #E9F1FE;
  --pri-l3: #F4F8FF;
  --pri-l4: #91B7FA;
  --pri-l5: #BDD4FC;
  --pri-l6: #D3E2FD;
}


:root {
  --ac-1: #7239EA;
  --ac-1-d: #5B2EBB;
  --ac-1-l1: #8E61EE;
  --ac-1-l2: #F1EBFD;
  --ac-1-l3: #F8F5FE;

  --ac-2: #04C8C8;
  --ac-2-d: #03A0A0;
  --ac-2-l1: #36D3D3;
  --ac-2-l2: #E6FAFA;
  --ac-2-l3: #CDF4F4;

  --ac-3: #F5226F;
  --ac-3-d: #C41B59;
  --ac-3-l1: #F74E8C;
  --ac-3-l2: #FEE9F1;
  --ac-3-l3: #FDD3E2;

  --r: #EE2D41;
  --r-d: #BE2434;
  --r-l1: #F15767;
  --r-l2: #FDEAEC;
  --r-l3: #FEF5F6;

  --y: #FFA621;
  --y-d: #CC851A;
  --y-l1: #FFB84D;
  --y-l2: #FFF6E9;
  --y-l3: #FFFBF4;

  --g: #00BC62;
  --g-d: #00A757;
  --g-l1: #33DA8A;
  --g-l2: #E6FAF0;
  --g-l3: #F2FCF7;

  --ad-1: #663259;
  --ad-1-d: #522847;
  --ad-1-l1: #855B7A;
  --ad-1-l2: #F0EBEE;
  --ad-1-l3: #e0d6de;

  --ad-2: #F05800;
  --ad-2-d: #C04600;
  --ad-2-l1: #F37933;
  --ad-2-l2: #FDEAEC;
  --ad-2-l3: #FCDECC;

  --menu-bg: #030B18;
  --main-txt: #071631;
  --btn-txt: #6A7383;
  --cap-txt: #9CA2AD;
  --disabled: #CDD0D6;
  --border: #E6E7EA;
  --bg: #F8F9FA;
  --w: #ffffff;
  --trans: transparent;
}
.mo-bg-pri {
  background-color: var(--pri) !important;
}
.mo-color-pri {
  color: var(--pri) !important;
}
.mo-color-pri:before, .mo-color-pri:after {
  color: var(--pri) !important;
}
.mo-fill-pri path {
  fill: var(--pri) !important;
}
.mo-stroke-pri path {
  stroke: var(--pri) !important;
}
.mo-fill-hover-pri:hover path {
  fill: var(--pri) !important;
}
.mo-stroke-hover-pri:hover path {
  stroke: var(--pri) !important;
}
.mo-border-color-pri {
  border-color: var(--pri) !important;
}
.mo-hover-pri:hover {
  color: var(--pri) !important;
}
.mo-button.mo-bg-pri:hover {
  background: var(--pri-l1) !important;
}
.mo-hover-pri:hover > div:before, .mo-hover-pri:hover > span:before, .mo-hover-pri:hover > i:before, .mo-hover-pri:hover > p:before, .mo-hover-pri:hover > div:after, .mo-hover-pri:hover > span:after, .mo-hover-pri:hover > i:after, .mo-hover-pri:hover > p:after {
  color: var(--pri) !important;
}
.mo-hover-pri:hover:before, .mo-hover-pri:hover:after {
  color: var(--pri) !important;
}
.mo-bg-hover-pri:hover {
  background-color: var(--pri) !important;
}
.mo-bg-hover-pri:hover:before, .mo-bg-hover-pri:hover:after {
  background-color: var(--pri) !important;
}
.mo-border-hover-pri:hover {
  border-color: var(--pri) !important;
}
.mo-bg-pri-d {
  background-color: var(--pri-d) !important;
}
.mo-color-pri-d {
  color: var(--pri-d) !important;
}
.mo-color-pri-d:before, .mo-color-pri-d:after {
  color: var(--pri-d) !important;
}
.mo-fill-pri-d path {
  fill: var(--pri-d) !important;
}
.mo-stroke-pri-d path {
  stroke: var(--pri-d) !important;
}
.mo-fill-hover-pri-d:hover path {
  fill: var(--pri-d) !important;
}
.mo-stroke-hover-pri-d:hover path {
  stroke: var(--pri-d) !important;
}
.mo-border-color-pri-d {
  border-color: var(--pri-d) !important;
}
.mo-hover-pri-d:hover {
  color: var(--pri-d) !important;
}
.mo-hover-pri-d:hover > div:before, .mo-hover-pri-d:hover > span:before, .mo-hover-pri-d:hover > i:before, .mo-hover-pri-d:hover > p:before, .mo-hover-pri-d:hover > div:after, .mo-hover-pri-d:hover > span:after, .mo-hover-pri-d:hover > i:after, .mo-hover-pri-d:hover > p:after {
  color: var(--pri-d) !important;
}
.mo-hover-pri-d:hover:before, .mo-hover-pri-d:hover:after {
  color: var(--pri-d) !important;
}
.mo-bg-hover-pri-d:hover {
  background-color: var(--pri-d) !important;
}
.mo-bg-hover-pri-d:hover:before, .mo-bg-hover-pri-d:hover:after {
  background-color: var(--pri-d) !important;
}
.mo-border-hover-pri-d:hover {
  border-color: var(--pri-d) !important;
}
.mo-bg-pri-l1 {
  background-color: var(--pri-l1) !important;
}
.mo-color-pri-l1 {
  color: var(--pri-l1) !important;
}
.mo-color-pri-l1:before, .mo-color-pri-l1:after {
  color: var(--pri-l1) !important;
}
.mo-fill-pri-l1 path {
  fill: var(--pri-l1) !important;
}
.mo-stroke-pri-l1 path {
  stroke: var(--pri-l1) !important;
}
.mo-fill-hover-pri-l1:hover path {
  fill: var(--pri-l1) !important;
}
.mo-stroke-hover-pri-l1:hover path {
  stroke: var(--pri-l1) !important;
}
.mo-border-color-pri-l1 {
  border-color: var(--pri-l1) !important;
}
.mo-hover-pri-l1:hover {
  color: var(--pri-l1) !important;
}
.mo-hover-pri-l1:hover > div:before, .mo-hover-pri-l1:hover > span:before, .mo-hover-pri-l1:hover > i:before, .mo-hover-pri-l1:hover > p:before, .mo-hover-pri-l1:hover > div:after, .mo-hover-pri-l1:hover > span:after, .mo-hover-pri-l1:hover > i:after, .mo-hover-pri-l1:hover > p:after {
  color: var(--pri-l1) !important;
}
.mo-hover-pri-l1:hover:before, .mo-hover-pri-l1:hover:after {
  color: var(--pri-l1) !important;
}
.mo-bg-hover-pri-l1:hover {
  background-color: var(--pri-l1) !important;
}
.mo-bg-hover-pri-l1:hover:before, .mo-bg-hover-pri-l1:hover:after {
  background-color: var(--pri-l1) !important;
}
.mo-border-hover-pri-l1:hover {
  border-color: var(--pri-l1) !important;
}
.mo-bg-pri-l2 {
  background-color: var(--pri-l2) !important;
}
.mo-color-pri-l2 {
  color: var(--pri-l2) !important;
}
.mo-color-pri-l2:before, .mo-color-pri-l2:after {
  color: var(--pri-l2) !important;
}
.mo-fill-pri-l2 path {
  fill: var(--pri-l2) !important;
}
.mo-stroke-pri-l2 path {
  stroke: var(--pri-l2) !important;
}
.mo-fill-hover-pri-l2:hover path {
  fill: var(--pri-l2) !important;
}
.mo-stroke-hover-pri-l2:hover path {
  stroke: var(--pri-l2) !important;
}
.mo-border-color-pri-l2 {
  border-color: var(--pri-l2) !important;
}
.mo-hover-pri-l2:hover {
  color: var(--pri-l2) !important;
}
.mo-hover-pri-l2:hover > div:before, .mo-hover-pri-l2:hover > span:before, .mo-hover-pri-l2:hover > i:before, .mo-hover-pri-l2:hover > p:before, .mo-hover-pri-l2:hover > div:after, .mo-hover-pri-l2:hover > span:after, .mo-hover-pri-l2:hover > i:after, .mo-hover-pri-l2:hover > p:after {
  color: var(--pri-l2) !important;
}
.mo-hover-pri-l2:hover:before, .mo-hover-pri-l2:hover:after {
  color: var(--pri-l2) !important;
}
.mo-bg-hover-pri-l2:hover {
  background-color: var(--pri-l2) !important;
}
.mo-bg-hover-pri-l2:hover:before, .mo-bg-hover-pri-l2:hover:after {
  background-color: var(--pri-l2) !important;
}
.mo-border-hover-pri-l2:hover {
  border-color: var(--pri-l2) !important;
}
.mo-bg-pri-l3 {
  background-color: var(--pri-l3) !important;
}
.mo-color-pri-l3 {
  color: var(--pri-l3) !important;
}
.mo-color-pri-l3:before, .mo-color-pri-l3:after {
  color: var(--pri-l3) !important;
}
.mo-fill-pri-l3 path {
  fill: var(--pri-l3) !important;
}
.mo-stroke-pri-l3 path {
  stroke: var(--pri-l3) !important;
}
.mo-fill-hover-pri-l3:hover path {
  fill: var(--pri-l3) !important;
}
.mo-stroke-hover-pri-l3:hover path {
  stroke: var(--pri-l3) !important;
}
.mo-border-color-pri-l3 {
  border-color: var(--pri-l3) !important;
}
.mo-hover-pri-l3:hover {
  color: var(--pri-l3) !important;
}
.mo-hover-pri-l3:hover > div:before, .mo-hover-pri-l3:hover > span:before, .mo-hover-pri-l3:hover > i:before, .mo-hover-pri-l3:hover > p:before, .mo-hover-pri-l3:hover > div:after, .mo-hover-pri-l3:hover > span:after, .mo-hover-pri-l3:hover > i:after, .mo-hover-pri-l3:hover > p:after {
  color: var(--pri-l3) !important;
}
.mo-hover-pri-l3:hover:before, .mo-hover-pri-l3:hover:after {
  color: var(--pri-l3) !important;
}
.mo-bg-hover-pri-l3:hover {
  background-color: var(--pri-l3) !important;
}
.mo-bg-hover-pri-l3:hover:before, .mo-bg-hover-pri-l3:hover:after {
  background-color: var(--pri-l3) !important;
}
.mo-border-hover-pri-l3:hover {
  border-color: var(--pri-l3) !important;
}
.mo-bg-pri-l4 {
  background-color: var(--pri-l4) !important;
}
.mo-color-pri-l4 {
  color: var(--pri-l4) !important;
}
.mo-color-pri-l4:before, .mo-color-pri-l4:after {
  color: var(--pri-l4) !important;
}
.mo-fill-pri-l4 path {
  fill: var(--pri-l4) !important;
}
.mo-stroke-pri-l4 path {
  stroke: var(--pri-l4) !important;
}
.mo-fill-hover-pri-l4:hover path {
  fill: var(--pri-l4) !important;
}
.mo-stroke-hover-pri-l4:hover path {
  stroke: var(--pri-l4) !important;
}
.mo-border-color-pri-l4 {
  border-color: var(--pri-l4) !important;
}
.mo-hover-pri-l4:hover {
  color: var(--pri-l4) !important;
}
.mo-hover-pri-l4:hover > div:before, .mo-hover-pri-l4:hover > span:before, .mo-hover-pri-l4:hover > i:before, .mo-hover-pri-l4:hover > p:before, .mo-hover-pri-l4:hover > div:after, .mo-hover-pri-l4:hover > span:after, .mo-hover-pri-l4:hover > i:after, .mo-hover-pri-l4:hover > p:after {
  color: var(--pri-l4) !important;
}
.mo-hover-pri-l4:hover:before, .mo-hover-pri-l4:hover:after {
  color: var(--pri-l4) !important;
}
.mo-bg-hover-pri-l4:hover {
  background-color: var(--pri-l4) !important;
}
.mo-bg-hover-pri-l4:hover:before, .mo-bg-hover-pri-l4:hover:after {
  background-color: var(--pri-l4) !important;
}
.mo-border-hover-pri-l4:hover {
  border-color: var(--pri-l4) !important;
}
.mo-bg-pri-l5 {
  background-color: var(--pri-l5) !important;
}
.mo-color-pri-l5 {
  color: var(--pri-l5) !important;
}
.mo-color-pri-l5:before, .mo-color-pri-l5:after {
  color: var(--pri-l5) !important;
}
.mo-fill-pri-l5 path {
  fill: var(--pri-l5) !important;
}
.mo-stroke-pri-l5 path {
  stroke: var(--pri-l5) !important;
}
.mo-fill-hover-pri-l5:hover path {
  fill: var(--pri-l5) !important;
}
.mo-stroke-hover-pri-l5:hover path {
  stroke: var(--pri-l5) !important;
}
.mo-border-color-pri-l5 {
  border-color: var(--pri-l5) !important;
}
.mo-hover-pri-l5:hover {
  color: var(--pri-l5) !important;
}
.mo-hover-pri-l5:hover > div:before, .mo-hover-pri-l5:hover > span:before, .mo-hover-pri-l5:hover > i:before, .mo-hover-pri-l5:hover > p:before, .mo-hover-pri-l5:hover > div:after, .mo-hover-pri-l5:hover > span:after, .mo-hover-pri-l5:hover > i:after, .mo-hover-pri-l5:hover > p:after {
  color: var(--pri-l5) !important;
}
.mo-hover-pri-l5:hover:before, .mo-hover-pri-l5:hover:after {
  color: var(--pri-l5) !important;
}
.mo-bg-hover-pri-l5:hover {
  background-color: var(--pri-l5) !important;
}
.mo-bg-hover-pri-l5:hover:before, .mo-bg-hover-pri-l5:hover:after {
  background-color: var(--pri-l5) !important;
}
.mo-border-hover-pri-l5:hover {
  border-color: var(--pri-l5) !important;
}
.mo-bg-pri-l6 {
  background-color: var(--pri-l6) !important;
}
.mo-color-pri-l6 {
  color: var(--pri-l6) !important;
}
.mo-color-pri-l6:before, .mo-color-pri-l6:after {
  color: var(--pri-l6) !important;
}
.mo-fill-pri-l6 path {
  fill: var(--pri-l6) !important;
}
.mo-stroke-pri-l6 path {
  stroke: var(--pri-l6) !important;
}
.mo-fill-hover-pri-l6:hover path {
  fill: var(--pri-l6) !important;
}
.mo-stroke-hover-pri-l6:hover path {
  stroke: var(--pri-l6) !important;
}
.mo-border-color-pri-l6 {
  border-color: var(--pri-l6) !important;
}
.mo-hover-pri-l6:hover {
  color: var(--pri-l6) !important;
}
.mo-hover-pri-l6:hover > div:before, .mo-hover-pri-l6:hover > span:before, .mo-hover-pri-l6:hover > i:before, .mo-hover-pri-l6:hover > p:before, .mo-hover-pri-l6:hover > div:after, .mo-hover-pri-l6:hover > span:after, .mo-hover-pri-l6:hover > i:after, .mo-hover-pri-l6:hover > p:after {
  color: var(--pri-l6) !important;
}
.mo-hover-pri-l6:hover:before, .mo-hover-pri-l6:hover:after {
  color: var(--pri-l6) !important;
}
.mo-bg-hover-pri-l6:hover {
  background-color: var(--pri-l6) !important;
}
.mo-bg-hover-pri-l6:hover:before, .mo-bg-hover-pri-l6:hover:after {
  background-color: var(--pri-l6) !important;
}
.mo-border-hover-pri-l6:hover {
  border-color: var(--pri-l6) !important;
}
.mo-bg-ac-1 {
  background-color: var(--ac-1) !important;
}
.mo-color-ac-1 {
  color: var(--ac-1) !important;
}
.mo-color-ac-1:before, .mo-color-ac-1:after {
  color: var(--ac-1) !important;
}
.mo-fill-ac-1 path {
  fill: var(--ac-1) !important;
}
.mo-stroke-ac-1 path {
  stroke: var(--ac-1) !important;
}
.mo-fill-hover-ac-1:hover path {
  fill: var(--ac-1) !important;
}
.mo-stroke-hover-ac-1:hover path {
  stroke: var(--ac-1) !important;
}
.mo-border-color-ac-1 {
  border-color: var(--ac-1) !important;
}
.mo-hover-ac-1:hover {
  color: var(--ac-1) !important;
}
.mo-hover-ac-1:hover > div:before, .mo-hover-ac-1:hover > span:before, .mo-hover-ac-1:hover > i:before, .mo-hover-ac-1:hover > p:before, .mo-hover-ac-1:hover > div:after, .mo-hover-ac-1:hover > span:after, .mo-hover-ac-1:hover > i:after, .mo-hover-ac-1:hover > p:after {
  color: var(--ac-1) !important;
}
.mo-hover-ac-1:hover:before, .mo-hover-ac-1:hover:after {
  color: var(--ac-1) !important;
}
.mo-bg-hover-ac-1:hover {
  background-color: var(--ac-1) !important;
}
.mo-bg-hover-ac-1:hover:before, .mo-bg-hover-ac-1:hover:after {
  background-color: var(--ac-1) !important;
}
.mo-border-hover-ac-1:hover {
  border-color: var(--ac-1) !important;
}
.mo-bg-ac-1-d {
  background-color: var(--ac-1-d) !important;
}
.mo-color-ac-1-d {
  color: var(--ac-1-d) !important;
}
.mo-color-ac-1-d:before, .mo-color-ac-1-d:after {
  color: var(--ac-1-d) !important;
}
.mo-fill-ac-1-d path {
  fill: var(--ac-1-d) !important;
}
.mo-stroke-ac-1-d path {
  stroke: var(--ac-1-d) !important;
}
.mo-fill-hover-ac-1-d:hover path {
  fill: var(--ac-1-d) !important;
}
.mo-stroke-hover-ac-1-d:hover path {
  stroke: var(--ac-1-d) !important;
}
.mo-border-color-ac-1-d {
  border-color: var(--ac-1-d) !important;
}
.mo-hover-ac-1-d:hover {
  color: var(--ac-1-d) !important;
}
.mo-hover-ac-1-d:hover > div:before, .mo-hover-ac-1-d:hover > span:before, .mo-hover-ac-1-d:hover > i:before, .mo-hover-ac-1-d:hover > p:before, .mo-hover-ac-1-d:hover > div:after, .mo-hover-ac-1-d:hover > span:after, .mo-hover-ac-1-d:hover > i:after, .mo-hover-ac-1-d:hover > p:after {
  color: var(--ac-1-d) !important;
}
.mo-hover-ac-1-d:hover:before, .mo-hover-ac-1-d:hover:after {
  color: var(--ac-1-d) !important;
}
.mo-bg-hover-ac-1-d:hover {
  background-color: var(--ac-1-d) !important;
}
.mo-bg-hover-ac-1-d:hover:before, .mo-bg-hover-ac-1-d:hover:after {
  background-color: var(--ac-1-d) !important;
}
.mo-border-hover-ac-1-d:hover {
  border-color: var(--ac-1-d) !important;
}
.mo-bg-ac-1-l1 {
  background-color: var(--ac-1-l1) !important;
}
.mo-color-ac-1-l1 {
  color: var(--ac-1-l1) !important;
}
.mo-color-ac-1-l1:before, .mo-color-ac-1-l1:after {
  color: var(--ac-1-l1) !important;
}
.mo-fill-ac-1-l1 path {
  fill: var(--ac-1-l1) !important;
}
.mo-stroke-ac-1-l1 path {
  stroke: var(--ac-1-l1) !important;
}
.mo-fill-hover-ac-1-l1:hover path {
  fill: var(--ac-1-l1) !important;
}
.mo-stroke-hover-ac-1-l1:hover path {
  stroke: var(--ac-1-l1) !important;
}
.mo-border-color-ac-1-l1 {
  border-color: var(--ac-1-l1) !important;
}
.mo-hover-ac-1-l1:hover {
  color: var(--ac-1-l1) !important;
}
.mo-hover-ac-1-l1:hover > div:before, .mo-hover-ac-1-l1:hover > span:before, .mo-hover-ac-1-l1:hover > i:before, .mo-hover-ac-1-l1:hover > p:before, .mo-hover-ac-1-l1:hover > div:after, .mo-hover-ac-1-l1:hover > span:after, .mo-hover-ac-1-l1:hover > i:after, .mo-hover-ac-1-l1:hover > p:after {
  color: var(--ac-1-l1) !important;
}
.mo-hover-ac-1-l1:hover:before, .mo-hover-ac-1-l1:hover:after {
  color: var(--ac-1-l1) !important;
}
.mo-bg-hover-ac-1-l1:hover {
  background-color: var(--ac-1-l1) !important;
}
.mo-bg-hover-ac-1-l1:hover:before, .mo-bg-hover-ac-1-l1:hover:after {
  background-color: var(--ac-1-l1) !important;
}
.mo-border-hover-ac-1-l1:hover {
  border-color: var(--ac-1-l1) !important;
}
.mo-bg-ac-1-l2 {
  background-color: var(--ac-1-l2) !important;
}
.mo-color-ac-1-l2 {
  color: var(--ac-1-l2) !important;
}
.mo-color-ac-1-l2:before, .mo-color-ac-1-l2:after {
  color: var(--ac-1-l2) !important;
}
.mo-fill-ac-1-l2 path {
  fill: var(--ac-1-l2) !important;
}
.mo-stroke-ac-1-l2 path {
  stroke: var(--ac-1-l2) !important;
}
.mo-fill-hover-ac-1-l2:hover path {
  fill: var(--ac-1-l2) !important;
}
.mo-stroke-hover-ac-1-l2:hover path {
  stroke: var(--ac-1-l2) !important;
}
.mo-border-color-ac-1-l2 {
  border-color: var(--ac-1-l2) !important;
}
.mo-hover-ac-1-l2:hover {
  color: var(--ac-1-l2) !important;
}
.mo-hover-ac-1-l2:hover > div:before, .mo-hover-ac-1-l2:hover > span:before, .mo-hover-ac-1-l2:hover > i:before, .mo-hover-ac-1-l2:hover > p:before, .mo-hover-ac-1-l2:hover > div:after, .mo-hover-ac-1-l2:hover > span:after, .mo-hover-ac-1-l2:hover > i:after, .mo-hover-ac-1-l2:hover > p:after {
  color: var(--ac-1-l2) !important;
}
.mo-hover-ac-1-l2:hover:before, .mo-hover-ac-1-l2:hover:after {
  color: var(--ac-1-l2) !important;
}
.mo-bg-hover-ac-1-l2:hover {
  background-color: var(--ac-1-l2) !important;
}
.mo-bg-hover-ac-1-l2:hover:before, .mo-bg-hover-ac-1-l2:hover:after {
  background-color: var(--ac-1-l2) !important;
}
.mo-border-hover-ac-1-l2:hover {
  border-color: var(--ac-1-l2) !important;
}
.mo-bg-ac-1-l3 {
  background-color: var(--ac-1-l3) !important;
}
.mo-color-ac-1-l3 {
  color: var(--ac-1-l3) !important;
}
.mo-color-ac-1-l3:before, .mo-color-ac-1-l3:after {
  color: var(--ac-1-l3) !important;
}
.mo-fill-ac-1-l3 path {
  fill: var(--ac-1-l3) !important;
}
.mo-stroke-ac-1-l3 path {
  stroke: var(--ac-1-l3) !important;
}
.mo-fill-hover-ac-1-l3:hover path {
  fill: var(--ac-1-l3) !important;
}
.mo-stroke-hover-ac-1-l3:hover path {
  stroke: var(--ac-1-l3) !important;
}
.mo-border-color-ac-1-l3 {
  border-color: var(--ac-1-l3) !important;
}
.mo-hover-ac-1-l3:hover {
  color: var(--ac-1-l3) !important;
}
.mo-hover-ac-1-l3:hover > div:before, .mo-hover-ac-1-l3:hover > span:before, .mo-hover-ac-1-l3:hover > i:before, .mo-hover-ac-1-l3:hover > p:before, .mo-hover-ac-1-l3:hover > div:after, .mo-hover-ac-1-l3:hover > span:after, .mo-hover-ac-1-l3:hover > i:after, .mo-hover-ac-1-l3:hover > p:after {
  color: var(--ac-1-l3) !important;
}
.mo-hover-ac-1-l3:hover:before, .mo-hover-ac-1-l3:hover:after {
  color: var(--ac-1-l3) !important;
}
.mo-bg-hover-ac-1-l3:hover {
  background-color: var(--ac-1-l3) !important;
}
.mo-bg-hover-ac-1-l3:hover:before, .mo-bg-hover-ac-1-l3:hover:after {
  background-color: var(--ac-1-l3) !important;
}
.mo-border-hover-ac-1-l3:hover {
  border-color: var(--ac-1-l3) !important;
}
.mo-bg-ac-2 {
  background-color: var(--ac-2) !important;
}
.mo-color-ac-2 {
  color: var(--ac-2) !important;
}
.mo-color-ac-2:before, .mo-color-ac-2:after {
  color: var(--ac-2) !important;
}
.mo-fill-ac-2 path {
  fill: var(--ac-2) !important;
}
.mo-stroke-ac-2 path {
  stroke: var(--ac-2) !important;
}
.mo-fill-hover-ac-2:hover path {
  fill: var(--ac-2) !important;
}
.mo-stroke-hover-ac-2:hover path {
  stroke: var(--ac-2) !important;
}
.mo-border-color-ac-2 {
  border-color: var(--ac-2) !important;
}
.mo-hover-ac-2:hover {
  color: var(--ac-2) !important;
}
.mo-hover-ac-2:hover > div:before, .mo-hover-ac-2:hover > span:before, .mo-hover-ac-2:hover > i:before, .mo-hover-ac-2:hover > p:before, .mo-hover-ac-2:hover > div:after, .mo-hover-ac-2:hover > span:after, .mo-hover-ac-2:hover > i:after, .mo-hover-ac-2:hover > p:after {
  color: var(--ac-2) !important;
}
.mo-hover-ac-2:hover:before, .mo-hover-ac-2:hover:after {
  color: var(--ac-2) !important;
}
.mo-bg-hover-ac-2:hover {
  background-color: var(--ac-2) !important;
}
.mo-bg-hover-ac-2:hover:before, .mo-bg-hover-ac-2:hover:after {
  background-color: var(--ac-2) !important;
}
.mo-border-hover-ac-2:hover {
  border-color: var(--ac-2) !important;
}
.mo-bg-ac-2-d {
  background-color: var(--ac-2-d) !important;
}
.mo-color-ac-2-d {
  color: var(--ac-2-d) !important;
}
.mo-color-ac-2-d:before, .mo-color-ac-2-d:after {
  color: var(--ac-2-d) !important;
}
.mo-fill-ac-2-d path {
  fill: var(--ac-2-d) !important;
}
.mo-stroke-ac-2-d path {
  stroke: var(--ac-2-d) !important;
}
.mo-fill-hover-ac-2-d:hover path {
  fill: var(--ac-2-d) !important;
}
.mo-stroke-hover-ac-2-d:hover path {
  stroke: var(--ac-2-d) !important;
}
.mo-border-color-ac-2-d {
  border-color: var(--ac-2-d) !important;
}
.mo-hover-ac-2-d:hover {
  color: var(--ac-2-d) !important;
}
.mo-hover-ac-2-d:hover > div:before, .mo-hover-ac-2-d:hover > span:before, .mo-hover-ac-2-d:hover > i:before, .mo-hover-ac-2-d:hover > p:before, .mo-hover-ac-2-d:hover > div:after, .mo-hover-ac-2-d:hover > span:after, .mo-hover-ac-2-d:hover > i:after, .mo-hover-ac-2-d:hover > p:after {
  color: var(--ac-2-d) !important;
}
.mo-hover-ac-2-d:hover:before, .mo-hover-ac-2-d:hover:after {
  color: var(--ac-2-d) !important;
}
.mo-bg-hover-ac-2-d:hover {
  background-color: var(--ac-2-d) !important;
}
.mo-bg-hover-ac-2-d:hover:before, .mo-bg-hover-ac-2-d:hover:after {
  background-color: var(--ac-2-d) !important;
}
.mo-border-hover-ac-2-d:hover {
  border-color: var(--ac-2-d) !important;
}
.mo-bg-ac-2-l1 {
  background-color: var(--ac-2-l1) !important;
}
.mo-color-ac-2-l1 {
  color: var(--ac-2-l1) !important;
}
.mo-color-ac-2-l1:before, .mo-color-ac-2-l1:after {
  color: var(--ac-2-l1) !important;
}
.mo-fill-ac-2-l1 path {
  fill: var(--ac-2-l1) !important;
}
.mo-stroke-ac-2-l1 path {
  stroke: var(--ac-2-l1) !important;
}
.mo-fill-hover-ac-2-l1:hover path {
  fill: var(--ac-2-l1) !important;
}
.mo-stroke-hover-ac-2-l1:hover path {
  stroke: var(--ac-2-l1) !important;
}
.mo-border-color-ac-2-l1 {
  border-color: var(--ac-2-l1) !important;
}
.mo-hover-ac-2-l1:hover {
  color: var(--ac-2-l1) !important;
}
.mo-hover-ac-2-l1:hover > div:before, .mo-hover-ac-2-l1:hover > span:before, .mo-hover-ac-2-l1:hover > i:before, .mo-hover-ac-2-l1:hover > p:before, .mo-hover-ac-2-l1:hover > div:after, .mo-hover-ac-2-l1:hover > span:after, .mo-hover-ac-2-l1:hover > i:after, .mo-hover-ac-2-l1:hover > p:after {
  color: var(--ac-2-l1) !important;
}
.mo-hover-ac-2-l1:hover:before, .mo-hover-ac-2-l1:hover:after {
  color: var(--ac-2-l1) !important;
}
.mo-bg-hover-ac-2-l1:hover {
  background-color: var(--ac-2-l1) !important;
}
.mo-bg-hover-ac-2-l1:hover:before, .mo-bg-hover-ac-2-l1:hover:after {
  background-color: var(--ac-2-l1) !important;
}
.mo-border-hover-ac-2-l1:hover {
  border-color: var(--ac-2-l1) !important;
}
.mo-bg-ac-2-l2 {
  background-color: var(--ac-2-l2) !important;
}
.mo-color-ac-2-l2 {
  color: var(--ac-2-l2) !important;
}
.mo-color-ac-2-l2:before, .mo-color-ac-2-l2:after {
  color: var(--ac-2-l2) !important;
}
.mo-fill-ac-2-l2 path {
  fill: var(--ac-2-l2) !important;
}
.mo-stroke-ac-2-l2 path {
  stroke: var(--ac-2-l2) !important;
}
.mo-fill-hover-ac-2-l2:hover path {
  fill: var(--ac-2-l2) !important;
}
.mo-stroke-hover-ac-2-l2:hover path {
  stroke: var(--ac-2-l2) !important;
}
.mo-border-color-ac-2-l2 {
  border-color: var(--ac-2-l2) !important;
}
.mo-hover-ac-2-l2:hover {
  color: var(--ac-2-l2) !important;
}
.mo-hover-ac-2-l2:hover > div:before, .mo-hover-ac-2-l2:hover > span:before, .mo-hover-ac-2-l2:hover > i:before, .mo-hover-ac-2-l2:hover > p:before, .mo-hover-ac-2-l2:hover > div:after, .mo-hover-ac-2-l2:hover > span:after, .mo-hover-ac-2-l2:hover > i:after, .mo-hover-ac-2-l2:hover > p:after {
  color: var(--ac-2-l2) !important;
}
.mo-hover-ac-2-l2:hover:before, .mo-hover-ac-2-l2:hover:after {
  color: var(--ac-2-l2) !important;
}
.mo-bg-hover-ac-2-l2:hover {
  background-color: var(--ac-2-l2) !important;
}
.mo-bg-hover-ac-2-l2:hover:before, .mo-bg-hover-ac-2-l2:hover:after {
  background-color: var(--ac-2-l2) !important;
}
.mo-border-hover-ac-2-l2:hover {
  border-color: var(--ac-2-l2) !important;
}
.mo-bg-ac-2-l3 {
  background-color: var(--ac-2-l3) !important;
}
.mo-color-ac-2-l3 {
  color: var(--ac-2-l3) !important;
}
.mo-color-ac-2-l3:before, .mo-color-ac-2-l3:after {
  color: var(--ac-2-l3) !important;
}
.mo-fill-ac-2-l3 path {
  fill: var(--ac-2-l3) !important;
}
.mo-stroke-ac-2-l3 path {
  stroke: var(--ac-2-l3) !important;
}
.mo-fill-hover-ac-2-l3:hover path {
  fill: var(--ac-2-l3) !important;
}
.mo-stroke-hover-ac-2-l3:hover path {
  stroke: var(--ac-2-l3) !important;
}
.mo-border-color-ac-2-l3 {
  border-color: var(--ac-2-l3) !important;
}
.mo-hover-ac-2-l3:hover {
  color: var(--ac-2-l3) !important;
}
.mo-hover-ac-2-l3:hover > div:before, .mo-hover-ac-2-l3:hover > span:before, .mo-hover-ac-2-l3:hover > i:before, .mo-hover-ac-2-l3:hover > p:before, .mo-hover-ac-2-l3:hover > div:after, .mo-hover-ac-2-l3:hover > span:after, .mo-hover-ac-2-l3:hover > i:after, .mo-hover-ac-2-l3:hover > p:after {
  color: var(--ac-2-l3) !important;
}
.mo-hover-ac-2-l3:hover:before, .mo-hover-ac-2-l3:hover:after {
  color: var(--ac-2-l3) !important;
}
.mo-bg-hover-ac-2-l3:hover {
  background-color: var(--ac-2-l3) !important;
}
.mo-bg-hover-ac-2-l3:hover:before, .mo-bg-hover-ac-2-l3:hover:after {
  background-color: var(--ac-2-l3) !important;
}
.mo-border-hover-ac-2-l3:hover {
  border-color: var(--ac-2-l3) !important;
}
.mo-bg-ac-3 {
  background-color: var(--ac-3) !important;
}
.mo-color-ac-3 {
  color: var(--ac-3) !important;
}
.mo-color-ac-3:before, .mo-color-ac-3:after {
  color: var(--ac-3) !important;
}
.mo-fill-ac-3 path {
  fill: var(--ac-3) !important;
}
.mo-stroke-ac-3 path {
  stroke: var(--ac-3) !important;
}
.mo-fill-hover-ac-3:hover path {
  fill: var(--ac-3) !important;
}
.mo-stroke-hover-ac-3:hover path {
  stroke: var(--ac-3) !important;
}
.mo-border-color-ac-3 {
  border-color: var(--ac-3) !important;
}
.mo-hover-ac-3:hover {
  color: var(--ac-3) !important;
}
.mo-hover-ac-3:hover > div:before, .mo-hover-ac-3:hover > span:before, .mo-hover-ac-3:hover > i:before, .mo-hover-ac-3:hover > p:before, .mo-hover-ac-3:hover > div:after, .mo-hover-ac-3:hover > span:after, .mo-hover-ac-3:hover > i:after, .mo-hover-ac-3:hover > p:after {
  color: var(--ac-3) !important;
}
.mo-hover-ac-3:hover:before, .mo-hover-ac-3:hover:after {
  color: var(--ac-3) !important;
}
.mo-bg-hover-ac-3:hover {
  background-color: var(--ac-3) !important;
}
.mo-bg-hover-ac-3:hover:before, .mo-bg-hover-ac-3:hover:after {
  background-color: var(--ac-3) !important;
}
.mo-border-hover-ac-3:hover {
  border-color: var(--ac-3) !important;
}
.mo-bg-ac-3-d {
  background-color: var(--ac-3-d) !important;
}
.mo-color-ac-3-d {
  color: var(--ac-3-d) !important;
}
.mo-color-ac-3-d:before, .mo-color-ac-3-d:after {
  color: var(--ac-3-d) !important;
}
.mo-fill-ac-3-d path {
  fill: var(--ac-3-d) !important;
}
.mo-stroke-ac-3-d path {
  stroke: var(--ac-3-d) !important;
}
.mo-fill-hover-ac-3-d:hover path {
  fill: var(--ac-3-d) !important;
}
.mo-stroke-hover-ac-3-d:hover path {
  stroke: var(--ac-3-d) !important;
}
.mo-border-color-ac-3-d {
  border-color: var(--ac-3-d) !important;
}
.mo-hover-ac-3-d:hover {
  color: var(--ac-3-d) !important;
}
.mo-hover-ac-3-d:hover > div:before, .mo-hover-ac-3-d:hover > span:before, .mo-hover-ac-3-d:hover > i:before, .mo-hover-ac-3-d:hover > p:before, .mo-hover-ac-3-d:hover > div:after, .mo-hover-ac-3-d:hover > span:after, .mo-hover-ac-3-d:hover > i:after, .mo-hover-ac-3-d:hover > p:after {
  color: var(--ac-3-d) !important;
}
.mo-hover-ac-3-d:hover:before, .mo-hover-ac-3-d:hover:after {
  color: var(--ac-3-d) !important;
}
.mo-bg-hover-ac-3-d:hover {
  background-color: var(--ac-3-d) !important;
}
.mo-bg-hover-ac-3-d:hover:before, .mo-bg-hover-ac-3-d:hover:after {
  background-color: var(--ac-3-d) !important;
}
.mo-border-hover-ac-3-d:hover {
  border-color: var(--ac-3-d) !important;
}
.mo-bg-ac-3-l1 {
  background-color: var(--ac-3-l1) !important;
}
.mo-color-ac-3-l1 {
  color: var(--ac-3-l1) !important;
}
.mo-color-ac-3-l1:before, .mo-color-ac-3-l1:after {
  color: var(--ac-3-l1) !important;
}
.mo-fill-ac-3-l1 path {
  fill: var(--ac-3-l1) !important;
}
.mo-stroke-ac-3-l1 path {
  stroke: var(--ac-3-l1) !important;
}
.mo-fill-hover-ac-3-l1:hover path {
  fill: var(--ac-3-l1) !important;
}
.mo-stroke-hover-ac-3-l1:hover path {
  stroke: var(--ac-3-l1) !important;
}
.mo-border-color-ac-3-l1 {
  border-color: var(--ac-3-l1) !important;
}
.mo-hover-ac-3-l1:hover {
  color: var(--ac-3-l1) !important;
}
.mo-hover-ac-3-l1:hover > div:before, .mo-hover-ac-3-l1:hover > span:before, .mo-hover-ac-3-l1:hover > i:before, .mo-hover-ac-3-l1:hover > p:before, .mo-hover-ac-3-l1:hover > div:after, .mo-hover-ac-3-l1:hover > span:after, .mo-hover-ac-3-l1:hover > i:after, .mo-hover-ac-3-l1:hover > p:after {
  color: var(--ac-3-l1) !important;
}
.mo-hover-ac-3-l1:hover:before, .mo-hover-ac-3-l1:hover:after {
  color: var(--ac-3-l1) !important;
}
.mo-bg-hover-ac-3-l1:hover {
  background-color: var(--ac-3-l1) !important;
}
.mo-bg-hover-ac-3-l1:hover:before, .mo-bg-hover-ac-3-l1:hover:after {
  background-color: var(--ac-3-l1) !important;
}
.mo-border-hover-ac-3-l1:hover {
  border-color: var(--ac-3-l1) !important;
}
.mo-bg-ac-3-l2 {
  background-color: var(--ac-3-l2) !important;
}
.mo-color-ac-3-l2 {
  color: var(--ac-3-l2) !important;
}
.mo-color-ac-3-l2:before, .mo-color-ac-3-l2:after {
  color: var(--ac-3-l2) !important;
}
.mo-fill-ac-3-l2 path {
  fill: var(--ac-3-l2) !important;
}
.mo-stroke-ac-3-l2 path {
  stroke: var(--ac-3-l2) !important;
}
.mo-fill-hover-ac-3-l2:hover path {
  fill: var(--ac-3-l2) !important;
}
.mo-stroke-hover-ac-3-l2:hover path {
  stroke: var(--ac-3-l2) !important;
}
.mo-border-color-ac-3-l2 {
  border-color: var(--ac-3-l2) !important;
}
.mo-hover-ac-3-l2:hover {
  color: var(--ac-3-l2) !important;
}
.mo-hover-ac-3-l2:hover > div:before, .mo-hover-ac-3-l2:hover > span:before, .mo-hover-ac-3-l2:hover > i:before, .mo-hover-ac-3-l2:hover > p:before, .mo-hover-ac-3-l2:hover > div:after, .mo-hover-ac-3-l2:hover > span:after, .mo-hover-ac-3-l2:hover > i:after, .mo-hover-ac-3-l2:hover > p:after {
  color: var(--ac-3-l2) !important;
}
.mo-hover-ac-3-l2:hover:before, .mo-hover-ac-3-l2:hover:after {
  color: var(--ac-3-l2) !important;
}
.mo-bg-hover-ac-3-l2:hover {
  background-color: var(--ac-3-l2) !important;
}
.mo-bg-hover-ac-3-l2:hover:before, .mo-bg-hover-ac-3-l2:hover:after {
  background-color: var(--ac-3-l2) !important;
}
.mo-border-hover-ac-3-l2:hover {
  border-color: var(--ac-3-l2) !important;
}
.mo-bg-ac-3-l3 {
  background-color: var(--ac-3-l3) !important;
}
.mo-color-ac-3-l3 {
  color: var(--ac-3-l3) !important;
}
.mo-color-ac-3-l3:before, .mo-color-ac-3-l3:after {
  color: var(--ac-3-l3) !important;
}
.mo-fill-ac-3-l3 path {
  fill: var(--ac-3-l3) !important;
}
.mo-stroke-ac-3-l3 path {
  stroke: var(--ac-3-l3) !important;
}
.mo-fill-hover-ac-3-l3:hover path {
  fill: var(--ac-3-l3) !important;
}
.mo-stroke-hover-ac-3-l3:hover path {
  stroke: var(--ac-3-l3) !important;
}
.mo-border-color-ac-3-l3 {
  border-color: var(--ac-3-l3) !important;
}
.mo-hover-ac-3-l3:hover {
  color: var(--ac-3-l3) !important;
}
.mo-hover-ac-3-l3:hover > div:before, .mo-hover-ac-3-l3:hover > span:before, .mo-hover-ac-3-l3:hover > i:before, .mo-hover-ac-3-l3:hover > p:before, .mo-hover-ac-3-l3:hover > div:after, .mo-hover-ac-3-l3:hover > span:after, .mo-hover-ac-3-l3:hover > i:after, .mo-hover-ac-3-l3:hover > p:after {
  color: var(--ac-3-l3) !important;
}
.mo-hover-ac-3-l3:hover:before, .mo-hover-ac-3-l3:hover:after {
  color: var(--ac-3-l3) !important;
}
.mo-bg-hover-ac-3-l3:hover {
  background-color: var(--ac-3-l3) !important;
}
.mo-bg-hover-ac-3-l3:hover:before, .mo-bg-hover-ac-3-l3:hover:after {
  background-color: var(--ac-3-l3) !important;
}
.mo-border-hover-ac-3-l3:hover {
  border-color: var(--ac-3-l3) !important;
}
.mo-bg-ad-1 {
  background-color: var(--ad-1) !important;
}
.mo-color-ad-1 {
  color: var(--ad-1) !important;
}
.mo-color-ad-1:before, .mo-color-ad-1:after {
  color: var(--ad-1) !important;
}
.mo-fill-ad-1 path {
  fill: var(--ad-1) !important;
}
.mo-stroke-ad-1 path {
  stroke: var(--ad-1) !important;
}
.mo-fill-hover-ad-1:hover path {
  fill: var(--ad-1) !important;
}
.mo-stroke-hover-ad-1:hover path {
  stroke: var(--ad-1) !important;
}
.mo-border-color-ad-1 {
  border-color: var(--ad-1) !important;
}
.mo-hover-ad-1:hover {
  color: var(--ad-1) !important;
}
.mo-hover-ad-1:hover > div:before, .mo-hover-ad-1:hover > span:before, .mo-hover-ad-1:hover > i:before, .mo-hover-ad-1:hover > p:before, .mo-hover-ad-1:hover > div:after, .mo-hover-ad-1:hover > span:after, .mo-hover-ad-1:hover > i:after, .mo-hover-ad-1:hover > p:after {
  color: var(--ad-1) !important;
}
.mo-hover-ad-1:hover:before, .mo-hover-ad-1:hover:after {
  color: var(--ad-1) !important;
}
.mo-bg-hover-ad-1:hover {
  background-color: var(--ad-1) !important;
}
.mo-bg-hover-ad-1:hover:before, .mo-bg-hover-ad-1:hover:after {
  background-color: var(--ad-1) !important;
}
.mo-border-hover-ad-1:hover {
  border-color: var(--ad-1) !important;
}
.mo-bg-ad-1-d {
  background-color: var(--ad-1-d) !important;
}
.mo-color-ad-1-d {
  color: var(--ad-1-d) !important;
}
.mo-color-ad-1-d:before, .mo-color-ad-1-d:after {
  color: var(--ad-1-d) !important;
}
.mo-fill-ad-1-d path {
  fill: var(--ad-1-d) !important;
}
.mo-stroke-ad-1-d path {
  stroke: var(--ad-1-d) !important;
}
.mo-fill-hover-ad-1-d:hover path {
  fill: var(--ad-1-d) !important;
}
.mo-stroke-hover-ad-1-d:hover path {
  stroke: var(--ad-1-d) !important;
}
.mo-border-color-ad-1-d {
  border-color: var(--ad-1-d) !important;
}
.mo-hover-ad-1-d:hover {
  color: var(--ad-1-d) !important;
}
.mo-hover-ad-1-d:hover > div:before, .mo-hover-ad-1-d:hover > span:before, .mo-hover-ad-1-d:hover > i:before, .mo-hover-ad-1-d:hover > p:before, .mo-hover-ad-1-d:hover > div:after, .mo-hover-ad-1-d:hover > span:after, .mo-hover-ad-1-d:hover > i:after, .mo-hover-ad-1-d:hover > p:after {
  color: var(--ad-1-d) !important;
}
.mo-hover-ad-1-d:hover:before, .mo-hover-ad-1-d:hover:after {
  color: var(--ad-1-d) !important;
}
.mo-bg-hover-ad-1-d:hover {
  background-color: var(--ad-1-d) !important;
}
.mo-bg-hover-ad-1-d:hover:before, .mo-bg-hover-ad-1-d:hover:after {
  background-color: var(--ad-1-d) !important;
}
.mo-border-hover-ad-1-d:hover {
  border-color: var(--ad-1-d) !important;
}
.mo-bg-ad-1-l1 {
  background-color: var(--ad-1-l1) !important;
}
.mo-color-ad-1-l1 {
  color: var(--ad-1-l1) !important;
}
.mo-color-ad-1-l1:before, .mo-color-ad-1-l1:after {
  color: var(--ad-1-l1) !important;
}
.mo-fill-ad-1-l1 path {
  fill: var(--ad-1-l1) !important;
}
.mo-stroke-ad-1-l1 path {
  stroke: var(--ad-1-l1) !important;
}
.mo-fill-hover-ad-1-l1:hover path {
  fill: var(--ad-1-l1) !important;
}
.mo-stroke-hover-ad-1-l1:hover path {
  stroke: var(--ad-1-l1) !important;
}
.mo-border-color-ad-1-l1 {
  border-color: var(--ad-1-l1) !important;
}
.mo-hover-ad-1-l1:hover {
  color: var(--ad-1-l1) !important;
}
.mo-hover-ad-1-l1:hover > div:before, .mo-hover-ad-1-l1:hover > span:before, .mo-hover-ad-1-l1:hover > i:before, .mo-hover-ad-1-l1:hover > p:before, .mo-hover-ad-1-l1:hover > div:after, .mo-hover-ad-1-l1:hover > span:after, .mo-hover-ad-1-l1:hover > i:after, .mo-hover-ad-1-l1:hover > p:after {
  color: var(--ad-1-l1) !important;
}
.mo-hover-ad-1-l1:hover:before, .mo-hover-ad-1-l1:hover:after {
  color: var(--ad-1-l1) !important;
}
.mo-bg-hover-ad-1-l1:hover {
  background-color: var(--ad-1-l1) !important;
}
.mo-bg-hover-ad-1-l1:hover:before, .mo-bg-hover-ad-1-l1:hover:after {
  background-color: var(--ad-1-l1) !important;
}
.mo-border-hover-ad-1-l1:hover {
  border-color: var(--ad-1-l1) !important;
}
.mo-bg-ad-1-l2 {
  background-color: var(--ad-1-l2) !important;
}
.mo-color-ad-1-l2 {
  color: var(--ad-1-l2) !important;
}
.mo-color-ad-1-l2:before, .mo-color-ad-1-l2:after {
  color: var(--ad-1-l2) !important;
}
.mo-fill-ad-1-l2 path {
  fill: var(--ad-1-l2) !important;
}
.mo-stroke-ad-1-l2 path {
  stroke: var(--ad-1-l2) !important;
}
.mo-fill-hover-ad-1-l2:hover path {
  fill: var(--ad-1-l2) !important;
}
.mo-stroke-hover-ad-1-l2:hover path {
  stroke: var(--ad-1-l2) !important;
}
.mo-border-color-ad-1-l2 {
  border-color: var(--ad-1-l2) !important;
}
.mo-hover-ad-1-l2:hover {
  color: var(--ad-1-l2) !important;
}
.mo-hover-ad-1-l2:hover > div:before, .mo-hover-ad-1-l2:hover > span:before, .mo-hover-ad-1-l2:hover > i:before, .mo-hover-ad-1-l2:hover > p:before, .mo-hover-ad-1-l2:hover > div:after, .mo-hover-ad-1-l2:hover > span:after, .mo-hover-ad-1-l2:hover > i:after, .mo-hover-ad-1-l2:hover > p:after {
  color: var(--ad-1-l2) !important;
}
.mo-hover-ad-1-l2:hover:before, .mo-hover-ad-1-l2:hover:after {
  color: var(--ad-1-l2) !important;
}
.mo-bg-hover-ad-1-l2:hover {
  background-color: var(--ad-1-l2) !important;
}
.mo-bg-hover-ad-1-l2:hover:before, .mo-bg-hover-ad-1-l2:hover:after {
  background-color: var(--ad-1-l2) !important;
}
.mo-border-hover-ad-1-l2:hover {
  border-color: var(--ad-1-l2) !important;
}
.mo-bg-ad-1-l3 {
  background-color: var(--ad-1-l3) !important;
}
.mo-color-ad-1-l3 {
  color: var(--ad-1-l3) !important;
}
.mo-color-ad-1-l3:before, .mo-color-ad-1-l3:after {
  color: var(--ad-1-l3) !important;
}
.mo-fill-ad-1-l3 path {
  fill: var(--ad-1-l3) !important;
}
.mo-stroke-ad-1-l3 path {
  stroke: var(--ad-1-l3) !important;
}
.mo-fill-hover-ad-1-l3:hover path {
  fill: var(--ad-1-l3) !important;
}
.mo-stroke-hover-ad-1-l3:hover path {
  stroke: var(--ad-1-l3) !important;
}
.mo-border-color-ad-1-l3 {
  border-color: var(--ad-1-l3) !important;
}
.mo-hover-ad-1-l3:hover {
  color: var(--ad-1-l3) !important;
}
.mo-hover-ad-1-l3:hover > div:before, .mo-hover-ad-1-l3:hover > span:before, .mo-hover-ad-1-l3:hover > i:before, .mo-hover-ad-1-l3:hover > p:before, .mo-hover-ad-1-l3:hover > div:after, .mo-hover-ad-1-l3:hover > span:after, .mo-hover-ad-1-l3:hover > i:after, .mo-hover-ad-1-l3:hover > p:after {
  color: var(--ad-1-l3) !important;
}
.mo-hover-ad-1-l3:hover:before, .mo-hover-ad-1-l3:hover:after {
  color: var(--ad-1-l3) !important;
}
.mo-bg-hover-ad-1-l3:hover {
  background-color: var(--ad-1-l3) !important;
}
.mo-bg-hover-ad-1-l3:hover:before, .mo-bg-hover-ad-1-l3:hover:after {
  background-color: var(--ad-1-l3) !important;
}
.mo-border-hover-ad-1-l3:hover {
  border-color: var(--ad-1-l3) !important;
}
.mo-bg-ad-2 {
  background-color: var(--ad-2) !important;
}
.mo-color-ad-2 {
  color: var(--ad-2) !important;
}
.mo-color-ad-2:before, .mo-color-ad-2:after {
  color: var(--ad-2) !important;
}
.mo-fill-ad-2 path {
  fill: var(--ad-2) !important;
}
.mo-stroke-ad-2 path {
  stroke: var(--ad-2) !important;
}
.mo-fill-hover-ad-2:hover path {
  fill: var(--ad-2) !important;
}
.mo-stroke-hover-ad-2:hover path {
  stroke: var(--ad-2) !important;
}
.mo-border-color-ad-2 {
  border-color: var(--ad-2) !important;
}
.mo-hover-ad-2:hover {
  color: var(--ad-2) !important;
}
.mo-hover-ad-2:hover > div:before, .mo-hover-ad-2:hover > span:before, .mo-hover-ad-2:hover > i:before, .mo-hover-ad-2:hover > p:before, .mo-hover-ad-2:hover > div:after, .mo-hover-ad-2:hover > span:after, .mo-hover-ad-2:hover > i:after, .mo-hover-ad-2:hover > p:after {
  color: var(--ad-2) !important;
}
.mo-hover-ad-2:hover:before, .mo-hover-ad-2:hover:after {
  color: var(--ad-2) !important;
}
.mo-bg-hover-ad-2:hover {
  background-color: var(--ad-2) !important;
}
.mo-bg-hover-ad-2:hover:before, .mo-bg-hover-ad-2:hover:after {
  background-color: var(--ad-2) !important;
}
.mo-border-hover-ad-2:hover {
  border-color: var(--ad-2) !important;
}
.mo-bg-ad-2-d {
  background-color: var(--ad-2-d) !important;
}
.mo-color-ad-2-d {
  color: var(--ad-2-d) !important;
}
.mo-color-ad-2-d:before, .mo-color-ad-2-d:after {
  color: var(--ad-2-d) !important;
}
.mo-fill-ad-2-d path {
  fill: var(--ad-2-d) !important;
}
.mo-stroke-ad-2-d path {
  stroke: var(--ad-2-d) !important;
}
.mo-fill-hover-ad-2-d:hover path {
  fill: var(--ad-2-d) !important;
}
.mo-stroke-hover-ad-2-d:hover path {
  stroke: var(--ad-2-d) !important;
}
.mo-border-color-ad-2-d {
  border-color: var(--ad-2-d) !important;
}
.mo-hover-ad-2-d:hover {
  color: var(--ad-2-d) !important;
}
.mo-hover-ad-2-d:hover > div:before, .mo-hover-ad-2-d:hover > span:before, .mo-hover-ad-2-d:hover > i:before, .mo-hover-ad-2-d:hover > p:before, .mo-hover-ad-2-d:hover > div:after, .mo-hover-ad-2-d:hover > span:after, .mo-hover-ad-2-d:hover > i:after, .mo-hover-ad-2-d:hover > p:after {
  color: var(--ad-2-d) !important;
}
.mo-hover-ad-2-d:hover:before, .mo-hover-ad-2-d:hover:after {
  color: var(--ad-2-d) !important;
}
.mo-bg-hover-ad-2-d:hover {
  background-color: var(--ad-2-d) !important;
}
.mo-bg-hover-ad-2-d:hover:before, .mo-bg-hover-ad-2-d:hover:after {
  background-color: var(--ad-2-d) !important;
}
.mo-border-hover-ad-2-d:hover {
  border-color: var(--ad-2-d) !important;
}
.mo-bg-ad-2-l1 {
  background-color: var(--ad-2-l1) !important;
}
.mo-color-ad-2-l1 {
  color: var(--ad-2-l1) !important;
}
.mo-color-ad-2-l1:before, .mo-color-ad-2-l1:after {
  color: var(--ad-2-l1) !important;
}
.mo-fill-ad-2-l1 path {
  fill: var(--ad-2-l1) !important;
}
.mo-stroke-ad-2-l1 path {
  stroke: var(--ad-2-l1) !important;
}
.mo-fill-hover-ad-2-l1:hover path {
  fill: var(--ad-2-l1) !important;
}
.mo-stroke-hover-ad-2-l1:hover path {
  stroke: var(--ad-2-l1) !important;
}
.mo-border-color-ad-2-l1 {
  border-color: var(--ad-2-l1) !important;
}
.mo-hover-ad-2-l1:hover {
  color: var(--ad-2-l1) !important;
}
.mo-hover-ad-2-l1:hover > div:before, .mo-hover-ad-2-l1:hover > span:before, .mo-hover-ad-2-l1:hover > i:before, .mo-hover-ad-2-l1:hover > p:before, .mo-hover-ad-2-l1:hover > div:after, .mo-hover-ad-2-l1:hover > span:after, .mo-hover-ad-2-l1:hover > i:after, .mo-hover-ad-2-l1:hover > p:after {
  color: var(--ad-2-l1) !important;
}
.mo-hover-ad-2-l1:hover:before, .mo-hover-ad-2-l1:hover:after {
  color: var(--ad-2-l1) !important;
}
.mo-bg-hover-ad-2-l1:hover {
  background-color: var(--ad-2-l1) !important;
}
.mo-bg-hover-ad-2-l1:hover:before, .mo-bg-hover-ad-2-l1:hover:after {
  background-color: var(--ad-2-l1) !important;
}
.mo-border-hover-ad-2-l1:hover {
  border-color: var(--ad-2-l1) !important;
}
.mo-bg-ad-2-l2 {
  background-color: var(--ad-2-l2) !important;
}
.mo-color-ad-2-l2 {
  color: var(--ad-2-l2) !important;
}
.mo-color-ad-2-l2:before, .mo-color-ad-2-l2:after {
  color: var(--ad-2-l2) !important;
}
.mo-fill-ad-2-l2 path {
  fill: var(--ad-2-l2) !important;
}
.mo-stroke-ad-2-l2 path {
  stroke: var(--ad-2-l2) !important;
}
.mo-fill-hover-ad-2-l2:hover path {
  fill: var(--ad-2-l2) !important;
}
.mo-stroke-hover-ad-2-l2:hover path {
  stroke: var(--ad-2-l2) !important;
}
.mo-border-color-ad-2-l2 {
  border-color: var(--ad-2-l2) !important;
}
.mo-hover-ad-2-l2:hover {
  color: var(--ad-2-l2) !important;
}
.mo-hover-ad-2-l2:hover > div:before, .mo-hover-ad-2-l2:hover > span:before, .mo-hover-ad-2-l2:hover > i:before, .mo-hover-ad-2-l2:hover > p:before, .mo-hover-ad-2-l2:hover > div:after, .mo-hover-ad-2-l2:hover > span:after, .mo-hover-ad-2-l2:hover > i:after, .mo-hover-ad-2-l2:hover > p:after {
  color: var(--ad-2-l2) !important;
}
.mo-hover-ad-2-l2:hover:before, .mo-hover-ad-2-l2:hover:after {
  color: var(--ad-2-l2) !important;
}
.mo-bg-hover-ad-2-l2:hover {
  background-color: var(--ad-2-l2) !important;
}
.mo-bg-hover-ad-2-l2:hover:before, .mo-bg-hover-ad-2-l2:hover:after {
  background-color: var(--ad-2-l2) !important;
}
.mo-border-hover-ad-2-l2:hover {
  border-color: var(--ad-2-l2) !important;
}
.mo-bg-ad-2-l3 {
  background-color: var(--ad-2-l3) !important;
}
.mo-color-ad-2-l3 {
  color: var(--ad-2-l3) !important;
}
.mo-color-ad-2-l3:before, .mo-color-ad-2-l3:after {
  color: var(--ad-2-l3) !important;
}
.mo-fill-ad-2-l3 path {
  fill: var(--ad-2-l3) !important;
}
.mo-stroke-ad-2-l3 path {
  stroke: var(--ad-2-l3) !important;
}
.mo-fill-hover-ad-2-l3:hover path {
  fill: var(--ad-2-l3) !important;
}
.mo-stroke-hover-ad-2-l3:hover path {
  stroke: var(--ad-2-l3) !important;
}
.mo-border-color-ad-2-l3 {
  border-color: var(--ad-2-l3) !important;
}
.mo-hover-ad-2-l3:hover {
  color: var(--ad-2-l3) !important;
}
.mo-hover-ad-2-l3:hover > div:before, .mo-hover-ad-2-l3:hover > span:before, .mo-hover-ad-2-l3:hover > i:before, .mo-hover-ad-2-l3:hover > p:before, .mo-hover-ad-2-l3:hover > div:after, .mo-hover-ad-2-l3:hover > span:after, .mo-hover-ad-2-l3:hover > i:after, .mo-hover-ad-2-l3:hover > p:after {
  color: var(--ad-2-l3) !important;
}
.mo-hover-ad-2-l3:hover:before, .mo-hover-ad-2-l3:hover:after {
  color: var(--ad-2-l3) !important;
}
.mo-bg-hover-ad-2-l3:hover {
  background-color: var(--ad-2-l3) !important;
}
.mo-bg-hover-ad-2-l3:hover:before, .mo-bg-hover-ad-2-l3:hover:after {
  background-color: var(--ad-2-l3) !important;
}
.mo-border-hover-ad-2-l3:hover {
  border-color: var(--ad-2-l3) !important;
}
.mo-bg-r {
  background-color: var(--r) !important;
}
.mo-color-r {
  color: var(--r) !important;
}
.mo-color-r:before, .mo-color-r:after {
  color: var(--r) !important;
}
.mo-fill-r path {
  fill: var(--r) !important;
}
.mo-stroke-r path {
  stroke: var(--r) !important;
}
.mo-fill-hover-r:hover path {
  fill: var(--r) !important;
}
.mo-stroke-hover-r:hover path {
  stroke: var(--r) !important;
}
.mo-border-color-r {
  border-color: var(--r) !important;
}
.mo-hover-r:hover {
  color: var(--r) !important;
}
.mo-hover-r:hover > div:before, .mo-hover-r:hover > span:before, .mo-hover-r:hover > i:before, .mo-hover-r:hover > p:before, .mo-hover-r:hover > div:after, .mo-hover-r:hover > span:after, .mo-hover-r:hover > i:after, .mo-hover-r:hover > p:after {
  color: var(--r) !important;
}
.mo-hover-r:hover:before, .mo-hover-r:hover:after {
  color: var(--r) !important;
}
.mo-bg-hover-r:hover {
  background-color: var(--r) !important;
}
.mo-bg-hover-r:hover:before, .mo-bg-hover-r:hover:after {
  background-color: var(--r) !important;
}
.mo-border-hover-r:hover {
  border-color: var(--r) !important;
}
.mo-bg-r-d {
  background-color: var(--r-d) !important;
}
.mo-color-r-d {
  color: var(--r-d) !important;
}
.mo-color-r-d:before, .mo-color-r-d:after {
  color: var(--r-d) !important;
}
.mo-fill-r-d path {
  fill: var(--r-d) !important;
}
.mo-stroke-r-d path {
  stroke: var(--r-d) !important;
}
.mo-fill-hover-r-d:hover path {
  fill: var(--r-d) !important;
}
.mo-stroke-hover-r-d:hover path {
  stroke: var(--r-d) !important;
}
.mo-border-color-r-d {
  border-color: var(--r-d) !important;
}
.mo-hover-r-d:hover {
  color: var(--r-d) !important;
}
.mo-hover-r-d:hover > div:before, .mo-hover-r-d:hover > span:before, .mo-hover-r-d:hover > i:before, .mo-hover-r-d:hover > p:before, .mo-hover-r-d:hover > div:after, .mo-hover-r-d:hover > span:after, .mo-hover-r-d:hover > i:after, .mo-hover-r-d:hover > p:after {
  color: var(--r-d) !important;
}
.mo-hover-r-d:hover:before, .mo-hover-r-d:hover:after {
  color: var(--r-d) !important;
}
.mo-bg-hover-r-d:hover {
  background-color: var(--r-d) !important;
}
.mo-bg-hover-r-d:hover:before, .mo-bg-hover-r-d:hover:after {
  background-color: var(--r-d) !important;
}
.mo-border-hover-r-d:hover {
  border-color: var(--r-d) !important;
}
.mo-bg-r-l1 {
  background-color: var(--r-l1) !important;
}
.mo-color-r-l1 {
  color: var(--r-l1) !important;
}
.mo-color-r-l1:before, .mo-color-r-l1:after {
  color: var(--r-l1) !important;
}
.mo-fill-r-l1 path {
  fill: var(--r-l1) !important;
}
.mo-stroke-r-l1 path {
  stroke: var(--r-l1) !important;
}
.mo-fill-hover-r-l1:hover path {
  fill: var(--r-l1) !important;
}
.mo-stroke-hover-r-l1:hover path {
  stroke: var(--r-l1) !important;
}
.mo-border-color-r-l1 {
  border-color: var(--r-l1) !important;
}
.mo-hover-r-l1:hover {
  color: var(--r-l1) !important;
}
.mo-hover-r-l1:hover > div:before, .mo-hover-r-l1:hover > span:before, .mo-hover-r-l1:hover > i:before, .mo-hover-r-l1:hover > p:before, .mo-hover-r-l1:hover > div:after, .mo-hover-r-l1:hover > span:after, .mo-hover-r-l1:hover > i:after, .mo-hover-r-l1:hover > p:after {
  color: var(--r-l1) !important;
}
.mo-hover-r-l1:hover:before, .mo-hover-r-l1:hover:after {
  color: var(--r-l1) !important;
}
.mo-bg-hover-r-l1:hover {
  background-color: var(--r-l1) !important;
}
.mo-bg-hover-r-l1:hover:before, .mo-bg-hover-r-l1:hover:after {
  background-color: var(--r-l1) !important;
}
.mo-border-hover-r-l1:hover {
  border-color: var(--r-l1) !important;
}
.mo-bg-r-l2 {
  background-color: var(--r-l2) !important;
}
.mo-color-r-l2 {
  color: var(--r-l2) !important;
}
.mo-color-r-l2:before, .mo-color-r-l2:after {
  color: var(--r-l2) !important;
}
.mo-fill-r-l2 path {
  fill: var(--r-l2) !important;
}
.mo-stroke-r-l2 path {
  stroke: var(--r-l2) !important;
}
.mo-fill-hover-r-l2:hover path {
  fill: var(--r-l2) !important;
}
.mo-stroke-hover-r-l2:hover path {
  stroke: var(--r-l2) !important;
}
.mo-border-color-r-l2 {
  border-color: var(--r-l2) !important;
}
.mo-hover-r-l2:hover {
  color: var(--r-l2) !important;
}
.mo-hover-r-l2:hover > div:before, .mo-hover-r-l2:hover > span:before, .mo-hover-r-l2:hover > i:before, .mo-hover-r-l2:hover > p:before, .mo-hover-r-l2:hover > div:after, .mo-hover-r-l2:hover > span:after, .mo-hover-r-l2:hover > i:after, .mo-hover-r-l2:hover > p:after {
  color: var(--r-l2) !important;
}
.mo-hover-r-l2:hover:before, .mo-hover-r-l2:hover:after {
  color: var(--r-l2) !important;
}
.mo-bg-hover-r-l2:hover {
  background-color: var(--r-l2) !important;
}
.mo-bg-hover-r-l2:hover:before, .mo-bg-hover-r-l2:hover:after {
  background-color: var(--r-l2) !important;
}
.mo-border-hover-r-l2:hover {
  border-color: var(--r-l2) !important;
}
.mo-bg-r-l3 {
  background-color: var(--r-l3) !important;
}
.mo-color-r-l3 {
  color: var(--r-l3) !important;
}
.mo-color-r-l3:before, .mo-color-r-l3:after {
  color: var(--r-l3) !important;
}
.mo-fill-r-l3 path {
  fill: var(--r-l3) !important;
}
.mo-stroke-r-l3 path {
  stroke: var(--r-l3) !important;
}
.mo-fill-hover-r-l3:hover path {
  fill: var(--r-l3) !important;
}
.mo-stroke-hover-r-l3:hover path {
  stroke: var(--r-l3) !important;
}
.mo-border-color-r-l3 {
  border-color: var(--r-l3) !important;
}
.mo-hover-r-l3:hover {
  color: var(--r-l3) !important;
}
.mo-hover-r-l3:hover > div:before, .mo-hover-r-l3:hover > span:before, .mo-hover-r-l3:hover > i:before, .mo-hover-r-l3:hover > p:before, .mo-hover-r-l3:hover > div:after, .mo-hover-r-l3:hover > span:after, .mo-hover-r-l3:hover > i:after, .mo-hover-r-l3:hover > p:after {
  color: var(--r-l3) !important;
}
.mo-hover-r-l3:hover:before, .mo-hover-r-l3:hover:after {
  color: var(--r-l3) !important;
}
.mo-bg-hover-r-l3:hover {
  background-color: var(--r-l3) !important;
}
.mo-bg-hover-r-l3:hover:before, .mo-bg-hover-r-l3:hover:after {
  background-color: var(--r-l3) !important;
}
.mo-border-hover-r-l3:hover {
  border-color: var(--r-l3) !important;
}
.mo-bg-y {
  background-color: var(--y) !important;
}
.mo-color-y {
  color: var(--y) !important;
}
.mo-color-y:before, .mo-color-y:after {
  color: var(--y) !important;
}
.mo-fill-y path {
  fill: var(--y) !important;
}
.mo-stroke-y path {
  stroke: var(--y) !important;
}
.mo-fill-hover-y:hover path {
  fill: var(--y) !important;
}
.mo-stroke-hover-y:hover path {
  stroke: var(--y) !important;
}
.mo-border-color-y {
  border-color: var(--y) !important;
}
.mo-hover-y:hover {
  color: var(--y) !important;
}
.mo-hover-y:hover > div:before, .mo-hover-y:hover > span:before, .mo-hover-y:hover > i:before, .mo-hover-y:hover > p:before, .mo-hover-y:hover > div:after, .mo-hover-y:hover > span:after, .mo-hover-y:hover > i:after, .mo-hover-y:hover > p:after {
  color: var(--y) !important;
}
.mo-hover-y:hover:before, .mo-hover-y:hover:after {
  color: var(--y) !important;
}
.mo-bg-hover-y:hover {
  background-color: var(--y) !important;
}
.mo-bg-hover-y:hover:before, .mo-bg-hover-y:hover:after {
  background-color: var(--y) !important;
}
.mo-border-hover-y:hover {
  border-color: var(--y) !important;
}
.mo-bg-y-d {
  background-color: var(--y-d) !important;
}
.mo-color-y-d {
  color: var(--y-d) !important;
}
.mo-color-y-d:before, .mo-color-y-d:after {
  color: var(--y-d) !important;
}
.mo-fill-y-d path {
  fill: var(--y-d) !important;
}
.mo-stroke-y-d path {
  stroke: var(--y-d) !important;
}
.mo-fill-hover-y-d:hover path {
  fill: var(--y-d) !important;
}
.mo-stroke-hover-y-d:hover path {
  stroke: var(--y-d) !important;
}
.mo-border-color-y-d {
  border-color: var(--y-d) !important;
}
.mo-hover-y-d:hover {
  color: var(--y-d) !important;
}
.mo-hover-y-d:hover > div:before, .mo-hover-y-d:hover > span:before, .mo-hover-y-d:hover > i:before, .mo-hover-y-d:hover > p:before, .mo-hover-y-d:hover > div:after, .mo-hover-y-d:hover > span:after, .mo-hover-y-d:hover > i:after, .mo-hover-y-d:hover > p:after {
  color: var(--y-d) !important;
}
.mo-hover-y-d:hover:before, .mo-hover-y-d:hover:after {
  color: var(--y-d) !important;
}
.mo-bg-hover-y-d:hover {
  background-color: var(--y-d) !important;
}
.mo-bg-hover-y-d:hover:before, .mo-bg-hover-y-d:hover:after {
  background-color: var(--y-d) !important;
}
.mo-border-hover-y-d:hover {
  border-color: var(--y-d) !important;
}
.mo-bg-y-l1 {
  background-color: var(--y-l1) !important;
}
.mo-color-y-l1 {
  color: var(--y-l1) !important;
}
.mo-color-y-l1:before, .mo-color-y-l1:after {
  color: var(--y-l1) !important;
}
.mo-fill-y-l1 path {
  fill: var(--y-l1) !important;
}
.mo-stroke-y-l1 path {
  stroke: var(--y-l1) !important;
}
.mo-fill-hover-y-l1:hover path {
  fill: var(--y-l1) !important;
}
.mo-stroke-hover-y-l1:hover path {
  stroke: var(--y-l1) !important;
}
.mo-border-color-y-l1 {
  border-color: var(--y-l1) !important;
}
.mo-hover-y-l1:hover {
  color: var(--y-l1) !important;
}
.mo-hover-y-l1:hover > div:before, .mo-hover-y-l1:hover > span:before, .mo-hover-y-l1:hover > i:before, .mo-hover-y-l1:hover > p:before, .mo-hover-y-l1:hover > div:after, .mo-hover-y-l1:hover > span:after, .mo-hover-y-l1:hover > i:after, .mo-hover-y-l1:hover > p:after {
  color: var(--y-l1) !important;
}
.mo-hover-y-l1:hover:before, .mo-hover-y-l1:hover:after {
  color: var(--y-l1) !important;
}
.mo-bg-hover-y-l1:hover {
  background-color: var(--y-l1) !important;
}
.mo-bg-hover-y-l1:hover:before, .mo-bg-hover-y-l1:hover:after {
  background-color: var(--y-l1) !important;
}
.mo-border-hover-y-l1:hover {
  border-color: var(--y-l1) !important;
}
.mo-bg-y-l2 {
  background-color: var(--y-l2) !important;
}
.mo-color-y-l2 {
  color: var(--y-l2) !important;
}
.mo-color-y-l2:before, .mo-color-y-l2:after {
  color: var(--y-l2) !important;
}
.mo-fill-y-l2 path {
  fill: var(--y-l2) !important;
}
.mo-stroke-y-l2 path {
  stroke: var(--y-l2) !important;
}
.mo-fill-hover-y-l2:hover path {
  fill: var(--y-l2) !important;
}
.mo-stroke-hover-y-l2:hover path {
  stroke: var(--y-l2) !important;
}
.mo-border-color-y-l2 {
  border-color: var(--y-l2) !important;
}
.mo-hover-y-l2:hover {
  color: var(--y-l2) !important;
}
.mo-hover-y-l2:hover > div:before, .mo-hover-y-l2:hover > span:before, .mo-hover-y-l2:hover > i:before, .mo-hover-y-l2:hover > p:before, .mo-hover-y-l2:hover > div:after, .mo-hover-y-l2:hover > span:after, .mo-hover-y-l2:hover > i:after, .mo-hover-y-l2:hover > p:after {
  color: var(--y-l2) !important;
}
.mo-hover-y-l2:hover:before, .mo-hover-y-l2:hover:after {
  color: var(--y-l2) !important;
}
.mo-bg-hover-y-l2:hover {
  background-color: var(--y-l2) !important;
}
.mo-bg-hover-y-l2:hover:before, .mo-bg-hover-y-l2:hover:after {
  background-color: var(--y-l2) !important;
}
.mo-border-hover-y-l2:hover {
  border-color: var(--y-l2) !important;
}
.mo-bg-y-l3 {
  background-color: var(--y-l3) !important;
}
.mo-color-y-l3 {
  color: var(--y-l3) !important;
}
.mo-color-y-l3:before, .mo-color-y-l3:after {
  color: var(--y-l3) !important;
}
.mo-fill-y-l3 path {
  fill: var(--y-l3) !important;
}
.mo-stroke-y-l3 path {
  stroke: var(--y-l3) !important;
}
.mo-fill-hover-y-l3:hover path {
  fill: var(--y-l3) !important;
}
.mo-stroke-hover-y-l3:hover path {
  stroke: var(--y-l3) !important;
}
.mo-border-color-y-l3 {
  border-color: var(--y-l3) !important;
}
.mo-hover-y-l3:hover {
  color: var(--y-l3) !important;
}
.mo-hover-y-l3:hover > div:before, .mo-hover-y-l3:hover > span:before, .mo-hover-y-l3:hover > i:before, .mo-hover-y-l3:hover > p:before, .mo-hover-y-l3:hover > div:after, .mo-hover-y-l3:hover > span:after, .mo-hover-y-l3:hover > i:after, .mo-hover-y-l3:hover > p:after {
  color: var(--y-l3) !important;
}
.mo-hover-y-l3:hover:before, .mo-hover-y-l3:hover:after {
  color: var(--y-l3) !important;
}
.mo-bg-hover-y-l3:hover {
  background-color: var(--y-l3) !important;
}
.mo-bg-hover-y-l3:hover:before, .mo-bg-hover-y-l3:hover:after {
  background-color: var(--y-l3) !important;
}
.mo-border-hover-y-l3:hover {
  border-color: var(--y-l3) !important;
}
.mo-bg-g {
  background-color: var(--g) !important;
}
.mo-color-g {
  color: var(--g) !important;
}
.mo-color-g:before, .mo-color-g:after {
  color: var(--g) !important;
}
.mo-fill-g path {
  fill: var(--g) !important;
}
.mo-stroke-g path {
  stroke: var(--g) !important;
}
.mo-fill-hover-g:hover path {
  fill: var(--g) !important;
}
.mo-stroke-hover-g:hover path {
  stroke: var(--g) !important;
}
.mo-border-color-g {
  border-color: var(--g) !important;
}
.mo-hover-g:hover {
  color: var(--g) !important;
}
.mo-hover-g:hover > div:before, .mo-hover-g:hover > span:before, .mo-hover-g:hover > i:before, .mo-hover-g:hover > p:before, .mo-hover-g:hover > div:after, .mo-hover-g:hover > span:after, .mo-hover-g:hover > i:after, .mo-hover-g:hover > p:after {
  color: var(--g) !important;
}
.mo-hover-g:hover:before, .mo-hover-g:hover:after {
  color: var(--g) !important;
}
.mo-bg-hover-g:hover {
  background-color: var(--g) !important;
}
.mo-bg-hover-g:hover:before, .mo-bg-hover-g:hover:after {
  background-color: var(--g) !important;
}
.mo-border-hover-g:hover {
  border-color: var(--g) !important;
}
.mo-bg-g-d {
  background-color: var(--g-d) !important;
}
.mo-color-g-d {
  color: var(--g-d) !important;
}
.mo-color-g-d:before, .mo-color-g-d:after {
  color: var(--g-d) !important;
}
.mo-fill-g-d path {
  fill: var(--g-d) !important;
}
.mo-stroke-g-d path {
  stroke: var(--g-d) !important;
}
.mo-fill-hover-g-d:hover path {
  fill: var(--g-d) !important;
}
.mo-stroke-hover-g-d:hover path {
  stroke: var(--g-d) !important;
}
.mo-border-color-g-d {
  border-color: var(--g-d) !important;
}
.mo-hover-g-d:hover {
  color: var(--g-d) !important;
}
.mo-hover-g-d:hover > div:before, .mo-hover-g-d:hover > span:before, .mo-hover-g-d:hover > i:before, .mo-hover-g-d:hover > p:before, .mo-hover-g-d:hover > div:after, .mo-hover-g-d:hover > span:after, .mo-hover-g-d:hover > i:after, .mo-hover-g-d:hover > p:after {
  color: var(--g-d) !important;
}
.mo-hover-g-d:hover:before, .mo-hover-g-d:hover:after {
  color: var(--g-d) !important;
}
.mo-bg-hover-g-d:hover {
  background-color: var(--g-d) !important;
}
.mo-bg-hover-g-d:hover:before, .mo-bg-hover-g-d:hover:after {
  background-color: var(--g-d) !important;
}
.mo-border-hover-g-d:hover {
  border-color: var(--g-d) !important;
}
.mo-bg-g-l1 {
  background-color: var(--g-l1) !important;
}
.mo-color-g-l1 {
  color: var(--g-l1) !important;
}
.mo-color-g-l1:before, .mo-color-g-l1:after {
  color: var(--g-l1) !important;
}
.mo-fill-g-l1 path {
  fill: var(--g-l1) !important;
}
.mo-stroke-g-l1 path {
  stroke: var(--g-l1) !important;
}
.mo-fill-hover-g-l1:hover path {
  fill: var(--g-l1) !important;
}
.mo-stroke-hover-g-l1:hover path {
  stroke: var(--g-l1) !important;
}
.mo-border-color-g-l1 {
  border-color: var(--g-l1) !important;
}
.mo-hover-g-l1:hover {
  color: var(--g-l1) !important;
}
.mo-hover-g-l1:hover > div:before, .mo-hover-g-l1:hover > span:before, .mo-hover-g-l1:hover > i:before, .mo-hover-g-l1:hover > p:before, .mo-hover-g-l1:hover > div:after, .mo-hover-g-l1:hover > span:after, .mo-hover-g-l1:hover > i:after, .mo-hover-g-l1:hover > p:after {
  color: var(--g-l1) !important;
}
.mo-hover-g-l1:hover:before, .mo-hover-g-l1:hover:after {
  color: var(--g-l1) !important;
}
.mo-bg-hover-g-l1:hover {
  background-color: var(--g-l1) !important;
}
.mo-bg-hover-g-l1:hover:before, .mo-bg-hover-g-l1:hover:after {
  background-color: var(--g-l1) !important;
}
.mo-border-hover-g-l1:hover {
  border-color: var(--g-l1) !important;
}
.mo-bg-g-l2 {
  background-color: var(--g-l2) !important;
}
.mo-color-g-l2 {
  color: var(--g-l2) !important;
}
.mo-color-g-l2:before, .mo-color-g-l2:after {
  color: var(--g-l2) !important;
}
.mo-fill-g-l2 path {
  fill: var(--g-l2) !important;
}
.mo-stroke-g-l2 path {
  stroke: var(--g-l2) !important;
}
.mo-fill-hover-g-l2:hover path {
  fill: var(--g-l2) !important;
}
.mo-stroke-hover-g-l2:hover path {
  stroke: var(--g-l2) !important;
}
.mo-border-color-g-l2 {
  border-color: var(--g-l2) !important;
}
.mo-hover-g-l2:hover {
  color: var(--g-l2) !important;
}
.mo-hover-g-l2:hover > div:before, .mo-hover-g-l2:hover > span:before, .mo-hover-g-l2:hover > i:before, .mo-hover-g-l2:hover > p:before, .mo-hover-g-l2:hover > div:after, .mo-hover-g-l2:hover > span:after, .mo-hover-g-l2:hover > i:after, .mo-hover-g-l2:hover > p:after {
  color: var(--g-l2) !important;
}
.mo-hover-g-l2:hover:before, .mo-hover-g-l2:hover:after {
  color: var(--g-l2) !important;
}
.mo-bg-hover-g-l2:hover {
  background-color: var(--g-l2) !important;
}
.mo-bg-hover-g-l2:hover:before, .mo-bg-hover-g-l2:hover:after {
  background-color: var(--g-l2) !important;
}
.mo-border-hover-g-l2:hover {
  border-color: var(--g-l2) !important;
}
.mo-bg-g-l3 {
  background-color: var(--g-l3) !important;
}
.mo-color-g-l3 {
  color: var(--g-l3) !important;
}
.mo-color-g-l3:before, .mo-color-g-l3:after {
  color: var(--g-l3) !important;
}
.mo-fill-g-l3 path {
  fill: var(--g-l3) !important;
}
.mo-stroke-g-l3 path {
  stroke: var(--g-l3) !important;
}
.mo-fill-hover-g-l3:hover path {
  fill: var(--g-l3) !important;
}
.mo-stroke-hover-g-l3:hover path {
  stroke: var(--g-l3) !important;
}
.mo-border-color-g-l3 {
  border-color: var(--g-l3) !important;
}
.mo-hover-g-l3:hover {
  color: var(--g-l3) !important;
}
.mo-hover-g-l3:hover > div:before, .mo-hover-g-l3:hover > span:before, .mo-hover-g-l3:hover > i:before, .mo-hover-g-l3:hover > p:before, .mo-hover-g-l3:hover > div:after, .mo-hover-g-l3:hover > span:after, .mo-hover-g-l3:hover > i:after, .mo-hover-g-l3:hover > p:after {
  color: var(--g-l3) !important;
}
.mo-hover-g-l3:hover:before, .mo-hover-g-l3:hover:after {
  color: var(--g-l3) !important;
}
.mo-bg-hover-g-l3:hover {
  background-color: var(--g-l3) !important;
}
.mo-bg-hover-g-l3:hover:before, .mo-bg-hover-g-l3:hover:after {
  background-color: var(--g-l3) !important;
}
.mo-border-hover-g-l3:hover {
  border-color: var(--g-l3) !important;
}
.mo-bg-menu-bg {
  background-color: var(--menu-bg) !important;
}
.mo-color-menu-bg {
  color: var(--menu-bg) !important;
}
.mo-color-menu-bg:before, .mo-color-menu-bg:after {
  color: var(--menu-bg) !important;
}
.mo-fill-menu-bg path {
  fill: var(--menu-bg) !important;
}
.mo-stroke-menu-bg path {
  stroke: var(--menu-bg) !important;
}
.mo-fill-hover-menu-bg:hover path {
  fill: var(--menu-bg) !important;
}
.mo-stroke-hover-menu-bg:hover path {
  stroke: var(--menu-bg) !important;
}
.mo-border-color-menu-bg {
  border-color: var(--menu-bg) !important;
}
.mo-hover-menu-bg:hover {
  color: var(--menu-bg) !important;
}
.mo-hover-menu-bg:hover > div:before, .mo-hover-menu-bg:hover > span:before, .mo-hover-menu-bg:hover > i:before, .mo-hover-menu-bg:hover > p:before, .mo-hover-menu-bg:hover > div:after, .mo-hover-menu-bg:hover > span:after, .mo-hover-menu-bg:hover > i:after, .mo-hover-menu-bg:hover > p:after {
  color: var(--menu-bg) !important;
}
.mo-hover-menu-bg:hover:before, .mo-hover-menu-bg:hover:after {
  color: var(--menu-bg) !important;
}
.mo-bg-hover-menu-bg:hover {
  background-color: var(--menu-bg) !important;
}
.mo-bg-hover-menu-bg:hover:before, .mo-bg-hover-menu-bg:hover:after {
  background-color: var(--menu-bg) !important;
}
.mo-border-hover-menu-bg:hover {
  border-color: var(--menu-bg) !important;
}
.mo-bg-main-txt {
  background-color: var(--main-txt) !important;
}
.mo-color-main-txt {
  color: var(--main-txt) !important;
}
.mo-color-main-txt:before, .mo-color-main-txt:after {
  color: var(--main-txt) !important;
}
.mo-fill-main-txt path {
  fill: var(--main-txt) !important;
}
.mo-stroke-main-txt path {
  stroke: var(--main-txt) !important;
}
.mo-fill-hover-main-txt:hover path {
  fill: var(--main-txt) !important;
}
.mo-stroke-hover-main-txt:hover path {
  stroke: var(--main-txt) !important;
}
.mo-border-color-main-txt {
  border-color: var(--main-txt) !important;
}
.mo-hover-main-txt:hover {
  color: var(--main-txt) !important;
}
.mo-hover-main-txt:hover > div:before, .mo-hover-main-txt:hover > span:before, .mo-hover-main-txt:hover > i:before, .mo-hover-main-txt:hover > p:before, .mo-hover-main-txt:hover > div:after, .mo-hover-main-txt:hover > span:after, .mo-hover-main-txt:hover > i:after, .mo-hover-main-txt:hover > p:after {
  color: var(--main-txt) !important;
}
.mo-hover-main-txt:hover:before, .mo-hover-main-txt:hover:after {
  color: var(--main-txt) !important;
}
.mo-bg-hover-main-txt:hover {
  background-color: var(--main-txt) !important;
}
.mo-bg-hover-main-txt:hover:before, .mo-bg-hover-main-txt:hover:after {
  background-color: var(--main-txt) !important;
}
.mo-border-hover-main-txt:hover {
  border-color: var(--main-txt) !important;
}
.mo-bg-btn-txt {
  background-color: var(--btn-txt) !important;
}
.mo-color-btn-txt {
  color: var(--btn-txt) !important;
}
.mo-color-btn-txt:before, .mo-color-btn-txt:after {
  color: var(--btn-txt) !important;
}
.mo-fill-btn-txt path {
  fill: var(--btn-txt) !important;
}
.mo-stroke-btn-txt path {
  stroke: var(--btn-txt) !important;
}
.mo-fill-hover-btn-txt:hover path {
  fill: var(--btn-txt) !important;
}
.mo-stroke-hover-btn-txt:hover path {
  stroke: var(--btn-txt) !important;
}
.mo-border-color-btn-txt {
  border-color: var(--btn-txt) !important;
}
.mo-hover-btn-txt:hover {
  color: var(--btn-txt) !important;
}
.mo-hover-btn-txt:hover > div:before, .mo-hover-btn-txt:hover > span:before, .mo-hover-btn-txt:hover > i:before, .mo-hover-btn-txt:hover > p:before, .mo-hover-btn-txt:hover > div:after, .mo-hover-btn-txt:hover > span:after, .mo-hover-btn-txt:hover > i:after, .mo-hover-btn-txt:hover > p:after {
  color: var(--btn-txt) !important;
}
.mo-hover-btn-txt:hover:before, .mo-hover-btn-txt:hover:after {
  color: var(--btn-txt) !important;
}
.mo-bg-hover-btn-txt:hover {
  background-color: var(--btn-txt) !important;
}
.mo-bg-hover-btn-txt:hover:before, .mo-bg-hover-btn-txt:hover:after {
  background-color: var(--btn-txt) !important;
}
.mo-border-hover-btn-txt:hover {
  border-color: var(--btn-txt) !important;
}
.mo-bg-cap-txt {
  background-color: var(--cap-txt) !important;
}
.mo-color-cap-txt {
  color: var(--cap-txt) !important;
}
.mo-color-cap-txt:before, .mo-color-cap-txt:after {
  color: var(--cap-txt) !important;
}
.mo-fill-cap-txt path {
  fill: var(--cap-txt) !important;
}
.mo-stroke-cap-txt path {
  stroke: var(--cap-txt) !important;
}
.mo-fill-hover-cap-txt:hover path {
  fill: var(--cap-txt) !important;
}
.mo-stroke-hover-cap-txt:hover path {
  stroke: var(--cap-txt) !important;
}
.mo-border-color-cap-txt {
  border-color: var(--cap-txt) !important;
}
.mo-hover-cap-txt:hover {
  color: var(--cap-txt) !important;
}
.mo-hover-cap-txt:hover > div:before, .mo-hover-cap-txt:hover > span:before, .mo-hover-cap-txt:hover > i:before, .mo-hover-cap-txt:hover > p:before, .mo-hover-cap-txt:hover > div:after, .mo-hover-cap-txt:hover > span:after, .mo-hover-cap-txt:hover > i:after, .mo-hover-cap-txt:hover > p:after {
  color: var(--cap-txt) !important;
}
.mo-hover-cap-txt:hover:before, .mo-hover-cap-txt:hover:after {
  color: var(--cap-txt) !important;
}
.mo-bg-hover-cap-txt:hover {
  background-color: var(--cap-txt) !important;
}
.mo-bg-hover-cap-txt:hover:before, .mo-bg-hover-cap-txt:hover:after {
  background-color: var(--cap-txt) !important;
}
.mo-border-hover-cap-txt:hover {
  border-color: var(--cap-txt) !important;
}
.mo-bg-disabled {
  background-color: var(--disabled) !important;
}
.mo-color-disabled {
  color: var(--disabled) !important;
}
.mo-color-disabled:before, .mo-color-disabled:after {
  color: var(--disabled) !important;
}
.mo-fill-disabled path {
  fill: var(--disabled) !important;
}
.mo-stroke-disabled path {
  stroke: var(--disabled) !important;
}
.mo-fill-hover-disabled:hover path {
  fill: var(--disabled) !important;
}
.mo-stroke-hover-disabled:hover path {
  stroke: var(--disabled) !important;
}
.mo-border-color-disabled {
  border-color: var(--disabled) !important;
}
.mo-hover-disabled:hover {
  color: var(--disabled) !important;
}
.mo-hover-disabled:hover > div:before, .mo-hover-disabled:hover > span:before, .mo-hover-disabled:hover > i:before, .mo-hover-disabled:hover > p:before, .mo-hover-disabled:hover > div:after, .mo-hover-disabled:hover > span:after, .mo-hover-disabled:hover > i:after, .mo-hover-disabled:hover > p:after {
  color: var(--disabled) !important;
}
.mo-hover-disabled:hover:before, .mo-hover-disabled:hover:after {
  color: var(--disabled) !important;
}
.mo-bg-hover-disabled:hover {
  background-color: var(--disabled) !important;
}
.mo-bg-hover-disabled:hover:before, .mo-bg-hover-disabled:hover:after {
  background-color: var(--disabled) !important;
}
.mo-border-hover-disabled:hover {
  border-color: var(--disabled) !important;
}
.mo-bg-border {
  background-color: var(--border) !important;
}
.mo-color-border {
  color: var(--border) !important;
}
.mo-color-border:before, .mo-color-border:after {
  color: var(--border) !important;
}
.mo-fill-border path {
  fill: var(--border) !important;
}
.mo-stroke-border path {
  stroke: var(--border) !important;
}
.mo-fill-hover-border:hover path {
  fill: var(--border) !important;
}
.mo-stroke-hover-border:hover path {
  stroke: var(--border) !important;
}
.mo-border-color-border {
  border-color: var(--border) !important;
}
.mo-hover-border:hover {
  color: var(--border) !important;
}
.mo-hover-border:hover > div:before, .mo-hover-border:hover > span:before, .mo-hover-border:hover > i:before, .mo-hover-border:hover > p:before, .mo-hover-border:hover > div:after, .mo-hover-border:hover > span:after, .mo-hover-border:hover > i:after, .mo-hover-border:hover > p:after {
  color: var(--border) !important;
}
.mo-hover-border:hover:before, .mo-hover-border:hover:after {
  color: var(--border) !important;
}
.mo-bg-hover-border:hover {
  background-color: var(--border) !important;
}
.mo-bg-hover-border:hover:before, .mo-bg-hover-border:hover:after {
  background-color: var(--border) !important;
}
.mo-border-hover-border:hover {
  border-color: var(--border) !important;
}
.mo-bg-bg {
  background-color: var(--bg) !important;
}
.mo-color-bg {
  color: var(--bg) !important;
}
.mo-color-bg:before, .mo-color-bg:after {
  color: var(--bg) !important;
}
.mo-fill-bg path {
  fill: var(--bg) !important;
}
.mo-stroke-bg path {
  stroke: var(--bg) !important;
}
.mo-fill-hover-bg:hover path {
  fill: var(--bg) !important;
}
.mo-stroke-hover-bg:hover path {
  stroke: var(--bg) !important;
}
.mo-border-color-bg {
  border-color: var(--bg) !important;
}
.mo-hover-bg:hover {
  color: var(--bg) !important;
}
.mo-hover-bg:hover > div:before, .mo-hover-bg:hover > span:before, .mo-hover-bg:hover > i:before, .mo-hover-bg:hover > p:before, .mo-hover-bg:hover > div:after, .mo-hover-bg:hover > span:after, .mo-hover-bg:hover > i:after, .mo-hover-bg:hover > p:after {
  color: var(--bg) !important;
}
.mo-hover-bg:hover:before, .mo-hover-bg:hover:after {
  color: var(--bg) !important;
}
.mo-bg-hover-bg:hover {
  background-color: var(--bg) !important;
}
.mo-bg-hover-bg:hover:before, .mo-bg-hover-bg:hover:after {
  background-color: var(--bg) !important;
}
.mo-border-hover-bg:hover {
  border-color: var(--bg) !important;
}
.mo-bg-w {
  background-color: var(--w) !important;
}
.mo-color-w {
  color: var(--w) !important;
}
.mo-color-w:before, .mo-color-w:after {
  color: var(--w) !important;
}
.mo-fill-w path {
  fill: var(--w) !important;
}
.mo-stroke-w path {
  stroke: var(--w) !important;
}
.mo-fill-hover-w:hover path {
  fill: var(--w) !important;
}
.mo-stroke-hover-w:hover path {
  stroke: var(--w) !important;
}
.mo-border-color-w {
  border-color: var(--w) !important;
}
.mo-hover-w:hover {
  color: var(--w) !important;
}
.mo-hover-w:hover > div:before, .mo-hover-w:hover > span:before, .mo-hover-w:hover > i:before, .mo-hover-w:hover > p:before, .mo-hover-w:hover > div:after, .mo-hover-w:hover > span:after, .mo-hover-w:hover > i:after, .mo-hover-w:hover > p:after {
  color: var(--w) !important;
}
.mo-hover-w:hover:before, .mo-hover-w:hover:after {
  color: var(--w) !important;
}
.mo-bg-hover-w:hover {
  background-color: var(--w) !important;
}
.mo-bg-hover-w:hover:before, .mo-bg-hover-w:hover:after {
  background-color: var(--w) !important;
}
.mo-border-hover-w:hover {
  border-color: var(--w) !important;
}
.mo-bg-trans {
  background-color: var(--trans) !important;
}
.mo-color-trans {
  color: var(--trans) !important;
}
.mo-color-trans:before, .mo-color-trans:after {
  color: var(--trans) !important;
}
.mo-fill-trans path {
  fill: var(--trans) !important;
}
.mo-stroke-trans path {
  stroke: var(--trans) !important;
}
.mo-fill-hover-trans:hover path {
  fill: var(--trans) !important;
}
.mo-stroke-hover-trans:hover path {
  stroke: var(--trans) !important;
}
.mo-border-color-trans {
  border-color: var(--trans) !important;
}
.mo-hover-trans:hover {
  color: var(--trans) !important;
}
.mo-hover-trans:hover > div:before, .mo-hover-trans:hover > span:before, .mo-hover-trans:hover > i:before, .mo-hover-trans:hover > p:before, .mo-hover-trans:hover > div:after, .mo-hover-trans:hover > span:after, .mo-hover-trans:hover > i:after, .mo-hover-trans:hover > p:after {
  color: var(--trans) !important;
}
.mo-hover-trans:hover:before, .mo-hover-trans:hover:after {
  color: var(--trans) !important;
}
.mo-bg-hover-trans:hover {
  background-color: var(--trans) !important;
}
.mo-bg-hover-trans:hover:before, .mo-bg-hover-trans:hover:after {
  background-color: var(--trans) !important;
}
.mo-border-hover-trans:hover {
  border-color: var(--trans) !important;
}

/*color text*/
.color-nt1{
  color: #F8F9FA;
}
.color-nt2{
  color: #E6E7EA;
}
.color-nt3{
  color: #CDD0D6;
}
.color-nt4{
  color: #9CA2AD;
}
.color-nt5{
  color: #6A7383 !important;
}
.color-nt6{
  color: #353C46;
}
.color-nt7{
  color: #1C232F;
}
.color-nt8{
  color: #030B18;
}

/*text heading*/
.text-h1{
  font-size: 57px;
  font-weight: 600;
  line-height: 1.5;
}
.text-h2{
  font-size: 48px;
  font-weight: 600;
  line-height: 1.5;
}
.text-h3{
  font-size: 40px;
  font-weight: 600;
  line-height: 1.5;
}
.text-h4{
  font-size: 33px;
  font-weight: 600;
  line-height: 1.5;
}
.text-h5{
  font-size: 28px;
  font-weight: 600;
  line-height: 1.5;
}
.text-h6{
  font-size: 23px;
  font-weight: 500;
  line-height: 1.55;
}
.text-sub{
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5;
}
.text-body1{
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.text-body2{
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.f-b2{
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
}

@media (max-width: 767px) {
  .text-h1{
    font-size: 41px;
    font-weight: 600;
    line-height: 1.5;
  }
  .text-h2{
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
  }
  .text-h3{
    font-size: 29px;
    font-weight: 600;
    line-height: 1.5;
  }
  .text-h4{
    font-size: 26px;
    font-weight: 600;
    line-height: 1.5;
  }
  .text-h5{
    font-size: 23px;
    font-weight: 600;
    line-height: 1.5;
  }
  .text-h6{
    font-size: 20px;
    font-weight: 500;
    line-height: 1.55;
  }
  .text-sub{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
  }
  .text-body1{
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
  }
  .text-body2{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
  }
}

/*gradient*/

.mo-color-purple{
  color: #387DF6;
}
.mo-bg-purple{
  background-color: #387DF6;
}
.mo-gd-7, .mo-gd-7-hover:hover {
  background: linear-gradient(106.94deg, #387DF6 0%, #6B43C2 100%);
}
.mo-gd-3 {
  background: linear-gradient(106.94deg, #387DF6 0%, #6B43C2 100%);
}

.mo-gd {
  background: linear-gradient(118.5deg, var(--pri) 0%, var(--pri-l4) 100%);
}
.mo-gd-1 {
  background: linear-gradient(118.5deg, var(--pri-l2) 0%, var(--pri-l4) 100%);
}
.mo-gd-2, .mo-gd-2-hover:hover {
  background: linear-gradient(118.5deg, var(--pri) 0%, var(--ac-2) 100%);
}
.mo-gd-2-hover:hover{
  box-shadow: 0px 16px 32px 4px #481BFF3D;
}

.mo-gd-5 {
  background: linear-gradient(118.5deg, var(--ac-2) 0%, var(--pri) 100%);
}
.mo-gd-6 {
  background: linear-gradient(118.5deg, var(--pri-l1) 0%, var(--pri) 100%);
}
.mo-gd-4{
  background: linear-gradient(118.5deg, rgba(34, 111, 245, 0.12) 0%, rgba(4, 200, 200, 0.12) 100%);
}
.text-gd{
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
.mo-box-shadow{
  box-shadow: 0px 16px 32px 0px #A4BECC29;
}
.mo-box-shadow2{
  box-shadow: 0px 16px 32px 0px #89A3FF29;
}
.mo-box-shadow3{
  box-shadow: 0px 4px 32px 0px #A4BECC52;
}
/*button*/
.mo-button{
  border-radius: 8px;
}
.mo-button.size-l > .mo-label-button {
  height: 56px;
  padding: 18px 32px 18px 32px;
}
.mo-button.size-l > .mo-label-button {
  height: 56px;
}
.mo-button.size-m > .mo-label-button {
  height: 48px;
  padding: 18px 32px 18px 32px;
}
.mo-button.white {
  background: #fff;
  border: none;
}
.mo-button.white:hover{
  background-color: var(--pri-l2);
}
.mo-button.size-sm > .mo-label-button {
  height: 40px;
  padding: 18px 16px;
}
/*style v2*/
.async-loading{
  left: 0;
  top: 0;
  z-index: 99999;
  background-color: #fff;
}
[data-animation]{
  opacity: 0;
}
.async-loading img {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.async-loading.loaded{
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 1.5s;
}
.async-loading.loaded img{
  animation: async-loading ease-in 1s;
}
@keyframes async-loading {
  0%{top: 50%; opacity: 1; transform: translate(-50%, -50%);}
  100%{top: 80px; opacity: 1; transform: translate(-50%, 0%) scale(0.3) rotate(-30deg);}
}

.auto-container-v2{
  width: 100%;
  max-width: 1700px;
  padding: 0 25px;
  margin: auto;
  position: relative;
}
.nav-right a.brochure button {
  height: 40px;
  font-size: 14px;
  color: var(--pri);
  border: 1px solid var(--pri);
  border-radius: 8px;
  width: 160px;
  font-weight: 500;
}
.nav-right a.brochure button:hover{
  background-color: #fff !important;
  color: var(--pri-l1);
}
.unlock .mark {
  bottom: 0;
  left: 0;
  z-index: -1;
  background: transparent;
}
.box-gift {
  rotate: 7.5deg;
  margin-left: 50px;
}
.box-loyalty{
  rotate: 3deg;
  margin-left: 100px;
}
.icon-envelopes {
  position: relative;
  top: 70px;
  left: -70px;
}
.unlock-right{
  margin-top: -80px;
}
.box-messages {
  rotate: -6deg;
  margin-left: -100px;
  margin-top: 20px;
}
.box-notification {
  rotate: 2deg;
  margin-left: -40px;
}
.slider-logo.owl-carousel img{
  width: auto !important;
}
.slider-logo.owl-carousel .owl-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
}
.image-large{
  width: 1440px;
  max-width: 100%;
}
.slider-logo.owl-carousel .owl-stage{
  display: flex;
  align-items: center;
  transition-timing-function: linear !important;
}
.slider-tenants:before, .slider-tenants:after {
  content: "";
  position: absolute;
  width: 150px;
  height: 100%;
  background: linear-gradient(90deg, #FFFFFF 28.44%, rgba(255, 255, 255, 0) 100%);
  z-index: 0999;
}
.slider-tenants:after {
  top: 0;
  right: 0;
  rotate: 180deg;
}
.line:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background: var(--pri-l6);
  top: 0;
}
.line:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: -31px;
  width: 64px;
  background: #F2F7FF;
  height: 64px;
  border-radius: 40px;
  z-index: 0;
  animation: hotline 2.3s infinite ease-in-out;
}
@keyframes hotline {
  0% {
    transform: translateY(-50%) rotate(0) scale(1.2) skew(1deg);
}
50% {
    transform: translateY(-50%) rotate(0) scale(1) skew(1deg);
}
100% {
    transform: translateY(-50%) rotate(0) scale(1.2) skew(1deg);
}
}
.position {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  background: #DBE8FF;
  height: 42px;
  border-radius: 40px;
  margin-left: -20px;
  line-height: 0;
  z-index: 5;
}
.customer-description {
  top: calc(100% - 100px);
  width: calc(100% + 300px);
  left: -150px;
  position: relative;
  margin-top: -120px;
}
.customer-slider.owl-carousel .owl-stage-outer {
  overflow: visible;
  padding-bottom: 2rem !important;
}
.customer-slider .owl-item.active {
  z-index: 9;
  margin-top: 30px;
  transition: .3s;
}
.customer-slider .owl-item:not(.active) .customer-description {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.customer-slider .owl-dots, .slider_mobile .owl-dots {
  position: relative;
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.customer-slider .owl-dots>.owl-dot>span, .slider_mobile .owl-dots>.owl-dot>span {
  width: 64px;
  border-radius: 32px;
  height: 4px;
  background: var(--border);
  margin-top: 20px;
}
.customer-slider .owl-dots>.owl-dot.active>span, .slider_mobile .owl-dots>.owl-dot.active>span{
  background: var(--pri);
}
.divider-slider {
  width: 1px;
  height: calc(100% - 80px);
  border-right: 1px dashed var(--disabled);
  position: absolute;
  top: 40px;
}
.customer-description.phongvu .divider-slider {
  left: 50%;
  transform: translateX(-50%);
}
.divider-slider:before, .divider-slider:after {
  content: "";
  width: 6px;
  height: 6px;
  background: var(--disabled);
  top: 0;
  position: absolute;
  z-index: 9999;
  border-radius: 6px;
  margin-left: -2.2px;
}
.activity {
  position: absolute;
  left: -45%;
  height: 100%;
  width: 45%;
  background-image: linear-gradient(to left, rgba(251, 251, 251, .05), rgba(251, 251, 251, .3), rgba(251, 251, 251, .6), rgba(251, 251, 251, .3), rgba(251, 251, 251, .05));
  background-image: -moz-linear-gradient(to left, rgba(251, 251, 251, .05), rgba(251, 251, 251, .3), rgba(251, 251, 251, .6), rgba(251, 251, 251, .3), rgba(251, 251, 251, .05));
  background-image: -webkit-linear-gradient(to left, rgba(251, 251, 251, .05), rgba(251, 251, 251, .3), rgba(251, 251, 251, .6), rgba(251, 251, 251, .3), rgba(251, 251, 251, .05));
  animation: loading-placeholder 1s infinite;
  z-index: 45;
}
@keyframes loading-placeholder {
  0% {left: -45%;}
  100% {left: 100%;}
}
.divider-slider:after{
  bottom: 0;
  top: auto;
}
.image-box{
  padding: 48px 32px;
  transition: .3s;
}
.image-box:hover p{
  color: var(--pri);
}
.reasons{
  padding: 64px 0 !important;
}
.footer .input-v2:focus ~ label{
  display: none;
}
.input-v2{
  border-radius: 8px !important;
  border: 1px solid var(--disabled);
  padding: 10px 1.5rem !important;
  height: 52px !important;
  color: var(--main-txt) !important;
  font-size: 16px !important;
  font-family: SVN-Poppins;
  background: #fff;
}
.blog-page .input-v2{
  height: 56px !important;
}
.input-v2::placeholder {
	color: #353C46 !important;
	font-weight: 400;
  font-size: 16px;
}
.input-v2:-ms-input-placeholder{
  color: #353C46 !important;
	font-weight: 400;
  font-size: 16px;
}
.input-v2::-ms-input-placeholder {
	color: #353C46 !important;
	font-weight: 400;
  font-size: 16px;
}
.input-v2:focus::placeholder {
  color: transparent !important;
}
.contact-form .textarea-v2{
  font-size: 16px;
  border: 1px solid var(--disabled) !important;
  height: 120px;
  max-height: 400px;
}
.contact-form .textarea-v2::placeholder {
	color: #353C46 !important;
	font-weight: 400;
  font-size: 16px;
}
.two-column-2{
  position: sticky !important;
  top: 150px;
}
.reasons-before, .reasons-after{
  z-index: 1;
}
.reason-home{
  z-index: 9;
}
.dots{
  width: 5px;
  height: 5px;
}
.msg-error svg{
  top: 3px;
  margin-right: 5px !important;
}
.input-v2 ~ label {
  position: absolute;
  left: 17px;
  top: 14px;
  transition: .3s;
  opacity: 0;
  pointer-events: none;
}
.input-v2:focus ~ label {
  top: -9px;
  background: #fff;
  padding: 0 10px;
  font-size: 12px;
  left: 10px;
  opacity: 1;
}
.email-submit input {
  border: 1px solid var(--disabled);
}
.comingsoon-page h1 {
  margin-top: -70px;
}
.image-asked {
  top: -70px;
  right: -50px;
}
body .tab-pricing-v2 [data-tab="analytics-cdp"].active {
  background: linear-gradient(106.94deg, #387DF6 0%, #6B43C2 100%);
}
body .tab-pricing-v2 [data-tab="operation-cdp"].active {
  background: var(--ac-2-d);
}
.icon-close {
  top: 1.5rem;
  right: 1.5rem;
  transition: .3s;
}
span.checked-box {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  border: 1px solid var(--cap-txt);
}
.icon-close:hover {
  rotate: 90deg;
  transform: scale(1.2);
}
.icon-close:hover path {
  fill: var(--pri);
}
.tab-item.active span.checked-box:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: var(--pri);
  left: 3px;
  top: 3px;
  animation: bounceIn ease .5s;
}
@keyframes bounceIn {
  0%{transform: scale(0.5);}
  50%{transform: scale(1.2);}
  70%{transform: scale(0.8);}
  100%{transform: scale(1);}
}
.package-small .head-title {
  background: linear-gradient(90deg, #1DC4EA 0%, #23A5F5 100%);
}
.package-medium .head-title{
  background: linear-gradient(270deg, #226FF5 71.97%, #23A7F6 100%);
}
.package-item.free, .package-item.growth {
  border-width: 4px 0px !important;
  border: 4px solid #1CB9E5;
}
.package-item.enterprise , .package-item.professional{
  border-width: 4px 0 !important;
  border: solid var(--pri);
}
a.comparison:hover svg {
  transform: translateX(20px);
}
.multi-language .active {
  border-bottom: 1px solid #353C46;
}
.create-a-free:hover *, .mo-button.mo-bg-hover-pri:hover *{
  color: #fff !important;
  fill: #fff !important
}
.front-box h5 {
  left: 2rem;
  bottom: 2rem;
}
.front-box{
  transform: rotateX(0deg);
}
.back-box {
  transform: rotateY(-180deg);
}
.front-box, .back-box{
  backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;
}
.flip-box:hover .back-box  {transform: rotateX(0deg);}
.flip-box:hover .front-box {transform: rotateY(180deg);}
.front-box:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(100% 100% at 38.76% 0%, rgba(255, 255, 255, 0) 0%, rgba(15, 118, 175, 0) 56%, rgba(15, 118, 175, 0.384) 72%, rgba(4, 30, 97, 0.8) 100%);
}
.text-sd1{
  background: linear-gradient(270.39deg, #613DD7 14.03%, #04C8C8 65.27%, #457DF7 99.64%);
}
.bundle-package-v2 .heading:before {
  background: linear-gradient(118.5deg, var(--pri-l1) 0%, var(--pri) 100%);
  width: 6px;
  content: "";
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0 8px 8px 0;
}
.bundle-package-v2 .mo-bg-hover-pri:hover span{
  color: #fff;
}
.solution-tab .active.activation-cdp{
  background-color: var(--pri) !important;
  box-shadow: 0px 16px 32px 4px #481BFF3D;
}
.solution-tab .active.operation-cdp.active{
  background: linear-gradient(118.5deg, #A8FFFF 14%, #2CCF92 100%) !important;
  box-shadow: 0px 16px 32px 4px #481BFF3D;
}
.solution-tab .active.analytics-cdp.active{
  background: linear-gradient(106.94deg, #387DF6 0%, #6B43C2 100%) !important;
  box-shadow: 0px 16px 32px 4px #481BFF3D;
}
.solution-tab .active *, .solution-tab .active path {
  color: #fff !important;
  stroke: #fff;
}
.solution-tab .active .button-svg {
  display: none;
}
.sidebar-toc{
  flex: 0 0 300px;
  position: sticky;
  top: 148px;
  align-self: flex-start;
}
.sidebar-toc:before {
  content: "";
  position: absolute;
  width: 2px;
  height: calc(100% - 55px);
  background: var(--disabled);
  left: 10px;
  top: 10px;
}
.sidebar-toc ol li {
  list-style-type: none;
  margin-bottom: 2rem;
}
.sidebar-toc ol li a{
  position: relative;
}
.sidebar-toc a:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: var(--btn-txt);
  border-radius: 100%;
  left: -22px;
  top: 8px;
  transition: .3s;
}
.sidebar-toc a.active:before{
  width: 10px;
  height: 10px;
  background-color: var(--pri);
  left: -24px;
  top: 6px;
}
.customer-description-solution {
  width: 1200px;
  margin: -80px auto 0;
  background: #fff;
  max-width: 100%;
}
.svg-box .icon-svg{
  width: 56px;
  height: 56px;
}
.svg-box:hover .icon-svg{
  background: #fff !important;
}
.svg-box:hover *{
  color: #fff;
  stroke: var(--pri);
}
.svg-box:hover .cms{
  background: #fff !important;
  color: #6B43C2 !important;
}
.svg-box .cms {
  border-radius: 0 0 8px 8px;
}
.image-gray{
  object-fit: cover;
  width: 500px;
  height: 500px;
}
.single-post .info-content .tags a {
  padding: 8px 32px;
  background: linear-gradient(118.5deg, var(--pri-l1) 0%, var(--pri) 100%);
  border-radius: 30px;
  color: #fff;
}
.single-divider{
  border-top: 1px solid var(--disabled);
  height: 1px;
}
.copyLink:after {
  content: attr(tooltip);
  width: 140px;
  bottom: -40px;
  left: 50%;
  padding: 5px;
  border-radius: 4px;
  font-size: 0.8rem;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  background-color: #000000;
  color: #ffffff;
  transform: translateY(-10px) translateX(-50%);
  transition: all 300ms ease;
  text-align: center;
}
.copy-link:hover ~ .copyLink:after {
  opacity: 1;
  transform: translateY(0) translateX(-50%);
}
.read-hover:hover {
  transform: translateX(30px);
}
.read-hover:hover svg {
  transform: translateX(-130px);
}
.read-hover, .read-hover svg {
  transition: all .3s;
}
.view-calculate, .user-select-none{
  user-select: none;
}
a.next.page-numbers, a.prev.page-numbers {
  border: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}
a.next.page-numbers{
  background-image: url(./images/blog/next-page.svg);
}
a.prev.page-numbers{
  background-image: url(./images/blog/prev-page.svg);
}
a.next.page-numbers:before, a.prev.page-numbers:before{
  opacity: 0;
}
a.next.page-numbers:hover, a.prev.page-numbers:hover{
  background-color: #fff !important;
  border: 1px solid var(--pri);
}
.page-post .tab-item.current{
  background-color: var(--pri) !important;
}
.page-post .tab-item.current span{
  color: #fff !important;
}
.divider-horizontal {
  border-top: 1px dashed var(--disabled);
  margin: 10px 0;
  position: relative;
}
.divider-horizontal:before, .divider-horizontal:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: var(--cap-txt);
  border-radius: 100%;
  top: -3.3px;
}
.divider-horizontal:after {
  right: 0;
}
.divider-horizontal:before {
  left: 0;
}
.bank-three .mo-box-shadow2{
  box-shadow: 0px 16px 48px 4px #226FF529;
}
.bank-three .icon {
  width: 140px;
  height: 140px;
  background: #fff;
  border-radius: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: -70px;
  z-index: 9;
  padding: 18px;
  overflow: hidden;
}
.bank-three .icon .box {
  width: 100%;
  border-radius: 100%;
  height: 100%;
  box-shadow: 0px 16px 32px 4px #481BFF3D;
  background: #fff;
}
.item-accordion{
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-decoration: none;
  -webkit-transition: -webkit-box-flex 0.4s, -webkit-flex 0.4s;
  transition: -webkit-box-flex 0.4s, -webkit-flex 0.4s;
  -o-transition: flex 0.4s;
  transition: flex 0.4s;
  transition: flex 0.4s, -webkit-box-flex 0.4s, -webkit-flex 0.4s, -ms-flex 0.4s;
  overflow: hidden;
}
.item-accordion:hover {
  flex: 3 1 0% !important;
}
.item-accordion .feature-image{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.text-animated:not(.ta-1) span.animated-text{
  display: inline-block;
  animation: .3s swift-up ease-in-out forwards; 
}
.ta-1 span i{
  display: inline-block;
  font-style: normal;
  opacity: 0;
	transform: translate(0, -100px) rotate(360deg) scale(0);
	animation: revolveDrop .3s forwards;
}
.ta-2 span {
  opacity: 0;
  display: inline-block;
  font-style: normal;
	transform: translate(-150px, 0);
	animation: leftRight .5s forwards;
}

.text-animated:not(.ta-1) span.animated-text i, .highlight-animated .item-feature{
  font-style: normal;
  position: relative;
  opacity: 0;
  top: 70px;
  animation: .5s swift-up ease-in-out forwards;
}

@keyframes revolveDrop {
	30% {
		transform: translate(0, -50px) rotate(180deg) scale(1);
	}

	60% {
		transform: translate(0, 20px) scale(.8) rotate(0deg);
	}

	100% {
		transform: translate(0) scale(1) rotate(0deg);
		opacity: 1;
	}
}

@keyframes swift-up {
  to {
    top: 0;
    opacity: 1;
  }
}

@keyframes leftRight {
  0% {
		transform: translate(50px, 0) scale(.3);
	}
	40% {
		transform: translate(50px, 0) scale(.7);
		opacity: 1;
		color: #348c04;
	}

	60% {
		color: #0f40ba;
	}

	80% {
		transform: translate(0) scale(2);
		opacity: 0;
	}

	100% {
		transform: translate(0) scale(1);
		opacity: 1;
	}
}
@keyframes sideSlide {
	60% {
		transform: translate(20px, 0) scale(1);
		color: #1C232F;
	}

	80% {
		transform: translate(20px, 0) scale(1.2);
		color: #1C232F;
	}

	99% {
		transform: translate(0) scale(1.3);
		color: #00f0ff;
	}

	100% {
		transform: translate(0) scale(1);
		opacity: 1;
		color: #1C232F;
	}
}
.item_bg {
  width: 100%;
  height: 0;
  top: 0;
  left: 50%;
  position: absolute;
  background: var(--pri);
  transition: all .3s ease;
  transform: translate(-50%, 0);
}
.bank-three > div > div:hover .content *{
  color: #fff !important;
}
.bank-three > div > div:hover .item_bg{
  height: 100%;
  z-index: -1;
}
ul.all-custom-post-taxonomy.disabled {
  opacity: .5;
  pointer-events: none;
}
.mo-loading.loading:before {
  --b: 5px;
  --n: 0;
  --g: 0deg;
  --c: var(--pri);
  width: 100px;
  aspect-ratio: 1;
  border-radius: 50%;
  padding: 1px;
  background: conic-gradient(from 90deg at 50% 50%, #DBF1FF 0deg, rgba(43, 128, 255, 0) .04deg, var(--c) 360deg) content-box;
  --_m: repeating-conic-gradient(#0000 0deg, #000 1deg calc(360deg/var(--n) - var(--g) - 1deg), #0000 calc(360deg/var(--n) - var(--g)) calc(360deg/var(--n))), radial-gradient(farthest-side,#0000 calc(98% - var(--b)),#000 calc(100% - var(--b)));
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: destination-in;
  mask-composite: intersect;
  animation: loading_spin 1s linear infinite;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  width: 64px;
  height: 64px;
}
.mo-loading.loading:after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: .6;
  z-index: 9998;
}
@keyframes loading_spin {
  0% { transform: rotate(0);}
  100% {transform: rotate(360deg);}
}
.mile-stone .flag {
  width: 145px;
  height: 145px;
  border-radius: 50%;
  border: 12px solid #226FF5B8;
}
.highlight-feature{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 2rem;
  row-gap: 1.5rem;
}
.backg-right{
  width: 560px;
  height: 560px;
  top: 64px;
  right: 0;
  transform: translateX(45%);
  border-radius: 320px 0px 0px 0px;
}
.backg-left{
  width: 640px;
  height: 640px;
  top: 10rem;
  left:0;
  transform: translateX(0%);
  border-radius: 586px 0px 0px 0px;

}
.editor > .post-article > a , .knowledge-hub .readmore-bottom,
.product-hub .readmore-bottom, .slider_mobile ~ a.d-none{
  display: none !important;
}