/* GTF Options only. Kept separate from tiz_benefits to avoid cross-course styling. */
.options-benefits { padding: 56px 0 185px; overflow: hidden; background: linear-gradient(180deg, #fff 0%, #fff calc(100% - 185px), #cefaff 100%); color: #fff; font-family: Poppins, Arial, sans-serif; }
.options-benefits__container { width: min(1562px, calc(100% - 64px)); margin: 0 auto; }
.options-benefits__heading { margin-bottom: 40px; color: #101619; text-align: center; }
.options-benefits__heading h2 { margin: 0; font-size: clamp(26px, 2.25vw, 38px); font-weight: 800; line-height: 1.25; }
.options-benefits__heading h2 span { display: inline-block; border-bottom: 3px solid #30d0c5; }
.options-benefits__heading p { display: inline-block; margin: 14px 0 0; padding: 8px 16px; color: #101619; background: linear-gradient(90deg, #43e2dc, #c9f9f5 66%, transparent); font-size: clamp(14px, 1.2vw, 19px); font-weight: 500; }
.options-benefits__grid { display: grid; grid-template-columns: minmax(250px, .9fr) minmax(380px, 1.62fr) minmax(250px, .9fr); grid-template-rows: minmax(220px, 1fr) minmax(220px, 1fr); gap: 30px; min-height: 614px; }
.options-benefits__card { position: relative; min-width: 0; overflow: hidden; border-radius: 32px; background: #071116 url('../landing_page/gtf-options-img/options-benefits-bg.webp') center / 1562px 614px no-repeat; isolation: isolate; }
.options-benefits__card::after { position: absolute; z-index: -1; inset: 0; content: ''; background: linear-gradient(110deg, rgb(2 9 13 / .22), transparent 66%); }
.options-benefits__copy { position: absolute; z-index: 2; top: 34px; right: 28px; left: 28px; text-align: center; }
.options-benefits__copy h3 { margin: 0; color: #fff; font-size: clamp(19px, 1.55vw, 29px); font-weight: 700; line-height: 1.18; }
.options-benefits__copy h3 span { color: #2fe1d6; }
.options-benefits__copy p { margin: 6px 0 0; color: #f7ffff; font-size: clamp(13px, 1.05vw, 18px); line-height: 1.3; }
.options-benefits__card img { position: absolute; z-index: 1; display: block; max-width: none; height: auto; }
.options-benefits__card--mentorship { grid-row: 1 / 3; background-position: left top; }
.options-benefits__card--mentorship img { bottom: -4px; left: 50%; width: min(100%, 340px); transform: translateX(-50%); }
.options-benefits__card--indicator { grid-column: 2; grid-row: 1; background-position: center top; }
.options-benefits__card--indicator img { right: 5%; bottom: -4px; width: min(53%, 348px); }
.options-benefits__card--certificate { grid-column: 2; grid-row: 2; background-position: center bottom; }
.options-benefits__card--certificate img { right: 2%; bottom: 4%; width: min(55%, 366px); }
.options-benefits__card--community { grid-column: 3; grid-row: 1 / 3; background-position: right top; }
.options-benefits__card--community img { right: 50%; bottom: 0; width: min(100%, 380px); transform: translateX(50%); }
.options-benefits__card--mentorship .options-benefits__copy h3,
.options-benefits__card--community .options-benefits__copy h3 { color: #35d9d2; }
.options-benefits__card--indicator .options-benefits__copy { top: 50%; left: 34px; right: auto; transform: translateY(-50%); text-align: left; }
.options-benefits__card--indicator .options-benefits__copy h3 { color: #35d9d2; }
.options-benefits__card--indicator img { right: 5%; bottom: 23px; }
.options-benefits__card--certificate .options-benefits__copy { top: 31%; left: 34px; right: auto; text-align: left; }
.options-benefits__card--certificate .options-benefits__copy small { display: block; margin-bottom: 8px; color: #fff; font-size: clamp(13px, 1.05vw, 17px); font-weight: 600; line-height: 1.2; }
.options-benefits__card--certificate .options-benefits__copy h3 { color: #35d9d2; }
.options-benefits__card--certificate img { right: 2%; bottom: 11px; }
.options-benefits__card--community .options-benefits__copy h3 { font-size: clamp(20px, 1.6vw, 30px); }
@media (max-width: 900px) {
    .options-benefits { padding: 46px 0 58px; background: linear-gradient(180deg, #fff 0%, #fff calc(100% - 58px), #cefaff 100%); }
    .options-benefits__container { width: min(720px, calc(100% - 40px)); }
    .options-benefits__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: 330px 330px; gap: 20px; min-height: 0; }
    .options-benefits__card { grid-column: auto; grid-row: auto; border-radius: 25px; background-size: auto 660px; }
    .options-benefits__card--mentorship { background-position: left center; }
    .options-benefits__card--indicator { background-position: center top; }
    .options-benefits__card--certificate { background-position: center bottom; }
    .options-benefits__card--community { background-position: right center; }
    .options-benefits__card--mentorship img { width: min(100%, 285px); }
    .options-benefits__card--indicator img { width: min(60%, 260px); }
    .options-benefits__card--certificate img { width: min(65%, 285px); }
    .options-benefits__card--community img { width: min(100%, 310px); }
}
@media (max-width: 580px) {
   .options-benefits__copy h3, .options-benefits__card--community .options-benefits__copy h3{ font-size: 24px;}
   .options-benefits__copy p{ font-size: 18px;}
   .options-benefits__card--certificate .options-benefits__copy small{font-size: 18px;}
}

@media (max-width: 580px) {
    .options-benefits__container { width: calc(100% - 32px); }
    .options-benefits__heading { margin-bottom: 28px; }
    .options-benefits__heading h2 { font-size: 25px; }
    .options-benefits__heading p { margin-top: 10px; font-size: 13px; }
    .options-benefits__grid { grid-template-columns: 1fr; grid-template-rows: repeat(4, 320px); gap: 16px; }
    /* Mobile benefit sequence: mentorship, community, indicator, learning materials. */
    .options-benefits__card--mentorship { order: 1; }
    .options-benefits__card--community { order: 2; }
    .options-benefits__card--indicator { order: 3; }
    .options-benefits__card--certificate { order: 4; }
    .options-benefits__copy { top: 25px; }
    .options-benefits__card img { max-height: 78%; width: auto; }
    .options-benefits__card--mentorship img { width: auto; max-height: 75%; bottom: -10px; }
   .options-benefits__card--indicator .options-benefits__copy {
    top: 25px;
    transform: inherit;
    text-align: center;
    left: inherit;
    right: inherit;
    position: inherit;
}
    .options-benefits__card--indicator img {
    right: 0;
    width: 90%;
    max-width: 100%;
    left: 0;
    margin: 0 auto;
}
   .options-benefits__card--certificate img {
    width: 90%;
    max-width: 100%;
    margin: 0 auto;
    right: 25px;
    left: 0;
}
.options-benefits__card--certificate .options-benefits__copy {
    top: 25px;
    position: inherit;
    text-align: center;
    left: inherit;
    right: inherit;
}
    .options-benefits__card--community img {
    width: auto;
    max-height: 230PX;
    bottom: 0px;
}
}