@import "https://cdn.jsdelivr.net/npm/@fontsource/bitter@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/bitter@latest/500.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/bitter@latest/700.css";
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Bitter',serif;background:#fafafa;color:#2a2a2a;line-height:1.6;overflow-x:hidden}
.SiteHeaderBox{background:linear-gradient(165deg,#02346D 0%,#0a4d8f 48%,#FF4E10 100%);position:relative;padding:0;box-shadow:0 4px 8px #00000026}
.HeaderTopBox{background:#ffffff14;padding:18px 0;text-align:center;border-bottom:1px solid #ffffff1f}
.CompanyNameDisplay{font-size:32px;font-weight:700;color:#fff;letter-spacing:1.2px;text-shadow:2px 2px 4px #0000004d}
.HeaderMainContent{max-width:1280px;margin:0 auto;padding:22px 20px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.LogoWrapper{flex-shrink:0}
.SiteLogo{width:110px;height:110px;display:block;background:#fffffff2;padding:8px;border-radius:4px;box-shadow:0 3px 6px #0003}
.MainNavBox{flex-grow:1;display:flex;justify-content:flex-end}
.NavList{list-style:none;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.NavList li a{display:block;padding:12px 22px;color:#fff;text-decoration:none;font-weight:500;font-size:16px;background:#ffffff1a;border-radius:3px;transition:background .2s ease,color .2s ease;border:1px solid #ffffff26}
.NavList li a:hover{background:#ffffff38;color:#fff}
.ContentWrapperMain{max-width:1280px;margin:0 auto;padding:0 20px}
.FooterMainBox{background:linear-gradient(180deg,#02346D 0%,#011f3d 100%);color:#e0e0e0;padding:50px 20px 20px;margin-top:60px;box-shadow:0 -3px 8px #0000001f}
.FooterContentGrid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:35px}
.FooterSection h3{font-size:20px;font-weight:700;color:#fff;margin-bottom:18px;border-bottom:2px solid #FF4E10;padding-bottom:8px;display:inline-block}
.FooterLogoDisplay{width:95px;height:95px;background:#fffffff2;padding:8px;border-radius:3px;margin-bottom:15px}
.FooterNav{list-style:none}
.FooterNav li{margin-bottom:10px}
.FooterNav li a{color:#d0d0d0;text-decoration:none;font-size:15px;transition:color .2s ease;display:inline-flex;align-items:center;gap:6px}
.FooterNav li a:hover{color:#FF4E10}
.ContactInfoList{list-style:none}
.ContactInfoList li{margin-bottom:14px;display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.5}
.ContactInfoList .material-icons{font-size:20px;color:#FF4E10;margin-top:2px}
.CopyrightBox{text-align:center;padding-top:25px;border-top:1px solid #ffffff1a;color:#b0b0b0;font-size:14px}
.ConsentPopupBox{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(150%);max-width:520px;width:calc(100% - 40px);background:#fff;border-radius:4px;box-shadow:0 6px 20px #00000040;padding:25px;z-index:9999;transition:transform .35s ease;border:2px solid #DDDADB}
.ConsentPopupBox.show-active{transform:translateX(-50%) translateY(0)}
.ConsentPopupBox h4{font-size:19px;font-weight:700;color:#02346D;margin-bottom:12px}
.ConsentPopupBox p{font-size:14px;color:#4a4a4a;margin-bottom:16px;line-height:1.5}
.ConsentActions{display:flex;gap:12px;flex-wrap:wrap}
.ConsentBtn{padding:10px 22px;border:none;border-radius:3px;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s ease;font-family:'Bitter',serif}
.AcceptBtn{background:#FF4E10;color:#fff}
.AcceptBtn:hover{background:#e04410}
.DeclineBtn{background:#DDDADB;color:#2a2a2a}
.DeclineBtn:hover{background:#c5c2c3}
.SettingsToggle{background:transparent;color:#02346D;border:1px solid #02346D;padding:9px 18px}
.SettingsToggle:hover{background:#02346d0d}
.DetailedSettings{max-height:0;overflow:hidden;transition:max-height .3s ease;margin-top:14px}
.DetailedSettings.expand-open{max-height:400px}
.SettingOption{padding:10px 0;border-top:1px solid #DDDADB;display:flex;align-items:center;justify-content:space-between}
.SettingOption label{font-size:14px;color:#2a2a2a;cursor:pointer;display:flex;align-items:center;gap:8px}
@media (max-width: 768px) {
.HeaderMainContent{flex-direction:column;gap:20px;text-align:center}
.MainNavBox{justify-content:center}
.NavList{justify-content:center}
.CompanyNameDisplay{font-size:26px}
.SiteLogo{width:90px;height:90px}
.FooterContentGrid{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 480px) {
.NavList{flex-direction:column;width:100%}
.NavList li{width:100%}
.NavList li a{width:100%;text-align:center}
}
.rules-text{max-width:1280px;margin:0 auto;padding:60px 20px;background:#fff}
.rules-text p{font-size:16px;line-height:1.75;color:#333;margin:0 0 20px;text-align:justify}
.rules-text p:last-child{margin-bottom:0}
.rules-text a{color:#FF4E10;text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}
.rules-text a:hover{color:#02346D;border-bottom-color:#02346D}
.rules-text a:active{color:#FF4E10}
.rules-text table{width:100%;border-collapse:collapse;margin:30px 0;background:#fff;box-shadow:0 2px 4px #00000014}
.rules-text thead{background:linear-gradient(135deg,#FF4E10 0%,#02346D 100%)}
.rules-text thead tr{border:none}
.rules-text thead th{color:#fff;font-size:15px;font-weight:600;text-align:left;padding:16px 20px;border:none}
.rules-text tbody tr{border-bottom:1px solid #DDDADB;transition:background .15s ease}
.rules-text tbody tr:last-child{border-bottom:none}
.rules-text tbody tr:hover{background:#f8f8f8}
.rules-text tbody td{padding:14px 20px;font-size:15px;color:#444;vertical-align:top}
.rules-text th{text-align:left}
.rules-text td{text-align:left}
.rules-text hr{border:none;height:2px;background:linear-gradient(90deg,#FF4E10 0%,#02346D 50%,#DDDADB 100%);margin:40px 0;opacity:.3}
.rules-text div{margin:0 0 24px}
.rules-text div:last-child{margin-bottom:0}
@media (max-width: 992px) {
.rules-text{padding:50px 16px}
.rules-text p{font-size:15px;line-height:1.7;margin-bottom:18px}
.rules-text table{margin:24px 0;font-size:14px}
.rules-text thead th{padding:14px 16px;font-size:14px}
.rules-text tbody td{padding:12px 16px;font-size:14px}
.rules-text hr{margin:32px 0}
.rules-text div{margin-bottom:20px}
}
@media (max-width: 600px) {
.rules-text{padding:40px 12px}
.rules-text p{font-size:14px;line-height:1.65;margin-bottom:16px;text-align:left}
.rules-text table{display:block;overflow-x:auto;margin:20px -12px;width:calc(100% + 24px);box-shadow:none}
.rules-text thead th{padding:12px 14px;font-size:13px;white-space:nowrap}
.rules-text tbody td{padding:10px 14px;font-size:13px}
.rules-text hr{margin:28px 0}
.rules-text div{margin-bottom:16px}
}
.TitleHero{background:linear-gradient(135deg,#02346D 0%,#FF4E10 100%);padding:80px 20px;position:relative;overflow:hidden}
.TitleHero::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#ff4e104d 0%,transparent 70%);top:-100px;right:-100px;border-radius:50%}
.TitleHero .inner-wrap{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.TitleHero .text-side{flex:1}
.TitleHero .MainHeading{font-size:42px;color:#fff;margin:0 0 20px;line-height:1.2;font-weight:700}
.TitleHero .IntroText{font-size:18px;color:#ffffffe6;margin:0 0 32px;line-height:1.6}
.TitleHero .btn-group{display:flex;gap:16px}
.TitleHero .PrimaryBtn{background:#FF4E10;color:#fff;padding:14px 32px;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;box-shadow:0 4px 12px #ff4e104d}
.TitleHero .PrimaryBtn:hover{background:#e64409;transform:translateY(-2px);box-shadow:0 6px 16px #ff4e1066}
.TitleHero .SecondaryBtn{background:transparent;color:#fff;padding:14px 32px;border:2px solid #fff;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}
.TitleHero .SecondaryBtn:hover{background:#ffffff1a;transform:translateY(-2px)}
.TitleHero .image-side{flex:1;position:relative}
.TitleHero .HeroImage{width:100%;height:420px;object-fit:cover;border-radius:6px;box-shadow:0 8px 32px #0000004d;filter:brightness(1.1)}
.TitleHero .DecorPattern{position:absolute;bottom:-20px;left:-20px;width:120px;height:120px;background-image:radial-gradient(circle,#DDDADB 2px,transparent 2px);background-size:20px 20px;opacity:.4}
.ReviewsIntro{padding:80px 20px;background:#f8f9fa}
.ReviewsIntro .content-box{max-width:1280px;margin:0 auto;text-align:center}
.ReviewsIntro .SectionLabel{font-size:14px;color:#FF4E10;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin:0 0 16px}
.ReviewsIntro .SectionHeading{font-size:36px;color:#02346D;margin:0 0 24px;font-weight:700}
.ReviewsIntro .DescText{font-size:18px;color:#555;line-height:1.7;max-width:780px;margin:0 auto 40px}
.ReviewsIntro .StatsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;margin-top:50px}
.ReviewsIntro .StatCard{background:#fff;padding:32px 24px;border-radius:4px;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease}
.ReviewsIntro .StatCard:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001f}
.ReviewsIntro .StatNumber{font-size:48px;color:#FF4E10;font-weight:700;margin:0 0 8px;display:block}
.ReviewsIntro .StatLabel{font-size:16px;color:#02346D;font-weight:600;display:block}
.TestimonialsDisplay{padding:80px 20px;background:linear-gradient(180deg,#fff 0%,#f4f4f4 100%)}
.TestimonialsDisplay .wrapper{max-width:1280px;margin:0 auto}
.TestimonialsDisplay .HeaderBlock{text-align:center;margin-bottom:60px}
.TestimonialsDisplay .SectionTitle{font-size:38px;color:#02346D;margin:0 0 16px;font-weight:700}
.TestimonialsDisplay .SectionSubtext{font-size:17px;color:#666;line-height:1.6}
.TestimonialsDisplay .testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.TestimonialsDisplay .TestimonialCard{background:#fff;padding:36px 32px;border-radius:6px;border-left:4px solid #FF4E10;box-shadow:0 4px 12px #0000000f;position:relative;transition:all .3s ease}
.TestimonialsDisplay .TestimonialCard:hover{box-shadow:0 8px 24px #0000001a;transform:translateX(4px)}
.TestimonialsDisplay .QuoteIcon{position:absolute;top:24px;right:24px;font-size:48px;color:#ff4e1026;line-height:1}
.TestimonialsDisplay .ReviewText{font-size:16px;color:#333;line-height:1.7;margin:0 0 24px;font-style:italic}
.TestimonialsDisplay .AuthorInfo{display:flex;align-items:center;gap:16px}
.TestimonialsDisplay .AuthorDetails{flex:1}
.TestimonialsDisplay .AuthorName{font-size:17px;color:#02346D;font-weight:700;margin:0 0 4px}
.TestimonialsDisplay .AuthorRole{font-size:14px;color:#888;margin:0}
.TestimonialsDisplay .RatingStars{display:flex;gap:4px}
.TestimonialsDisplay .StarIcon{color:#FFB800;font-size:18px}
.DetailedReviews{padding:80px 20px;background:#fff}
.DetailedReviews .container{max-width:1280px;margin:0 auto}
.DetailedReviews .TopSection{display:grid;grid-template-columns:40% 1fr;gap:60px;align-items:start;margin-bottom:60px}
.DetailedReviews .ImageBlock{position:relative}
.DetailedReviews .FeatureImage{width:100%;height:380px;object-fit:cover;border-radius:4px;box-shadow:0 6px 20px #0000001f}
.DetailedReviews .ContentBlock .BlockTitle{font-size:32px;color:#02346D;margin:0 0 24px;font-weight:700;position:relative;padding-bottom:16px}
.DetailedReviews .ContentBlock .BlockTitle::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:3px;background:#FF4E10}
.DetailedReviews .ReviewItems{display:flex;flex-direction:column;gap:28px}
.DetailedReviews .ReviewItem{padding-left:28px;position:relative}
.DetailedReviews .ReviewItem::before{content:'';position:absolute;left:0;top:6px;width:12px;height:12px;background:#FF4E10;border-radius:50%}
.DetailedReviews .ReviewTitle{font-size:18px;color:#02346D;font-weight:700;margin:0 0 8px}
.DetailedReviews .ReviewDetail{font-size:16px;color:#555;line-height:1.6;margin:0}
.DetailedReviews .BottomGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.DetailedReviews .DetailCard{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:32px 28px;border-radius:6px;border-top:3px solid #FF4E10;transition:transform .3s ease}
.DetailedReviews .DetailCard:hover{transform:translateY(-6px)}
.DetailedReviews .CardIcon{font-size:40px;color:#02346D;margin-bottom:16px}
.DetailedReviews .CardTitle{font-size:19px;color:#02346D;font-weight:700;margin:0 0 12px}
.DetailedReviews .CardText{font-size:15px;color:#555;line-height:1.6;margin:0}
.CtaSection{padding:80px 20px;background:linear-gradient(135deg,#02346D 0%,#024080 100%);position:relative;overflow:hidden}
.CtaSection::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(./product_gallery/final_news_1.jpg);background-size:cover;background-position:center;opacity:.12;z-index:1}
.CtaSection .cta-wrapper{max-width:1280px;margin:0 auto;position:relative;z-index:2;text-align:center}
.CtaSection .CtaHeading{font-size:40px;color:#fff;margin:0 0 20px;font-weight:700}
.CtaSection .CtaSubheading{font-size:19px;color:#ffffffe6;margin:0 0 40px;line-height:1.6;max-width:720px;margin-left:auto;margin-right:auto}
.CtaSection .ActionBtn{background:#FF4E10;color:#fff;padding:16px 48px;border:none;border-radius:4px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;box-shadow:0 6px 20px #ff4e1066}
.CtaSection .ActionBtn:hover{background:#e64409;transform:translateY(-3px);box-shadow:0 8px 28px #ff4e1080}
@media (max-width: 968px) {
.TitleHero .inner-wrap{flex-direction:column}
.TitleHero .MainHeading{font-size:34px}
.ReviewsIntro .StatsGrid{grid-template-columns:1fr}
.TestimonialsDisplay .testimonials-grid{grid-template-columns:1fr}
.DetailedReviews .TopSection{grid-template-columns:1fr}
.DetailedReviews .BottomGrid{grid-template-columns:1fr}
.TitleHero .btn-group{flex-direction:column;width:100%}
.TitleHero .PrimaryBtn,.TitleHero .SecondaryBtn{width:100%;text-align:center}
}
@media (max-width: 600px) {
.TitleHero{padding:60px 20px}
.TitleHero .MainHeading{font-size:28px}
.ReviewsIntro .SectionHeading{font-size:28px}
.TestimonialsDisplay .SectionTitle{font-size:30px}
.DetailedReviews .ContentBlock .BlockTitle{font-size:26px}
.CtaSection .CtaHeading{font-size:32px}
}
.HeroWrap{background:linear-gradient(135deg,#FF4E10 0%,#02346D 55%,#DDDADB 100%);padding:120px 20px 80px;position:relative;overflow:hidden}
.HeroWrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#ffffff14;border-radius:50%}
.HeroInner{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.HeroText{flex:1;color:#fff}
.HeroText h1{font-size:52px;line-height:1.2;margin:0 0 24px;font-weight:700}
.HeroText p{font-size:18px;line-height:1.7;margin:0 0 32px;opacity:.95}
.HeroBtn{display:inline-block;background:#fff;color:#02346D;padding:16px 40px;text-decoration:none;border-radius:4px;font-weight:600;box-shadow:0 4px 12px #00000026;transition:all .3s}
.HeroBtn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000040}
.HeroVisual{flex:1;position:relative}
.HeroImageBox{position:relative;border-radius:6px;overflow:hidden;box-shadow:0 8px 24px #0003}
.HeroImageBox::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#02346d4d 0%,transparent 100%)}
.HeroImageBox img{width:100%;height:420px;object-fit:cover;display:block;filter:contrast(1.1) saturate(0.9)}
.ExperienceSection{padding:90px 20px;background:#f8f8f8}
.ExperienceContainer{max-width:1280px;margin:0 auto}
.ExperienceHeader{text-align:center;margin-bottom:70px}
.ExperienceHeader h2{font-size:42px;color:#02346D;margin:0 0 20px;font-weight:700}
.ExperienceHeader p{font-size:17px;color:#555;line-height:1.6;max-width:720px;margin:0 auto}
.ExperienceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.ExperienceCard{background:#fff;padding:40px 32px;border-radius:4px;box-shadow:0 3px 8px #00000014;transition:all .3s;position:relative}
.ExperienceCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#FF4E10 0%,#02346D 100%);opacity:0;transition:opacity .3s}
.ExperienceCard:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001f}
.ExperienceCard:hover::before{opacity:1}
.ExperienceCard h3{font-size:22px;color:#02346D;margin:0 0 16px;font-weight:600}
.ExperienceCard p{font-size:15px;color:#666;line-height:1.7;margin:0}
.CommunityWrap{padding:100px 20px;background:#fff;position:relative}
.CommunityContainer{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.CommunityContent h2{font-size:40px;color:#02346D;margin:0 0 28px;font-weight:700}
.CommunityContent p{font-size:16px;color:#555;line-height:1.8;margin:0 0 20px}
.CommunityContent ul{list-style:none;padding:0;margin:0 0 32px}
.CommunityContent ul li{font-size:16px;color:#333;padding:12px 0 12px 32px;position:relative}
.CommunityContent ul li::before{content:'→';position:absolute;left:0;color:#FF4E10;font-weight:700}
.CommunityLink{display:inline-block;color:#FF4E10;text-decoration:none;font-weight:600;border-bottom:2px solid #FF4E10;padding-bottom:2px;transition:color .3s}
.CommunityLink:hover{color:#02346D}
.CommunityImage{position:relative}
.CommunityImageHolder{border-radius:6px;overflow:hidden;box-shadow:0 6px 20px #0000001f}
.CommunityImageHolder img{width:100%;height:480px;object-fit:cover;display:block}
.PathwaySection{padding:90px 20px;background:linear-gradient(160deg,#02346D 0%,#FF4E10 100%);color:#fff}
.PathwayInner{max-width:1280px;margin:0 auto}
.PathwayTop{text-align:center;margin-bottom:60px}
.PathwayTop h2{font-size:44px;margin:0 0 18px;font-weight:700}
.PathwayTop p{font-size:17px;opacity:.95;max-width:680px;margin:0 auto;line-height:1.6}
.PathwaySteps{display:flex;justify-content:space-between;gap:24px;position:relative}
.PathwaySteps::before{content:'';position:absolute;top:50px;left:80px;right:80px;height:2px;background:#ffffff4d;z-index:1}
.StepBox{flex:1;background:#ffffff1a;padding:36px 24px;border-radius:4px;text-align:center;position:relative;z-index:2;transition:all .3s}
.StepBox:hover{background:#ffffff2e;transform:translateY(-6px)}
.StepNumber{width:60px;height:60px;background:#fff;color:#02346D;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;margin:0 auto 20px;box-shadow:0 4px 12px #00000026}
.StepBox h3{font-size:20px;margin:0 0 12px;font-weight:600}
.StepBox p{font-size:15px;margin:0;opacity:.92;line-height:1.6}
.TechnologyWrap{padding:100px 20px;background:#f4f4f4}
.TechnologyContainer{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}
.TechnologyVisual{position:relative}
.TechnologyImageFrame{border-radius:6px;overflow:hidden;box-shadow:0 5px 18px #0000001a;position:relative}
.TechnologyImageFrame::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#ff4e1026 0%,transparent 100%)}
.TechnologyImageFrame img{width:100%;height:460px;object-fit:cover;display:block}
.TechnologyDetails h2{font-size:40px;color:#02346D;margin:0 0 24px;font-weight:700}
.TechnologyDetails p{font-size:16px;color:#555;line-height:1.8;margin:0 0 28px}
.TechnologyFeatures{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:36px}
.FeatureTag{background:#fff;padding:16px 20px;border-radius:3px;box-shadow:0 2px 6px #0000000f;font-size:15px;color:#333;font-weight:500;text-align:center}
.TechnologyAction{display:inline-block;background:#FF4E10;color:#fff;padding:14px 36px;text-decoration:none;border-radius:4px;font-weight:600;transition:all .3s}
.TechnologyAction:hover{background:#02346D;transform:translateX(4px)}
@media (max-width: 992px) {
.HeroInner{flex-direction:column;gap:40px}
.HeroText h1{font-size:40px}
.HeroImageBox img{height:360px}
.ExperienceGrid{grid-template-columns:1fr;gap:28px}
.CommunityContainer{grid-template-columns:1fr;gap:50px}
.PathwaySteps{flex-direction:column}
.PathwaySteps::before{display:none}
.TechnologyContainer{grid-template-columns:1fr;gap:50px}
.TechnologyFeatures{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.HeroWrap{padding:80px 20px 60px}
.HeroText h1{font-size:32px}
.HeroText p{font-size:16px}
.HeroImageBox img{height:300px}
.ExperienceSection{padding:60px 20px}
.ExperienceHeader h2{font-size:32px}
.CommunityWrap{padding:70px 20px}
.CommunityContent h2{font-size:32px}
.CommunityImageHolder img{height:320px}
.PathwaySection{padding:60px 20px}
.PathwayTop h2{font-size:34px}
.TechnologyWrap{padding:70px 20px}
.TechnologyDetails h2{font-size:32px}
.TechnologyImageFrame img{height:340px}
}
.TitleHero{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;background:linear-gradient(147deg,#FF4E10 0%,#02346D 58%,#DDDADB 100%);clip-path:polygon(0 0,100% 0,100% 85%,0 100%);overflow:hidden;margin-bottom:80px}
.TitleHero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#02346d40;z-index:1}
.TitleHero .HeroText{position:relative;z-index:2;text-align:center;max-width:720px;padding:40px 20px}
.TitleHero .MainHeading{font-size:3.2rem;font-weight:700;color:#fff;margin:0 0 24px;line-height:1.15}
.TitleHero .SubText{font-size:1.18rem;color:#fff;margin:0 0 32px;line-height:1.6;opacity:.96}
.TitleHero .PrimaryBtn{display:inline-block;padding:16px 42px;background:#fff;color:#02346D;text-decoration:none;font-size:1.05rem;font-weight:600;border-radius:4px;transition:all .28s ease;box-shadow:0 4px 14px #0000002e}
.TitleHero .PrimaryBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000003d;background:#f8f8f8}
.ContactWrapper{max-width:1280px;margin:0 auto;padding:0 20px 90px}
.IntroSection{text-align:center;max-width:820px;margin:0 auto 70px}
.IntroSection .SectionLabel{font-size:1.42rem;color:#FF4E10;font-weight:600;margin:0 0 18px;position:relative;display:inline-block}
.IntroSection .SectionLabel::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#02346D}
.IntroSection .IntroText{font-size:1.08rem;color:#333;line-height:1.72;margin:28px 0 0}
.GridBox{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;margin-bottom:80px;align-items:start}
.ContactInfoPanel{background:linear-gradient(135deg,#02346D 0%,#FF4E10 100%);padding:48px 38px;border-radius:6px;color:#fff;box-shadow:0 6px 18px #02346d38}
.ContactInfoPanel .PanelTitle{font-size:1.82rem;font-weight:700;margin:0 0 32px;line-height:1.3}
.InfoItem{margin-bottom:28px;display:flex;align-items:flex-start;gap:16px}
.InfoItem:last-child{margin-bottom:0}
.InfoItem .IconWrap{width:42px;height:42px;background:#ffffff2e;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.InfoItem .IconWrap i{font-size:1.3rem;color:#fff}
.InfoItem .DetailBox{flex:1}
.InfoItem .DetailLabel{font-size:.92rem;font-weight:600;margin:0 0 6px;opacity:.88;text-transform:uppercase;letter-spacing:.5px}
.InfoItem .DetailValue{font-size:1.05rem;margin:0;line-height:1.5}
.InfoItem .DetailValue a{color:#fff;text-decoration:none;transition:opacity .24s ease}
.InfoItem .DetailValue a:hover{opacity:.82}
.FormContainer{background:#f9f9f9;padding:52px 44px;border-radius:6px;box-shadow:0 3px 12px #00000014;border:1px solid #e8e8e8}
.FormContainer .FormTitle{font-size:1.72rem;font-weight:700;color:#02346D;margin:0 0 28px}
.FormGroup{margin-bottom:24px}
.FormGroup label{display:block;font-size:1rem;font-weight:600;color:#333;margin-bottom:9px}
.FormGroup input[type="text"],.FormGroup input[type="email"],.FormGroup input[type="tel"]{width:100%;padding:14px 16px;font-size:1rem;border:2px solid #d4d4d4;border-radius:4px;background:#fff;transition:border-color .24s ease;box-sizing:border-box}
.FormGroup input[type="text"]:focus,.FormGroup input[type="email"]:focus,.FormGroup input[type="tel"]:focus{outline:none;border-color:#FF4E10}
.RadioGroupBox{margin-bottom:26px}
.RadioGroupBox .RadioLabel{display:block;font-size:1rem;font-weight:600;color:#333;margin-bottom:14px}
.RadioOptions{display:flex;flex-direction:column;gap:12px}
.RadioOption{position:relative}
.RadioOption input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.RadioOption .OptionLabel{display:flex;align-items:center;padding:13px 18px;background:#fff;border:2px solid #d4d4d4;border-radius:4px;cursor:pointer;transition:all .24s ease;font-size:.98rem;color:#444;gap:12px}
.RadioOption .OptionLabel::before{content:'';width:20px;height:20px;border:2px solid #d4d4d4;border-radius:50%;flex-shrink:0;transition:all .24s ease;background:#fff}
.RadioOption input[type="radio"]:checked + .OptionLabel{background:#fff5f2;border-color:#FF4E10}
.RadioOption input[type="radio"]:checked + .OptionLabel::before{border-color:#FF4E10;background:#FF4E10;box-shadow:inset 0 0 0 4px #fff}
.RadioOption .OptionLabel:hover{border-color:#FF4E10}
.PrivacyBox{margin-bottom:28px}
.PrivacyBox label{display:flex;align-items:flex-start;gap:10px;font-size:.94rem;color:#555;line-height:1.52;cursor:pointer}
.PrivacyBox input[type="checkbox"]{margin-top:3px;width:18px;height:18px;flex-shrink:0;cursor:pointer;accent-color:#FF4E10}
.PrivacyBox a{color:#02346D;text-decoration:underline;transition:color .24s ease}
.PrivacyBox a:hover{color:#FF4E10}
.SubmitBtn{width:100%;padding:16px;background:linear-gradient(135deg,#FF4E10 0%,#02346D 100%);color:#fff;font-size:1.08rem;font-weight:700;border:none;border-radius:4px;cursor:pointer;transition:all .28s ease;box-shadow:0 4px 14px #ff4e1047;text-transform:uppercase;letter-spacing:.6px}
.SubmitBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4e1061}
.MapAlternative{background:linear-gradient(162deg,#DDDADB 0%,#02346D 100%);padding:60px 40px;border-radius:6px;text-align:center;margin-bottom:70px;position:relative;overflow:hidden}
.MapAlternative::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:#ff4e101f;border-radius:50%;z-index:1}
.MapAlternative .ContentZone{position:relative;z-index:2}
.MapAlternative .LocationTitle{font-size:1.92rem;font-weight:700;color:#fff;margin:0 0 18px}
.MapAlternative .AddressText{font-size:1.12rem;color:#fff;margin:0 0 28px;line-height:1.68;opacity:.94}
.MapAlternative .DirectionLink{display:inline-flex;align-items:center;gap:10px;padding:14px 36px;background:#fff;color:#02346D;text-decoration:none;font-size:1.02rem;font-weight:600;border-radius:4px;transition:all .28s ease;box-shadow:0 4px 14px #00000029}
.MapAlternative .DirectionLink:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000038;background:#f8f8f8}
.MapAlternative .DirectionLink i{font-size:1.2rem}
.WorkingHoursBox{max-width:680px;margin:0 auto;background:#fff;padding:46px 40px;border-radius:6px;box-shadow:0 4px 16px #00000017;border-left:5px solid #FF4E10}
.WorkingHoursBox .HoursTitle{font-size:1.62rem;font-weight:700;color:#02346D;margin:0 0 26px;text-align:center}
.HoursList{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.HourItem{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#f5f5f5;border-radius:4px;transition:background .24s ease}
.HourItem:hover{background:#fff5f2}
.HourItem .DayName{font-size:1rem;font-weight:600;color:#333}
.HourItem .TimeRange{font-size:.96rem;color:#666}
@media (max-width: 992px) {
.GridBox{grid-template-columns:1fr;gap:40px}
.TitleHero .MainHeading{font-size:2.6rem}
.HoursList{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.TitleHero{min-height:360px;margin-bottom:60px}
.TitleHero .MainHeading{font-size:2.2rem}
.TitleHero .SubText{font-size:1.06rem}
.ContactWrapper{padding:0 16px 60px}
.FormContainer{padding:38px 28px}
.ContactInfoPanel{padding:36px 28px}
.MapAlternative{padding:46px 28px}
.WorkingHoursBox{padding:36px 24px}
}
@media (max-width: 480px) {
.TitleHero .MainHeading{font-size:1.9rem}
.TitleHero .PrimaryBtn{padding:14px 32px;font-size:1rem}
.FormContainer{padding:32px 20px}
.ContactInfoPanel{padding:30px 20px}
}
.LearningProBlock{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}
.IntroWrap{display:flex;align-items:center;gap:60px;padding:80px 0;position:relative}
.IntroText{flex:1;max-width:580px}
.IntroText h1{font-size:48px;line-height:1.2;margin:0 0 24px;color:#02346D;font-weight:700}
.IntroText h1 .HighlightWord{color:#FF4E10;position:relative;display:inline-block}
.IntroText h1 .HighlightWord::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#FF4E10 0%,#02346D 100%)}
.IntroText p{font-size:18px;line-height:1.7;color:#333;margin:0 0 16px}
.IntroImageBox{flex:1;position:relative;margin-right:-120px}
.IntroImageBox img{width:100%;height:520px;object-fit:cover;border-radius:4px;box-shadow:0 4px 12px #00000026;position:relative}
.IntroImageBox::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ff4e1026 0%,#02346d26 100%);border-radius:4px;pointer-events:none;z-index:1}
.IntroImageBox::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,#00000008 2px,#00000008 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,#00000008 2px,#00000008 4px);border-radius:4px;pointer-events:none;z-index:2;opacity:.4}
.ModuleStructure{padding:100px 0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}
.ModuleStructure .LearningProBlock{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.PhaseCard{background:#fff;padding:40px 32px;border-radius:6px;box-shadow:0 2px 8px #00000014;position:relative;transition:transform 0.2s,box-shadow .2s}
.PhaseCard:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001f}
.PhaseCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#FF4E10 0%,#02346D 100%);border-radius:6px 0 0 6px}
.PhaseNumber{font-size:14px;font-weight:700;color:#FF4E10;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px}
.PhaseCard h3{font-size:24px;font-weight:700;color:#02346D;margin:0 0 16px;line-height:1.3}
.PhaseCard p{font-size:16px;line-height:1.6;color:#555;margin:0 0 20px}
.PhaseList{list-style:none;padding:0;margin:0}
.PhaseList li{font-size:15px;line-height:1.5;color:#666;margin:0 0 10px;padding-left:24px;position:relative}
.PhaseList li::before{content:'';position:absolute;left:0;top:6px;width:6px;height:6px;background:#FF4E10;border-radius:50%}
.ProgressSection{padding:90px 0;background:#fff}
.ProgressGrid{display:flex;gap:48px;align-items:flex-start}
.ProgressContent{flex:1}
.ProgressContent h2{font-size:36px;font-weight:700;color:#02346D;margin:0 0 20px;line-height:1.3}
.ProgressContent p{font-size:17px;line-height:1.7;color:#444;margin:0 0 16px}
.TrackBox{flex:1;background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);padding:48px 40px;border-radius:6px;box-shadow:0 4px 12px #0000000f}
.TrackItem{margin:0 0 28px;position:relative}
.TrackItem:last-child{margin-bottom:0}
.TrackLabel{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}
.TrackLabel span:first-child{font-size:16px;font-weight:600;color:#02346D}
.TrackLabel span:last-child{font-size:14px;font-weight:700;color:#FF4E10}
.ProgressBar{width:100%;height:10px;background:#ddd;border-radius:5px;overflow:hidden;position:relative}
.ProgressFill{height:100%;background:linear-gradient(90deg,#FF4E10 0%,#02346D 100%);border-radius:5px;transition:width .3s}
.ProgressFill.w-85{width:85%}
.ProgressFill.w-92{width:92%}
.ProgressFill.w-78{width:78%}
.ProgressFill.w-88{width:88%}
.PathDivider{width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#FF4E10 20%,#02346D 50%,#FF4E10 80%,transparent 100%);margin:80px 0}
@media (max-width: 992px) {
.IntroWrap{flex-direction:column;gap:40px;padding:60px 0}
.IntroImageBox{margin-right:0;width:100%}
.IntroText{max-width:100%}
.IntroText h1{font-size:36px}
.ModuleStructure .LearningProBlock{grid-template-columns:1fr;gap:24px}
.ProgressGrid{flex-direction:column;gap:32px}
.ProgressContent h2{font-size:28px}
}
@media (max-width: 600px) {
.IntroText h1{font-size:28px}
.IntroText p{font-size:16px}
.IntroImageBox img{height:360px}
.PhaseCard{padding:32px 24px}
.PhaseCard h3{font-size:20px}
.TrackBox{padding:32px 24px}
.ProgressContent h2{font-size:24px}
.ModuleStructure{padding:60px 0}
.ProgressSection{padding:60px 0}
}
.tech-req-intro{background:linear-gradient(135deg,#FF4E10 0%,#02346D 100%);padding:70px 20px;position:relative;overflow:hidden}
.tech-req-intro::before{content:'';position:absolute;width:300px;height:300px;background:#dddadb14;border-radius:50%;top:-100px;right:-100px}
.tech-req-intro::after{content:'';position:absolute;width:200px;height:200px;background:#dddadb0f;border-radius:50%;bottom:-80px;left:-60px}
.IntroWrap{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;position:relative;z-index:2}
.IntroContent h1{font-size:42px;color:#fff;margin:0 0 20px;line-height:1.2}
.IntroContent .divider-line{width:80px;height:4px;background:#DDDADB;margin:0 0 24px}
.IntroContent p{font-size:18px;color:#ffffffeb;line-height:1.6;margin:0}
.IntroImgBox{position:relative}
.IntroImgBox img{width:100%;height:400px;object-fit:cover;border-radius:4px;box-shadow:0 8px 24px #0000004d;filter:brightness(0.95) contrast(1.05)}
.system-specs{padding:80px 20px;background:#fafafa}
.SpecsContainer{max-width:1280px;margin:0 auto}
.SpecsContainer h2{font-size:36px;color:#02346D;margin:0 0 50px;text-align:center}
.specs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.spec-card{background:#fff;padding:35px 25px;border-radius:3px;box-shadow:0 2px 8px #00000014;transition:all .25s ease;border-left:4px solid #DDDADB}
.spec-card:hover{box-shadow:0 4px 16px #00000024;transform:translateY(-4px);border-left-color:#FF4E10}
.spec-card h3{font-size:22px;color:#02346D;margin:0 0 18px;display:flex;align-items:center;gap:10px}
.spec-card h3::before{content:'';width:8px;height:8px;background:#FF4E10;display:block;border-radius:50%}
.spec-card ul{list-style:none;padding:0;margin:0}
.spec-card ul li{font-size:16px;color:#333;line-height:1.8;padding-left:22px;position:relative;margin-bottom:10px}
.spec-card ul li::before{content:'→';position:absolute;left:0;color:#FF4E10;font-weight:700}
.connectivity-zone{padding:80px 20px;background:#fff}
.ConnectWrap{max-width:1280px;margin:0 auto;display:flex;align-items:flex-start;gap:60px}
.ConnectImg{flex:0 0 45%}
.ConnectImg img{width:100%;height:450px;object-fit:cover;border-radius:3px;box-shadow:0 4px 12px #02346d26}
.ConnectDetails{flex:1}
.ConnectDetails h2{font-size:34px;color:#02346D;margin:0 0 30px;position:relative;padding-bottom:15px}
.ConnectDetails h2::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#FF4E10 0%,#02346D 100%)}
.requirement-list{display:flex;flex-direction:column;gap:24px}
.req-item{background:#f8f8f8;padding:22px 28px;border-radius:2px;border-left:3px solid #FF4E10;transition:background .2s ease}
.req-item:hover{background:#f2f2f2}
.req-item h4{font-size:19px;color:#02346D;margin:0 0 10px}
.req-item p{font-size:16px;color:#555;line-height:1.7;margin:0}
.browser-compat{padding:80px 20px;background:linear-gradient(180deg,#02346D 0%,#FF4E10 100%);position:relative}
.BrowserBox{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.BrowserBox h2{font-size:36px;color:#fff;text-align:center;margin:0 0 50px}
.browser-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.browser-text-zone{background:#fffffff7;padding:40px;border-radius:4px;box-shadow:0 6px 18px #0003}
.browser-text-zone h3{font-size:26px;color:#02346D;margin:0 0 20px}
.browser-text-zone p{font-size:16px;color:#444;line-height:1.7;margin:0 0 18px}
.browser-text-zone ul{list-style:none;padding:0;margin:20px 0 0}
.browser-text-zone ul li{font-size:16px;color:#333;padding:10px 0;border-bottom:1px solid #e0e0e0;position:relative;padding-left:30px}
.browser-text-zone ul li:last-child{border-bottom:none}
.browser-text-zone ul li::before{content:'✓';position:absolute;left:0;color:#FF4E10;font-weight:700;font-size:18px}
.browser-visual{position:relative}
.browser-visual img{width:100%;height:420px;object-fit:cover;border-radius:4px;box-shadow:0 8px 24px #0000004d}
@media (max-width: 992px) {
.IntroWrap{grid-template-columns:1fr;gap:40px}
.IntroContent h1{font-size:36px}
.IntroImgBox img{height:350px}
.specs-grid{grid-template-columns:repeat(2,1fr);gap:25px}
.ConnectWrap{flex-direction:column;gap:40px}
.ConnectImg{flex:1;width:100%}
.browser-columns{grid-template-columns:1fr;gap:35px}
}
@media (max-width: 768px) {
.tech-req-intro{padding:50px 20px}
.IntroContent h1{font-size:30px}
.IntroContent p{font-size:16px}
.system-specs{padding:60px 20px}
.SpecsContainer h2{font-size:30px;margin-bottom:35px}
.specs-grid{grid-template-columns:1fr;gap:20px}
.spec-card{padding:28px 20px}
.connectivity-zone{padding:60px 20px}
.ConnectImg img{height:320px}
.ConnectDetails h2{font-size:28px}
.browser-compat{padding:60px 20px}
.BrowserBox h2{font-size:30px}
.browser-text-zone{padding:30px 20px}
.browser-visual img{height:300px}
}
.SuccessHero{background:linear-gradient(181deg,#FF4E10 0%,#02346D 50%,#DDDADB 100%);padding:120px 20px;position:relative;overflow:hidden}
.SuccessHero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);animation:slowPulse 15s ease-in-out infinite}
@keyframes slowPulse {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(5%,5%) scale(1.1)}
}
.SuccessHero .ContainerWrap{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.SuccessHero .ContentGrid{display:grid;grid-template-columns:repeat(12,1fr);gap:30px;align-items:center}
.SuccessHero .TextBlock{grid-column:1 / 8;background:#fffffff2;padding:50px;border-radius:4px;box-shadow:0 6px 20px #02346d26}
.SuccessHero .IconBox{grid-column:8 / 13;display:flex;flex-direction:column;gap:20px}
.SuccessHero .TitleMain{font-size:42px;line-height:1.2;color:#02346D;margin:0 0 20px;font-weight:700}
.SuccessHero .SubText{font-size:18px;line-height:1.6;color:#333;margin:0 0 30px}
.SuccessHero .ConfirmBox{background:#f8f9fa;padding:25px;border-left:4px solid #FF4E10;border-radius:3px;margin-bottom:30px}
.SuccessHero .ConfirmBox .CheckIcon{display:inline-flex;align-items:center;gap:12px;font-size:16px;color:#02346D;font-weight:600;margin-bottom:12px}
.SuccessHero .ConfirmBox .CheckIcon i{color:#FF4E10;font-size:24px}
.SuccessHero .ConfirmBox .DetailText{font-size:15px;line-height:1.5;color:#555;margin:0}
.SuccessHero .NextBlock{background:linear-gradient(135deg,#FF4E10 0%,#02346D 100%);padding:30px;border-radius:4px;color:#fff}
.SuccessHero .NextBlock h3{font-size:22px;margin:0 0 15px;font-weight:600}
.SuccessHero .NextBlock .StepList{list-style:none;padding:0;margin:0}
.SuccessHero .NextBlock .StepList li{padding:12px 0 12px 35px;position:relative;font-size:15px;line-height:1.5}
.SuccessHero .NextBlock .StepList li::before{content:'';position:absolute;left:0;top:16px;width:20px;height:20px;background:#ffffff4d;border-radius:50%;border:2px solid #fff}
.SuccessHero .NextBlock .StepList li::after{content:'';position:absolute;left:8px;top:24px;width:4px;height:2px;background:#fff}
.SuccessHero .BtnGroup{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}
.SuccessHero .BtnPrimary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:#FF4E10;color:#fff;text-decoration:none;border-radius:3px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #ff4e104d;z-index:10;position:relative}
.SuccessHero .BtnPrimary:hover{background:#e64409;transform:translateY(-2px);box-shadow:0 6px 16px #ff4e1066}
.SuccessHero .BtnSecondary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:#fff;color:#02346D;text-decoration:none;border-radius:3px;font-size:16px;font-weight:600;transition:all .3s ease;border:2px solid #02346D;z-index:10;position:relative}
.SuccessHero .BtnSecondary:hover{background:#02346D;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #02346d4d}
.SuccessHero .DecorCard{background:#ffffff26;backdrop-filter:blur(8px);padding:30px;border-radius:4px;border:1px solid #ffffff40;text-align:center}
.SuccessHero .DecorCard i{font-size:48px;color:#fff;display:block;margin-bottom:15px}
.SuccessHero .DecorCard .CardLabel{font-size:16px;color:#fff;font-weight:600;margin:0}
.SuccessHero .InfoPanel{background:#fff;padding:25px;border-radius:4px;box-shadow:0 3px 10px #0000001a;border-top:3px solid #FF4E10}
.SuccessHero .InfoPanel .PanelTitle{font-size:16px;color:#02346D;font-weight:600;margin:0 0 12px;display:flex;align-items:center;gap:8px}
.SuccessHero .InfoPanel .PanelTitle i{color:#FF4E10;font-size:20px}
.SuccessHero .InfoPanel .PanelText{font-size:14px;line-height:1.5;color:#666;margin:0}
@media (max-width: 968px) {
.SuccessHero{padding:80px 20px}
.SuccessHero .ContentGrid{grid-template-columns:1fr;gap:25px}
.SuccessHero .TextBlock{grid-column:1 / -1;padding:35px 25px}
.SuccessHero .IconBox{grid-column:1 / -1}
.SuccessHero .TitleMain{font-size:32px}
.SuccessHero .BtnGroup{flex-direction:column}
.SuccessHero .BtnPrimary,.SuccessHero .BtnSecondary{width:100%;justify-content:center}
}
@media (max-width: 600px) {
.SuccessHero{padding:60px 15px}
.SuccessHero .TextBlock{padding:25px 20px}
.SuccessHero .TitleMain{font-size:28px}
.SuccessHero .SubText{font-size:16px}
.SuccessHero .NextBlock{padding:25px 20px}
}