.mifs_section {
  padding-bottom: 140px; }
  @media screen and (max-width: 992px) {
    .mifs_section {
      padding-bottom: 80px;
      padding-top: 80px; } }

.mifs_wrap {
  margin-top: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1360px;
  width: 100%;
  margin-inline: auto; }
  @media screen and (max-width: 992px) {
    .mifs_wrap {
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-top: 35px; } }

.mifs_item {
  aspect-ratio: 1;
  max-width: calc(100% / 3);
  border: 1px solid var(--wp--preset--color--black-20);
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative; }
  @media screen and (max-width: 992px) {
    .mifs_item {
      max-width: 361px;
      width: 100%;
      margin-bottom: 16px; } }
  .mifs_item:nth-child(1) .mifs_item_top {
    padding-inline: clamp(28px, 4.72vw, 68px); }
    @media screen and (max-width: 1200px) {
      .mifs_item:nth-child(1) .mifs_item_top {
        padding-inline: 33px; } }
    @media screen and (max-width: 1160px) {
      .mifs_item:nth-child(1) .mifs_item_top {
        padding-inline: 43px; } }
  .mifs_item:nth-child(1) .mifs_item_bottom {
    padding-inline: clamp(28px, 4.17vw, 60px);
    background-position: left center; }
    @media screen and (max-width: 1279px) {
      .mifs_item:nth-child(1) .mifs_item_bottom {
        padding-inline: 30px; } }
    @media screen and (max-width: 1200px) {
      .mifs_item:nth-child(1) .mifs_item_bottom {
        padding-inline: 33px; } }
  .mifs_item:nth-child(2) .mifs_item_top {
    padding-inline: clamp(28px, 3.33vw, 48px); }
    @media screen and (max-width: 1200px) {
      .mifs_item:nth-child(2) .mifs_item_top {
        padding-inline: 33px; } }
    @media screen and (max-width: 1160px) {
      .mifs_item:nth-child(2) .mifs_item_top {
        padding-inline: 55px; } }
  .mifs_item:nth-child(2) .mifs_item_bottom {
    padding-inline: clamp(28px, 4.86vw, 70px);
    background-position: center center; }
    @media screen and (max-width: 1279px) {
      .mifs_item:nth-child(2) .mifs_item_bottom {
        padding-inline: 30px; } }
    @media screen and (max-width: 1200px) {
      .mifs_item:nth-child(2) .mifs_item_bottom {
        padding-inline: 33px; } }
  .mifs_item:nth-child(3) .mifs_item_top {
    padding-inline: clamp(28px, 4.17vw, 60px); }
    @media screen and (max-width: 1200px) {
      .mifs_item:nth-child(3) .mifs_item_top {
        padding-inline: 33px; } }
    @media screen and (max-width: 1160px) {
      .mifs_item:nth-child(3) .mifs_item_top {
        padding-inline: 43px; } }
  .mifs_item:nth-child(3) .mifs_item_bottom {
    padding-inline: clamp(28px, 4.58vw, 66px);
    background-position: right center; }
    @media screen and (max-width: 1279px) {
      .mifs_item:nth-child(3) .mifs_item_bottom {
        padding-inline: 30px; } }
    @media screen and (max-width: 1200px) {
      .mifs_item:nth-child(3) .mifs_item_bottom {
        padding-inline: 33px; } }
    @media screen and (max-width: 1160px) {
      .mifs_item:nth-child(3) .mifs_item_bottom {
        padding-inline: 43px; } }

.mifs_item_center {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  border: 1px solid rgba(81, 66, 41, 0.1);
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  border-radius: 50%;
  text-align: center;
  padding: 15px;
  aspect-ratio: 1;
  background-color: var(--wp--preset--color--black-10); }
  @media screen and (max-width: 1200px) {
    .mifs_item_center {
      padding: 10px; } }

.mifs_item_top,
.mifs_item_bottom {
  height: 50%; }

.mifs_item_top {
  background-color: #fff;
  justify-content: flex-start;
  padding-top: 2rem;
  position: relative; }
  @media screen and (max-width: 1279px) {
    .mifs_item_top {
      padding-top: 1rem; } }
  @media screen and (max-width: 1200px) {
    .mifs_item_top {
      padding-inline: 33px; } }

.mifs_item_top,
.mifs_item_bottom {
  display: flex;
  align-items: center;
  flex-direction: column; }
  @media screen and (max-width: 1300px) {
    .mifs_item_top .text-15,
    .mifs_item_bottom .text-15 {
      font-size: 14px; } }
  @media screen and (max-width: 1279px) {
    .mifs_item_top .text-15,
    .mifs_item_bottom .text-15 {
      font-size: 12px; } }
  @media screen and (max-width: 1075px) and (min-width: 1075px) {
    .mifs_item_top .text-15,
    .mifs_item_bottom .text-15 {
      font-size: 13px; } }
  @media screen and (max-width: 1200px) {
    .mifs_item_top,
    .mifs_item_bottom {
      justify-content: center; } }

.mifs_item_bottom {
  justify-content: flex-end;
  position: relative; }
  @media screen and (max-width: 1200px) {
    .mifs_item_bottom {
      justify-content: center; } }
  .mifs_item_bottom * {
    position: relative;
    z-index: 1; }
  .mifs_item_bottom::before {
    content: '';
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.7) 100%); }

.top_icon {
  margin-bottom: 18px; }
  @media screen and (max-width: 1279px) {
    .top_icon {
      margin-bottom: 10px; } }
  @media screen and (max-width: 1200px) {
    .top_icon {
      display: none; } }

@media screen and (max-width: 1279px) {
  .bottom_icon {
    max-width: 80px; } }

@media screen and (max-width: 1200px) {
  .bottom_icon {
    display: none; } }
