@import "https://cdn.jsdelivr.net/npm/@fontsource/rubik@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/rubik@latest/700.css";
*,::before,::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Rubik',sans-serif;background:#FFF;color:#333;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.HeadWrap{max-width:1140px;margin:0 auto;padding:20px 20px 10px}
.MainHead{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #1074741a;margin-bottom:15px}
.LogoBox{flex-shrink:0}
.LogoLink{display:block}
.LogImg{height:90px;width:90px;display:block;box-shadow:0 2px 8px #0000001a;border-radius:25px}
.CompanyNameScript{font-size:42px;font-weight:700;background:linear-gradient(135deg,#EE3038 0%,#107474 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px;margin-left:auto;margin-right:40px}
.NavRow{display:flex;justify-content:center}
.PrimaryNavi{display:flex;gap:35px;align-items:center}
.PrimaryNavi .NavItem{text-decoration:none;color:#333;font-size:17px;font-weight:400;padding:8px 15px;border-radius:22px;transition:background-color 0.3s,color .3s}
.PrimaryNavi .NavItem:hover{background-color:#FFF5E9;color:#EE3038}
@media (max-width: 768px) {
.MainHead{flex-direction:column;align-items:center;gap:15px}
.CompanyNameScript{margin:0;font-size:32px;text-align:center}
.PrimaryNavi{flex-direction:column;gap:12px;width:100%}
.PrimaryNavi .NavItem{width:100%;text-align:center}
}
.FooterWrap{background:linear-gradient(135deg,#107474 0%,#FFF5E9 100%);padding:50px 20px 25px;margin-top:60px}
.FooterCols{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:2fr 1.5fr 1.5fr;gap:40px;padding-bottom:30px;border-bottom:1px solid #fff3}
.FootCol{display:flex;flex-direction:column;gap:12px}
.FootTitle{font-size:20px;font-weight:700;color:#FFF;margin-bottom:8px}
.FootText{font-size:15px;color:#FFF;line-height:1.5}
.FootContactItem{font-size:15px;color:#FFF;margin-bottom:5px}
.FootContactItem a{color:#FFF;text-decoration:none;transition:color .3s}
.FootContactItem a:hover{color:#EE3038}
.FootNavi{display:flex;flex-direction:column;gap:8px}
.FootLink{color:#FFF;text-decoration:none;font-size:15px;transition:color .3s}
.FootLink:hover{color:#EE3038}
.FootBottom{max-width:1140px;margin:0 auto;padding-top:20px;text-align:center}
.CopyrightText{font-size:14px;color:#FFF}
@media (max-width: 768px) {
.FooterCols{grid-template-columns:1fr;gap:30px}
}
.CookiePopup{position:fixed;top:20px;right:20px;width:440px;max-width:calc(100vw - 40px);background:#FFF;border-radius:30px;box-shadow:0 8px 24px #00000026;z-index:10000;transform:translateX(120%);transition:transform .4s ease-out;border:2px solid #FFF5E9}
.CookiePopup.show-popup{transform:translateX(0)}
.CookiePopup.hide-popup{transform:translateX(120%)}
.CookieInner{padding:28px 30px}
.CookieHeading{font-size:22px;font-weight:700;color:#107474;margin-bottom:12px}
.CookieDesc{font-size:15px;color:#555;margin-bottom:20px;line-height:1.5}
.CookieCategories{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}
.CookieCat{display:flex;flex-direction:column;gap:5px}
.CatLabel{display:flex;align-items:center;gap:10px;cursor:pointer}
.CatToggle{width:20px;height:20px;cursor:pointer;accent-color:#EE3038}
.CatToggle:disabled{cursor:not-allowed;opacity:.6}
.CatName{font-size:16px;font-weight:700;color:#333}
.CatInfo{font-size:13px;color:#777;margin-left:30px}
.CookieActions{display:flex;gap:12px;justify-content:space-between}
.CookieButt{flex:1;padding:12px 20px;font-size:15px;font-weight:700;border-radius:25px;cursor:pointer;transition:background-color 0.3s,color 0.3s,border-color .3s;font-family:'Rubik',sans-serif}
.CookieAccept{background:transparent;border:2px solid #107474;color:#107474}
.CookieAccept:hover{background:#107474;color:#FFF}
.CookieDecline{background:transparent;border:2px solid #EE3038;color:#EE3038}
.CookieDecline:hover{background:#EE3038;color:#FFF}
@media (max-width: 768px) {
.CookiePopup{width:calc(100vw - 40px);right:20px}
.CookieActions{flex-direction:column}
}
.content-legal-wt{max-width:1140px;margin:0 auto;padding:80px 20px;background:#fff}
.content-legal-wt h1{font-size:48px;line-height:1.2;color:#107474;margin:0 0 40px;font-weight:700}
.content-legal-wt h2{font-size:36px;line-height:1.3;color:#EE3038;margin:60px 0 30px;font-weight:600}
.content-legal-wt h3{font-size:28px;line-height:1.4;color:#107474;margin:50px 0 25px;font-weight:600}
.content-legal-wt h4{font-size:22px;line-height:1.4;color:#333;margin:40px 0 20px;font-weight:600}
.content-legal-wt h5{font-size:18px;line-height:1.5;color:#333;margin:30px 0 15px;font-weight:600}
.content-legal-wt h6{font-size:16px;line-height:1.5;color:#555;margin:25px 0 15px;font-weight:600}
.content-legal-wt p{font-size:17px;line-height:1.8;color:#333;margin:0 0 25px}
.content-legal-wt a{color:#EE3038;text-decoration:underline;transition:color .3s ease}
.content-legal-wt a:hover{color:#107474}
.content-legal-wt strong,.content-legal-wt b{font-weight:600;color:#222}
.content-legal-wt em,.content-legal-wt i{font-style:italic;color:#444}
.content-legal-wt ul{margin:0 0 30px;padding:0 0 0 30px;list-style:none}
.content-legal-wt ul li{font-size:17px;line-height:1.8;color:#333;margin:0 0 15px;padding-left:25px;position:relative}
.content-legal-wt ul li::before{content:"";position:absolute;left:0;top:12px;width:8px;height:8px;background:#EE3038;border-radius:50%}
.content-legal-wt ol{margin:0 0 30px;padding:0 0 0 30px;list-style:none;counter-reset:policy-counter}
.content-legal-wt ol li{font-size:17px;line-height:1.8;color:#333;margin:0 0 15px;padding-left:30px;position:relative;counter-increment:policy-counter}
.content-legal-wt ol li::before{content:counter(policy-counter) ".";position:absolute;left:0;top:0;color:#107474;font-weight:600}
.content-legal-wt ul ul,.content-legal-wt ol ol,.content-legal-wt ul ol,.content-legal-wt ol ul{margin:15px 0}
.content-legal-wt ul ul li::before{background:#107474;width:6px;height:6px}
.content-legal-wt table{width:100%;margin:40px 0;border-collapse:collapse;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #00000014}
.content-legal-wt thead{background:linear-gradient(135deg,#EE3038 0%,#107474 100%)}
.content-legal-wt thead tr th{padding:20px 25px;text-align:left;font-size:16px;font-weight:600;color:#fff;border:none}
.content-legal-wt tbody tr{border-bottom:1px solid #f0f0f0}
.content-legal-wt tbody tr:last-child{border-bottom:none}
.content-legal-wt tbody tr:nth-child(even){background:#FFF5E9}
.content-legal-wt tbody tr td{padding:18px 25px;font-size:16px;line-height:1.6;color:#333;border:none}
.content-legal-wt hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#EE3038 50%,transparent 100%);margin:60px 0}
.content-legal-wt blockquote{margin:40px 0;padding:30px 40px;background:#FFF5E9;border-left:6px solid #EE3038;border-radius:0 20px 20px 0}
.content-legal-wt blockquote p{margin:0;font-size:18px;font-style:italic;color:#555}
.content-legal-wt code{background:#f5f5f5;padding:3px 8px;border-radius:6px;font-family:monospace;font-size:15px;color:#107474}
.content-legal-wt pre{background:#f5f5f5;padding:25px;border-radius:20px;overflow-x:auto;margin:30px 0}
.content-legal-wt pre code{background:none;padding:0;border-radius:0}
.content-legal-wt div{margin:0}
@media (max-width: 768px) {
.content-legal-wt{padding:60px 15px}
.content-legal-wt h1{font-size:36px;margin-bottom:30px}
.content-legal-wt h2{font-size:28px;margin:50px 0 25px}
.content-legal-wt h3{font-size:22px;margin:40px 0 20px}
.content-legal-wt h4{font-size:19px;margin:35px 0 18px}
.content-legal-wt p{font-size:16px;margin-bottom:20px}
.content-legal-wt ul,.content-legal-wt ol{padding-left:20px}
.content-legal-wt ul li,.content-legal-wt ol li{font-size:16px;padding-left:20px;margin-bottom:12px}
.content-legal-wt table{margin:30px 0;font-size:14px}
.content-legal-wt thead tr th,.content-legal-wt tbody tr td{padding:15px;font-size:14px}
.content-legal-wt blockquote{padding:20px 25px;margin:30px 0}
.content-legal-wt blockquote p{font-size:16px}
}
@media (max-width: 480px) {
.content-legal-wt{padding:40px 12px}
.content-legal-wt h1{font-size:28px;margin-bottom:25px}
.content-legal-wt h2{font-size:24px;margin:40px 0 20px}
.content-legal-wt h3{font-size:20px}
.content-legal-wt table{display:block;overflow-x:auto}
.content-legal-wt thead tr th,.content-legal-wt tbody tr td{padding:12px;font-size:13px}
}
.TitleWrapp{max-width:1140px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative}
.TitleWrapp::before{content:'';position:absolute;top:40px;right:10%;width:180px;height:180px;background:linear-gradient(135deg,#EE3038 0%,#ee30384d 100%);border-radius:50%;opacity:.15;z-index:1}
.TitleWrapp::after{content:'';position:absolute;bottom:60px;left:8%;width:140px;height:140px;background:linear-gradient(225deg,#107474 0%,#10747433 100%);border-radius:28px;transform:rotate(25deg);opacity:.12;z-index:1}
.TxtContent-hero{position:relative;z-index:2}
.MainHeading-top{font-size:48px;line-height:1.2;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.PointsList-main{list-style:none;padding:0;margin:0 0 32px}
.PointsList-main li{padding:16px 0 16px 44px;position:relative;font-size:18px;line-height:1.6;color:#333}
.PointsList-main li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:28px;height:28px;background:linear-gradient(135deg,#EE3038 0%,#107474 100%);border-radius:50%;opacity:.85}
.PointsList-main li::after{content:'';position:absolute;left:9px;top:50%;transform:translateY(-50%) rotate(-45deg);width:6px;height:11px;border:solid #FFF5E9;border-width:0 2px 2px 0}
.CtaButt-hero{display:inline-block;padding:18px 44px;background:linear-gradient(135deg,#EE3038 0%,#c42830 100%);color:#FFF5E9;text-decoration:none;border-radius:32px;font-size:18px;font-weight:600;transition:all .3s ease;box-shadow:0 8px 20px #ee303840;position:relative;z-index:10}
.CtaButt-hero:hover{transform:translateY(-3px);box-shadow:0 12px 28px #ee303859;background:linear-gradient(135deg,#c42830 0%,#EE3038 100%)}
.ImageContainer-hero{position:relative;z-index:2}
.ImgPicture-main{width:100%;height:auto;border-radius:36px;display:block;box-shadow:0 16px 48px #0000002e 0 6px 18px #0000001f;transition:transform .4s ease}
.ImgPicture-main:hover{transform:scale(1.02)}
.ApproachWrap{background:linear-gradient(165deg,#FFF5E9 0%,#fff 50%,#f8f8f8 100%);padding:100px 20px;position:relative;overflow:hidden}
.ApproachWrap::before{content:'';position:absolute;top:-80px;left:-60px;width:320px;height:320px;background:radial-gradient(circle,#10747414 0%,transparent 70%);border-radius:50%}
.ApproachWrap::after{content:'';position:absolute;bottom:-100px;right:-70px;width:280px;height:280px;background:linear-gradient(45deg,#ee30380f 0%,transparent 100%);transform:rotate(45deg);border-radius:40px}
.ContainerApproach{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.HeadingSection-app{text-align:center;margin-bottom:64px}
.TitleMain-app{font-size:42px;line-height:1.3;color:#1a1a1a;margin:0 0 18px;font-weight:700}
.SubtitleText-app{font-size:20px;line-height:1.6;color:#555;max-width:720px;margin:0 auto}
.GridMethods{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.MethodCard{background:#fff;border-radius:32px;padding:40px 32px;box-shadow:0 4px 16px #00000014;transition:all .35s ease;position:relative;border:2px solid transparent}
.MethodCard::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#EE3038 0%,#107474 100%);border-radius:32px 32px 0 0;opacity:0;transition:opacity .35s ease}
.MethodCard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000024;border-color:#FFF5E9}
.MethodCard:hover::before{opacity:1}
.IconWrapper-method{width:64px;height:64px;margin:0 0 24px;position:relative}
.IconWrapper-method svg{width:100%;height:100%;display:block}
.TitleCard-method{font-size:24px;line-height:1.3;color:#1a1a1a;margin:0 0 16px;font-weight:600}
.DescriptionCard-method{font-size:16px;line-height:1.7;color:#666;margin:0}
.ProfileSection{max-width:1140px;margin:0 auto;padding:80px 20px;display:flex;align-items:center;gap:56px}
.ProfileImageBox{flex-shrink:0;width:280px;position:relative}
.ProfileImageBox::before{content:'';position:absolute;top:-12px;left:-12px;right:12px;bottom:12px;background:linear-gradient(135deg,#EE3038 0%,#107474 100%);border-radius:28px;opacity:.15;z-index:1}
.ProfilePic{width:100%;height:auto;border-radius:24px;display:block;position:relative;z-index:2;box-shadow:0 10px 30px #00000026}
.ProfileTextArea{flex:1}
.ProfileNameTitle{font-size:32px;line-height:1.3;color:#1a1a1a;margin:0 0 12px;font-weight:700;position:relative;display:inline-block}
.ProfileNameTitle::after{content:'';position:absolute;bottom:-6px;left:0;width:60px;height:4px;background:linear-gradient(90deg,#EE3038 0%,#107474 100%);border-radius:2px}
.ProfileRole{font-size:18px;line-height:1.5;color:#107474;margin:0 0 20px;font-weight:500}
.ProfileBioText{font-size:17px;line-height:1.7;color:#444;margin:0 0 16px}
@media (max-width: 968px) {
.TitleWrapp{grid-template-columns:1fr;gap:40px;padding:60px 20px}
.MainHeading-top{font-size:38px}
.GridMethods{grid-template-columns:1fr;gap:28px}
.ProfileSection{flex-direction:column;gap:36px;padding:60px 20px}
.ProfileImageBox{width:240px}
}
@media (max-width: 640px) {
.MainHeading-top{font-size:32px}
.PointsList-main li{font-size:16px;padding-left:38px}
.TitleMain-app{font-size:34px}
.SubtitleText-app{font-size:18px}
.MethodCard{padding:32px 24px}
.ProfileNameTitle{font-size:28px}
}
*{margin:0;padding:0;box-sizing:border-box}
.HeroWrapp{background:linear-gradient(135deg,#FFF5E9 0%,#fff 100%);padding:80px 20px 60px}
.herocont{max-width:1140px;margin:0 auto}
.heroGrid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:60px;align-items:center}
.txtzone{padding-right:20px}
.MainH{font-size:52px;line-height:1.15;color:#1a1a1a;margin-bottom:24px;font-weight:700}
.heroTxt{font-size:19px;line-height:1.6;color:#4a4a4a;margin-bottom:36px}
.buttHolder{display:flex;gap:16px;flex-wrap:wrap}
.PrimButt,.SecButt{padding:16px 32px;font-size:17px;text-decoration:none;border-radius:28px;font-weight:600;transition:all .3s ease;display:inline-block}
.PrimButt{background:linear-gradient(135deg,#EE3038 0%,#c42830 100%);color:#fff;box-shadow:0 4px 12px #ee303840}
.PrimButt:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ee303859}
.SecButt{background:transparent;color:#107474;border:2px solid #107474}
.SecButt:hover{background:#107474;color:#fff;transform:translateY(-2px)}
.imgzone img{width:100%;height:auto;border-radius:32px;box-shadow:0 12px 32px #0000001f}
.OutcomesSect{padding:90px 20px;background:#fff}
.OutWrap{max-width:1140px;margin:0 auto}
.sectH2{font-size:44px;line-height:1.2;color:#1a1a1a;margin-bottom:56px;text-align:center;font-weight:700}
.OutcGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.OutcCard{background:linear-gradient(145deg,#FFF5E9 0%,#fff 100%);padding:40px 32px;border-radius:24px;border:1px solid #ee303814;transition:all .3s ease}
.OutcCard:hover{transform:translateY(-4px);box-shadow:0 12px 28px #10747426}
.OutcIcon{margin-bottom:24px}
.OutcTitle{font-size:22px;color:#1a1a1a;margin-bottom:16px;font-weight:600}
.OutcTxt{font-size:16px;line-height:1.65;color:#4a4a4a}
.AdvantSect{padding:90px 20px;background:linear-gradient(165deg,#107474 0%,#0d5959 100%)}
.AdvantWrap{max-width:1140px;margin:0 auto}
.AdvSplitGrid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:64px;align-items:center}
.AdvImgCol img{width:100%;height:auto;border-radius:28px;box-shadow:0 16px 40px #0000004d}
.sectH2-2{font-size:42px;line-height:1.2;color:#fff;margin-bottom:48px;font-weight:700}
.AdvList{display:flex;flex-direction:column;gap:36px;margin-bottom:40px}
.AdvItem{display:flex;gap:24px;align-items:flex-start}
.AdvNum{font-size:28px;font-weight:700;color:#EE3038;background:#fff5e926;width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.AdvItemH{font-size:20px;color:#FFF5E9;margin-bottom:12px;font-weight:600}
.AdvItemP{font-size:16px;line-height:1.65;color:#fff5e9d9}
.LinkButt{display:inline-block;padding:14px 28px;background:#EE3038;color:#fff;text-decoration:none;border-radius:24px;font-size:16px;font-weight:600;transition:all .3s ease}
.LinkButt:hover{background:#c42830;transform:translateX(4px)}
.QualStand{padding:90px 20px;background:#fff}
.QualWrap{max-width:1140px;margin:0 auto}
.sectH2-center{font-size:44px;line-height:1.2;color:#1a1a1a;margin-bottom:56px;text-align:center;font-weight:700}
.QualTrack input[type="radio"]{display:none}
.QualTabs{display:flex;justify-content:center;gap:12px;margin-bottom:48px;flex-wrap:wrap}
.QualTab{padding:14px 28px;background:#f5f5f5;color:#4a4a4a;border-radius:24px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;border:2px solid transparent}
.QualTab:hover{background:#FFF5E9;color:#107474}
#step1:checked ~ .QualTabs label[for="step1"],#step2:checked ~ .QualTabs label[for="step2"],#step3:checked ~ .QualTabs label[for="step3"],#step4:checked ~ .QualTabs label[for="step4"]{background:linear-gradient(135deg,#EE3038 0%,#c42830 100%);color:#fff;border-color:#EE3038}
.QualContent{position:relative;min-height:420px}
.QualPanel{display:none;grid-template-columns:0.85fr 1.15fr;gap:48px;align-items:center;background:linear-gradient(145deg,#FFF5E9 0%,#fff 100%);padding:44px;border-radius:28px;box-shadow:0 8px 24px #00000014}
#step1:checked ~ .QualContent .QualPanel:nth-of-type(1),#step2:checked ~ .QualContent .QualPanel:nth-of-type(2),#step3:checked ~ .QualContent .QualPanel:nth-of-type(3),#step4:checked ~ .QualContent .QualPanel:nth-of-type(4){display:grid}
.QualPanel img{width:100%;height:auto;border-radius:20px;box-shadow:0 8px 20px #0000001f}
.QualPanH{font-size:26px;color:#1a1a1a;margin-bottom:20px;font-weight:700}
.QualPanP{font-size:17px;line-height:1.7;color:#4a4a4a}
.AfterLearn{padding:90px 20px;background:linear-gradient(135deg,#FFF5E9 0%,#fff 50%,#FFF5E9 100%)}
.AfterWrap{max-width:1140px;margin:0 auto}
.sectH2-alt{font-size:44px;line-height:1.2;color:#1a1a1a;margin-bottom:56px;text-align:center;font-weight:700}
.AfterGrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.AfterBox{background:#fff;padding:40px 32px;border-radius:28px;text-align:center;border:2px solid #1074741f;transition:all .3s ease}
.AfterBox:hover{transform:translateY(-6px);box-shadow:0 16px 36px #1074742e;border-color:#107474}
.AfterIco{margin-bottom:28px;display:flex;justify-content:center}
.AfterBoxH{font-size:21px;color:#1a1a1a;margin-bottom:16px;font-weight:600}
.AfterBoxP{font-size:16px;line-height:1.65;color:#4a4a4a}
.CommunitSect{padding:90px 20px;background:#fff}
.CommWrap{max-width:1140px;margin:0 auto}
.CommSplitter{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-bottom:64px;align-items:center}
.sectH2-dark{font-size:44px;line-height:1.2;color:#1a1a1a;margin-bottom:24px;font-weight:700}
.CommIntro{font-size:18px;line-height:1.65;color:#4a4a4a;margin-bottom:40px}
.CommStats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.CommStatItem{text-align:center;padding:20px;background:linear-gradient(145deg,#FFF5E9 0%,#fff 100%);border-radius:20px}
.CommStatNum{font-size:38px;font-weight:700;color:#EE3038;margin-bottom:8px}
.CommStatLabel{font-size:14px;color:#4a4a4a;text-transform:uppercase;letter-spacing:.5px}
.CommRight img{width:100%;height:auto;border-radius:28px;box-shadow:0 12px 32px #0000001f}
.CommFeats{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:48px}
.CommFeat{background:linear-gradient(145deg,#107474 0%,#0d5959 100%);padding:36px 28px;border-radius:24px;transition:all .3s ease}
.CommFeat:hover{transform:scale(1.03);box-shadow:0 12px 28px #10747440}
.CommFeatH{font-size:20px;color:#FFF5E9;margin-bottom:16px;font-weight:600}
.CommFeatP{font-size:16px;line-height:1.65;color:#fff5e9d9}
.CommCTA{display:inline-block;padding:18px 44px;background:linear-gradient(135deg,#EE3038 0%,#c42830 100%);color:#fff;text-decoration:none;border-radius:32px;font-size:18px;font-weight:700;transition:all .3s ease;box-shadow:0 6px 16px #ee303840;margin:0 auto;display:block;text-align:center;max-width:320px}
.CommCTA:hover{transform:translateY(-3px);box-shadow:0 10px 28px #ee303859}
@media (max-width: 992px) {
.heroGrid{grid-template-columns:1fr;gap:40px}
.txtzone{padding-right:0}
.MainH{font-size:42px}
.OutcGrid{grid-template-columns:1fr}
.AdvSplitGrid{grid-template-columns:1fr;gap:48px}
.QualPanel{grid-template-columns:1fr;gap:32px}
.AfterGrid3{grid-template-columns:1fr}
.CommSplitter{grid-template-columns:1fr;gap:40px}
.CommStats{grid-template-columns:repeat(3,1fr)}
.CommFeats{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.HeroWrapp{padding:60px 20px 40px}
.MainH{font-size:36px}
.heroTxt{font-size:17px}
.buttHolder{flex-direction:column}
.PrimButt,.SecButt{width:100%;text-align:center}
.sectH2,.sectH2-center,.sectH2-alt,.sectH2-dark{font-size:34px}
.sectH2-2{font-size:32px}
.QualTabs{flex-direction:column}
.QualTab{width:100%;text-align:center}
.QualPanel{padding:32px 24px}
.CommStats{grid-template-columns:1fr}
.OutcomesSect,.AdvantSect,.QualStand,.AfterLearn,.CommunitSect{padding:60px 20px}
}
@media (max-width: 480px) {
.MainH{font-size:30px}
.sectH2,.sectH2-center,.sectH2-alt,.sectH2-dark{font-size:28px;margin-bottom:40px}
.OutcCard,.AfterBox,.CommFeat{padding:28px 20px}
.QualPanel{padding:24px 20px}
}
.HeroContact{background:linear-gradient(135deg,#FFF5E9 0%,#fff 100%);padding:80px 20px;position:relative;overflow:hidden}
.HeroContact::before{content:'';position:absolute;top:-50px;right:-50px;width:300px;height:300px;background:radial-gradient(circle,#ee303814 0%,transparent 70%);border-radius:50%}
.HeroContact-wrap{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.HeroContact-h1{font-size:48px;line-height:1.2;margin:0 0 24px;color:#1a1a1a;font-weight:700}
.HeroContact-para{font-size:18px;line-height:1.7;color:#444;margin:0}
.HeroContact-visual{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 12px 40px #0000001f}
.HeroContact-img{width:100%;height:420px;object-fit:cover;display:block}
.ReachSec{padding:90px 20px;background:#fff}
.ReachSec-cont{max-width:1140px;margin:0 auto}
.ReachSec-intro{text-align:center;margin-bottom:60px}
.ReachSec-h2{font-size:40px;line-height:1.3;margin:0 0 16px;color:#1a1a1a;font-weight:700}
.ReachSec-descr{font-size:18px;line-height:1.6;color:#555;max-width:640px;margin:0 auto}
.ReachSec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.ReachSec-card{background:linear-gradient(145deg,#FFF5E9 0%,#fff 100%);padding:36px;border-radius:28px;border:2px solid #ee30381a;transition:all .3s ease}
.ReachSec-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000001a;border-color:#ee30384d}
.ReachSec-card-ico{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:16px;margin-bottom:20px;box-shadow:0 4px 16px #0000000f}
.ReachSec-card-title{font-size:22px;line-height:1.4;margin:0 0 12px;color:#1a1a1a;font-weight:600}
.ReachSec-card-link{display:block;font-size:18px;color:#EE3038;text-decoration:none;margin-bottom:8px;font-weight:500;transition:color .2s ease}
.ReachSec-card-link:hover{color:#107474}
.ReachSec-card-adr{font-size:16px;line-height:1.6;color:#555;margin:0}
.ReachSec-card-note{font-size:15px;color:#777;margin:0;font-style:italic}
.FormBlk{padding:90px 20px;background:linear-gradient(160deg,#f9f9f9 0%,#fff 100%)}
.FormBlk-inner{max-width:780px;margin:0 auto}
.FormBlk-header{text-align:center;margin-bottom:48px}
.FormBlk-h2{font-size:40px;line-height:1.3;margin:0 0 16px;color:#1a1a1a;font-weight:700}
.FormBlk-lead{font-size:18px;line-height:1.6;color:#555;margin:0}
.FormBlk-form{background:#fff;padding:48px;border-radius:32px;box-shadow:0 8px 32px #00000014}
.FormBlk-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.FormBlk-field{display:flex;flex-direction:column;margin-bottom:24px}
.FormBlk-lbl{font-size:15px;font-weight:600;color:#333;margin-bottom:8px}
.FormBlk-inp{padding:16px 20px;font-size:16px;border:2px solid #e5e5e5;border-radius:16px;transition:all .3s ease;background:#fafafa}
.FormBlk-inp:focus{outline:none;border-color:#EE3038;background:#fff;box-shadow:0 0 0 4px #ee303814}
.FormBlk-rate{margin-bottom:32px;padding:24px;background:#FFF5E9;border-radius:20px}
.FormBlk-rate-q{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}
.FormBlk-rate-opts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.FormBlk-rate-opt{display:flex;align-items:center;cursor:pointer;padding:12px;border-radius:12px;background:#fff;transition:all .2s ease;border:2px solid transparent}
.FormBlk-rate-opt:hover{border-color:#EE3038;transform:translateY(-2px)}
.FormBlk-rate-rad{position:absolute;opacity:0}
.FormBlk-rate-rad:checked + .FormBlk-rate-mark{background:#EE3038;border-color:#EE3038}
.FormBlk-rate-rad:checked + .FormBlk-rate-mark::after{opacity:1;transform:scale(1)}
.FormBlk-rate-mark{width:20px;height:20px;border:2px solid #ddd;border-radius:50%;margin-right:10px;position:relative;transition:all .2s ease;flex-shrink:0}
.FormBlk-rate-mark::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:8px;height:8px;background:#fff;border-radius:50%;opacity:0;transition:all .2s ease}
.FormBlk-rate-txt{font-size:15px;color:#444;font-weight:500}
.FormBlk-privWrap{margin-bottom:28px}
.FormBlk-chkWrap{display:flex;align-items:flex-start;cursor:pointer}
.FormBlk-chk{position:absolute;opacity:0}
.FormBlk-chk:checked + .FormBlk-chkMark{background:#EE3038;border-color:#EE3038}
.FormBlk-chk:checked + .FormBlk-chkMark::after{opacity:1;transform:scale(1)}
.FormBlk-chkMark{width:22px;height:22px;border:2px solid #ddd;border-radius:6px;margin-right:12px;position:relative;flex-shrink:0;margin-top:2px;transition:all .2s ease}
.FormBlk-chkMark::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);color:#fff;font-size:14px;font-weight:700;opacity:0;transition:all .2s ease}
.FormBlk-chkTxt{font-size:14px;line-height:1.6;color:#555}
.FormBlk-privLink{color:#EE3038;text-decoration:none;font-weight:600;transition:color .2s ease}
.FormBlk-privLink:hover{color:#107474;text-decoration:underline}
.FormBlk-submit{width:100%;padding:18px 32px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#EE3038 0%,#c72830 100%);border:none;border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #ee30384d}
.FormBlk-submit:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ee303866;background:linear-gradient(135deg,#c72830 0%,#EE3038 100%)}
.FormBlk-submit:active{transform:translateY(0)}
.FaqMin{padding:90px 20px;background:#fff}
.FaqMin-wrap{max-width:880px;margin:0 auto}
.FaqMin-h2{font-size:40px;line-height:1.3;margin:0 0 48px;color:#1a1a1a;font-weight:700;text-align:center}
.FaqMin-list{display:flex;flex-direction:column;gap:16px}
.FaqMin-item{border:2px solid #f0f0f0;border-radius:20px;overflow:hidden;transition:all .3s ease}
.FaqMin-item:hover{border-color:#ee303833}
.FaqMin-toggle{display:none}
.FaqMin-toggle:checked ~ .FaqMin-a{max-height:400px;padding:0 28px 28px}
.FaqMin-toggle:checked + .FaqMin-q .FaqMin-q-icon{transform:rotate(180deg)}
.FaqMin-q{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;cursor:pointer;background:linear-gradient(135deg,#FFF5E9 0%,#fff 100%);transition:all .2s ease}
.FaqMin-q:hover{background:linear-gradient(135deg,#fff0de 0%,#FFF5E9 100%)}
.FaqMin-q-txt{font-size:18px;font-weight:600;color:#1a1a1a;line-height:1.5;padding-right:20px}
.FaqMin-q-icon{width:32px;height:32px;flex-shrink:0;background:#EE3038;border-radius:8px;position:relative;transition:transform .3s ease}
.FaqMin-q-icon::before,.FaqMin-q-icon::after{content:'';position:absolute;background:#fff;transition:all .3s ease}
.FaqMin-q-icon::before{width:16px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}
.FaqMin-q-icon::after{width:2px;height:16px;top:50%;left:50%;transform:translate(-50%,-50%)}
.FaqMin-toggle:checked + .FaqMin-q .FaqMin-q-icon::after{height:0}
.FaqMin-a{max-height:0;overflow:hidden;transition:all .4s ease;padding:0 28px}
.FaqMin-a-txt{font-size:16px;line-height:1.7;color:#555;margin:0}
@media (max-width: 992px) {
.HeroContact-wrap{grid-template-columns:1fr;gap:40px}
.HeroContact-h1{font-size:38px}
.HeroContact-img{height:340px}
.ReachSec-grid{grid-template-columns:1fr}
.FormBlk-row{grid-template-columns:1fr}
.FormBlk-rate-opts{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.HeroContact{padding:60px 20px}
.HeroContact-h1{font-size:32px}
.HeroContact-para{font-size:16px}
.HeroContact-img{height:280px}
.ReachSec{padding:60px 20px}
.ReachSec-h2,.FormBlk-h2,.FaqMin-h2{font-size:32px}
.ReachSec-card{padding:28px}
.FormBlk{padding:60px 20px}
.FormBlk-form{padding:32px 24px}
.FormBlk-rate-opts{grid-template-columns:1fr}
.FaqMin{padding:60px 20px}
.FaqMin-q-txt{font-size:16px}
}
.HeroWrap{background:linear-gradient(135deg,#FFF5E9 0%,#fff 100%);padding:80px 20px;position:relative;overflow:hidden}
.HeroWrap::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:linear-gradient(225deg,#ee303814 0%,#10747414 100%);border-radius:50%;animation:floatGradient 12s ease-in-out infinite}
@keyframes floatGradient {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-30px,30px) scale(1.1)}
}
.HeroContain{max-width:1140px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.HeroLeftZone{flex:1}
.MainHeroTit{font-size:42px;font-weight:700;color:#1a1a1a;line-height:1.2;margin:0 0 28px}
.HeroDescripton{margin-bottom:32px}
.HeroTxt{font-size:18px;line-height:1.6;color:#333;margin:0 0 16px}
.HeroTxt-2{font-size:16px;line-height:1.7;color:#555;margin:0}
.HeroButtonArea{display:flex;gap:16px;align-items:center}
.PrimaryButt{display:inline-block;padding:14px 32px;background:#EE3038;color:#fff;text-decoration:none;border-radius:28px;font-weight:600;font-size:16px;transition:all .3s ease;box-shadow:0 4px 12px #ee303833}
.PrimaryButt:hover{background:#d62830;box-shadow:0 6px 18px #ee30384d;transform:translateY(-2px)}
.SecondButt{display:inline-block;padding:14px 32px;background:transparent;color:#107474;text-decoration:none;border-radius:28px;font-weight:600;font-size:16px;border:2px solid #107474;transition:all .3s ease}
.SecondButt:hover{background:#107474;color:#fff}
.HeroRightZone{flex:1;position:relative}
.ImgWrapper-hero{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 12px 40px #0000001f}
.ImgWrapper-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ee303826 0%,#10747426 100%);z-index:1;animation:gradientShift 8s ease-in-out infinite}
@keyframes gradientShift {
0%,100%{opacity:.15}
50%{opacity:.05}
}
.HeroVisual{width:100%;height:auto;display:block;position:relative}
.ExpertBlock{background:#fff;padding:90px 20px}
.ExpertContain{max-width:1140px;margin:0 auto}
.ExpertIntro{text-align:center;margin-bottom:60px;max-width:720px;margin-left:auto;margin-right:auto}
.SectionHeado{font-size:38px;font-weight:700;color:#1a1a1a;margin:0 0 20px;position:relative;display:inline-block}
.SectionHeado::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#EE3038 0%,#107474 100%);border-radius:2px}
.IntroText{font-size:18px;line-height:1.7;color:#555;margin:0}
.ExpertGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:80px}
.ExpertCard{background:linear-gradient(145deg,#fff 0%,#FFF5E9 100%);border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #00000014;transition:all .4s ease}
.ExpertCard:hover{transform:translateY(-8px);box-shadow:0 16px 40px #0000001f}
.CardImageBox{width:100%;height:280px;overflow:hidden;position:relative}
.ExpertPhoto{width:100%;height:100%;object-fit:cover}
.CardContent{padding:32px}
.ExpertName{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 8px}
.ExpertRole{display:block;font-size:15px;color:#EE3038;font-weight:600;margin-bottom:16px}
.ExpertBio{font-size:16px;line-height:1.6;color:#555;margin:0 0 20px}
.SkillTags{display:flex;flex-wrap:wrap;gap:10px}
.TagItem{display:inline-block;padding:6px 14px;background:#107474;color:#fff;font-size:13px;border-radius:16px;font-weight:500}
.ApproachSection{margin-bottom:80px}
.ApproachHead{font-size:32px;font-weight:700;color:#1a1a1a;text-align:center;margin:0 0 50px}
.ApproachLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.ApproachItem{text-align:center;padding:32px 24px;background:#FFF5E9;border-radius:20px;transition:all .3s ease}
.ApproachItem:hover{background:#fff;box-shadow:0 8px 24px #0000001a}
.ItemIcon{margin-bottom:20px}
.ItemTitle{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 12px}
.ItemDesc{font-size:15px;line-height:1.6;color:#555;margin:0}
.ServiceShowcase{display:flex;align-items:center;gap:60px;margin-bottom:80px;background:linear-gradient(135deg,#fff 0%,#f8f8f8 100%);padding:50px;border-radius:32px}
.ShowcaseLeft{flex:0 0 45%}
.ShowcaseImg{width:100%;height:auto;border-radius:20px;box-shadow:0 8px 24px #0000001a}
.ShowcaseRight{flex:1}
.ShowcaseTitle{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 28px}
.TopicList{list-style:none;padding:0;margin:0}
.TopicItem{font-size:16px;line-height:1.8;color:#555;margin-bottom:16px;padding-left:28px;position:relative}
.TopicItem::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:#EE3038;border-radius:50%}
.TopicLabel{font-weight:600;color:#107474}
.ProcessTimeline{margin-bottom:80px}
.ProcessHead{font-size:32px;font-weight:700;color:#1a1a1a;text-align:center;margin:0 0 50px}
.TimelineWrap{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.TimelineStep{position:relative;padding:28px;background:#fff;border-radius:20px;border:2px solid #FFF5E9;transition:all .3s ease}
.TimelineStep:hover{border-color:#EE3038;box-shadow:0 6px 20px #ee303826}
.StepNumber{width:48px;height:48px;background:linear-gradient(135deg,#EE3038 0%,#107474 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin-bottom:20px}
.StepTitle{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 12px}
.StepText{font-size:14px;line-height:1.6;color:#555;margin:0}
.ValueSection{display:flex;align-items:center;gap:60px;margin-bottom:80px}
.ValueLeft{flex:0 0 48%}
.ValueImg{width:100%;height:auto;border-radius:24px;box-shadow:0 12px 32px #0000001f}
.ValueRight{flex:1}
.ValueTitle{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 24px}
.ValuePara{font-size:16px;line-height:1.7;color:#555;margin:0 0 16px}
.StatGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px}
.StatBox{padding:24px;background:linear-gradient(135deg,#FFF5E9 0%,#fff 100%);border-radius:16px;text-align:center;border:2px solid #107474}
.StatNum{display:block;font-size:32px;font-weight:700;color:#EE3038;margin-bottom:8px}
.StatLabel{display:block;font-size:14px;color:#555}
.FinalCta{text-align:center;padding:60px 40px;background:linear-gradient(135deg,#107474 0%,#EE3038 100%);border-radius:32px;color:#fff}
.CtaTitle{font-size:34px;font-weight:700;margin:0 0 20px;color:#fff}
.CtaPara{font-size:18px;line-height:1.6;margin:0 0 32px;color:#fffffff2}
.CtaButtons{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}
.MainCta{display:inline-block;padding:16px 40px;background:#fff;color:#EE3038;text-decoration:none;border-radius:30px;font-weight:700;font-size:17px;transition:all .3s ease;box-shadow:0 4px 16px #00000026}
.MainCta:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000040}
.ContactInfo{font-size:16px;color:#ffffffe6}
@media (max-width: 991px) {
.HeroContain{flex-direction:column;gap:40px}
.MainHeroTit{font-size:34px}
.ExpertGrid{grid-template-columns:1fr}
.ApproachLayout{grid-template-columns:1fr}
.ServiceShowcase{flex-direction:column;padding:40px 30px}
.ShowcaseLeft{flex:1;width:100%}
.TimelineWrap{grid-template-columns:1fr}
.ValueSection{flex-direction:column-reverse}
.ValueLeft{flex:1;width:100%}
}
@media (max-width: 767px) {
.HeroWrap{padding:60px 20px}
.MainHeroTit{font-size:28px}
.HeroTxt{font-size:16px}
.HeroButtonArea{flex-direction:column;align-items:stretch}
.PrimaryButt,.SecondButt{text-align:center}
.SectionHeado{font-size:28px}
.CardContent{padding:24px}
.ApproachHead,.ProcessHead{font-size:26px}
.ServiceShowcase{padding:30px 20px}
.ShowcaseTitle,.ValueTitle{font-size:24px}
.StatGrid{grid-template-columns:1fr}
.CtaTitle{font-size:26px}
.CtaButtons{flex-direction:column}
}
.SuccessWrap{min-height:90vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#FFF5E9 0%,#fff 100%)}
.SuccessWrap::before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,#ee303826 0%,transparent 70%);top:-200px;left:-100px;filter:blur(80px);z-index:1}
.SuccessWrap::after{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,#1074741f 0%,transparent 70%);bottom:-150px;right:-80px;filter:blur(90px);z-index:1}
.SuccessInner{max-width:680px;width:100%;margin:0 auto;padding:60px 20px;text-align:center;position:relative;z-index:2}
.IconHolder{width:140px;height:140px;margin:0 auto 40px;position:relative;animation:floatAnim 3s ease-in-out infinite}
@keyframes floatAnim {
0%,100%{transform:translateY(0px)}
50%{transform:translateY(-12px)}
}
.IconHolder svg{width:100%;height:100%;filter:drop-shadow(0 12px 28px #ee303840)}
.IconCircle{position:absolute;width:100%;height:100%;border:3px solid #EE3038;border-radius:50%;animation:pulseRing 2s ease-out infinite;opacity:0}
@keyframes pulseRing {
0%{transform:scale(0.8);opacity:.6}
100%{transform:scale(1.4);opacity:0}
}
.IconCircle:nth-child(2){animation-delay:.5s}
.MsgTitle{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 20px;line-height:1.2}
.MsgSubText{font-size:18px;color:#4a4a4a;margin:0 0 50px;line-height:1.6}
.ButtWrap{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.SuccessButt{display:inline-flex;align-items:center;justify-content:center;padding:16px 36px;font-size:16px;font-weight:600;text-decoration:none;border-radius:28px;transition:all .3s ease;position:relative;overflow:hidden}
.SuccessButt::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff4d 0%,transparent 100%);opacity:0;transition:opacity .3s ease}
.SuccessButt:hover::before{opacity:1}
.PrimaryButt{background:linear-gradient(135deg,#EE3038 0%,#c72831 100%);color:#fff;box-shadow:0 8px 20px #ee30384d}
.PrimaryButt:hover{transform:translateY(-3px);box-shadow:0 12px 28px #ee303866}
.SecondButt{background:#fff;color:#107474;border:2px solid #107474;box-shadow:0 4px 12px #10747426}
.SecondButt:hover{background:#107474;color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #1074744d}
.DecorShape{position:absolute;z-index:1;opacity:.08}
.DecorShape:nth-child(1){width:180px;height:180px;background:#EE3038;border-radius:40% 60% 70% 30% / 50% 40% 60% 50%;top:15%;left:8%;animation:morphShape 8s ease-in-out infinite}
.DecorShape:nth-child(2){width:140px;height:140px;background:#107474;border-radius:60% 40% 30% 70% / 40% 60% 40% 60%;bottom:20%;right:10%;animation:morphShape 10s ease-in-out infinite reverse}
@keyframes morphShape {
0%,100%{border-radius:40% 60% 70% 30% / 50% 40% 60% 50%;transform:rotate(0deg)}
50%{border-radius:60% 40% 30% 70% / 60% 50% 40% 60%;transform:rotate(180deg)}
}
@media (max-width: 768px) {
.SuccessWrap{min-height:80vh}
.SuccessInner{padding:40px 16px}
.IconHolder{width:110px;height:110px;margin-bottom:32px}
.MsgTitle{font-size:32px;margin-bottom:16px}
.MsgSubText{font-size:16px;margin-bottom:36px}
.ButtWrap{flex-direction:column;gap:12px}
.SuccessButt{width:100%;padding:14px 28px;font-size:15px}
.DecorShape:nth-child(1){width:120px;height:120px;top:10%;left:5%}
.DecorShape:nth-child(2){width:100px;height:100px;bottom:15%;right:5%}
}
@media (max-width: 480px) {
.MsgTitle{font-size:28px}
.MsgSubText{font-size:15px}
.IconHolder{width:90px;height:90px}
}