*{box-sizing:inherit;margin:0;padding:0}
html{box-sizing:border-box}
body{font-family:'Fira Sans',sans-serif;background:#FAFBFC;color:#261A27;line-height:1.6}
.headTop2{background:linear-gradient(135deg,#21B7BD 0%,#1a9298 100%);padding:28px 20px;text-align:center}
.brandCont55{max-width:1366px;margin:0 auto}
.compName{font-size:42px;font-weight:700;color:#FFF;margin-bottom:8px;letter-spacing:.5px}
.tagLine3{font-size:16px;color:#FFEFCE;font-weight:400}
.headBott7{background:#FFF;padding:0;box-shadow:0 2px 8px #261a2714}
.headNav-wrapper{max-width:1366px;margin:0 auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.logoArea4{flex-shrink:0}
.logoImg9{height:85px;width:85px;display:block;box-shadow:0 2px 6px #21b7bd26;border-radius:8px}
.mainNavi8{display:flex;gap:32px;align-items:center;flex-wrap:wrap}
.navLink12{color:#261A27;text-decoration:none;font-size:16px;font-weight:500;padding:8px 4px;transition:color .2s}
.navLink12:hover{color:#21B7BD}
.footWrap3{background:#261A27;padding:48px 20px 24px;margin-top:80px}
.footContent77{max-width:1366px;margin:0 auto;display:flex;gap:48px;align-items:flex-start;margin-bottom:32px}
.footLogo-section{flex:1;max-width:420px}
.footLogo4{height:70px;width:70px;margin-bottom:16px;background:#FFF;padding:8px;border-radius:8px}
.footDesc8{color:#FFEFCE;font-size:14px;line-height:1.7}
.footLinks6{display:flex;gap:24px;flex-wrap:wrap}
.footLink9{color:#FFEFCE;text-decoration:none;font-size:14px;transition:color .2s}
.footLink9:hover{color:#21B7BD}
.copySection5{max-width:1366px;margin:0 auto;padding-top:24px;border-top:1px solid #ffefce33}
.copyText2{color:#FFEFCE;font-size:13px;text-align:center}
.cookieCard33{position:fixed;top:20px;right:20px;background:#FFF;border-radius:12px;box-shadow:0 8px 24px #261a2733;padding:24px;max-width:420px;z-index:9999;border:1px solid #21b7bd26}
.cookieSlide3{animation:slideUp4 .4s ease-out}
@keyframes slideUp4 {
from{transform:translateY(100px);opacity:0}
to{transform:translateY(0);opacity:1}
}
.cookieContent4{display:block}
.cookieHead2{font-size:20px;font-weight:600;color:#261A27;margin-bottom:12px}
.cookieMsg5{font-size:14px;color:#261A27;margin-bottom:20px;line-height:1.6}
.cookieLink8{color:#21B7BD;text-decoration:underline}
.cookieButt-wrapper{display:flex;gap:12px;flex-wrap:wrap}
.cookieBtn44{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background 0.2s,border-color .2s;font-family:'Fira Sans',sans-serif}
.cookieAccept3{background:#21B7BD;color:#FFF;border:2px solid #21B7BD}
.cookieAccept3:hover{background:#1a9298;border-color:#1a9298}
.cookieReject7,.cookieManage1,.cookieBack2{background:transparent;color:#261A27;border:2px solid #261A27}
.cookieReject7:hover,.cookieManage1:hover,.cookieBack2:hover{border-color:#21B7BD;color:#21B7BD}
.cookieSave4{background:#21B7BD;color:#FFF;border:2px solid #21B7BD}
.cookieSave4:hover{background:#1a9298}
.cookieDetailed9{display:none}
.detailHead7{font-size:18px;font-weight:600;color:#261A27;margin-bottom:16px}
.cookieOption2{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;color:#261A27;cursor:pointer}
.cookieCheck5{width:18px;height:18px;cursor:pointer}
.cookieHint9{margin-top:16px;padding-top:16px;border-top:1px solid #261a271a;font-size:12px;color:#666;text-align:center}
@media (max-width: 768px) {
.compName{font-size:32px}
.tagLine3{font-size:14px}
.headNav-wrapper{flex-direction:column;gap:20px;text-align:center}
.mainNavi8{flex-direction:column;gap:16px;width:100%}
.navLink12{display:block;padding:12px}
.footContent77{flex-direction:column;gap:32px}
.footLogo-section{max-width:100%}
.footLinks6{flex-direction:column;gap:12px}
.cookieCard33{left:20px;right:20px;max-width:none}
.cookieButt-wrapper{flex-direction:column}
.cookieBtn44{width:100%}
}
@media (max-width: 480px) {
.compName{font-size:28px}
.logoImg9{height:70px;width:70px}
}
.agreement-text{max-width:1366px;margin:0 auto;padding:80px 20px;background:#fff}
.agreement-text p{font-size:16px;line-height:1.8;color:#261A27;margin:0 0 24px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}
.agreement-text p:last-child{margin-bottom:0}
.agreement-text ul,.agreement-text ol{margin:0 0 24px;padding-left:32px;color:#261A27}
.agreement-text ul{list-style-type:disc}
.agreement-text ol{list-style-type:decimal}
.agreement-text li{font-size:16px;line-height:1.8;margin-bottom:12px;padding-left:8px}
.agreement-text li:last-child{margin-bottom:0}
.agreement-text ul ul,.agreement-text ol ol,.agreement-text ul ol,.agreement-text ol ul{margin-top:12px;margin-bottom:12px}
.agreement-text strong,.agreement-text b{font-weight:600;color:#261A27}
.agreement-text em,.agreement-text i{font-style:italic;color:#261A27}
.agreement-text a{color:#21B7BD;text-decoration:none;border-bottom:1px solid #21b7bd4d;transition:all .3s ease}
.agreement-text a:hover{color:#1a9399;border-bottom-color:#1a9399}
.agreement-text a:focus{outline:2px solid #21B7BD;outline-offset:2px;border-radius:2px}
.agreement-text table{width:100%;border-collapse:collapse;margin:32px 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #261a2714}
.agreement-text thead{background:linear-gradient(135deg,#21B7BD,#1a9399)}
.agreement-text thead tr{border:none}
.agreement-text thead th{color:#fff;font-weight:600;text-align:left;padding:16px 20px;font-size:15px;letter-spacing:.3px}
.agreement-text tbody{background:#fff}
.agreement-text tbody tr{border-bottom:1px solid #261a2714;transition:background-color .2s ease}
.agreement-text tbody tr:last-child{border-bottom:none}
.agreement-text tbody tr:hover{background-color:#21b7bd08}
.agreement-text tbody td{padding:16px 20px;color:#261A27;font-size:15px;line-height:1.6}
.agreement-text th,.agreement-text td{vertical-align:top}
.agreement-text div{margin:0}
.agreement-text div + div{margin-top:32px}
@media (max-width: 768px) {
.agreement-text{padding:60px 16px}
.agreement-text p,.agreement-text li{font-size:15px;line-height:1.7}
.agreement-text ul,.agreement-text ol{padding-left:24px}
.agreement-text table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:24px 0}
.agreement-text thead th,.agreement-text tbody td{padding:12px 16px;font-size:14px}
.agreement-text thead th{white-space:nowrap}
}
@media (max-width: 480px) {
.agreement-text{padding:48px 12px}
.agreement-text p,.agreement-text li{font-size:14px}
.agreement-text ul,.agreement-text ol{padding-left:20px}
.agreement-text li{padding-left:4px}
.agreement-text thead th,.agreement-text tbody td{padding:10px 12px;font-size:13px}
}
@media (min-width: 1280px) {
.agreement-text{padding:100px 40px}
.agreement-text p,.agreement-text li{font-size:17px;line-height:1.85}
}
.aboutWrap{width:100%;max-width:1366px;margin:0 auto;padding:0}
.heroAbout{position:relative;padding:80px 24px;background:linear-gradient(135deg,#21B7BD 0%,#261A27 100%);overflow:hidden}
.heroAbout::before{content:'';position:absolute;top:-50%;right:-10%;width:120%;height:200%;background:repeating-linear-gradient(45deg,#ffefce0d,#ffefce0d 40px,transparent 40px,transparent 80px);pointer-events:none}
.heroAbout::after{content:'';position:absolute;bottom:-50%;left:-10%;width:120%;height:200%;background:repeating-linear-gradient(-45deg,#ffefce08,#ffefce08 60px,transparent 60px,transparent 120px);pointer-events:none}
.heroInner{position:relative;z-index:2;max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:48px}
.heroTextBox{text-align:center}
.heroAbout .mainTitleAbout{font-size:52px;line-height:1.2;color:#FFEFCE;margin:0 0 24px;font-weight:700;letter-spacing:-.5px}
.heroAbout .subTxtAbout{font-size:20px;line-height:1.6;color:#FFEFCE;margin:0;opacity:.95}
.heroImgWrapper{position:relative;width:100%;max-width:680px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #261a2759}
.heroImgWrapper img{width:100%;height:auto;display:block;object-fit:cover}
.storySection{padding:96px 24px;background:#fff}
.storyCont{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.storyLeft{display:flex;flex-direction:column;gap:32px}
.storyMainHead{font-size:42px;line-height:1.25;color:#261A27;margin:0 0 16px;font-weight:700;position:relative;padding-left:20px}
.storyMainHead::before{content:'';position:absolute;left:0;top:8px;width:6px;height:48px;background:linear-gradient(180deg,#21B7BD,#261A27);border-radius:3px}
.storyText{font-size:17px;line-height:1.7;color:#261A27;margin:0 0 20px}
.storyText:last-child{margin-bottom:0}
.storyImgGroup{display:flex;flex-direction:column;gap:24px}
.storyImgBox{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 4px 16px #261a271f}
.storyImgBox img{width:100%;height:auto;display:block;object-fit:cover;transition:transform .4s ease}
.storyImgBox:hover img{transform:scale(1.03)}
.valuesGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:48px}
.valueCard{background:#f8f9fa;padding:32px 28px;border-radius:12px;border-left:4px solid #21B7BD;transition:all .3s ease}
.valueCard:hover{background:#fff;box-shadow:0 6px 20px #21b7bd26;transform:translateY(-4px)}
.valueCard h3{font-size:22px;line-height:1.3;color:#261A27;margin:0 0 12px;font-weight:600}
.valueCard p{font-size:16px;line-height:1.6;color:#261A27;margin:0;opacity:.85}
.milestonesBlock{margin-top:64px;padding:48px;background:linear-gradient(135deg,#21b7bd14,#ffefce1f);border-radius:16px;border:1px solid #21b7bd33}
.milestonesBlock h3{font-size:32px;line-height:1.3;color:#261A27;margin:0 0 36px;font-weight:700;text-align:center}
.milestonesList{display:flex;flex-direction:column;gap:28px}
.milestoneItem{display:flex;align-items:start;gap:20px;padding:24px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #261a2714}
.milestoneYear{font-size:28px;line-height:1.2;color:#21B7BD;font-weight:700;min-width:80px}
.milestoneContent{flex:1}
.milestoneContent h4{font-size:19px;line-height:1.4;color:#261A27;margin:0 0 8px;font-weight:600}
.milestoneContent p{font-size:16px;line-height:1.6;color:#261A27;margin:0;opacity:.8}
.ctaAboutBlock{margin-top:64px;text-align:center}
.ctaBtnAbout{display:inline-block;padding:16px 48px;background:#21B7BD;color:#fff;font-size:18px;font-weight:600;text-decoration:none;border-radius:10px;transition:all .3s ease;box-shadow:0 4px 12px #21b7bd4d;z-index:10;position:relative}
.ctaBtnAbout:hover{background:#1a9399;box-shadow:0 6px 20px #21b7bd73;transform:translateY(-2px)}
@media (max-width: 1024px) {
.storyCont{grid-template-columns:1fr;gap:48px}
.valuesGrid{grid-template-columns:1fr;gap:24px}
.heroAbout .mainTitleAbout{font-size:42px}
.storyMainHead{font-size:36px}
}
@media (max-width: 768px) {
.heroAbout{padding:60px 20px}
.heroAbout .mainTitleAbout{font-size:36px}
.heroAbout .subTxtAbout{font-size:18px}
.storySection{padding:64px 20px}
.storyMainHead{font-size:30px}
.milestonesBlock{padding:32px 24px}
.milestonesBlock h3{font-size:26px}
.milestoneItem{flex-direction:column;gap:12px}
.milestoneYear{font-size:24px}
.ctaBtnAbout{padding:14px 36px;font-size:17px}
}
@media (max-width: 480px) {
.heroAbout .mainTitleAbout{font-size:28px}
.heroAbout .subTxtAbout{font-size:16px}
.storyMainHead{font-size:26px}
.valueCard{padding:24px 20px}
.milestonesBlock{padding:24px 16px}
}
.titleBg{background:linear-gradient(135deg,#21B7BD 0%,#261A27 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.titleBg::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ffefce26 0%,transparent 70%);border-radius:50%}
.titleBg::after{content:'';position:absolute;bottom:-30%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,#ffefce1a 0%,transparent 60%);border-radius:50%}
.titleWrap{max-width:1366px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;gap:32px}
.titleMain{font-size:56px;color:#FFEFCE;font-weight:700;line-height:1.2;margin:0;max-width:800px}
.titleDesc{font-size:20px;color:#ffefcee6;line-height:1.6;max-width:700px;margin:0}
.storiesGrid{max-width:1366px;margin:0 auto;padding:80px 20px}
.gridLayout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.storyCard{background:#fff;border-radius:12px;box-shadow:0 4px 12px #261a2714;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.storyCard:hover{transform:translateY(-6px);box-shadow:0 8px 24px #261a2724}
.storyImgWrap{width:100%;height:340px;overflow:hidden;position:relative}
.storyImgWrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.storyCard:hover .storyImgWrap img{transform:scale(1.05)}
.storyContent{padding:36px 32px}
.categoryTag{display:inline-block;padding:6px 14px;background:linear-gradient(90deg,#21B7BD 0%,#1a9499 100%);color:#fff;font-size:13px;font-weight:600;border-radius:6px;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}
.storyHeading{font-size:28px;color:#261A27;font-weight:700;line-height:1.3;margin:0 0 16px}
.studentName{font-size:16px;color:#21B7BD;font-weight:600;margin:0 0 8px}
.studentDetails{font-size:14px;color:#666;margin:0 0 20px}
.storyText{font-size:16px;color:#333;line-height:1.7;margin:0 0 24px}
.metricsRow{display:flex;gap:24px;padding-top:24px;border-top:2px solid #f0f0f0}
.metricBox{flex:1}
.metricValue{font-size:32px;color:#21B7BD;font-weight:700;margin:0 0 4px;display:block}
.metricLabel{font-size:13px;color:#666;margin:0;line-height:1.4}
.timelineSection{background:#f8f8f8;padding:40px 32px;margin-top:24px;border-radius:10px}
.timelineHeading{font-size:18px;color:#261A27;font-weight:700;margin:0 0 24px}
.timelineSteps{display:flex;flex-direction:column;gap:16px}
.timelineStep{display:flex;gap:16px;align-items:flex-start}
.stepNum{min-width:32px;height:32px;background:linear-gradient(135deg,#21B7BD 0%,#1a9499 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}
.stepContent{flex:1}
.stepTitle{font-size:15px;color:#261A27;font-weight:600;margin:0 0 6px}
.stepDesc{font-size:14px;color:#555;line-height:1.6;margin:0}
.quoteBlock{background:linear-gradient(135deg,#21b7bd14 0%,#ffefce1f 100%);padding:32px;border-radius:10px;border-left:4px solid #21B7BD;margin-top:28px;position:relative}
.quoteBlock::before{content:'"';position:absolute;top:16px;left:20px;font-size:64px;color:#21B7BD;opacity:.2;font-weight:700;line-height:1}
.quoteText{font-size:17px;color:#261A27;line-height:1.7;margin:0;font-style:italic;position:relative;z-index:1}
@media (max-width: 1024px) {
.titleMain{font-size:44px}
.gridLayout{gap:40px}
.storyImgWrap{height:280px}
}
@media (max-width: 768px) {
.titleBg{padding:60px 20px 40px}
.titleMain{font-size:36px}
.titleDesc{font-size:18px}
.gridLayout{grid-template-columns:1fr;gap:48px}
.storiesGrid{padding:60px 20px}
.storyContent{padding:28px 24px}
.storyHeading{font-size:24px}
.metricsRow{flex-wrap:wrap;gap:16px}
.metricBox{flex-basis:calc(50% - 8px)}
.timelineSection{padding:32px 24px}
}
@media (max-width: 480px) {
.titleMain{font-size:32px}
.titleDesc{font-size:16px}
.storyImgWrap{height:240px}
.storyHeading{font-size:22px}
.metricValue{font-size:28px}
.metricsRow{flex-direction:column}
.metricBox{flex-basis:100%}
}
.mainWrap37{max-width:1366px;margin:0 auto;padding:0 20px}
.heroSect12{display:flex;align-items:center;gap:60px;padding:80px 0;position:relative}
.heroTextArea{flex:1;z-index:2}
.heroMainTitle{font-size:58px;line-height:1.1;margin:0 0 24px;color:#261A27;font-weight:700}
.heroMainTitle .accentWord41{color:#21B7BD;position:relative}
.heroMainTitle .accentWord41::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#21B7BD,#261A27)}
.heroDescription8{font-size:18px;line-height:1.6;color:#261A27;margin:0 0 32px;opacity:.85}
.heroCtaWrap{display:flex;gap:16px;align-items:center}
.primButton92{background:linear-gradient(135deg,#21B7BD,#1a9298);color:#fff;padding:16px 36px;border-radius:12px;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #21b7bd40;border:none;cursor:pointer}
.primButton92:hover{transform:translateY(-2px);box-shadow:0 6px 16px #21b7bd59}
.secondButton7{background:transparent;color:#261A27;padding:16px 36px;border-radius:12px;text-decoration:none;font-size:16px;font-weight:600;border:2px solid #261A27;transition:all .3s ease;cursor:pointer}
.secondButton7:hover{background:#261A27;color:#fff}
.heroImageWrap45{flex:1;position:relative}
.heroImageWrap45 img{width:100%;height:520px;object-fit:cover;border-radius:16px;box-shadow:0 8px 24px #261a2726}
.shapeDecor1{position:absolute;width:180px;height:180px;background:#21B7BD;opacity:.12;border-radius:50%;top:-40px;right:-40px;z-index:1}
.shapeDecor2{position:absolute;width:120px;height:120px;background:#FFEFCE;opacity:.4;border-radius:16px;bottom:-20px;left:-30px;z-index:1;transform:rotate(15deg)}
.mechanicSect67{padding:90px 0;background:linear-gradient(180deg,#f8f9fa 0%,#fff 100%)}
.sectHeader23{text-align:center;margin-bottom:60px}
.sectTitle89{font-size:42px;line-height:1.2;margin:0 0 16px;color:#261A27;font-weight:700}
.sectTitle89::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#21B7BD,#261A27);margin:0 auto 20px}
.sectSubtext13{font-size:18px;color:#261A27;opacity:.75;max-width:680px;margin:0 auto}
.mechanicsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.mechCard54{background:#fff;padding:40px 32px;border-radius:14px;box-shadow:0 4px 16px #261a2714;transition:all .3s ease;border:1px solid #21b7bd1a}
.mechCard54:hover{transform:translateY(-6px);box-shadow:0 8px 24px #261a271f;border-color:#21B7BD}
.mechIconWrap76{width:64px;height:64px;background:linear-gradient(135deg,#21b7bd1a,#21b7bd33);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.mechIconWrap76 .mdi{font-size:32px;color:#21B7BD}
.mechCard54 h3{font-size:22px;margin:0 0 14px;color:#261A27;font-weight:600}
.mechCard54 p{font-size:16px;line-height:1.6;color:#261A27;opacity:.75;margin:0}
.personalizeSect88{padding:90px 0;position:relative;overflow:hidden}
.personalizeInner{display:flex;align-items:center;gap:70px}
.personalizeImgSide{flex:0 0 48%}
.personalizeImgSide img{width:100%;height:480px;object-fit:cover;border-radius:16px;box-shadow:0 8px 24px #261a271f}
.personalizeTextSide{flex:1}
.personalizeTextSide h2{font-size:40px;line-height:1.2;margin:0 0 24px;color:#261A27;font-weight:700;position:relative;display:inline-block}
.personalizeTextSide h2::after{content:'';position:absolute;bottom:-8px;left:0;width:80px;height:3px;background:#21B7BD}
.personalizeTextSide p{font-size:17px;line-height:1.7;color:#261A27;opacity:.8;margin:0 0 32px}
.pathStepsWrap{display:flex;flex-direction:column;gap:20px}
.pathStep12{display:flex;gap:20px;align-items:flex-start}
.stepNumber98{flex:0 0 48px;height:48px;background:linear-gradient(135deg,#21B7BD,#1a9298);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 4px 12px #21b7bd40}
.stepTextBox{flex:1}
.stepTextBox h4{font-size:19px;margin:0 0 8px;color:#261A27;font-weight:600}
.stepTextBox p{font-size:16px;line-height:1.6;color:#261A27;opacity:.75;margin:0}
.bgShapePersonal{position:absolute;width:300px;height:300px;background:radial-gradient(circle,#ffefce66,transparent);border-radius:50%;top:10%;right:-100px;z-index:-1}
.afterLearnSect45{padding:90px 0;background:#261A27;color:#fff;position:relative}
.afterLearnWrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.afterTextZone{display:flex;flex-direction:column;gap:24px}
.afterTextZone h2{font-size:40px;line-height:1.2;margin:0;font-weight:700}
.afterTextZone h2 .highlightWord56{color:#21B7BD;position:relative}
.afterTextZone h2 .highlightWord56::before{content:'';position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#FFEFCE;border-radius:50%}
.afterTextZone p{font-size:17px;line-height:1.7;opacity:.85;margin:0}
.benefitsGrid78{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.benefitBox23{background:#ffffff0d;padding:28px 24px;border-radius:12px;border:1px solid #21b7bd33;transition:all .3s ease}
.benefitBox23:hover{background:#21b7bd1a;border-color:#21B7BD;transform:translateX(4px)}
.benefitIconHead{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.benefitIconHead .mdi{font-size:28px;color:#21B7BD}
.benefitIconHead h4{font-size:19px;margin:0;font-weight:600;color:#fff}
.benefitBox23 p{font-size:15px;line-height:1.6;opacity:.75;margin:0;color:#fff}
.afterVisualZone{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.visualCard67 img{width:100%;height:240px;object-fit:cover;border-radius:12px;box-shadow:0 6px 20px #0000004d}
.visualCard67:nth-child(2){margin-top:40px}
.decorCircle89{position:absolute;width:200px;height:200px;background:#21b7bd1a;border-radius:50%;bottom:-50px;left:-50px;z-index:0}
@media (max-width: 1024px) {
.heroSect12{flex-direction:column;padding:60px 0;gap:40px}
.heroMainTitle{font-size:46px}
.heroImageWrap45 img{height:400px}
.mechanicsGrid{grid-template-columns:1fr 1fr}
.personalizeInner{flex-direction:column;gap:50px}
.personalizeImgSide{flex:0 0 100%}
.afterLearnWrap{grid-template-columns:1fr;gap:50px}
.afterVisualZone{grid-template-columns:1fr 1fr}
}
@media (max-width: 768px) {
.heroMainTitle{font-size:36px}
.heroDescription8{font-size:16px}
.heroCtaWrap{flex-direction:column;align-items:stretch}
.primButton92,.secondButton7{text-align:center}
.heroImageWrap45 img{height:320px}
.sectTitle89{font-size:32px}
.mechanicsGrid{grid-template-columns:1fr}
.personalizeTextSide h2{font-size:32px}
.personalizeImgSide img{height:360px}
.benefitsGrid78{grid-template-columns:1fr}
.afterTextZone h2{font-size:32px}
.afterVisualZone{grid-template-columns:1fr}
.visualCard67:nth-child(2){margin-top:0}
}
@media (max-width: 480px) {
.heroSect12{padding:40px 0}
.heroMainTitle{font-size:28px}
.sectTitle89{font-size:26px}
.mechCard54{padding:28px 20px}
.personalizeTextSide h2,.afterTextZone h2{font-size:26px}
.pathStep12{flex-direction:column}
.mechanicSect67,.personalizeSect88,.afterLearnSect45{padding:60px 0}
}
.heroWrap{background:linear-gradient(135deg,#21B7BD 0%,#261A27 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.heroWrap::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ffefce26 0%,transparent 70%);border-radius:50%}
.heroWrap::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:8px;background:repeating-linear-gradient(90deg,#FFEFCE 0px,#FFEFCE 20px,transparent 20px,transparent 40px)}
.heroInner{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.heroTitleBlock h1{font-size:48px;color:#FFEFCE;margin:0 0 16px;line-height:1.2}
.heroTitleBlock p{font-size:20px;color:#ffefcee6;margin:0;line-height:1.6}
.contactMainWrap{background:#FAFAFA;padding:60px 20px}
.contactMainInner{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:start}
.infoSideBlock{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 12px #00000014}
.infoSideBlock h2{font-size:28px;color:#261A27;margin:0 0 24px;position:relative;padding-left:16px}
.infoSideBlock h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:32px;background:linear-gradient(180deg,#21B7BD,#261A27);border-radius:2px}
.contactDetailItem{margin-bottom:28px;padding:20px;background:#F8F9FA;border-radius:8px;border-left:3px solid #21B7BD}
.contactDetailItem:last-child{margin-bottom:0}
.contactDetailItem h3{font-size:16px;color:#21B7BD;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}
.contactDetailItem p{font-size:18px;color:#261A27;margin:0;line-height:1.5}
.contactDetailItem a{color:#261A27;text-decoration:none;transition:color .3s ease}
.contactDetailItem a:hover{color:#21B7BD}
.messengerLinks{display:flex;gap:12px;margin-top:12px}
.messengerLinks a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff;border:2px solid #21B7BD;border-radius:8px;color:#21B7BD;font-size:20px;text-decoration:none;transition:all .3s ease}
.messengerLinks a:hover{background:#21B7BD;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #21b7bd4d}
.formSideBlock{background:#fff;padding:50px;border-radius:12px;box-shadow:0 6px 20px #0000001a}
.formSideBlock h2{font-size:32px;color:#261A27;margin:0 0 12px}
.formSubtxt{font-size:16px;color:#666;margin:0 0 32px;line-height:1.6}
.formContactMain{display:flex;flex-direction:column;gap:24px}
.inputRowGroup{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fieldWrap{display:flex;flex-direction:column}
.fieldWrap label{font-size:14px;color:#261A27;margin-bottom:8px;font-weight:600}
.fieldWrap input,.fieldWrap select{padding:14px 16px;font-size:16px;border:2px solid #E0E0E0;border-radius:8px;background:#fff;transition:all .3s ease;outline:none}
.fieldWrap input:focus,.fieldWrap select:focus{border-color:#21B7BD;box-shadow:0 0 0 3px #21b7bd1a}
.selectWrap{position:relative}
.selectWrap::after{content:'\25BC';position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:#261A27;font-size:12px}
.selectWrap select{appearance:none;width:100%;cursor:pointer}
.privacyCheckWrap{display:flex;align-items:start;gap:12px;margin-top:8px}
.privacyCheckWrap input[type="checkbox"]{width:20px;height:20px;min-width:20px;margin-top:2px;cursor:pointer;accent-color:#21B7BD}
.privacyCheckWrap label{font-size:14px;color:#666;line-height:1.5;cursor:pointer}
.privacyCheckWrap a{color:#21B7BD;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}
.privacyCheckWrap a:hover{border-bottom-color:#21B7BD}
.submitBtnWrap{margin-top:12px}
.submitBtnMain{width:100%;padding:16px 32px;font-size:18px;font-weight:600;background:linear-gradient(135deg,#21B7BD 0%,#1a9298 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #21b7bd4d}
.submitBtnMain:hover{transform:translateY(-2px);box-shadow:0 6px 16px #21b7bd66}
.submitBtnMain:active{transform:translateY(0)}
.additionalInfoSection{background:#fff;padding:60px 20px}
.additionalInfoInner{max-width:1366px;margin:0 auto}
.infoGridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.infoCardItem{padding:32px;background:linear-gradient(135deg,#F8F9FA 0%,#FFF 100%);border-radius:12px;border:2px solid #E0E0E0;transition:all .3s ease;position:relative;overflow:hidden}
.infoCardItem::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#21B7BD,#FFEFCE);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.infoCardItem:hover::before{transform:scaleX(1)}
.infoCardItem:hover{border-color:#21B7BD;box-shadow:0 8px 24px #21b7bd26;transform:translateY(-4px)}
.infoCardIcon{width:56px;height:56px;background:linear-gradient(135deg,#21B7BD,#1a9298);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 4px 12px #21b7bd40}
.infoCardIcon i{font-size:28px;color:#fff}
.infoCardItem h3{font-size:22px;color:#261A27;margin:0 0 12px}
.infoCardItem p{font-size:15px;color:#666;margin:0;line-height:1.6}
.guaranteeSection{background:linear-gradient(135deg,#21b7bd0d 0%,#ffefce1a 100%);padding:50px 20px}
.guaranteeInner{max-width:1366px;margin:0 auto;text-align:center}
.guaranteeInner h2{font-size:32px;color:#261A27;margin:0 0 16px}
.guaranteeInner p{font-size:18px;color:#666;margin:0 0 32px;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.7}
.timelineProcess{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;max-width:1100px;margin:0 auto;position:relative}
.timelineProcess::before{content:'';position:absolute;top:30px;left:8%;right:8%;height:3px;background:linear-gradient(90deg,#21B7BD 0%,#FFEFCE 50%,#21B7BD 100%);z-index:1}
.timelineStep{flex:1;text-align:center;position:relative;z-index:2}
.timelineStepNum{width:60px;height:60px;background:#fff;border:4px solid #21B7BD;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px;font-weight:700;color:#21B7BD;box-shadow:0 4px 12px #21b7bd33}
.timelineStep h4{font-size:18px;color:#261A27;margin:0 0 8px}
.timelineStep p{font-size:14px;color:#666;margin:0;line-height:1.5}
@media (max-width: 1024px) {
.contactMainInner{grid-template-columns:1fr;gap:40px}
.infoGridLayout{grid-template-columns:1fr}
.timelineProcess::before{display:none}
.timelineProcess{flex-direction:column;align-items:center}
.timelineStep{max-width:400px}
}
@media (max-width: 768px) {
.heroWrap{padding:60px 20px 40px}
.heroTitleBlock h1{font-size:36px}
.heroTitleBlock p{font-size:18px}
.formSideBlock{padding:32px 24px}
.inputRowGroup{grid-template-columns:1fr;gap:16px}
.infoSideBlock{padding:28px 20px}
.formSideBlock h2{font-size:26px}
.guaranteeInner h2{font-size:26px}
.guaranteeInner p{font-size:16px}
}
@media (max-width: 480px) {
.heroTitleBlock h1{font-size:28px}
.contactDetailItem{padding:16px}
.formSideBlock{padding:24px 16px}
.timelineStepNum{width:50px;height:50px;font-size:20px}
}
.titleAreaWrap{max-width:1366px;margin:0 auto;padding:80px 20px;position:relative}
.circleLayoutMain{display:flex;align-items:center;justify-content:center;gap:60px;flex-wrap:wrap}
.titleAreaWrap .centerTextBox{flex:1;min-width:300px;max-width:600px;text-align:center}
.titleAreaWrap .mainHeading23{font-size:48px;font-weight:700;color:#261A27;margin:0 0 20px;line-height:1.2}
.titleAreaWrap .descTxt45{font-size:18px;line-height:1.6;color:#261A27;margin:0 0 35px;opacity:.85}
.titleAreaWrap .buttWrap67{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.titleAreaWrap .primButt1{background:linear-gradient(135deg,#21B7BD 0%,#1a9298 100%);color:#fff;padding:16px 32px;border-radius:12px;text-decoration:none;font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px #21b7bd40;transition:all .3s ease;z-index:10;position:relative}
.titleAreaWrap .primButt1:hover{transform:translateY(-2px);box-shadow:0 6px 20px #21b7bd59}
.titleAreaWrap .secButt2{background:transparent;color:#261A27;padding:16px 32px;border-radius:12px;text-decoration:none;font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:8px;border:2px solid #261A27;transition:all .3s ease;z-index:10;position:relative}
.titleAreaWrap .secButt2:hover{background:#261A27;color:#fff}
.titleAreaWrap .imgWrap88{flex:1;min-width:300px;max-width:500px;position:relative}
.titleAreaWrap .imgWrap88 img{width:100%;height:auto;border-radius:16px;filter:sepia(0.15) contrast(1.1);box-shadow:0 8px 24px #261a2726}
.pathwaysSec{background:#FFEFCE;padding:100px 20px}
.pathwaysSec .contentBox90{max-width:1366px;margin:0 auto}
.pathwaysSec .secHeading91::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#21B7BD 0%,#261A27 100%);margin:0 0 20px;border-radius:2px}
.pathwaysSec .secHeading91{font-size:42px;font-weight:700;color:#261A27;margin:0 0 16px;line-height:1.2}
.pathwaysSec .introTxt92{font-size:18px;line-height:1.7;color:#261A27;margin:0 0 60px;max-width:800px;opacity:.9}
.pathwaysSec .gridHolder93{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.pathwaysSec .pathCard94{background:#fff;padding:40px 32px;border-radius:14px;box-shadow:0 4px 16px #261a2714;transition:all .3s ease;position:relative;overflow:hidden}
.pathwaysSec .pathCard94::after{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#21B7BD 0%,#261A27 100%);opacity:0;transition:opacity .3s ease}
.pathwaysSec .pathCard94:hover{transform:translateY(-4px);box-shadow:0 8px 24px #261a2726}
.pathwaysSec .pathCard94:hover::after{opacity:1}
.pathwaysSec .pathCard94 .iconBox95{font-size:32px;color:#21B7BD;margin:0 0 20px}
.pathwaysSec .pathCard94 .cardTitle96{font-size:24px;font-weight:600;color:#261A27;margin:0 0 12px}
.pathwaysSec .pathCard94 .cardDesc97{font-size:16px;line-height:1.6;color:#261A27;margin:0 0 20px;opacity:.8}
.pathwaysSec .pathCard94 .featureList98{list-style:none;padding:0;margin:0}
.pathwaysSec .pathCard94 .featureList98 li{padding:8px 0 8px 28px;position:relative;font-size:15px;color:#261A27;opacity:.85}
.pathwaysSec .pathCard94 .featureList98 li::before{content:'✓';position:absolute;left:0;color:#21B7BD;font-weight:700}
.structureSec{padding:100px 20px;background:#fff}
.structureSec .contentWrap100{max-width:1366px;margin:0 auto}
.structureSec .mainGrid101{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.structureSec .leftCol102 .titleTag103{display:inline-block;background:linear-gradient(135deg,#21B7BD 0%,#1a9298 100%);color:#fff;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;margin:0 0 24px}
.structureSec .leftCol102 .heading104{font-size:40px;font-weight:700;color:#261A27;margin:0 0 24px;line-height:1.2}
.structureSec .leftCol102 .bodyTxt105{font-size:17px;line-height:1.7;color:#261A27;margin:0 0 32px;opacity:.85}
.structureSec .leftCol102 .statGrid106{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.structureSec .leftCol102 .statBox107{background:#FFEFCE;padding:24px;border-radius:12px}
.structureSec .leftCol102 .statBox107 .numVal108{font-size:36px;font-weight:700;color:#21B7BD;margin:0 0 8px}
.structureSec .leftCol102 .statBox107 .statLabel109{font-size:15px;color:#261A27;opacity:.8;margin:0}
.structureSec .rightCol110{position:relative}
.structureSec .rightCol110 .phaseWrap111{position:relative;padding-left:40px}
.structureSec .rightCol110 .phaseWrap111::before{content:'';position:absolute;left:14px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#21B7BD 0%,#21b7bd33 100%)}
.structureSec .rightCol110 .phaseItem112{position:relative;margin-bottom:40px}
.structureSec .rightCol110 .phaseItem112:last-child{margin-bottom:0}
.structureSec .rightCol110 .phaseItem112 .phaseDot113{position:absolute;left:-36px;top:4px;width:30px;height:30px;background:#fff;border:3px solid #21B7BD;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#21B7BD;box-shadow:0 2px 8px #21b7bd33}
.structureSec .rightCol110 .phaseItem112 .phaseTitle114{font-size:22px;font-weight:600;color:#261A27;margin:0 0 12px}
.structureSec .rightCol110 .phaseItem112 .phaseDesc115{font-size:16px;line-height:1.6;color:#261A27;margin:0;opacity:.8}
.methodsSec{background:linear-gradient(135deg,#261A27 0%,#3a2b3d 100%);padding:100px 20px;position:relative;overflow:hidden}
.methodsSec::before{content:'';position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,#21b7bd1a 0%,transparent 70%);border-radius:50%}
.methodsSec .innerWrap116{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.methodsSec .topArea117{text-align:center;margin-bottom:70px}
.methodsSec .topArea117 .heading118{font-size:42px;font-weight:700;color:#fff;margin:0 0 20px;line-height:1.2}
.methodsSec .topArea117 .subText119{font-size:18px;line-height:1.7;color:#ffffffd9;margin:0 auto;max-width:700px}
.methodsSec .methodsGrid120{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.methodsSec .methodCard121{background:#ffffff0d;backdrop-filter:blur(10px);padding:36px 28px;border-radius:14px;border:1px solid #ffffff1a;transition:all .3s ease}
.methodsSec .methodCard121:hover{background:#ffffff14;transform:translateY(-4px);border-color:#21b7bd4d}
.methodsSec .methodCard121 .iconCircle122{width:60px;height:60px;background:linear-gradient(135deg,#21B7BD 0%,#1a9298 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;margin:0 0 24px}
.methodsSec .methodCard121 .cardHeading123{font-size:22px;font-weight:600;color:#fff;margin:0 0 14px}
.methodsSec .methodCard121 .cardText124{font-size:16px;line-height:1.6;color:#fffc;margin:0}
.enrollSec{padding:100px 20px;background:#fff}
.enrollSec .centralWrap125{max-width:900px;margin:0 auto;text-align:center}
.enrollSec .centralWrap125 .preHeading126{font-size:16px;font-weight:600;color:#21B7BD;margin:0 0 16px;text-transform:uppercase;letter-spacing:1px}
.enrollSec .centralWrap125 .mainHeading127{font-size:44px;font-weight:700;color:#261A27;margin:0 0 24px;line-height:1.2}
.enrollSec .centralWrap125 .descText128{font-size:18px;line-height:1.7;color:#261A27;margin:0 0 40px;opacity:.85}
.enrollSec .centralWrap125 .ctaHolder129{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.enrollSec .centralWrap125 .primaryCta130{background:linear-gradient(135deg,#21B7BD 0%,#1a9298 100%);color:#fff;padding:18px 40px;border-radius:12px;text-decoration:none;font-size:17px;font-weight:600;display:inline-flex;align-items:center;gap:10px;box-shadow:0 6px 20px #21b7bd4d;transition:all .3s ease;z-index:10;position:relative}
.enrollSec .centralWrap125 .primaryCta130:hover{transform:translateY(-3px);box-shadow:0 8px 28px #21b7bd66}
.enrollSec .centralWrap125 .secondaryCta131{background:transparent;color:#261A27;padding:18px 40px;border-radius:12px;text-decoration:none;font-size:17px;font-weight:600;display:inline-flex;align-items:center;gap:10px;border:2px solid #261A27;transition:all .3s ease;z-index:10;position:relative}
.enrollSec .centralWrap125 .secondaryCta131:hover{background:#261A27;color:#fff}
.enrollSec .centralWrap125 .featureRow132{display:flex;gap:48px;justify-content:center;margin-top:60px;flex-wrap:wrap}
.enrollSec .centralWrap125 .featureItem133{display:flex;flex-direction:column;align-items:center;gap:12px}
.enrollSec .centralWrap125 .featureItem133 .featureIcon134{font-size:36px;color:#21B7BD}
.enrollSec .centralWrap125 .featureItem133 .featureLabel135{font-size:16px;font-weight:600;color:#261A27;margin:0}
@media (max-width: 1024px) {
.titleAreaWrap .mainHeading23{font-size:40px}
.structureSec .mainGrid101{grid-template-columns:1fr;gap:60px}
.methodsSec .methodsGrid120{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.titleAreaWrap{padding:60px 20px}
.titleAreaWrap .mainHeading23{font-size:32px}
.titleAreaWrap .buttWrap67{flex-direction:column}
.titleAreaWrap .primButt1,.titleAreaWrap .secButt2{width:100%;justify-content:center}
.pathwaysSec,.structureSec,.methodsSec,.enrollSec{padding:70px 20px}
.pathwaysSec .secHeading91{font-size:32px}
.pathwaysSec .gridHolder93{grid-template-columns:1fr}
.structureSec .leftCol102 .heading104{font-size:32px}
.structureSec .leftCol102 .statGrid106{grid-template-columns:1fr}
.methodsSec .topArea117 .heading118{font-size:32px}
.methodsSec .methodsGrid120{grid-template-columns:1fr}
.enrollSec .centralWrap125 .mainHeading127{font-size:32px}
.enrollSec .centralWrap125 .ctaHolder129{flex-direction:column}
.enrollSec .centralWrap125 .primaryCta130,.enrollSec .centralWrap125 .secondaryCta131{width:100%;justify-content:center}
.enrollSec .centralWrap125 .featureRow132{gap:32px}
}
@media (max-width: 480px) {
.titleAreaWrap .mainHeading23{font-size:28px}
.titleAreaWrap .descTxt45{font-size:16px}
.circleLayoutMain{gap:40px}
}
.success-wrapper{background:linear-gradient(135deg,#FFEFCE 0%,#fff 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.success-wrapper::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#21b7bd14 0%,transparent 70%);top:-100px;right:-100px;border-radius:50%}
.success-wrapper::after{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,#261a270d 0%,transparent 70%);bottom:-80px;left:-80px;border-radius:50%}
.successContain{max-width:680px;width:100%;background:#fff;border-radius:12px;padding:56px 48px;box-shadow:0 8px 24px #261a2714;position:relative;z-index:2;text-align:center}
.successIcon-wrap{width:96px;height:96px;background:linear-gradient(135deg,#21B7BD 0%,#1a9298 100%);border-radius:50%;margin:0 auto 32px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 6px 20px #21b7bd40}
.successIcon-wrap::before{content:'';position:absolute;width:110px;height:110px;border:2px solid #21b7bd33;border-radius:50%;animation:pulsRing 2s ease-in-out infinite}
@keyframes pulsRing {
0%{transform:scale(1);opacity:1}
100%{transform:scale(1.3);opacity:0}
}
.successIcon-wrap .mdi{font-size:48px;color:#fff}
.successContain h1{font-size:32px;color:#261A27;margin:0 0 16px;font-weight:700;line-height:1.2}
.successMsg-txt{font-size:16px;color:#261A27;line-height:1.6;margin:0 0 28px;opacity:.85}
.successInfo-blk{background:#FFEFCE;border-radius:8px;padding:24px;margin:0 0 32px;text-align:left}
.successInfo-blk h4{font-size:15px;color:#261A27;margin:0 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.infoItem7{display:flex;align-items:flex-start;margin:0 0 10px}
.infoItem7:last-child{margin-bottom:0}
.infoItem7 .mdi{font-size:20px;color:#21B7BD;margin-right:12px;flex-shrink:0;margin-top:2px}
.infoItem7 span{font-size:15px;color:#261A27;line-height:1.5}
.btnGroup-succ{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn-prim9{display:inline-flex;align-items:center;background:linear-gradient(135deg,#21B7BD 0%,#1a9298 100%);color:#fff;padding:14px 32px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #21b7bd33;border:none;cursor:pointer}
.btn-prim9:hover{transform:translateY(-2px);box-shadow:0 6px 16px #21b7bd4d}
.btn-prim9 .mdi{margin-right:8px;font-size:18px}
.btn-sec8{display:inline-flex;align-items:center;background:transparent;color:#261A27;padding:14px 32px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease;border:2px solid #261A27}
.btn-sec8:hover{background:#261A27;color:#fff}
.btn-sec8 .mdi{margin-left:8px;font-size:18px}
.extraInfo-sect{background:#fff;padding:80px 20px}
.extraInfo-contain{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.infoCard12{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:32px;border-radius:10px;border-left:4px solid #21B7BD;box-shadow:0 4px 12px #261a270f;transition:all .3s ease}
.infoCard12:hover{transform:translateY(-4px);box-shadow:0 8px 20px #261a271f}
.cardIcon-wrap4{width:56px;height:56px;background:linear-gradient(135deg,#21B7BD 0%,#1a9298 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.cardIcon-wrap4 .mdi{font-size:28px;color:#fff}
.infoCard12 h3{font-size:20px;color:#261A27;margin:0 0 12px;font-weight:700}
.infoCard12 p{font-size:15px;color:#261A27;line-height:1.6;margin:0;opacity:.8}
@media (max-width: 1024px) {
.extraInfo-contain{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.success-wrapper{padding:40px 20px}
.successContain{padding:40px 28px}
.successContain h1{font-size:26px}
.successIcon-wrap{width:80px;height:80px}
.successIcon-wrap .mdi{font-size:40px}
.btnGroup-succ{flex-direction:column;gap:12px}
.btn-prim9,.btn-sec8{width:100%;justify-content:center}
.extraInfo-contain{grid-template-columns:1fr;gap:24px}
.extraInfo-sect{padding:60px 20px}
}
@media (max-width: 480px) {
.successContain{padding:32px 20px}
.successContain h1{font-size:22px}
.successMsg-txt{font-size:15px}
.successInfo-blk{padding:20px}
}