html{font-size:16px;box-sizing:border-box}
body{margin:0;padding:0;font-family:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,sans-serif;background:#FFF;color:#1A1A1A;line-height:1.6}
.headerOuterWrap{background:linear-gradient(157deg,#ED7B10 0%,#891F11 45%,#DDECFE 100%);padding:32px 20px;box-shadow:0 4px 12px #00000014}
.header-container{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:28px}
.logoRow{width:100%;display:flex;justify-content:center}
.logoHolder{background:#fffffff2;border-radius:20px;padding:16px;box-shadow:0 6px 18px #0000001f}
.siteLogo{height:110px;width:110px;display:block}
.companyNameRow{width:100%;text-align:center}
.corporateTitle{font-size:2.8rem;font-weight:700;color:#FFF;margin:0;text-shadow:2px 2px 8px #00000040;letter-spacing:.5px}
.navRow{width:100%;display:flex;justify-content:center}
.mainNavigation{width:100%;max-width:900px}
.navList{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
.navList li{margin:0}
.navList a{display:block;padding:14px 28px;background:#ffffffeb;color:#891F11;text-decoration:none;border-radius:24px;font-weight:600;font-size:1.05rem;transition:background 450ms ease,transform 450ms ease,box-shadow 450ms ease;box-shadow:0 3px 10px #0000001a;white-space:nowrap}
.navList a:hover{background:#FFF;box-shadow:0 6px 16px #0000002e}
.footerOuterLayer{background:linear-gradient(203deg,#891F11 0%,#ED7B10 55%,#DDECFE 100%);padding:60px 20px 32px;margin-top:80px}
.footer-container{max-width:1280px;margin:0 auto}
.contactCardSection{margin-bottom:48px;display:flex;justify-content:center}
.contactInfoCard{background:#fffffff5;border-radius:18px;padding:40px 48px;box-shadow:0 8px 24px #00000026;max-width:600px;width:100%}
.cardHeading{font-size:1.8rem;font-weight:700;color:#891F11;margin:0 0 24px;text-align:center}
.contactDetails{margin-bottom:28px}
.detailItem{display:flex;align-items:center;gap:14px;margin:16px 0;font-size:1.05rem;color:#2A2A2A}
.detailItem i{color:#ED7B10;font-size:1.4rem;flex-shrink:0}
.detailItem a{color:#891F11;text-decoration:none;transition:color 400ms ease}
.detailItem a:hover{color:#ED7B10}
.ctaSection{text-align:center;margin-top:32px}
.contactButton{display:inline-block;padding:16px 42px;background:#ED7B10;color:#FFF;text-decoration:none;border-radius:28px;font-weight:700;font-size:1.1rem;box-shadow:0 4px 14px #ed7b1059;transition:background 500ms ease,transform 500ms ease,box-shadow 500ms ease}
.contactButton:hover{background:#891F11;box-shadow:0 6px 20px #891f1173}
.footerNavSection{margin-bottom:36px}
.footerNav{max-width:700px;margin:0 auto}
.footerNavList{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:24px}
.footerNavList li{margin:0}
.footerNavList a{color:#FFF;text-decoration:none;font-size:1rem;font-weight:600;padding:8px 16px;border-radius:8px;transition:background 400ms ease;display:block}
.footerNavList a:hover{background:#ffffff26}
.copyrightSection{text-align:center;padding-top:28px;border-top:1px solid #ffffff40}
.copyrightText{color:#FFF;font-size:.95rem;margin:0;opacity:.9}
.cookieConsentWrapper{position:fixed;left:20px;top:50%;transform:translateY(-50%) translateX(-120%);background:#FFF;border-radius:16px;box-shadow:0 8px 28px #00000038;max-width:420px;width:calc(100% - 40px);z-index:10000;transition:transform 550ms cubic-bezier(0.34,1.56,0.64,1);padding:28px 32px}
.cookieConsentWrapper.showing{transform:translateY(-50%) translateX(0)}
.consentInner{display:flex;flex-direction:column;gap:24px}
.consentMessage p{margin:0;font-size:.98rem;line-height:1.5;color:#333}
.consentMessage a{color:#ED7B10;text-decoration:underline;transition:color 400ms ease}
.consentMessage a:hover{color:#891F11}
.consentActions{display:flex;gap:14px;justify-content:space-between}
.consentBtn{flex:1;padding:13px 24px;border:none;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;transition:background 500ms ease,transform 500ms ease,box-shadow 500ms ease;font-family:'IBM Plex Sans',sans-serif}
.acceptBtn{background:#ED7B10;color:#FFF;box-shadow:0 4px 12px #ed7b104d}
.acceptBtn:hover{background:#D66D0E;box-shadow:0 6px 18px #ed7b1073}
.declineBtn{background:#E5E5E5;color:#4A4A4A;box-shadow:0 4px 12px #00000014}
.declineBtn:hover{background:#D0D0D0;box-shadow:0 6px 18px #0000001f}
@media (max-width: 768px) {
.headerOuterWrap{padding:24px 16px}
.header-container{gap:20px}
.siteLogo{height:85px;width:85px}
.corporateTitle{font-size:2.1rem}
.navList{gap:8px}
.navList a{padding:11px 20px;font-size:.95rem}
.contactInfoCard{padding:28px 24px}
.cardHeading{font-size:1.5rem}
.detailItem{font-size:.95rem;gap:10px}
.contactButton{padding:13px 32px;font-size:1rem}
.cookieConsentWrapper{left:10px;right:10px;max-width:none;width:calc(100% - 20px);padding:20px 24px;transform:translateY(120%) translateX(0);top:auto;bottom:20px}
.cookieConsentWrapper.showing{transform:translateY(0) translateX(0)}
.consentActions{flex-direction:column}
.consentBtn{width:100%}
}
@media (max-width: 480px) {
.corporateTitle{font-size:1.75rem}
.navList{flex-direction:column;align-items:stretch}
.navList a{text-align:center}
.footerNavList{flex-direction:column;align-items:center;gap:12px}
}
@media (min-width: 1280px) {
.headerOuterWrap{padding:40px 20px}
.corporateTitle{font-size:3.2rem}
.siteLogo{height:130px;width:130px}
}
.policy-content{max-width:1280px;margin:0 auto;padding:60px 24px;background:linear-gradient(162deg,#fff 0%,#DDECFE 100%)}
.policy-content h1{font-size:2.75rem;font-weight:700;color:#891F11;margin-bottom:32px;margin-top:0;line-height:1.2;letter-spacing:-.02em}
.policy-content h2{font-size:2rem;font-weight:600;color:#ED7B10;margin-top:56px;margin-bottom:24px;line-height:1.3;padding-bottom:12px;border-bottom:2px solid #ed7b1033}
.policy-content h3{font-size:1.5rem;font-weight:600;color:#891F11;margin-top:40px;margin-bottom:20px;line-height:1.4}
.policy-content h4{font-size:1.25rem;font-weight:600;color:#ED7B10;margin-top:32px;margin-bottom:16px;line-height:1.4}
.policy-content h5{font-size:1.125rem;font-weight:600;color:#891F11;margin-top:28px;margin-bottom:14px;line-height:1.5}
.policy-content h6{font-size:1rem;font-weight:600;color:#ED7B10;margin-top:24px;margin-bottom:12px;line-height:1.5;text-transform:uppercase;letter-spacing:.05em}
.policy-content p{font-size:1.0625rem;line-height:1.8;color:#2c3e50;margin-bottom:20px;margin-top:0}
.policy-content ul{margin:24px 0;padding-left:0;list-style:none}
.policy-content ul li{font-size:1.0625rem;line-height:1.8;color:#2c3e50;margin-bottom:14px;padding-left:32px;position:relative}
.policy-content ul li::before{content:"";position:absolute;left:0;top:12px;width:8px;height:8px;background:linear-gradient(135deg,#ED7B10 0%,#891F11 100%);border-radius:50%}
.policy-content ol{margin:24px 0;padding-left:28px;counter-reset:policy-counter}
.policy-content ol li{font-size:1.0625rem;line-height:1.8;color:#2c3e50;margin-bottom:14px;padding-left:12px;counter-increment:policy-counter;position:relative}
.policy-content ol li::marker{content:counter(policy-counter) ". ";color:#ED7B10;font-weight:600}
.policy-content strong,.policy-content b{font-weight:700;color:#891F11}
.policy-content em,.policy-content i{font-style:italic;color:#34495e}
.policy-content a{color:#ED7B10;text-decoration:none;border-bottom:1px solid #ed7b104d;transition:all .45s ease;font-weight:500}
.policy-content a:hover{color:#891F11;border-bottom-color:#891F11;background:#ed7b1014}
.policy-content a:focus{outline:2px solid #ED7B10;outline-offset:3px;border-radius:3px}
@media (max-width: 1024px) {
.policy-content{padding:48px 20px}
.policy-content h1{font-size:2.25rem;margin-bottom:28px}
.policy-content h2{font-size:1.75rem;margin-top:48px;margin-bottom:20px}
.policy-content h3{font-size:1.375rem;margin-top:36px}
}
@media (max-width: 768px) {
.policy-content{padding:40px 18px}
.policy-content h1{font-size:1.875rem;margin-bottom:24px}
.policy-content h2{font-size:1.5rem;margin-top:40px;margin-bottom:18px}
.policy-content h3{font-size:1.25rem;margin-top:32px}
.policy-content h4{font-size:1.125rem;margin-top:28px}
.policy-content p,.policy-content ul li,.policy-content ol li{font-size:1rem;line-height:1.75}
.policy-content ul li{padding-left:28px}
}
@media (max-width: 480px) {
.policy-content{padding:32px 16px}
.policy-content h1{font-size:1.625rem;margin-bottom:20px}
.policy-content h2{font-size:1.375rem;margin-top:36px;margin-bottom:16px}
.policy-content h3{font-size:1.125rem;margin-top:28px;margin-bottom:16px}
.policy-content ul li{padding-left:24px}
.policy-content ol{padding-left:24px}
}
.titleHero{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;max-width:1280px;margin:0 auto;padding:80px 24px;align-items:center}
.titleHero .heroImageWrapper{position:relative;overflow:hidden;border-radius:18px;box-shadow:0 12px 48px #891f1124}
.titleHero .heroImageWrapper img{width:100%;height:520px;object-fit:cover;display:block}
.titleHero .heroImageWrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ed7b1014 0%,#ddecfe1f 100%);pointer-events:none}
.titleHero .heroText h1{font-size:3.2rem;font-weight:700;color:#891F11;margin-bottom:24px;line-height:1.2}
.titleHero .heroText .descriptionBlock{margin-top:32px;padding-left:24px;border-left:4px solid #ED7B10}
.titleHero .heroText .descriptionBlock p{font-size:1.15rem;line-height:1.7;color:#3d3d3d;margin-bottom:16px}
.titleHero .heroText .descriptionBlock p:last-child{margin-bottom:0}
.advantagesGrid{max-width:1280px;margin:0 auto;padding:96px 24px;background:linear-gradient(168deg,#DDECFE 0%,#ddecfe4d 100%)}
.advantagesGrid h2{font-size:2.6rem;font-weight:700;color:#891F11;text-align:center;margin-bottom:64px}
.advantagesGrid .gridContainer{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.advantagesGrid .advantageCard{background:#fff;padding:36px 28px;border-radius:12px;box-shadow:0 4px 16px #891f1114;transition:transform 420ms ease,box-shadow 420ms ease;position:relative;overflow:hidden}
.advantagesGrid .advantageCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#ED7B10 0%,#891F11 100%)}
.advantagesGrid .advantageCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #891f1129}
.advantagesGrid .advantageCard h3{font-size:1.4rem;font-weight:600;color:#891F11;margin-bottom:16px}
.advantagesGrid .advantageCard p{font-size:1rem;line-height:1.6;color:#555}
.directionsShowcase{max-width:1280px;margin:0 auto;padding:96px 24px}
.directionsShowcase h2{font-size:2.6rem;font-weight:700;color:#891F11;margin-bottom:20px}
.directionsShowcase .sectionIntro{font-size:1.1rem;color:#4a4a4a;margin-bottom:48px;max-width:720px}
.directionsShowcase .directionsLayout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.directionsShowcase .directionsList{display:flex;flex-direction:column;gap:24px}
.directionsShowcase .directionItem{background:#fff;padding:28px;border-radius:8px;border-left:5px solid #ED7B10;box-shadow:0 2px 12px #0000000f;transition:border-color 480ms ease}
.directionsShowcase .directionItem:hover{border-left-color:#891F11}
.directionsShowcase .directionItem h3{font-size:1.3rem;font-weight:600;color:#891F11;margin-bottom:12px}
.directionsShowcase .directionItem p{font-size:.98rem;line-height:1.6;color:#5a5a5a}
.directionsShowcase .showcaseImage{position:sticky;top:32px}
.directionsShowcase .showcaseImage img{width:100%;height:auto;border-radius:16px;box-shadow:0 8px 32px #891f111f}
.connectionsPanel{background:linear-gradient(242deg,#ed7b1014 0%,#ddecfe3d 100%);padding:96px 24px;margin:64px 0}
.connectionsPanel .innerWrap{max-width:1280px;margin:0 auto}
.connectionsPanel h2{font-size:2.6rem;font-weight:700;color:#891F11;margin-bottom:56px;text-align:center}
.connectionsPanel .connectGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.connectionsPanel .connectCard{background:#fff;padding:40px 32px;border-radius:20px;box-shadow:0 6px 24px #891f111a;position:relative}
.connectionsPanel .connectCard::after{content:'';position:absolute;bottom:0;right:0;width:120px;height:120px;background:radial-gradient(circle,#ed7b101a 0%,transparent 70%);border-radius:20px 0 20px 0}
.connectionsPanel .connectCard h3{font-size:1.5rem;font-weight:600;color:#891F11;margin-bottom:18px;position:relative;z-index:1}
.connectionsPanel .connectCard p{font-size:1.05rem;line-height:1.65;color:#4d4d4d;position:relative;z-index:1}
.connectionsPanel .connectCard .metricBadge{display:inline-block;background:linear-gradient(90deg,#ED7B10 0%,#891F11 100%);color:#fff;padding:8px 18px;border-radius:24px;font-size:.9rem;font-weight:600;margin-top:16px}
.personalizationFlow{max-width:1280px;margin:0 auto;padding:96px 24px}
.personalizationFlow h2{font-size:2.6rem;font-weight:700;color:#891F11;margin-bottom:56px;text-align:center}
.personalizationFlow .flowSteps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative}
.personalizationFlow .flowSteps::before{content:'';position:absolute;top:56px;left:12%;right:12%;height:3px;background:linear-gradient(90deg,#ED7B10 0%,#891F11 100%);z-index:0}
.personalizationFlow .stepCard{background:#fff;padding:32px 24px;border-radius:16px;box-shadow:0 4px 20px #891f1114;text-align:center;position:relative;z-index:1}
.personalizationFlow .stepCard .stepNumber{width:64px;height:64px;background:linear-gradient(135deg,#ED7B10 0%,#891F11 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;margin:0 auto 20px;box-shadow:0 4px 16px #ed7b104d}
.personalizationFlow .stepCard h3{font-size:1.2rem;font-weight:600;color:#891F11;margin-bottom:12px}
.personalizationFlow .stepCard p{font-size:.95rem;line-height:1.5;color:#5a5a5a}
.communityVisual{background:linear-gradient(158deg,#ddecfe66 0%,#ed7b100f 100%);padding:96px 24px;margin-top:64px}
.communityVisual .innerContainer{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center}
.communityVisual .communityContent h2{font-size:2.6rem;font-weight:700;color:#891F11;margin-bottom:28px}
.communityVisual .communityContent p{font-size:1.08rem;line-height:1.7;color:#4a4a4a;margin-bottom:20px}
.communityVisual .communityContent .highlightBox{background:#fff;padding:24px;border-radius:12px;border-left:5px solid #ED7B10;margin-top:32px;box-shadow:0 3px 16px #891f1114}
.communityVisual .communityContent .highlightBox h4{font-size:1.15rem;font-weight:600;color:#891F11;margin-bottom:10px}
.communityVisual .communityContent .highlightBox p{font-size:.98rem;margin-bottom:0}
.communityVisual .communityImage img{width:100%;height:auto;border-radius:20px;box-shadow:0 12px 40px #891f1124}
.certificationSection{max-width:1280px;margin:0 auto;padding:96px 24px}
.certificationSection h2{font-size:2.6rem;font-weight:700;color:#891F11;margin-bottom:24px}
.certificationSection .sectionDescription{font-size:1.1rem;line-height:1.7;color:#4a4a4a;margin-bottom:48px;max-width:780px}
.certificationSection .certLayout{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.certificationSection .certColumn{display:flex;flex-direction:column;gap:24px}
.certificationSection .certCard{background:#fff;padding:32px;border-radius:14px;box-shadow:0 4px 18px #891f1114;transition:transform 450ms ease}
.certificationSection .certCard:hover{transform:translateX(8px)}
.certificationSection .certCard h3{font-size:1.35rem;font-weight:600;color:#891F11;margin-bottom:14px;display:flex;align-items:center;gap:12px}
.certificationSection .certCard h3::before{content:'';width:8px;height:8px;background:#ED7B10;border-radius:50%;flex-shrink:0}
.certificationSection .certCard p{font-size:1rem;line-height:1.6;color:#555}
.certificationSection .certImage{margin-top:32px}
.certificationSection .certImage img{width:100%;height:auto;border-radius:14px;box-shadow:0 8px 28px #891f111a}
.ctaFinal{background:linear-gradient(215deg,#891F11 0%,#ED7B10 100%);padding:80px 24px;text-align:center;margin-top:96px}
.ctaFinal .ctaContent{max-width:820px;margin:0 auto}
.ctaFinal h2{font-size:2.4rem;font-weight:700;color:#fff;margin-bottom:20px}
.ctaFinal p{font-size:1.15rem;line-height:1.6;color:#fffffff2;margin-bottom:36px}
.ctaFinal .ctaButtons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ctaFinal .ctaButtons a{display:inline-block;padding:16px 40px;border-radius:8px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all 460ms ease}
.ctaFinal .ctaButtons .primaryBtn{background:#fff;color:#891F11}
.ctaFinal .ctaButtons .primaryBtn:hover{background:#DDECFE;transform:scale(1.05)}
.ctaFinal .ctaButtons .secondaryBtn{background:transparent;color:#fff;border:2px solid #fff}
.ctaFinal .ctaButtons .secondaryBtn:hover{background:#ffffff26;border-color:#DDECFE}
@media (max-width: 1024px) {
.titleHero{grid-template-columns:1fr;gap:40px;padding:60px 24px}
.titleHero .heroImageWrapper img{height:400px}
.titleHero .heroText h1{font-size:2.6rem}
.advantagesGrid .gridContainer{grid-template-columns:repeat(2,1fr)}
.directionsShowcase .directionsLayout{grid-template-columns:1fr}
.directionsShowcase .showcaseImage{position:static;order:-1}
.connectionsPanel .connectGrid{grid-template-columns:1fr}
.personalizationFlow .flowSteps{grid-template-columns:repeat(2,1fr)}
.personalizationFlow .flowSteps::before{display:none}
.communityVisual .innerContainer{grid-template-columns:1fr}
.certificationSection .certLayout{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.titleHero .heroText h1{font-size:2.2rem}
.advantagesGrid h2,.directionsShowcase h2,.connectionsPanel h2,.personalizationFlow h2,.communityVisual .communityContent h2,.certificationSection h2,.ctaFinal h2{font-size:2rem}
.advantagesGrid .gridContainer{grid-template-columns:1fr}
.personalizationFlow .flowSteps{grid-template-columns:1fr}
.ctaFinal .ctaButtons{flex-direction:column;align-items:center}
.ctaFinal .ctaButtons a{width:100%;max-width:320px}
}
@media (max-width: 480px) {
.titleHero{padding:40px 16px}
.titleHero .heroImageWrapper img{height:280px}
.advantagesGrid,.directionsShowcase,.personalizationFlow,.certificationSection{padding:64px 16px}
.connectionsPanel,.communityVisual{padding:64px 16px}
.ctaFinal{padding:60px 16px}
}
.titleSection{background:linear-gradient(124deg,#DDECFE 0%,#ED7B10 100%);padding:80px 20px 120px;position:relative;overflow:hidden}
.titleSection::before{content:'';position:absolute;top:24px;left:24px;width:12px;height:12px;background:radial-gradient(circle,#891F11 2px,transparent 2px);background-size:6px 6px;opacity:.4}
.titleSection::after{content:'';position:absolute;bottom:24px;right:24px;width:12px;height:12px;background:radial-gradient(circle,#891F11 2px,transparent 2px);background-size:6px 6px;opacity:.4}
.headerContentWrap{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.pageHeadline{font-size:48px;font-weight:700;color:#891F11;margin:0;line-height:1.2}
.headerSubtext{font-size:20px;color:#2c3e50;margin:0;max-width:580px;line-height:1.5}
.contactFormArea{background:#fff;padding:80px 20px}
.formContainer{max-width:720px;margin:0 auto}
.stepIndicators{display:flex;gap:16px;margin-bottom:48px;justify-content:center}
.stepDot{width:52px;height:4px;background:#e0e0e0;border-radius:8px;transition:all 420ms ease}
#stepOne:checked ~ .formContainer .stepDot:nth-of-type(1),#stepTwo:checked ~ .formContainer .stepDot:nth-of-type(2),#stepThree:checked ~ .formContainer .stepDot:nth-of-type(3){background:linear-gradient(90deg,#ED7B10 0%,#891F11 100%);width:72px}
.formStep{display:none;animation:fadeSlide 500ms ease}
@keyframes fadeSlide {
from{opacity:0;transform:translateY(12px)}
to{opacity:1;transform:translateY(0)}
}
#stepOne:checked ~ .formContainer .formStep:nth-of-type(1),#stepTwo:checked ~ .formContainer .formStep:nth-of-type(2),#stepThree:checked ~ .formContainer .formStep:nth-of-type(3){display:block}
.stepTitle{font-size:28px;font-weight:600;color:#2c3e50;margin:0 0 12px}
.stepDescription{font-size:16px;color:#5a6c7d;margin:0 0 32px}
.inputField{width:100%;padding:16px 20px;font-size:16px;border:2px solid #e0e0e0;border-radius:12px;margin-bottom:24px;transition:all 420ms ease;box-sizing:border-box}
.inputField:focus{outline:none;border-color:#ED7B10;box-shadow:0 4px 16px #ed7b1026}
.stepNav{display:flex;gap:16px;margin-top:32px}
.navBtn{flex:1;padding:16px 28px;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all 420ms ease;position:relative;z-index:10}
.nextButton{background:linear-gradient(135deg,#ED7B10 0%,#891F11 100%);color:#fff}
.nextButton:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ed7b104d}
.backButton{background:#f5f5f5;color:#2c3e50;border:2px solid #e0e0e0}
.backButton:hover{background:#e0e0e0}
.submitButton{background:linear-gradient(135deg,#891F11 0%,#ED7B10 100%);color:#fff;width:100%;padding:18px;font-size:18px;font-weight:700;border:none;border-radius:14px;cursor:pointer;transition:all 420ms ease;margin-top:24px;position:relative;z-index:10}
.submitButton:hover{transform:translateY(-3px);box-shadow:0 12px 32px #891f1159}
.privacyConsent{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}
.privacyConsent input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;flex-shrink:0}
.privacyConsent label{font-size:14px;color:#5a6c7d;line-height:1.6}
.privacyConsent a{color:#ED7B10;text-decoration:none;font-weight:600}
.privacyConsent a:hover{text-decoration:underline}
.contactInfoSection{background:linear-gradient(148deg,#891F11 0%,#ED7B10 100%);padding:80px 20px}
.infoWrapper{max-width:1280px;margin:0 auto}
.infoHeading{font-size:36px;font-weight:700;color:#fff;margin:0 0 48px;text-align:center}
.contactGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.contactCard{background:#fffffff2;padding:32px;border-radius:18px;box-shadow:0 8px 24px #0000001f;transition:all 420ms ease}
.contactCard:hover{transform:translateY(-6px);box-shadow:0 16px 48px #0000002e}
.cardIcon{width:56px;height:56px;background:linear-gradient(135deg,#DDECFE 0%,#ED7B10 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.cardIcon svg{width:28px;height:28px;fill:#891F11}
.cardLabel{font-size:14px;font-weight:600;color:#891F11;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px}
.cardContent{font-size:18px;color:#2c3e50;margin:0;line-height:1.6}
.cardContent a{color:#2c3e50;text-decoration:none;transition:color 420ms ease}
.cardContent a:hover{color:#ED7B10}
.radioHidden{position:absolute;opacity:0;pointer-events:none}
@media (max-width: 768px) {
.pageHeadline{font-size:36px}
.headerSubtext{font-size:18px}
.stepTitle{font-size:24px}
.contactGrid{grid-template-columns:1fr}
.stepNav{flex-direction:column}
.titleSection{padding:60px 20px 80px}
.contactFormArea,.contactInfoSection{padding:60px 20px}
}
@media (max-width: 480px) {
.pageHeadline{font-size:28px}
.stepIndicators{gap:12px}
.stepDot{width:40px}
}
.heroAbout{position:relative;min-height:480px;display:flex;align-items:center;overflow:hidden;margin-bottom:80px}
.heroAbout::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(142deg,#ED7B10 0%,#891F11 48%,#DDECFE 100%);z-index:1}
.heroAbout::after{content:'';position:absolute;top:-15%;right:-8%;width:65%;height:130%;background-image:repeating-linear-gradient(-38deg,transparent,transparent 18px,#ffffff0f 18px,#ffffff0f 36px);z-index:2}
.heroAbout .imageContainer{position:absolute;right:8%;top:50%;transform:translateY(-50%);width:420px;height:380px;z-index:3;border-radius:18px;overflow:hidden;box-shadow:0 16px 48px #0000003d}
.heroAbout .imageContainer img{width:100%;height:100%;object-fit:cover}
.heroAbout .contentWrapper{position:relative;z-index:4;max-width:1280px;margin:0 auto;padding:0 24px;width:100%}
.heroAbout .textBlock{max-width:540px}
.heroAbout .mainHeading{font-size:3.2rem;font-weight:700;color:#fff;margin:0 0 36px;line-height:1.15}
.heroAbout .ctaButton{display:inline-block;background:#fff;color:#891F11;padding:16px 40px;border-radius:8px;font-weight:600;text-decoration:none;transition:all 450ms ease;box-shadow:0 4px 16px #0000001f}
.heroAbout .ctaButton:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0003;background:#DDECFE}
.storySection{max-width:1280px;margin:0 auto 90px;padding:0 24px}
.storySection .gridLayout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.storySection .leftColumn{display:flex;flex-direction:column;gap:28px}
.storySection .sectionLabel{font-size:.92rem;font-weight:600;color:#ED7B10;text-transform:uppercase;letter-spacing:1.4px;margin:0}
.storySection .headingLarge{font-size:2.4rem;font-weight:700;color:#1a1a1a;margin:0;line-height:1.25}
.storySection .paragraphText{font-size:1.05rem;line-height:1.7;color:#4a4a4a;margin:0}
.storySection .highlightBox{background:linear-gradient(118deg,#DDECFE 0%,#fff 100%);padding:32px;border-radius:16px;border-left:5px solid #ED7B10;margin-top:12px}
.storySection .highlightBox .quoteMark{font-size:3rem;color:#ED7B10;line-height:.8;margin-bottom:12px;display:block}
.storySection .highlightBox .quoteText{font-size:1.12rem;line-height:1.6;color:#2a2a2a;font-style:italic;margin:0}
.valueCards{background:linear-gradient(174deg,#f8f8f8 0%,#fff 100%);padding:80px 24px;margin-bottom:90px}
.valueCards .containerCentered{max-width:1280px;margin:0 auto}
.valueCards .sectionHeading{text-align:center;margin-bottom:56px}
.valueCards .sectionHeading h2{font-size:2.6rem;font-weight:700;color:#1a1a1a;margin:0 0 16px}
.valueCards .sectionHeading p{font-size:1.08rem;color:#5a5a5a;margin:0;max-width:640px;margin:0 auto}
.valueCards .cardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.valueCards .cardItem{background:#fff;padding:40px 28px;border-radius:20px;box-shadow:0 6px 20px #0000000f;transition:all 520ms ease;border:2px solid transparent}
.valueCards .cardItem:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0000001f;border-color:#ED7B10}
.valueCards .cardItem .iconCircle{width:64px;height:64px;background:linear-gradient(135deg,#ED7B10 0%,#891F11 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.valueCards .cardItem .iconCircle i{font-size:28px;color:#fff}
.valueCards .cardItem h3{font-size:1.4rem;font-weight:700;color:#2a2a2a;margin:0 0 14px}
.valueCards .cardItem p{font-size:.98rem;line-height:1.65;color:#5a5a5a;margin:0}
.approachSection{max-width:1280px;margin:0 auto 90px;padding:0 24px}
.approachSection .asymmetricGrid{display:grid;grid-template-columns:45% 55%;gap:64px;align-items:center}
.approachSection .imageFrame{position:relative}
.approachSection .imageFrame::before{content:'';position:absolute;top:-16px;left:-16px;width:100%;height:100%;background:linear-gradient(125deg,#ED7B10 0%,#891F11 100%);border-radius:24px;z-index:1}
.approachSection .imageFrame img{position:relative;z-index:2;width:100%;height:420px;object-fit:cover;border-radius:24px;box-shadow:0 14px 40px #0000002e}
.approachSection .contentArea h2{font-size:2.3rem;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.3}
.approachSection .contentArea h2::before{content:'';display:block;width:52px;height:4px;background:#ED7B10;margin-bottom:20px;border-radius:2px}
.approachSection .contentArea .textParagraph{font-size:1.06rem;line-height:1.75;color:#4a4a4a;margin-bottom:32px}
.approachSection .featuresList{display:flex;flex-direction:column;gap:20px}
.approachSection .featuresList .featureItem{display:flex;align-items:start;gap:16px;padding:20px;background:#f9f9f9;border-radius:12px;transition:background 400ms ease}
.approachSection .featuresList .featureItem:hover{background:#DDECFE}
.approachSection .featuresList .featureItem .checkMark{width:28px;height:28px;background:#ED7B10;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.approachSection .featuresList .featureItem .checkMark::after{content:'✓';color:#fff;font-size:16px;font-weight:700}
.approachSection .featuresList .featureItem .featureText{flex:1}
.approachSection .featuresList .featureItem .featureText h4{font-size:1.1rem;font-weight:600;color:#2a2a2a;margin:0 0 6px}
.approachSection .featuresList .featureItem .featureText p{font-size:.96rem;line-height:1.6;color:#5a5a5a;margin:0}
.teamShowcase{background:linear-gradient(168deg,#1a1a1a 0%,#3a3a3a 100%);padding:80px 24px;position:relative;overflow:hidden}
.teamShowcase::before{content:'';position:absolute;top:0;right:0;width:40%;height:100%;background:url(./hero_images/9-content.jpg) center/cover;opacity:.15;z-index:1}
.teamShowcase .containerCentered{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.teamShowcase .headerArea{margin-bottom:48px}
.teamShowcase .headerArea h2{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 18px}
.teamShowcase .headerArea p{font-size:1.08rem;color:#DDECFE;margin:0;max-width:680px}
.teamShowcase .statsDisplay{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:52px}
.teamShowcase .statBox{text-align:center;padding:32px 20px;background:#ffffff0d;border-radius:16px;border:1px solid #ed7b104d;transition:all 480ms ease}
.teamShowcase .statBox:hover{background:#ed7b101f;border-color:#ED7B10;transform:scale(1.05)}
.teamShowcase .statBox .numberDisplay{font-size:3rem;font-weight:700;color:#ED7B10;margin-bottom:8px;line-height:1}
.teamShowcase .statBox .labelText{font-size:.98rem;color:#DDECFE;font-weight:500}
.teamShowcase .missionText{background:#ddecfe14;padding:40px 48px;border-radius:20px;border-left:6px solid #ED7B10}
.teamShowcase .missionText h3{font-size:1.6rem;font-weight:700;color:#DDECFE;margin:0 0 20px}
.teamShowcase .missionText p{font-size:1.06rem;line-height:1.72;color:#e8e8e8;margin:0}
@media (max-width: 1024px) {
.heroAbout .imageContainer{width:340px;height:310px;right:5%}
.heroAbout .mainHeading{font-size:2.6rem}
.storySection .gridLayout{gap:40px}
.valueCards .cardsGrid{grid-template-columns:1fr 1fr}
.approachSection .asymmetricGrid{grid-template-columns:1fr;gap:48px}
.teamShowcase .statsDisplay{grid-template-columns:repeat(2,1fr);gap:28px}
}
@media (max-width: 768px) {
.heroAbout{min-height:380px;margin-bottom:60px}
.heroAbout .imageContainer{display:none}
.heroAbout .mainHeading{font-size:2.2rem;margin-bottom:28px}
.heroAbout .ctaButton{padding:14px 32px}
.storySection{margin-bottom:60px}
.storySection .gridLayout{grid-template-columns:1fr;gap:32px}
.storySection .headingLarge{font-size:2rem}
.valueCards{padding:60px 24px;margin-bottom:60px}
.valueCards .sectionHeading h2{font-size:2rem}
.valueCards .cardsGrid{grid-template-columns:1fr;gap:24px}
.approachSection{margin-bottom:60px}
.approachSection .contentArea h2{font-size:1.9rem}
.teamShowcase{padding:60px 24px}
.teamShowcase .headerArea h2{font-size:2rem}
.teamShowcase .statsDisplay{grid-template-columns:1fr;gap:20px}
.teamShowcase .statBox .numberDisplay{font-size:2.4rem}
.teamShowcase .missionText{padding:32px 28px}
}
@media (max-width: 480px) {
.heroAbout .mainHeading{font-size:1.8rem}
.storySection .headingLarge{font-size:1.7rem}
.valueCards .sectionHeading h2{font-size:1.7rem}
.approachSection .contentArea h2{font-size:1.6rem}
.teamShowcase .headerArea h2{font-size:1.7rem}
}
.studyHeroOuter{background:linear-gradient(157deg,#DDECFE 0%,#fff 45%,#FFF5EC 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.studyHeroOuter::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ed7b1014 0%,transparent 70%);border-radius:50%}
.studyHeroInner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative}
.heroTextBlock h1{font-size:3rem;line-height:1.1;margin-bottom:24px;color:#1a1a1a}
.heroTextBlock h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#ED7B10,#891F11);margin-top:20px;border-radius:2px}
.heroTextBlock p{font-size:1.15rem;line-height:1.7;color:#444;margin-bottom:16px}
.heroImageContainer{position:relative}
.heroImageContainer img{width:100%;height:450px;object-fit:cover;border-radius:20px;box-shadow:0 16px 48px #891f1126;transition:transform 500ms ease}
.heroImageContainer:hover img{transform:scale(1.02) translateY(-4px)}
.heroImageContainer::before{content:'';position:absolute;bottom:-16px;right:-16px;width:180px;height:180px;background:linear-gradient(135deg,#ed7b1040,#ddecfe66);border-radius:16px;z-index:-1}
.materialTypes{background:#fff;padding:90px 20px}
.materialTypes .contentWrap{max-width:1280px;margin:0 auto}
.sectionLabel{font-size:2.4rem;text-align:center;margin-bottom:60px;color:#1a1a1a;position:relative;display:inline-block;width:100%}
.sectionLabel::before{content:'';position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);width:120px;height:3px;background:linear-gradient(90deg,transparent,#ED7B10,transparent)}
.resourceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.resourceItem{background:linear-gradient(165deg,#DDECFE 0%,#fff 100%);padding:40px 32px;border-radius:16px;border:2px solid transparent;transition:all 450ms ease;position:relative}
.resourceItem::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;padding:2px;background:linear-gradient(135deg,#ED7B10,#891F11);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 450ms ease}
.resourceItem:hover::before{opacity:1}
.resourceItem:hover{transform:translateY(-6px);box-shadow:0 12px 32px #ed7b1033}
.resourceIcon{width:56px;height:56px;background:linear-gradient(135deg,#ED7B10,#891F11);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.resourceIcon i{font-size:28px;color:#fff}
.resourceItem h3{font-size:1.4rem;margin-bottom:12px;color:#1a1a1a}
.resourceItem p{font-size:1rem;line-height:1.6;color:#555;margin:0}
.accessSystem{background:linear-gradient(225deg,#FFF5EC 0%,#DDECFE 100%);padding:100px 20px}
.accessInnerLayout{max-width:1280px;margin:0 auto}
.accessHeader{text-align:left;margin-bottom:50px}
.accessHeader h2{font-size:2.6rem;color:#1a1a1a;margin-bottom:20px}
.accessHeader h2::before{content:'';display:inline-block;width:6px;height:40px;background:linear-gradient(180deg,#ED7B10,#891F11);margin-right:16px;vertical-align:middle;border-radius:3px}
.accessColumns{display:grid;grid-template-columns:45% 55%;gap:50px;align-items:start}
.imageShowcase img{width:100%;height:520px;object-fit:cover;border-radius:24px;box-shadow:0 20px 60px #00000026}
.accessLevels{display:flex;flex-direction:column;gap:20px}
.levelCard{background:#fff;padding:32px;border-radius:12px;border-left:5px solid #ED7B10;box-shadow:0 4px 16px #00000014;transition:all 400ms ease}
.levelCard:nth-child(2){border-left-color:#891F11}
.levelCard:nth-child(3){border-left-color:#ED7B10}
.levelCard:hover{transform:translateX(8px);box-shadow:0 8px 24px #ed7b1033}
.levelCard h3{font-size:1.5rem;margin-bottom:12px;color:#1a1a1a}
.levelCard p{font-size:1.05rem;line-height:1.65;color:#555;margin:0}
.progressTracking{background:#fff;padding:90px 20px}
.progressContainer{max-width:1280px;margin:0 auto}
.progressTitle{font-size:2.5rem;text-align:center;margin-bottom:70px;color:#1a1a1a}
.trackingSteps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.trackingSteps::before{content:'';position:absolute;top:40px;left:12.5%;right:12.5%;height:3px;background:linear-gradient(90deg,#ED7B10 0%,#891F11 50%,#ED7B10 100%);z-index:0}
.stepElement{background:linear-gradient(180deg,#DDECFE,#fff);padding:36px 24px;border-radius:16px;text-align:center;position:relative;z-index:1;border:2px solid #DDECFE;transition:all 500ms ease}
.stepElement:hover{border-color:#ED7B10;box-shadow:0 10px 30px #ed7b1040;transform:translateY(-8px)}
.stepNumber{width:80px;height:80px;background:linear-gradient(135deg,#ED7B10,#891F11);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2rem;font-weight:700;color:#fff;box-shadow:0 6px 20px #ed7b1059}
.stepElement h4{font-size:1.2rem;margin-bottom:10px;color:#1a1a1a}
.stepElement p{font-size:.95rem;line-height:1.5;color:#666;margin:0}
@media (max-width: 1024px) {
.studyHeroInner{grid-template-columns:1fr;gap:40px}
.heroTextBlock h1{font-size:2.4rem}
.resourceGrid{grid-template-columns:repeat(2,1fr)}
.accessColumns{grid-template-columns:1fr;gap:40px}
.trackingSteps{grid-template-columns:repeat(2,1fr)}
.trackingSteps::before{display:none}
}
@media (max-width: 768px) {
.studyHeroOuter{padding:60px 16px 70px}
.heroTextBlock h1{font-size:2rem}
.heroImageContainer img{height:320px}
.resourceGrid{grid-template-columns:1fr}
.sectionLabel{font-size:2rem}
.accessHeader h2{font-size:2rem}
.progressTitle{font-size:2rem}
.trackingSteps{grid-template-columns:1fr}
.stepNumber{width:64px;height:64px;font-size:1.6rem}
}
@media (max-width: 480px) {
.heroTextBlock h1{font-size:1.75rem}
.heroTextBlock p{font-size:1rem}
.materialTypes,.accessSystem,.progressTracking{padding:60px 16px}
.resourceItem{padding:28px 20px}
.levelCard{padding:24px}
.stepElement{padding:28px 20px}
}
.successOuter{background:linear-gradient(127deg,#DDECFE 0%,#fff 45%,#FFF5ED 100%);padding:80px 20px;min-height:60vh;display:flex;align-items:center;justify-content:center}
.successContainer{max-width:1280px;margin:0 auto;width:100%}
.successContent{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.successTextArea{padding:40px 0}
.successIcon{width:80px;height:80px;margin-bottom:30px;animation:pulseGlow 2s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{opacity:1;transform:scale(1)}
50%{opacity:.85;transform:scale(1.05)}
}
.successTextArea .mainHeading{font-size:48px;font-weight:700;color:#891F11;margin-bottom:20px;line-height:1.2}
.successTextArea .descriptionText{font-size:18px;line-height:1.7;color:#2d2d2d;margin-bottom:35px}
.ctaButtonRow{display:flex;gap:18px;flex-wrap:wrap}
.ctaButtonRow .primaryBtn{background:linear-gradient(135deg,#ED7B10 0%,#891F11 100%);color:#fff;padding:15px 35px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;border:none;cursor:pointer;transition:all .45s ease;box-shadow:0 4px 15px #ed7b104d;z-index:10;position:relative}
.ctaButtonRow .primaryBtn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ed7b1073}
.ctaButtonRow .secondaryBtn{background:transparent;color:#891F11;padding:15px 35px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;border:2px solid #891F11;cursor:pointer;transition:all .45s ease;z-index:10;position:relative}
.ctaButtonRow .secondaryBtn:hover{background:#891F11;color:#fff;transform:translateY(-3px)}
.visualArea{position:relative;display:flex;align-items:center;justify-content:center}
.visualBox{width:100%;max-width:480px;aspect-ratio:1;background:linear-gradient(217deg,#ed7b1026 0%,#ddecfe66 100%);border-radius:24px;position:relative;overflow:hidden;box-shadow:0 12px 40px #891f111f}
.visualBox::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,#ffffff4d 50%,transparent 70%);animation:shimmer 3s infinite}
@keyframes shimmer {
0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}
100%{transform:translateX(100%) translateY(100%) rotate(45deg)}
}
.checkmarkCircle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,#ED7B10 0%,#891F11 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px #ed7b1066;animation:scaleIn .6s ease-out}
@keyframes scaleIn {
0%{transform:translate(-50%,-50%) scale(0)}
60%{transform:translate(-50%,-50%) scale(1.1)}
100%{transform:translate(-50%,-50%) scale(1)}
}
.checkmarkCircle svg{width:90px;height:90px;fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.checkPath{stroke-dasharray:100;stroke-dashoffset:100;animation:drawCheck .8s ease-out .3s forwards}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.decorativeShape{position:absolute;border-radius:50%;opacity:.15}
.decorativeShape.shapeOne{width:120px;height:120px;background:#ED7B10;top:10%;right:8%;animation:float 4s ease-in-out infinite}
.decorativeShape.shapeTwo{width:80px;height:80px;background:#891F11;bottom:15%;left:12%;animation:float 5s ease-in-out infinite 1s}
@keyframes float {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-20px)}
}
.detailsBlock{background:#fff;padding:70px 20px}
.detailsInner{max-width:1280px;margin:0 auto}
.detailsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:35px}
.infoCard{background:linear-gradient(145deg,#DDECFE 0%,#fff 100%);border-radius:16px;padding:35px;border-left:4px solid #ED7B10;transition:all .5s ease;position:relative;overflow:hidden}
.infoCard::after{content:'';position:absolute;top:0;right:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ed7b101a,transparent);transition:right .6s ease}
.infoCard:hover::after{right:100%}
.infoCard:hover{transform:translateY(-5px);box-shadow:0 10px 30px #891f1126}
.infoCard .cardIcon{width:50px;height:50px;margin-bottom:20px}
.infoCard .cardTitle{font-size:22px;font-weight:700;color:#891F11;margin-bottom:12px}
.infoCard .cardDescription{font-size:16px;line-height:1.6;color:#3d3d3d}
@media (max-width: 1024px) {
.successContent{grid-template-columns:1fr;gap:50px}
.successTextArea .mainHeading{font-size:40px}
.visualBox{max-width:400px;margin:0 auto}
.detailsGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:28px}
}
@media (max-width: 768px) {
.successOuter{padding:60px 20px}
.successTextArea .mainHeading{font-size:34px}
.successTextArea .descriptionText{font-size:16px}
.ctaButtonRow{flex-direction:column}
.ctaButtonRow .primaryBtn,.ctaButtonRow .secondaryBtn{width:100%;text-align:center}
.checkmarkCircle{width:150px;height:150px}
.checkmarkCircle svg{width:75px;height:75px}
.detailsBlock{padding:50px 20px}
.infoCard{padding:28px}
}
@media (max-width: 480px) {
.successTextArea .mainHeading{font-size:28px}
.visualBox{max-width:100%}
.detailsGrid{grid-template-columns:1fr}
}