.elementor-5228 .elementor-element.elementor-element-238e7d6{--display:flex;}.elementor-5228 .elementor-element.elementor-element-238e7d6:not(.elementor-motion-effects-element-type-background), .elementor-5228 .elementor-element.elementor-element-238e7d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-5228 .elementor-element.elementor-element-a1c036e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-5228 .elementor-element.elementor-element-238e7d6{--content-width:1400px;}}/* Start custom CSS for html, class: .elementor-element-a1c036e */.mmp-know-section,
.mmp-know-section * {
  font-family: "Rajdhani", sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  --grid-height: 525px;
  --grid-gap: 24px;
  --row-height: calc((var(--grid-height) - var(--grid-gap)) / 2);
}

.mmp-know-section {
  max-width: 1400px;
  margin: 0 auto;
}

.mmp-know__grid {
  display: grid;
  gap: var(--grid-gap);
  grid-template-columns: 1fr;
  grid-auto-flow: dense;
  align-items: stretch;
  height: var(--grid-height);
}

.mmp-card {
  background: linear-gradient(-120deg, #0C0C0C    0%, #303030  90%);
  will-change: transform, box-shadow;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 24px;
  padding: 8px;
  border-radius: 26px;
  border: 1px solid #545454;
  min-width: 0;
  overflow: hidden;
}

.mmp-card__body {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.mmp-card__text-group {
  display: flex;
  flex-direction: column;
}

.mmp-card--small .mmp-card__title,
.mmp-card--large .mmp-card__title {
  font-family: "Rajdhani", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 0;
}

.mmp-card__title {
  color: white;
  display: flex;
  align-items: center;
}

.mmp-card__title-text {
  display: inline;
}

.mmp-card__title-break {
  display: inline;
}

.mmp-card__title-icon {
  width: 0;
  height: auto;
  opacity: 0;
  transform: translateX(-6px);
  margin-left: 0;
  transition:
    opacity 350ms ease,
    transform 350ms ease,
    width 350ms ease,
    margin-left 350ms ease;
  pointer-events: none;
}

.mmp-card--lucky:hover .mmp-card__title-icon--lucky,
.mmp-card--pass:hover .mmp-card__title-icon--pass,
.mmp-card--why:hover .mmp-card__title-icon--why {
  opacity: 1;
  transform: translateX(0);
  width: 54px;
  margin-left: 12px;
}

.mmp-card__title-accent {
  color: #ec1f27;
  margin-right: 6px;
}

.mmp-card__text {
  font-size: 17px;
  line-height: 1.25;
  color: #d1d5dc;
  margin-bottom: 14px;
}

.mmp-card__link {
  display: inline-block;
  margin-top: 6px;
  font-size: 15px;
  font-weight: 700;
  color: #ec1f27;
  text-decoration: none;
}
.mmp-card__link:hover {
  text-decoration: underline;
}

.highlight {
  color: #6fb3ff;
  font-weight: 500;
}

.mmp-card__img {
  width: 100%;
  height: auto;
  display: block;
}

.mmp-card--lucky .mmp-card__title,
.mmp-card--pass .mmp-card__title {
  margin-bottom: 15px;
}

.mmp-card--lucky .mmp-card__body,
.mmp-card--pass .mmp-card__body {
  padding-left: 235px;
  padding-right: 10px;
  padding-top: 20px;
}

/* Why card */
.mmp-card--large.mmp-card--why {
  padding-left: 40px;
  padding-top: 40px;
}

.mmp-card--why .mmp-card__title {
  margin-bottom: 35px;
}

.mmp-card--why .mmp-card__text-group {
  max-width: 60%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mmp-card--why .mmp-card__art {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 84%;
  opacity: 0.6;
  pointer-events: none;
}

.mmp-card--why .mmp-card__media {
  position: absolute;
  bottom: 0;
  right: -20px;
  width: 45%;
  pointer-events: none;
}

/* overlay section for images so they could stick out above cards */
.mmp-know-section {
  position: relative;
}

.mmp-know__overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 50;
  overflow: visible;
}

.mmp-float {
  position: absolute;
  width: 210px;
  height: auto;
  display: block;
  transition:
    width 650ms cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 650ms cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: transform, width;
}
.mmp-float--lucky {
  left: 0;
  bottom: -10px;
}
.mmp-float--pass {
  left: 0;
  bottom: calc(var(--row-height) + 25px);
}

.mmp-float--why {
  right: -25px;
  bottom: 0;
  width: 300px;
}

.mmp-card--pass .mmp-card__title,
.mmp-card--pass .mmp-card__text-group > .mmp-card__text {
  transition: transform 650ms cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: transform;
}

.mmp-card--lucky .mmp-card__title,
.mmp-card--lucky .mmp-card__text-group > .mmp-card__text {
  transition: transform 650ms cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: transform;
}

@media (min-width: 1200px) {
  .mmp-know__grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    transition:
      grid-template-columns 900ms cubic-bezier(0.22, 0.61, 0.36, 1),
      grid-template-rows 900ms cubic-bezier(0.22, 0.61, 0.36, 1),
      gap 450ms cubic-bezier(0.22, 0.61, 0.36, 1);
    will-change: grid-template-columns, grid-template-rows;
  }

  .mmp-card--lucky {
    grid-column: 1;
    grid-row: 2;
  }

  .mmp-card--pass {
    grid-column: 1;
    grid-row: 1;
  }

  .mmp-card--why {
    grid-column: 2;
    grid-row: 1 / 3;
  }

  .mmp-card--lucky:hover,
  .mmp-card--pass:hover {
    grid-column: 1 / 3;
    z-index: 10;
  }

  .mmp-card--lucky:hover ~ .mmp-card--why,
  .mmp-card--pass:hover ~ .mmp-card--why {
    grid-column: 2;
    grid-row: auto;
  }

  .mmp-know__grid:has(.mmp-card--why:hover) {
    grid-template-columns: 1fr 3.5fr;
  }

  .mmp-card__text-group > div {
    display: none;
  }

  .mmp-card:hover .mmp-card__text-group > div {
    display: block;
  }

  .mmp-card:hover .mmp-card__text-group {
    display: grid;
    grid-template-columns: 1fr 1.35fr;
    gap: 20px;
    align-items: start;
  }

  .mmp-card:hover .mmp-card__text-group > .mmp-card__text {
    margin-bottom: 0;
  }

  .mmp-card:hover .mmp-card__text-group > div {
    display: flex;
    flex-direction: column;
  }

  .mmp-card--why:hover .mmp-card__text-group {
    display: block;
  }
  .mmp-card--why:hover .mmp-card__text-group > * {
    max-width: 100%;
  }
  .mmp-card--why:hover .mmp-card__text {
    margin-bottom: 14px;
  }
  .mmp-card--why:hover .mmp-card__text-group > div {
    opacity: 1;
    visibility: visible;
    max-height: none;
    overflow: visible;
    pointer-events: auto;
    display: block;
  }

  .mmp-card:hover .mmp-card__link {
    display: none;
  }

  .mmp-know__grid:has(.mmp-card--why:hover) ~ .mmp-know__overlay .mmp-float[data-card="lucky"],
  .mmp-know__grid:has(.mmp-card--why:hover) ~ .mmp-know__overlay .mmp-float[data-card="pass"] {
    opacity: 0;
  }

  .mmp-know__grid:has(.mmp-card--lucky:hover) ~ .mmp-know__overlay .mmp-float[data-card="why"] {
    transform: translateY(calc(-1 * var(--row-height) - var(--grid-gap)));
    width: 240px;
  }

  .mmp-know__grid:has(.mmp-card--why:hover) ~ .mmp-know__overlay .mmp-float[data-card="why"] {
    transform: translate(-50px, -10px);
    width: 330px;
  }

  .mmp-know__grid:has(.mmp-card--lucky:hover) ~ .mmp-know__overlay .mmp-float[data-card="lucky"] {
    width: 200px;
  }

  .mmp-know__grid:has(.mmp-card--pass:hover) ~ .mmp-know__overlay .mmp-float[data-card="pass"] {
    width: 225px;
  }

  .mmp-know__grid:has(.mmp-card--pass:hover) ~ .mmp-know__overlay .mmp-float[data-card="why"] {
    width: 215px;
  }

  .mmp-know__grid:has(.mmp-card--pass:hover) .mmp-card--pass .mmp-card__title,
  .mmp-know__grid:has(.mmp-card--pass:hover) .mmp-card--pass .mmp-card__text-group > .mmp-card__text {
    transform: translateX(30px);
  }
  .mmp-know__grid:has(.mmp-card--lucky:hover) .mmp-card--lucky .mmp-card__title,
  .mmp-know__grid:has(.mmp-card--lucky:hover) .mmp-card--lucky .mmp-card__text-group > .mmp-card__text {
    transform: translateX(30px);
  }

  .mmp-know__grid:has(.mmp-card--lucky:hover) .mmp-card--lucky .mmp-card__text-group > div .mmp-card__text {
    transform: translateX(20px);
  }

  .mmp-know__grid:has(.mmp-card--why:hover) .mmp-card--lucky .mmp-card__body > *:not(.mmp-card__title),
  .mmp-know__grid:has(.mmp-card--why:hover) .mmp-card--pass .mmp-card__body > *:not(.mmp-card__title) {
    display: none;
  }

  .mmp-know__grid:has(.mmp-card--why:hover) .mmp-card--lucky .mmp-card__body,
  .mmp-know__grid:has(.mmp-card--why:hover) .mmp-card--pass .mmp-card__body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }

  .mmp-know__grid:has(.mmp-card--why:hover) .mmp-card--lucky,
  .mmp-know__grid:has(.mmp-card--why:hover) .mmp-card--pass {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
  }

  .mmp-know__grid:has(.mmp-card--why:hover) .mmp-card--lucky .mmp-card__title,
  .mmp-know__grid:has(.mmp-card--why:hover) .mmp-card--pass .mmp-card__title {
    text-align: center;
  }

  .mmp-know__grid:has(.mmp-card--why:hover) .mmp-card--lucky .mmp-card__title,
  .mmp-know__grid:has(.mmp-card--why:hover) .mmp-card--pass .mmp-card__title {
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  .mmp-know__grid:has(.mmp-card--why:hover) .mmp-card--pass .mmp-card__title-break {
    display: block;
  }

  .mmp-know__grid:has(.mmp-card--why:hover) .mmp-card--lucky .mmp-card__title-break--lucky {
    display: block;
  }

  .mmp-know__grid:has(.mmp-card--why:hover) .mmp-card--why .mmp-card__text-group {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .mmp-know__grid:has(.mmp-card--lucky:hover) .mmp-card--why .mmp-card__body > *:not(.mmp-card__title),
  .mmp-know__grid:has(.mmp-card--pass:hover) .mmp-card--why .mmp-card__body > *:not(.mmp-card__title) {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
  }

  .mmp-know__grid:has(.mmp-card--lucky:hover) .mmp-card--why,
  .mmp-know__grid:has(.mmp-card--pass:hover) .mmp-card--why {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 60px;
  }

  .mmp-know__grid:has(.mmp-card--lucky:hover) .mmp-card--lucky .mmp-card__text,
  .mmp-know__grid:has(.mmp-card--pass:hover) .mmp-card--pass .mmp-card__text {
    max-width: 400px;
  }

  .mmp-know__grid:has(.mmp-card--lucky:hover) .mmp-card--why .mmp-card__title,
  .mmp-know__grid:has(.mmp-card--pass:hover) .mmp-card--why .mmp-card__title {
    max-width: 100px;
  }

  .mmp-know__grid:has(.mmp-card--pass:hover) .mmp-card--pass .mmp-card__text-group > div {
    transform: translateY(-50px);
    overflow: visible;
  }

  .mmp-know__grid:has(.mmp-card--pass:hover) .mmp-card--pass .mmp-card__text-group > div > .mmp-card__text {
    max-width: 100%;
  }

  .mmp-know__grid:has(.mmp-card--lucky:hover) .mmp-card--why .mmp-card__art,
  .mmp-know__grid:has(.mmp-card--pass:hover) .mmp-card--why .mmp-card__art {
    left: auto !important;
    right: -170px !important;
    width: 80%;
  }

  .mmp-know__grid:has(.mmp-card--why:hover) .mmp-card--why .mmp-card__art {
    width: 50%;
  }

  .mmp-know__grid:has(.mmp-card--why:hover) .mmp-card--why .mmp-card__text-group {
    max-width: none !important;
    width: 67%;
  }

  .mmp-know__grid:has(.mmp-card--why:hover) .mmp-card--why .mmp-card__text-group > div > .mmp-card__text {
    max-width: 92%;
  }
  .mmp-card--why {
    transform-origin: left center;
    transition: transform 650ms cubic-bezier(0.22, 0.61, 0.36, 1);
    will-change: transform;
  }

  .mmp-know__grid:has(.mmp-card--why:hover) .mmp-card--why {
    transform: scaleX(1.01);
  }
}

@media (max-width: 1599px) {
  .mmp-know-section {
    max-width: 1200px;
  }

  .mmp-card--small .mmp-card__title,
  .mmp-card--large .mmp-card__title {
    font-size: 32px;
    line-height: 28px;
  }

  .mmp-card__text {
    font-size: 14px;
  }

  .mmp-card--lucky .mmp-card__body,
  .mmp-card--pass .mmp-card__body {
    padding-left: 190px;
  }

  .mmp-card__title-icon {
    width: 46px;
  }

  .mmp-card--lucky:hover .mmp-card__title-icon--lucky,
  .mmp-card--pass:hover .mmp-card__title-icon--pass,
  .mmp-card--why:hover .mmp-card__title-icon--why {
    width: 46px;
    margin-left: 9px;
  }

  .mmp-float {
    width: 179px;
  }

  .mmp-float--why {
    width: 255px;
  }

  .mmp-know__grid:has(.mmp-card--why:hover) ~ .mmp-know__overlay .mmp-float[data-card="why"] {
    width: 281px;
  }

  .mmp-know__grid:has(.mmp-card--lucky:hover) ~ .mmp-know__overlay .mmp-float[data-card="lucky"] {
    width: 170px;
  }

  .mmp-know__grid:has(.mmp-card--pass:hover) ~ .mmp-know__overlay .mmp-float[data-card="pass"] {
    width: 192px;
  }

  .mmp-know__grid:has(.mmp-card--pass:hover) ~ .mmp-know__overlay .mmp-float[data-card="why"],
  .mmp-know__grid:has(.mmp-card--lucky:hover) ~ .mmp-know__overlay .mmp-float[data-card="why"] {
    width: 184px;
  }

  .mmp-card--why .mmp-card__art {
    width: 71%;
  }

  .mmp-know__grid:has(.mmp-card--why:hover) .mmp-card--why .mmp-card__art {
    width: 43%;
  }
}

@media (max-width: 1199px) {
  .mmp-know__grid {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    height: auto;
    gap: 20px;
  }

  .mmp-card {
    overflow: hidden;
    padding: 24px;
    border-radius: 22px;
  }

  .mmp-card--lucky .mmp-card__body,
  .mmp-card--pass .mmp-card__body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }

  .mmp-card--large.mmp-card--why {
    padding-left: 18px;
    padding-top: 18px;
  }

  .mmp-card--why .mmp-card__title {
    margin-bottom: 14px;
  }

  .mmp-card__text-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: none;
    width: 100%;
  }

  .mmp-card__text-group > div {
    display: block;
  }

  .mmp-card__link {
    display: none !important;
  }

  .mmp-know__overlay,
  .mmp-card__art {
    display: none !important;
  }

  .mmp-card__text {
    line-height: 1.5;
    margin-bottom: 0;
  }

  .mmp-card__title {
    font-size: 34px;
    line-height: 1.05;
  }

  .mmp-card__title {
    text-align: center;
  }

  .mmp-card--why .mmp-card__text-group {
    max-width: none !important;
    width: 100% !important;
  }

  .mmp-card--why .mmp-card__text-group,
  .mmp-card--lucky .mmp-card__text-group,
  .mmp-card--pass .mmp-card__text-group {
    align-items: center;
    text-align: center;
  }

  .mmp-card--why .mmp-card__text,
  .mmp-card--lucky .mmp-card__text,
  .mmp-card--pass .mmp-card__text {
    max-width: 720px;
  }
}

@media (max-width: 767px) {
  .el-boxed-1400__inner {
    padding-left: 16px;
    padding-right: 16px;
  }

  .mmp-know__grid {
    gap: 14px;
  }

  .mmp-card {
    padding: 16px;
    border-radius: 20px;
  }

  .mmp-card__title {
    font-size: 28px !important;
  }

  .mmp-card__text {
    font-size: 15px;
  }
}/* End custom CSS */