.modal-card-section{color:#fff;font-family:Sora,sans-serif;padding:100px 0}.modal-card-header{margin:0 auto;max-width:1192px}.modal-card-header>h2{padding:0 120px}#titleBenefitMaster{font-size:60px;font-weight:700;line-height:1.15;margin-bottom:16px;text-align:center}.textGradient{background:linear-gradient(90deg,#564df7,#49efdb);-webkit-background-clip:text;background-clip:text}.textGradient,.textGradient-invert{-webkit-text-fill-color:transparent}.textGradient-invert{background:linear-gradient(90deg,#49efdb,#564df7);-webkit-background-clip:text;background-clip:text}.text-turquoise-title{color:#49efdb}.modal-card-header p{font-size:24px;margin-top:16px;text-align:center}.modal-card-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:87px;padding-top:25px}.modal-card{border-radius:1rem;display:flex;flex-direction:column;justify-content:flex-start;padding:32px;position:relative;text-align:center;width:423px}.card-border-turquoise{border:3px solid #49efdb}.card-border-violet{border:3px solid #564df7}.card-border-blank{border:3px solid #fff}.card-border-gradient{background-clip:padding-box,border-box;background-image:linear-gradient(21deg,#15152c,#15152c),linear-gradient(90deg,#49efdb,#564df7);background-origin:border-box;border:3px solid transparent;border-radius:1rem}.modal-card-badge{background:#15152c;border:1px solid #fff;border-radius:16px;display:inline-block;font-size:24px;font-weight:700;left:50%;padding:8px 16px;position:absolute;top:-25px;transform:translateX(-50%);white-space:nowrap}.badge-blank{color:#fff}.badge-turquoise{color:#49efdb}.badge-violet{color:#564df7}.card-course-heading{font-size:32px;font-weight:700;line-height:1.2;margin:31px 0 24px;text-align:start}.card-course-description{color:#e3e5eb;font-size:20px;font-weight:400;margin:0;text-align:start}.card-course-info{display:flex;flex-direction:column;margin-top:auto}.modal-card-details{align-items:center;display:flex;font-size:16px;justify-content:center;margin:32px 0;padding:0}.separator-div{border-right:1px solid rgba(166,177,211,.5);height:30px;margin:auto;width:3px}.card-info-details{align-items:center;display:flex;flex-direction:column;width:30%}.card-info-title{color:#faf1d0;font-weight:700}.open-modal-btn{background-color:#5e5bff;border:1px solid #564df7;border-radius:.5rem;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:.75rem 1.5rem;width:100%}.form-tabs{display:flex;margin-bottom:20px;margin-top:24px;width:100%}.form-tab{background-color:#1d1d36;border:none;color:#fff;cursor:pointer;font-size:16px;font-weight:400;padding:10px;width:50%}.form-tab.active{background-color:#5e5bff;color:#fff;font-weight:700}.form-tab:first-child{border-bottom-left-radius:16px;border-top-left-radius:16px}.form-tab:last-child{border-bottom-right-radius:16px;border-top-right-radius:16px}.form-panel{display:none}.form-panel.active{display:block}.modal{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:rgba(21,21,44,.65);display:none;height:100%;justify-content:center;left:0;overflow-y:auto;padding:2rem;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:linear-gradient(#2b3554,#2b3554) padding-box,linear-gradient(135deg,#564df7,#49efdb) border-box;background-clip:padding-box,border-box;background-origin:border-box;border:4px solid transparent;border-radius:1rem;color:#fff;margin:0 auto;max-width:600px;padding:2rem;position:relative;text-align:center;z-index:1}.modal-content>h3{font-size:24px;font-weight:700;margin:0}.close-modal{color:#fff;cursor:pointer;font-size:1.5rem;position:absolute;right:1.5rem;top:1rem}@media (max-width:1400px) and (min-width:640px){.modal-card-header{padding:0 62px}.modal-card-header>h2{padding:0}.modal-content>h3{font-size:20px;font-weight:700;margin:0}}@media screen and (max-width:639px){.modal-card-section{padding:100px 24px}#titleBenefitMaster{font-size:32px}.modal-card-header>h2{padding:0}.modal-card-header p{font-size:16px}.modal-card{min-height:405px;padding:24px}.modal-card-grid{margin-top:62px}.modal-card-badge{font-size:16px}.card-course-heading{font-size:20px;margin:24px 0 20px}.card-course-description{font-size:16px}.modal-card-details{font-size:14px;margin:24px 0}.open-modal-btn{font-size:14px;font-weight:700;padding:12px}.modal{padding:8px}.modal-content{padding:24px}.modal-content>h3{font-size:20px;margin:0 0 24px}.close-modal{font-size:32px;right:16px;top:0}}