/* YouMind Problem Block — index.html home-section-3 + home-mobile-story */

.ymct-problem-block {
  font: 400 16px/1.5 Poppins, sans-serif;
  color: #031728;
  background: #fff;
  width: 100%;
  max-width: none !important;
  box-sizing: border-box;
  overflow: hidden;
  /* index.html white inter-section gap (not mint body showing through margin) */
  margin-top: 0;
  padding-top: 120px;
  padding-bottom: 0;
}
.ymct-problem-block.alignfull {
  width: 100vw;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
.ymct-problem-block *,
.ymct-problem-block *::before,
.ymct-problem-block *::after { box-sizing: border-box; }
.ymct-problem-block p { margin: 0; }
.ymct-problem-block .pblk-web { display: block; }
.ymct-problem-block .pblk-mobile { display: none; }
@media (max-width: 767px) {
  .ymct-problem-block .pblk-web { display: none; }
  .ymct-problem-block .pblk-mobile { display: block; }
}

/* index.html spacing via white padding on the block */
.ymct-problem-block .home-section {
  width: 100%;
  margin-top: 0;
  overflow: visible;
  background: #fff;
}
.ymct-problem-block .home-section > .sc121 {
  width: 100%;
  max-width: 1440px;
  margin-inline: auto;
  height: auto;
}

.ymct-problem-block .sc121{display:flex;align-items:center;justify-content:center;padding-left:clamp(24px,5.556vw,80px);padding-right:clamp(24px,5.556vw,80px);position:relative;width:100%;height:auto;}
.ymct-problem-block .sc122{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start;min-width:0;position:relative;width:100%;}
.ymct-problem-block .sc123{display:flex;gap:55px;height:679px;align-items:flex-end;margin-bottom:-70px;position:relative;flex-shrink:0;width:100%;}
.ymct-problem-block .sc124{display:flex;flex-direction:column;height:679px;align-items:flex-end;justify-content:flex-end;padding:30px;position:relative;border-radius:20px;flex-shrink:0;width:573px;overflow:hidden;}
.ymct-problem-block .sc125{position:absolute;inset:0;border-radius:20px;pointer-events:none}
.ymct-problem-block .sc126{position:absolute;background-color:#d9d9d9;inset:0;border-radius:20px;}
.ymct-problem-block .sc127{position:absolute;max-width:none;object-fit:cover;border-radius:20px;width:100%;height:100%;}
.ymct-problem-block .sc128{position:absolute;max-width:none;object-fit:cover;border-radius:20px;width:100%;height:100%;}
.ymct-problem-block .sc129{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;flex-shrink:0;z-index:1;}
.ymct-problem-block .sc130{overflow-wrap:break-word;font-family:Poppins,Arial,sans-serif;font-weight:700;line-height:1.2;position:relative;flex-shrink:0;font-size:32px;color:#fff;white-space:nowrap;}
.ymct-problem-block .sc131{overflow-wrap:break-word;display:flex;flex:1 0 0;flex-direction:column;gap:20px;height:100%;align-items:flex-start;min-width:0;padding-bottom:250px;padding-top:90px;position:relative;}
.ymct-problem-block .sc132{font-family:Poppins,Arial,sans-serif;font-weight:500;line-height:1.3;position:relative;flex-shrink:0;color:#171717;font-size:48px;text-transform:uppercase;width:100%;}
.ymct-problem-block .sc133{font-family:Poppins,Arial,sans-serif;font-weight:400;line-height:0;position:relative;flex-shrink:0;color:#031728;font-size:20px;width:100%;}
.ymct-problem-block .sc134{line-height:1.6;}
.ymct-problem-block .sc135{line-height:1.6;margin-top:1.2em;}
.ymct-problem-block .sc136{display:flex;gap:55px;height:679px;align-items:flex-end;position:relative;flex-shrink:0;width:100%;}
.ymct-problem-block .sc137{overflow-wrap:break-word;display:flex;flex:1 0 0;flex-direction:column;gap:20px;height:100%;align-items:flex-start;min-width:0;padding-bottom:250px;padding-top:140px;position:relative;}
.ymct-problem-block .sc138{font-family:Poppins,Arial,sans-serif;font-weight:500;line-height:1.3;position:relative;flex-shrink:0;color:#171717;font-size:48px;text-transform:uppercase;width:100%;}
.ymct-problem-block .sc139{font-family:Poppins,Arial,sans-serif;font-weight:400;line-height:0;position:relative;flex-shrink:0;color:#031728;font-size:20px;width:100%;}
.ymct-problem-block .sc140{line-height:1.6;}
.ymct-problem-block .sc141{line-height:1.6;margin-top:1.2em;}
.ymct-problem-block .home-story-image{width:573px;height:679px;flex:none;overflow:hidden;border-radius:20px;}
.ymct-problem-block .home-story-image img{display:block;width:100%;height:679px;object-fit:cover;border-radius:20px;}

/* Mobile */
.ymct-problem-block .home-mobile-story{margin:32px 0 0;overflow:hidden;}
.ymct-problem-block .sc594{display:flex;align-items:center;justify-content:center;padding-left:20px;padding-right:20px;position:relative;width:100%;height:auto;}
.ymct-problem-block .sc595{display:flex;flex-direction:column;gap:44px;align-items:flex-start;position:relative;flex-shrink:0;width:100%;max-width:353px;}
.ymct-problem-block .sc596{display:flex;flex-direction:column;gap:44px;align-items:flex-start;justify-content:flex-end;position:relative;flex-shrink:0;width:100%;}
.ymct-problem-block .sc597{display:flex;flex-direction:column;height:360px;align-items:flex-end;justify-content:flex-end;padding:30px;position:relative;border-radius:20px;flex-shrink:0;width:100%;overflow:hidden;}
.ymct-problem-block .sc598{position:absolute;inset:0;border-radius:20px;pointer-events:none}
.ymct-problem-block .sc599{position:absolute;background-color:#d9d9d9;inset:0;border-radius:20px;}
.ymct-problem-block .sc600{position:absolute;max-width:none;object-fit:cover;border-radius:20px;width:100%;height:100%;}
.ymct-problem-block .sc601{position:absolute;max-width:none;object-fit:cover;border-radius:20px;width:100%;height:100%;}
.ymct-problem-block .sc602{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;flex-shrink:0;z-index:1;}
.ymct-problem-block .sc603{overflow-wrap:break-word;font-family:Poppins,Arial,sans-serif;font-weight:700;line-height:1.4;position:relative;flex-shrink:0;font-size:24px;color:#fff;white-space:nowrap;}
.ymct-problem-block .sc604{overflow-wrap:break-word;display:flex;flex-direction:column;gap:12px;align-items:flex-start;position:relative;flex-shrink:0;width:100%;}
.ymct-problem-block .sc605{font-family:Poppins,Arial,sans-serif;font-weight:500;line-height:1.2;position:relative;flex-shrink:0;color:#171717;font-size:32px;width:100%;max-width:324px;}
.ymct-problem-block .sc606{font-family:Poppins,Arial,sans-serif;font-weight:400;line-height:0;min-width:100%;position:relative;flex-shrink:0;color:#031728;font-size:16px;letter-spacing:0.32px;width:100%;}
.ymct-problem-block .sc607{line-height:1.2;}
.ymct-problem-block .sc608{line-height:1.2;margin-top:1em;}
.ymct-problem-block .sc609{display:flex;flex-direction:column;gap:44px;align-items:flex-start;justify-content:flex-end;position:relative;flex-shrink:0;width:100%;}
.ymct-problem-block .sc610{overflow-wrap:break-word;display:flex;flex-direction:column;gap:12px;align-items:flex-start;position:relative;flex-shrink:0;width:100%;}
.ymct-problem-block .sc611{font-family:Poppins,Arial,sans-serif;font-weight:500;line-height:1.2;position:relative;flex-shrink:0;color:#171717;font-size:32px;width:100%;}
.ymct-problem-block .sc612{font-family:Poppins,Arial,sans-serif;font-weight:400;line-height:0;position:relative;flex-shrink:0;color:#031728;font-size:16px;letter-spacing:0.32px;width:100%;}
.ymct-problem-block .sc613{line-height:1.2;}
.ymct-problem-block .sc614{line-height:1.2;margin-top:1em;}

/* Exact desktop */
@media (min-width: 1440px) {
  .ymct-problem-block .sc121 { padding-left: 80px; padding-right: 80px; }
  .ymct-problem-block .sc124 { width: 573px; }
  .ymct-problem-block .home-story-image { width: 573px; }
  .ymct-problem-block .sc132,
  .ymct-problem-block .sc138 { font-size: 48px; }
}

/* Tablet — mirrors index.html home-section-3 rules */
@media (min-width: 768px) and (max-width: 1439px) {
  .ymct-problem-block { padding-top: 80px; }
  .ymct-problem-block .home-section { margin-top: 0; }
  .ymct-problem-block .sc121 { padding-left: 32px; padding-right: 32px; }
  .ymct-problem-block .sc123,
  .ymct-problem-block .sc136 {
    height: auto;
    min-height: 0;
    align-items: stretch;
    gap: 32px;
    margin-bottom: 48px;
  }
  .ymct-problem-block .sc136 { margin-bottom: 0; }
  .ymct-problem-block .sc124 {
    width: 44%;
    height: auto;
    aspect-ratio: 573 / 679;
    min-height: 360px;
  }
  .ymct-problem-block .home-story-image {
    width: 44%;
    height: auto;
    aspect-ratio: 573 / 679;
  }
  .ymct-problem-block .home-story-image img {
    height: 100% !important;
    min-height: 360px;
  }
  .ymct-problem-block .sc131,
  .ymct-problem-block .sc137 {
    padding-top: 24px;
    padding-bottom: 24px;
    height: auto;
  }
  .ymct-problem-block .sc132,
  .ymct-problem-block .sc138 {
    font-size: 36px;
  }
  .ymct-problem-block .sc133,
  .ymct-problem-block .sc139 {
    font-size: 17px;
  }
}

@media (max-width: 767px) {
  .ymct-problem-block { padding-top: 32px; padding-bottom: 0; }
  .ymct-problem-block .home-section { margin-top: 0; }
  .ymct-problem-block .sc605 { width: 100%; }
  .ymct-problem-block .sc595 { max-width: 100%; }
}
