/* Modern course detail page — MyEduBharat saffron and green design system. */ #myedu-home .edu-detail-hero { position: relative; padding: 34px 0 92px; overflow: hidden; background: radial-gradient(circle at 7% 18%,rgba(var(--edu-secondary-rgb),.16),transparent 28%),radial-gradient(circle at 92% 70%,rgba(var(--edu-accent-rgb),.15),transparent 31%),linear-gradient(145deg,#fffaf2 0%,#fff 47%,#edf8ee 100%); } #myedu-home .edu-detail-hero::before { position: absolute; inset: 0; background-image: radial-gradient(rgba(var(--edu-primary-rgb),.11) 1px,transparent 1px); background-size: 28px 28px; content: ""; opacity: .22; } #myedu-home .edu-detail-orb { position: absolute; border: 1px solid rgba(var(--edu-accent-rgb),.12); border-radius: 50%; pointer-events: none; } #myedu-home .edu-detail-orb--one { top: -290px; right: -100px; width: 570px; height: 570px; } #myedu-home .edu-detail-orb--two { bottom: -290px; left: -180px; width: 500px; height: 500px; border-color: rgba(var(--edu-secondary-rgb),.16); } #myedu-home .edu-detail-breadcrumb { position: relative; z-index: 1; display: flex; min-height: 38px; margin-bottom: 38px; align-items: center; gap: 9px; color: var(--edu-text-muted); font-size: 13px; font-weight: 650; } #myedu-home .edu-detail-breadcrumb a:hover { color: var(--edu-accent-dark); } #myedu-home .edu-detail-breadcrumb i { color: var(--edu-text-light); font-size: 12px; } #myedu-home .edu-detail-breadcrumb span { max-width: 42vw; overflow: hidden; color: var(--edu-accent-dark); text-overflow: ellipsis; white-space: nowrap; } #myedu-home .edu-detail-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.18fr) minmax(390px,.72fr); align-items: center; gap: clamp(45px,7vw,100px); } #myedu-home .edu-detail-hero__content { min-width: 0; max-width: 760px; } #myedu-home .edu-detail-eyebrow { display: flex; margin-bottom: 24px; flex-wrap: wrap; align-items: center; gap: 13px; } #myedu-home .edu-detail-eyebrow > span { display: inline-flex; min-height: 33px; padding: 0 12px; border: 1px solid rgba(var(--edu-secondary-rgb),.31); border-radius: var(--edu-radius-pill); align-items: center; gap: 7px; background: rgba(255,255,255,.78); color: var(--edu-secondary-dark); box-shadow: var(--edu-shadow-xs); font-size: 12px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; } #myedu-home .edu-detail-eyebrow > span i { color: var(--edu-accent); } #myedu-home .edu-detail-eyebrow small { display: inline-flex; align-items: center; gap: 7px; color: var(--edu-accent-dark); font-size: 12px; font-weight: 750; } #myedu-home .edu-detail-eyebrow small i { width: 7px; height: 7px; border-radius: 50%; background: var(--edu-accent); box-shadow: 0 0 0 4px rgba(var(--edu-accent-rgb),.11); } #myedu-home .edu-detail-eyebrow small.is-closed { color: var(--edu-text-muted); } #myedu-home .edu-detail-eyebrow small.is-closed i { background: var(--edu-text-light); box-shadow: none; } #myedu-home .edu-detail-hero h1 { max-width: 780px; margin-bottom: 20px; font-size: clamp(2.75rem,5vw,4.5rem); letter-spacing: -.045em; line-height: 1.04; } #myedu-home .edu-detail-hero__content > p { max-width: 680px; margin-bottom: 23px; color: var(--edu-text-muted); font-size: 15px; line-height: 1.75; } #myedu-home .edu-detail-batch { display: inline-flex; min-height: 42px; margin-bottom: 28px; padding: 5px 14px 5px 6px; border: 1px solid var(--edu-border); border-radius: 13px; align-items: center; gap: 11px; background: rgba(255,255,255,.82); box-shadow: var(--edu-shadow-xs); } #myedu-home .edu-detail-batch span { display: inline-flex; height: 30px; padding: 0 9px; border-radius: 9px; align-items: center; gap: 6px; background: var(--edu-accent-light); color: var(--edu-accent-dark); font-size: 12px; font-weight: 800; text-transform: uppercase; } #myedu-home .edu-detail-batch strong { color: var(--edu-text-strong); font-size: 13px; } #myedu-home .edu-detail-highlights { display: flex; margin: 0; padding: 0; flex-wrap: wrap; gap: 10px; list-style: none; } #myedu-home .edu-detail-highlights li { display: grid; min-width: 112px; min-height: 72px; padding: 12px 14px; border: 1px solid var(--edu-border); border-radius: 15px; grid-template-columns: 25px 1fr; align-items: center; column-gap: 8px; background: rgba(255,255,255,.78); box-shadow: var(--edu-shadow-xs); } #myedu-home .edu-detail-highlights i { grid-row: 1/3; color: var(--edu-accent); font-size: 17px; } #myedu-home .edu-detail-highlights strong { overflow: hidden; color: var(--edu-text-strong); font-size: 14px; text-overflow: ellipsis; white-space: nowrap; } #myedu-home .edu-detail-highlights span { color: var(--edu-text-light); font-size: 12px; font-weight: 700; text-transform: uppercase; } #myedu-home .edu-enroll-card { border: 1px solid rgba(var(--edu-primary-rgb),.1); border-radius: 27px; overflow: hidden; background: var(--edu-surface); box-shadow: 0 30px 75px rgba(var(--edu-brand-deep-rgb),.18); } #myedu-home .edu-enroll-card__media { position: relative; aspect-ratio: 1.72/1; margin: 10px 10px 0; border-radius: 19px; overflow: hidden; background: var(--edu-primary-light); } #myedu-home .edu-enroll-card__media::after { position: absolute; inset: 0; background: linear-gradient(180deg,transparent 55%,rgba(4,31,22,.36)); content: ""; } #myedu-home .edu-enroll-card__media img { width: 100%; height: 100%; object-fit: cover; } #myedu-home .edu-enroll-card__media > span { position: absolute; z-index: 1; top: 12px; right: 12px; min-height: 29px; padding: 7px 10px; border-radius: var(--edu-radius-pill); background: var(--edu-secondary); color: var(--edu-brand-deeper); font-size: 12px; font-weight: 850; } #myedu-home .edu-enroll-card__body { padding: 23px; } #myedu-home .edu-enroll-card__price { display: flex; margin-bottom: 18px; align-items: end; justify-content: space-between; gap: 12px; } #myedu-home .edu-enroll-card__price > span,#myedu-home .edu-enroll-card__price > div { display: flex; flex-direction: column; } #myedu-home .edu-enroll-card__price > div { align-items: flex-end; } #myedu-home .edu-enroll-card__price small { color: var(--edu-text-light); font-size: 12px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; } #myedu-home .edu-enroll-card__price strong { color: var(--edu-text-strong); font-size: 29px; line-height: 1.15; } #myedu-home .edu-enroll-card__price del { color: var(--edu-text-light); font-size: 13px; } #myedu-home .edu-enroll-card__price > div small { color: var(--edu-accent-dark); letter-spacing: 0; text-transform: none; } #myedu-home .edu-enroll-card__due { display: flex; margin-bottom: 14px; padding: 12px; border-radius: 13px; align-items: center; gap: 10px; background: var(--edu-accent-light); color: var(--edu-accent-dark); } #myedu-home .edu-enroll-card__due > i { font-size: 16px; } #myedu-home .edu-enroll-card__due > span { display: flex; flex-direction: column; } #myedu-home .edu-enroll-card__due small,#myedu-home .edu-enroll-card__due em { font-size: 12px; font-style: normal; } #myedu-home .edu-enroll-card__due strong { font-size: 14px; } #myedu-home .edu-enroll-card__cta { display: inline-flex; width: 100%; min-height: 52px; padding: 0 18px; border-radius: 13px; align-items: center; justify-content: center; gap: 9px; background: var(--edu-accent); box-shadow: 0 12px 25px rgba(var(--edu-accent-rgb),.18); color: var(--edu-on-dark); font-size: 14px; font-weight: 800; transition: transform var(--edu-transition),background-color var(--edu-transition); } #myedu-home .edu-enroll-card__cta:hover { background: var(--edu-secondary); color: var(--edu-brand-deeper); transform: translateY(-2px); } #myedu-home .edu-enroll-card__cta.is-payment { background: var(--edu-secondary); color: var(--edu-brand-deeper); } #myedu-home .edu-enroll-card__cta.is-disabled { background: var(--edu-border); box-shadow: none; color: var(--edu-text-light); } #myedu-home .edu-enroll-card__note { display: flex; margin: 11px 0 20px; align-items: center; justify-content: center; gap: 6px; color: var(--edu-text-light); font-size: 12px; } #myedu-home .edu-enroll-card__note i { color: var(--edu-accent); } #myedu-home .edu-enroll-card__includes { padding-top: 17px; border-top: 1px solid var(--edu-border); } #myedu-home .edu-enroll-card__includes h2 { margin-bottom: 13px; font-size: 15px; } #myedu-home .edu-enroll-card__includes > div { display: flex; min-height: 34px; align-items: center; justify-content: space-between; gap: 13px; color: var(--edu-text-muted); font-size: 12px; } #myedu-home .edu-enroll-card__includes span { display: inline-flex; align-items: center; gap: 7px; } #myedu-home .edu-enroll-card__includes i { width: 18px; color: var(--edu-accent); text-align: center; } #myedu-home .edu-enroll-card__includes strong { max-width: 48%; overflow: hidden; color: var(--edu-text-strong); text-align: right; text-overflow: ellipsis; white-space: nowrap; } #myedu-home .edu-detail-content { padding: var(--edu-section-space) 0; background: var(--edu-bg-soft); } #myedu-home .edu-detail-layout { display: grid; grid-template-columns: minmax(0,1fr) 310px; align-items: start; gap: 25px; } #myedu-home .edu-detail-main { display: grid; min-width: 0; gap: 24px; } #myedu-home .edu-detail-panel { padding: clamp(25px,4vw,42px); border: 1px solid rgba(var(--edu-primary-rgb),.1); border-radius: 25px; background: var(--edu-surface); box-shadow: var(--edu-shadow-sm); } #myedu-home .edu-detail-panel > h2,#myedu-home .edu-curriculum__head h2 { margin: 7px 0 17px; font-size: clamp(1.8rem,3vw,2.55rem); letter-spacing: -.045em; } #myedu-home .edu-detail-description { color: var(--edu-text-muted); font-size: 15px; line-height: 1.85; } #myedu-home .edu-detail-description > *:last-child { margin-bottom: 0; } #myedu-home .edu-detail-description h1,#myedu-home .edu-detail-description h2,#myedu-home .edu-detail-description h3,#myedu-home .edu-detail-description h4 { margin: 22px 0 9px; color: var(--edu-text-strong); font-size: 16px; } #myedu-home .edu-detail-description img { max-width: 100%; height: auto; border-radius: 14px; } #myedu-home .edu-detail-description ul,#myedu-home .edu-detail-description ol { padding-left: 20px; } #myedu-home .edu-detail-outcomes { display: grid; margin-top: 30px; padding-top: 25px; border-top: 1px solid var(--edu-border); grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; } #myedu-home .edu-detail-outcomes > div { display: flex; min-height: 76px; padding: 13px; border-radius: 14px; align-items: center; gap: 10px; background: var(--edu-accent-light); } #myedu-home .edu-detail-outcomes > div:nth-child(2) { background: var(--edu-secondary-light); } #myedu-home .edu-detail-outcomes i { display: grid; width: 34px; height: 34px; border-radius: 10px; flex: 0 0 auto; background: var(--edu-surface); color: var(--edu-accent); place-items: center; } #myedu-home .edu-detail-outcomes > div:nth-child(2) i { color: var(--edu-secondary-dark); } #myedu-home .edu-detail-outcomes span { display: flex; min-width: 0; flex-direction: column; } #myedu-home .edu-detail-outcomes strong { color: var(--edu-text-strong); font-size: 12px; } #myedu-home .edu-detail-outcomes small { color: var(--edu-text-muted); font-size: 12px; line-height: 1.5; } #myedu-home .edu-curriculum__head { display: flex; margin-bottom: 25px; align-items: end; justify-content: space-between; gap: 20px; } #myedu-home .edu-curriculum__head h2 { margin-bottom: 6px; } #myedu-home .edu-curriculum__head p { margin: 0; color: var(--edu-text-muted); font-size: 12px; } #myedu-home .edu-curriculum__badge { display: inline-flex; min-height: 34px; padding: 0 11px; border-radius: var(--edu-radius-pill); flex: 0 0 auto; align-items: center; gap: 6px; background: var(--edu-secondary-light); color: var(--edu-secondary-dark); font-size: 12px; font-weight: 750; } #myedu-home .edu-curriculum__list { display: grid; gap: 9px; } #myedu-home .edu-curriculum-item { border: 1px solid var(--edu-border); border-radius: 15px; overflow: hidden; background: var(--edu-bg-soft); transition: border-color var(--edu-transition),box-shadow var(--edu-transition); } #myedu-home .edu-curriculum-item[open] { border-color: rgba(var(--edu-accent-rgb),.28); background: var(--edu-surface); box-shadow: var(--edu-shadow-xs); } #myedu-home .edu-curriculum-item summary { display: grid; min-height: 72px; padding: 11px 15px; grid-template-columns: 40px minmax(0,1fr) auto 18px; align-items: center; gap: 12px; cursor: pointer; list-style: none; } #myedu-home .edu-curriculum-item summary::-webkit-details-marker { display: none; } #myedu-home .edu-curriculum-item__number { display: grid; width: 38px; height: 38px; border-radius: 11px; background: var(--edu-accent-light); color: var(--edu-accent-dark); font-size: 13px; font-weight: 850; place-items: center; } #myedu-home .edu-curriculum-item summary > span:nth-child(2) { display: flex; min-width: 0; flex-direction: column; } #myedu-home .edu-curriculum-item summary small { color: var(--edu-text-light); font-size: 12px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; } #myedu-home .edu-curriculum-item summary strong { overflow: hidden; color: var(--edu-text-strong); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; } #myedu-home .edu-curriculum-item summary em { color: var(--edu-text-muted); font-size: 12px; font-style: normal; font-weight: 650; } #myedu-home .edu-curriculum-item summary > i { color: var(--edu-text-light); font-size: 13px; transition: transform var(--edu-transition); } #myedu-home .edu-curriculum-item[open] summary > i { color: var(--edu-accent); transform: rotate(180deg); } #myedu-home .edu-curriculum-item__topics { padding: 0 16px 13px 66px; } #myedu-home .edu-curriculum-item__topics > div { display: flex; min-height: 43px; padding: 0 11px; border-top: 1px solid var(--edu-border); align-items: center; justify-content: space-between; gap: 12px; color: var(--edu-text-muted); font-size: 12px; } #myedu-home .edu-curriculum-item__topics > div > span { display: inline-flex; align-items: center; gap: 8px; } #myedu-home .edu-curriculum-item__topics i { color: var(--edu-accent); } #myedu-home .edu-curriculum-item__topics small { color: var(--edu-text-light); font-size: 12px; } #myedu-home .edu-curriculum-empty { padding: 45px 20px; border: 1px dashed var(--edu-border-strong); border-radius: 16px; background: var(--edu-bg-soft); text-align: center; } #myedu-home .edu-curriculum-empty > i { color: var(--edu-accent); font-size: 29px; } #myedu-home .edu-curriculum-empty h3 { margin: 10px 0 5px; font-size: 16px; } #myedu-home .edu-curriculum-empty p { margin: 0; color: var(--edu-text-muted); font-size: 12px; } #myedu-home .edu-payment-options > p { max-width: 650px; color: var(--edu-text-muted); font-size: 13px; line-height: 1.7; } #myedu-home .edu-payment-options__grid { display: grid; margin-top: 22px; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; } #myedu-home .edu-payment-option { display: flex; min-height: 125px; padding: 17px; border: 1px solid var(--edu-border); border-radius: 15px; flex-direction: column; justify-content: center; background: var(--edu-bg-soft); } #myedu-home .edu-payment-option.is-featured { border-color: rgba(var(--edu-accent-rgb),.25); background: var(--edu-accent-light); } #myedu-home .edu-payment-option span { color: var(--edu-text-muted); font-size: 12px; font-weight: 700; } #myedu-home .edu-payment-option span i { margin-right: 5px; color: var(--edu-accent); } #myedu-home .edu-payment-option strong { margin: 7px 0 2px; color: var(--edu-text-strong); font-size: 20px; } #myedu-home .edu-payment-option small { color: var(--edu-text-light); font-size: 12px; } #myedu-home .edu-detail-side { position: sticky; top: 105px; display: grid; gap: 15px; } #myedu-home .edu-detail-help { position: relative; padding: 28px; border-radius: 23px; overflow: hidden; background: radial-gradient(circle at 95% 0,rgba(var(--edu-secondary-rgb),.17),transparent 34%),linear-gradient(145deg,var(--edu-brand-deeper),var(--edu-brand-deep)); box-shadow: 0 20px 45px rgba(var(--edu-brand-deep-rgb),.16); color: var(--edu-on-dark); } #myedu-home .edu-detail-help > span { display: grid; width: 43px; height: 43px; margin-bottom: 23px; border: 1px solid rgba(var(--edu-secondary-rgb),.24); border-radius: 13px; background: rgba(var(--edu-secondary-rgb),.11); color: var(--edu-secondary); font-size: 17px; place-items: center; } #myedu-home .edu-detail-help > small { color: var(--edu-secondary); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } #myedu-home .edu-detail-help h2 { margin: 7px 0 10px; color: var(--edu-on-dark); font-size: 23px; } #myedu-home .edu-detail-help p { color: var(--edu-on-dark-muted); font-size: 12px; line-height: 1.7; } #myedu-home .edu-detail-help > a { display: inline-flex; margin-top: 7px; align-items: center; gap: 7px; color: var(--edu-secondary); font-size: 12px; font-weight: 800; } #myedu-home .edu-detail-promise { display: flex; min-height: 82px; padding: 17px; border: 1px solid var(--edu-border); border-radius: 17px; align-items: center; gap: 12px; background: var(--edu-surface); box-shadow: var(--edu-shadow-xs); } #myedu-home .edu-detail-promise > i { display: grid; width: 38px; height: 38px; border-radius: 11px; flex: 0 0 auto; background: var(--edu-secondary-light); color: var(--edu-secondary-dark); place-items: center; } #myedu-home .edu-detail-promise > div { display: flex; min-width: 0; flex-direction: column; } #myedu-home .edu-detail-promise small { color: var(--edu-text-light); font-size: 12px; text-transform: uppercase; } #myedu-home .edu-detail-promise strong { color: var(--edu-text-strong); font-size: 12px; line-height: 1.45; } #myedu-home .edu-related { padding: var(--edu-section-space) 0; background: var(--edu-surface); } #myedu-home .edu-related__head { display: flex; margin-bottom: 31px; align-items: end; justify-content: space-between; gap: 25px; } #myedu-home .edu-related__head h2 { margin: 7px 0 0; font-size: clamp(2rem,3.5vw,3rem); } #myedu-home .edu-related__head > a { display: inline-flex; align-items: center; gap: 7px; color: var(--edu-accent-dark); font-size: 13px; font-weight: 800; } #myedu-home .edu-related__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; } #myedu-home .edu-related-card { border: 1px solid var(--edu-border); border-radius: 21px; overflow: hidden; background: var(--edu-surface); box-shadow: var(--edu-shadow-sm); transition: transform var(--edu-transition),box-shadow var(--edu-transition); } #myedu-home .edu-related-card:hover { box-shadow: var(--edu-shadow-lg); transform: translateY(-5px); } #myedu-home .edu-related-card__media { position: relative; display: block; aspect-ratio: 1.72/1; margin: 8px 8px 0; border-radius: 15px; overflow: hidden; } #myedu-home .edu-related-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 420ms var(--edu-ease); } #myedu-home .edu-related-card:hover img { transform: scale(1.05); } #myedu-home .edu-related-card__media span { position: absolute; bottom: 10px; left: 10px; max-width: calc(100% - 20px); padding: 6px 9px; border-radius: var(--edu-radius-pill); overflow: hidden; background: rgba(4,45,32,.86); color: #fff; font-size: 12px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; } #myedu-home .edu-related-card > div { padding: 17px; } #myedu-home .edu-related-card > div > small { color: var(--edu-accent-dark); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } #myedu-home .edu-related-card h3 { min-height: 46px; margin: 7px 0 11px; font-size: 15px; line-height: 1.45; } #myedu-home .edu-related-card h3 a { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } #myedu-home .edu-related-card p { display: flex; margin: 0 0 16px; gap: 13px; color: var(--edu-text-muted); font-size: 12px; } #myedu-home .edu-related-card p span { display: inline-flex; align-items: center; gap: 5px; } #myedu-home .edu-related-card p i { color: var(--edu-accent); } #myedu-home .edu-related-card__link { display: flex; min-height: 40px; border-radius: 11px; align-items: center; justify-content: center; gap: 7px; background: var(--edu-accent-light); color: var(--edu-accent-dark); font-size: 12px; font-weight: 800; } #myedu-home .edu-related-card__link:hover { background: var(--edu-accent); color: var(--edu-on-dark); } #myedu-home .edu-detail-cta { padding: 0 0 var(--edu-section-space); background: var(--edu-surface); } #myedu-home .edu-detail-cta__inner { position: relative; display: flex; min-height: 245px; padding: 50px clamp(30px,6vw,70px); border-radius: 29px; overflow: hidden; align-items: center; justify-content: space-between; gap: 38px; background: radial-gradient(circle at 10% 10%,rgba(var(--edu-secondary-rgb),.16),transparent 33%),linear-gradient(120deg,var(--edu-brand-deeper),var(--edu-brand-deep)); box-shadow: 0 28px 70px rgba(var(--edu-brand-deep-rgb),.18); } #myedu-home .edu-detail-cta__inner::after { position: absolute; top: -170px; right: -75px; width: 370px; height: 370px; border: 1px solid rgba(255,255,255,.09); border-radius: 50%; content: ""; } #myedu-home .edu-detail-cta__inner > * { position: relative; z-index: 1; } #myedu-home .edu-detail-cta__inner > div { max-width: 720px; } #myedu-home .edu-detail-cta span { color: var(--edu-secondary); font-size: 12px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; } #myedu-home .edu-detail-cta h2 { margin: 8px 0 9px; color: var(--edu-on-dark); font-size: clamp(2rem,3.5vw,3.15rem); } #myedu-home .edu-detail-cta p { margin: 0; color: var(--edu-on-dark-muted); font-size: 15px; } #myedu-home .edu-detail-cta .edu-btn { flex: 0 0 auto; } @media (max-width: 1199.98px) { #myedu-home .edu-detail-hero__grid { grid-template-columns: minmax(0,1fr) 365px; gap: 45px; } #myedu-home .edu-detail-layout { grid-template-columns: minmax(0,1fr) 270px; } } @media (max-width: 991.98px) { #myedu-home .edu-detail-hero__grid { grid-template-columns: 1fr; } #myedu-home .edu-enroll-card { width: min(100%,600px); } #myedu-home .edu-detail-layout { grid-template-columns: 1fr; } #myedu-home .edu-detail-side { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); } #myedu-home .edu-related__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } #myedu-home .edu-related-card:last-child { display: none; } } @media (max-width: 767.98px) { #myedu-home .edu-detail-hero { padding: 24px 0 72px; } #myedu-home .edu-detail-breadcrumb { margin-bottom: 29px; } #myedu-home .edu-detail-breadcrumb span { max-width: 48vw; } #myedu-home .edu-detail-hero h1 { font-size: clamp(2.35rem,10vw,3.3rem); } #myedu-home .edu-detail-highlights li { min-width: calc(50% - 5px); flex: 1; } #myedu-home .edu-detail-outcomes { grid-template-columns: 1fr; } #myedu-home .edu-payment-options__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } #myedu-home .edu-curriculum__head { align-items: flex-start; flex-direction: column; } #myedu-home .edu-curriculum-item summary { grid-template-columns: 40px minmax(0,1fr) 16px; } #myedu-home .edu-curriculum-item summary em { display: none; } #myedu-home .edu-detail-side { grid-template-columns: 1fr; } #myedu-home .edu-detail-cta__inner { align-items: flex-start; flex-direction: column; } } @media (max-width: 575.98px) { #myedu-home .edu-detail-hero__content > p { font-size: 14px; } #myedu-home .edu-enroll-card { border-radius: 21px; } #myedu-home .edu-enroll-card__body { padding: 19px; } #myedu-home .edu-detail-panel { padding: 23px 18px; border-radius: 20px; } #myedu-home .edu-curriculum-item summary { padding: 10px; gap: 9px; } #myedu-home .edu-curriculum-item__topics { padding: 0 10px 10px; } #myedu-home .edu-curriculum-item__topics > div { padding: 7px 8px; align-items: flex-start; flex-direction: column; justify-content: center; gap: 2px; } #myedu-home .edu-payment-options__grid,#myedu-home .edu-related__grid { grid-template-columns: 1fr; } #myedu-home .edu-related-card:last-child { display: block; } #myedu-home .edu-related__head { align-items: flex-start; flex-direction: column; } #myedu-home .edu-detail-cta__inner { padding: 42px 22px; border-radius: 22px; } #myedu-home .edu-detail-cta .edu-btn { width: 100%; } } @media (prefers-reduced-motion: reduce) { #myedu-home .edu-enroll-card__cta,#myedu-home .edu-curriculum-item,#myedu-home .edu-related-card,#myedu-home .edu-related-card__media img { transition: none; } }