@import "https://cdn.jsdelivr.net/npm/@fontsource/nunito@latest/300.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/nunito@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/nunito@latest/700.css";
*,::before,::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Nunito',sans-serif;background:linear-gradient(157deg,#0a0a0f 0%,#151520 50%,#0d0d15 100%);color:#e8e8f2;line-height:1.6;min-height:100vh;overflow-x:hidden}
.siteheader{background:linear-gradient(143deg,#1a1a2e 0%,#0f0f1a 100%);border-bottom:3px solid #27D033;box-shadow:0 4px 12px #0009;position:relative;z-index:100}
.siteheader .headercontainer{max-width:1536px;margin:0 auto;padding:1.8rem 2.5rem;display:grid;grid-template-columns:auto 1fr;gap:4rem;align-items:center}
.siteheader .brandcolumn{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}
.siteheader .logowrap{width:95px;height:95px;display:flex;align-items:center;justify-content:center;background:#27d03314;border-radius:8px;padding:.7rem;box-shadow:0 3px 8px #27d03340}
.siteheader .logoimage{width:100%;height:100%;object-fit:contain}
.siteheader .companyname{font-size:1.75rem;font-weight:700;color:#27D033;letter-spacing:.5px;text-shadow:0 2px 6px #27d03366}
.siteheader .navcolumn{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-end}
.siteheader .mainnav{display:flex;gap:2.2rem;align-items:center}
.siteheader .navlink{color:#D7E2FF;text-decoration:none;font-size:1.1rem;font-weight:400;padding:.6rem 1.2rem;border-radius:6px;transition:all .25s ease;position:relative}
.siteheader .navlink:hover{color:#27D033;background:#27d0331a}
.siteheader .contactdetails{display:flex;gap:2rem;align-items:center}
.siteheader .contactitem{display:flex;align-items:center;gap:.5rem}
.siteheader .contactitem i{font-size:1.3rem;color:#DB4B24}
.siteheader .contactlink{color:#e8e8f2;text-decoration:none;font-size:.95rem;transition:color .2s ease}
.siteheader .contactlink:hover{color:#27D033}
.sitefooter{background:linear-gradient(161deg,#0d0d15 0%,#1a1a2e 100%);border-top:2px solid #27D033;margin-top:auto;padding:3rem 0 2rem}
.sitefooter .footercontainer{max-width:1536px;margin:0 auto;padding:0 2.5rem}
.sitefooter .footertop{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #d7e2ff26}
.sitefooter .footernav{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap}
.sitefooter .footerlink{color:#D7E2FF;text-decoration:none;font-size:1rem;font-weight:400;transition:color .2s ease}
.sitefooter .footerlink:hover{color:#27D033}
.sitefooter .footerbottom{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.sitefooter .copyright{font-size:.95rem;color:#d7e2ffb3}
.sitefooter .locationinfo{font-size:.9rem;color:#d7e2ff99;text-align:right}
.cookiebanner{position:fixed;left:20px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#1a1a2e 0%,#0f0f1a 100%);border:2px solid #27D033;border-radius:10px;padding:1.8rem;max-width:380px;box-shadow:0 8px 24px #000c;z-index:10000;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}
.cookiebanner.show{opacity:1;visibility:visible}
.cookiebanner .cookietext{color:#e8e8f2;font-size:.95rem;margin-bottom:1.2rem;line-height:1.5}
.cookiebanner .cookiecategories{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.5rem}
.cookiebanner .cookiecategory{display:flex;align-items:center;gap:.6rem;color:#D7E2FF;font-size:.9rem;cursor:pointer}
.cookiebanner .cookiecheckbox{width:18px;height:18px;cursor:pointer}
.cookiebanner .cookiecheckbox:disabled{cursor:not-allowed;opacity:.6}
.cookiebanner .cookieactions{display:flex;gap:.8rem;justify-content:space-between}
.cookiebanner .cookiebtn{flex:1;padding:.7rem 1.2rem;border:none;border-radius:50px;font-family:'Nunito',sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s ease}
.cookiebanner .cookiebtn.accept{background:linear-gradient(135deg,#27D033 0%,#1fa828 100%);color:#0a0a0f}
.cookiebanner .cookiebtn.accept:hover{background:linear-gradient(135deg,#1fa828 0%,#27D033 100%);transform:translateY(-2px);box-shadow:0 4px 12px #27d03366}
.cookiebanner .cookiebtn.decline{background:linear-gradient(135deg,#DB4B24 0%,#b33d1d 100%);color:#fff}
.cookiebanner .cookiebtn.decline:hover{background:linear-gradient(135deg,#b33d1d 0%,#DB4B24 100%);transform:translateY(-2px);box-shadow:0 4px 12px #db4b2466}
@media (max-width: 1024px) {
.siteheader .headercontainer{grid-template-columns:1fr;gap:2rem;padding:1.5rem 2rem}
.siteheader .brandcolumn{align-items:center}
.siteheader .navcolumn{align-items:center}
.siteheader .mainnav{flex-wrap:wrap;justify-content:center}
.siteheader .contactdetails{flex-direction:column;gap:1rem}
}
@media (max-width: 768px) {
.siteheader .headercontainer{padding:1.2rem 1.5rem}
.siteheader .logowrap{width:75px;height:75px}
.siteheader .companyname{font-size:1.4rem}
.siteheader .mainnav{gap:1rem}
.siteheader .navlink{font-size:1rem;padding:.5rem 1rem}
.sitefooter .footernav{flex-direction:column;align-items:center;gap:1.2rem}
.sitefooter .footerbottom{flex-direction:column;text-align:center}
.sitefooter .locationinfo{text-align:center}
.cookiebanner{left:10px;right:10px;max-width:none;top:auto;bottom:10px;transform:none}
.cookiebanner .cookieactions{flex-direction:column}
}
@media (max-width: 480px) {
.siteheader .mainnav{flex-direction:column;width:100%}
.siteheader .navlink{width:100%;text-align:center}
.cookiebanner{padding:1.3rem}
}
.doc-area{max-width:1536px;margin:0 auto;padding:80px 24px;background:linear-gradient(147deg,#0a0a0f 0%,#151520 100%);color:#e8e9f0;line-height:1.8}
.doc-area h1{font-size:42px;font-weight:700;color:#fff;margin:0 0 48px;padding-bottom:24px;border-bottom:3px solid #27D033;text-shadow:0 2px 12px #27d0334d}
.doc-area h2{font-size:32px;font-weight:600;color:#D7E2FF;margin:56px 0 24px;padding-left:16px;border-left:4px solid #DB4B24}
.doc-area h3{font-size:24px;font-weight:600;color:#D7E2FF;margin:40px 0 20px}
.doc-area h4{font-size:20px;font-weight:600;color:#b8c5e8;margin:32px 0 16px}
.doc-area h5{font-size:18px;font-weight:600;color:#b8c5e8;margin:28px 0 14px}
.doc-area h6{font-size:16px;font-weight:600;color:#a0adc8;margin:24px 0 12px;text-transform:uppercase;letter-spacing:.5px}
.doc-area p{font-size:16px;line-height:1.8;color:#d0d4e0;margin:0 0 20px}
.doc-area ul{margin:24px 0;padding-left:0;list-style:none}
.doc-area ul li{position:relative;padding-left:32px;margin-bottom:16px;color:#d0d4e0;font-size:16px;line-height:1.7}
.doc-area ul li::before{content:"";position:absolute;left:8px;top:10px;width:8px;height:8px;background:#27D033;border-radius:50%;box-shadow:0 0 8px #27d03380}
.doc-area ol{margin:24px 0;padding-left:32px;counter-reset:policy-counter;list-style:none}
.doc-area ol li{position:relative;padding-left:16px;margin-bottom:16px;color:#d0d4e0;font-size:16px;line-height:1.7;counter-increment:policy-counter}
.doc-area ol li::before{content:counter(policy-counter) ".";position:absolute;left:-32px;color:#DB4B24;font-weight:600}
.doc-area em{font-style:italic;color:#D7E2FF}
.doc-area i{font-style:italic;color:#D7E2FF}
.doc-area strong{font-weight:600;color:#fff}
.doc-area a{color:#27D033;text-decoration:underline;transition:all .3s ease}
.doc-area a:hover{color:#3ef04a;text-shadow:0 0 8px #27d03366}
.doc-area table{width:100%;margin:32px 0;border-collapse:separate;border-spacing:0;background:#15152099;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #0006}
.doc-area thead{background:linear-gradient(135deg,#27d03326 0%,#db4b2426 100%)}
.doc-area thead tr th{padding:16px 20px;text-align:left;font-weight:600;color:#fff;font-size:15px;border-bottom:2px solid #27D033}
.doc-area tbody tr{transition:background .2s ease}
.doc-area tbody tr:hover{background:#27d03314}
.doc-area tbody tr td{padding:14px 20px;color:#d0d4e0;font-size:15px;border-bottom:1px solid #d7e2ff1a}
.doc-area tbody tr:last-child td{border-bottom:none}
.doc-area th{font-weight:600}
.doc-area td{vertical-align:top}
.doc-area hr{margin:48px 0;border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#27D033 50%,transparent 100%);opacity:.3}
.doc-area div{margin:20px 0}
.doc-area blockquote{margin:32px 0;padding:20px 24px 20px 48px;background:#27d0330d;border-left:4px solid #27D033;border-radius:6px;color:#D7E2FF;font-style:italic;position:relative}
.doc-area blockquote::before{content:"";position:absolute;left:16px;top:20px;width:16px;height:16px;background:#27D033;border-radius:50%;opacity:.4}
@media (max-width: 768px) {
.doc-area{padding:48px 20px}
.doc-area h1{font-size:32px;margin-bottom:32px}
.doc-area h2{font-size:26px;margin-top:40px}
.doc-area h3{font-size:21px}
.doc-area table{font-size:14px}
.doc-area thead tr th{padding:12px 14px;font-size:14px}
.doc-area tbody tr td{padding:10px 14px;font-size:14px}
.doc-area ul li{padding-left:28px}
.doc-area ol{padding-left:28px}
}
@media (max-width: 480px) {
.doc-area{padding:32px 16px}
.doc-area h1{font-size:28px}
.doc-area h2{font-size:22px}
.doc-area table{display:block;overflow-x:auto}
}
.heropartner{position:relative;background:linear-gradient(156deg,#1a1a2e 0%,#0f0f1a 50%,#16213e 100%);padding:140px 28px 120px;overflow:hidden}
.heropartner::before{content:'';position:absolute;top:-40%;right:-15%;width:80%;height:120%;background:radial-gradient(circle,#27d0331f 0%,transparent 70%);border-radius:50%;transform:rotate(-25deg)}
.heropartner::after{content:'';position:absolute;bottom:-20%;left:-10%;width:60%;height:80%;background:radial-gradient(ellipse,#db4b2414 0%,transparent 65%);border-radius:50%}
.heropartner .wraphero{max-width:1536px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.heropartner .textzone h1{font-size:62px;line-height:1.1;color:#fff;margin:0 0 32px;letter-spacing:-1px}
.heropartner .textzone .subline{font-size:19px;line-height:1.7;color:#D7E2FF;margin:0 0 48px}
.heropartner .imgzone{position:relative}
.heropartner .imgzone img{width:100%;height:520px;object-fit:cover;border-radius:8px;box-shadow:0 24px 48px #0006;transform:rotate(2deg)}
.heropartner .imgzone::before{content:'';position:absolute;top:-16px;left:-16px;right:16px;bottom:16px;border:2px solid #27d0334d;border-radius:8px;transform:rotate(-1deg)}
.networkinfo{background:#0a0a12;padding:100px 28px;position:relative}
.networkinfo .containnet{max-width:1536px;margin:0 auto}
.networkinfo .topsec{text-align:center;margin-bottom:80px}
.networkinfo .topsec h2{font-size:48px;color:#fff;margin:0 0 20px}
.networkinfo .topsec .intro{font-size:18px;line-height:1.8;color:#b8c5e0;max-width:820px;margin:0 auto}
.networkinfo .gridarea{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.networkinfo .partnercard{background:linear-gradient(145deg,#16213e 0%,#0f0f1a 100%);padding:44px 36px;border-radius:10px;border:1px solid #27d03326;transition:all .3s ease}
.networkinfo .partnercard:hover{transform:translateY(-6px);border-color:#27d03366;box-shadow:0 16px 32px #27d03326}
.networkinfo .partnercard .iconwrap{width:68px;height:68px;background:#27d0331f;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:28px}
.networkinfo .partnercard .iconwrap i{font-size:32px;color:#27D033}
.networkinfo .partnercard h3{font-size:24px;color:#fff;margin:0 0 16px}
.networkinfo .partnercard .desc{font-size:16px;line-height:1.7;color:#b8c5e0;margin:0}
.collaborationway{background:linear-gradient(225deg,#1a1a2e 0%,#0f0f1a 100%);padding:110px 28px;position:relative;overflow:hidden}
.collaborationway::before{content:'';position:absolute;top:10%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#db4b241a 0%,transparent 70%);border-radius:50%}
.collaborationway .wrapcollab{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.collaborationway .headarea{max-width:720px;margin-bottom:70px}
.collaborationway .headarea h2{font-size:46px;color:#fff;margin:0 0 24px}
.collaborationway .headarea .lead{font-size:17px;line-height:1.8;color:#D7E2FF;margin:0}
.collaborationway .flowgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.collaborationway .stepitem{display:flex;gap:24px}
.collaborationway .stepitem .numbox{width:56px;height:56px;background:linear-gradient(135deg,#27D033 0%,#1fa328 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 16px #27d03340}
.collaborationway .stepitem .numbox span{font-size:24px;font-weight:700;color:#fff}
.collaborationway .stepitem .contentstep h3{font-size:22px;color:#fff;margin:0 0 14px}
.collaborationway .stepitem .contentstep .text54{font-size:16px;line-height:1.7;color:#b8c5e0;margin:0}
.benefitzone{background:#0a0a12;padding:100px 28px}
.benefitzone .containbene{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:0.9fr 1.1fr;gap:90px;align-items:center}
.benefitzone .imageside{position:relative}
.benefitzone .imageside img{width:100%;height:580px;object-fit:cover;border-radius:12px;box-shadow:0 20px 40px #00000080}
.benefitzone .imageside::after{content:'';position:absolute;top:20px;right:-20px;width:100%;height:100%;border:2px solid #db4b244d;border-radius:12px;z-index:-1}
.benefitzone .contentside h2{font-size:44px;color:#fff;margin:0 0 28px}
.benefitzone .contentside .intro93{font-size:17px;line-height:1.75;color:#D7E2FF;margin:0 0 44px}
.benefitzone .contentside .benefitlist{display:flex;flex-direction:column;gap:28px}
.benefitzone .contentside .benefititem{display:flex;gap:18px;align-items:flex-start}
.benefitzone .contentside .benefititem .iconmark{width:42px;height:42px;background:#27d03326;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.benefitzone .contentside .benefititem .iconmark i{font-size:20px;color:#27D033}
.benefitzone .contentside .benefititem .textpart h4{font-size:19px;color:#fff;margin:0 0 8px}
.benefitzone .contentside .benefititem .textpart .desc87{font-size:15px;line-height:1.65;color:#b8c5e0;margin:0}
.actioncall{background:linear-gradient(180deg,#16213e 0%,#1a1a2e 100%);padding:90px 28px;text-align:center;position:relative;overflow:hidden}
.actioncall::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,#27d03314 0%,transparent 70%);border-radius:50%}
.actioncall .wrapaction{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.actioncall h2{font-size:42px;color:#fff;margin:0 0 22px}
.actioncall .textmain{font-size:18px;line-height:1.7;color:#D7E2FF;max-width:680px;margin:0 auto 40px}
.actioncall .btnaction{display:inline-block;background:linear-gradient(135deg,#27D033 0%,#1fa328 100%);color:#fff;padding:18px 48px;border-radius:8px;font-size:17px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 12px 24px #27d0334d}
.actioncall .btnaction:hover{transform:translateY(-3px);box-shadow:0 16px 32px #27d03366}
@media (max-width: 1200px) {
.heropartner .wraphero{grid-template-columns:1fr;gap:60px}
.networkinfo .gridarea{grid-template-columns:repeat(2,1fr)}
.benefitzone .containbene{grid-template-columns:1fr;gap:60px}
}
@media (max-width: 768px) {
.heropartner{padding:80px 20px 60px}
.heropartner .textzone h1{font-size:40px;margin-bottom:20px}
.heropartner .textzone .subline{font-size:17px}
.heropartner .imgzone img{height:380px}
.networkinfo{padding:70px 20px}
.networkinfo .topsec h2{font-size:36px}
.networkinfo .gridarea{grid-template-columns:1fr;gap:30px}
.collaborationway{padding:70px 20px}
.collaborationway .headarea h2{font-size:34px}
.collaborationway .flowgrid{grid-template-columns:1fr;gap:36px}
.benefitzone{padding:70px 20px}
.benefitzone .contentside h2{font-size:34px}
.benefitzone .imageside img{height:420px}
.actioncall{padding:60px 20px}
.actioncall h2{font-size:32px}
}
.herotitlebanner{position:relative;min-height:580px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(117deg,#0a0d14 0%,#151923 100%);margin-bottom:68px}
.herotitlebanner::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,#27d03314 0%,transparent 45%),radial-gradient(circle at 70% 60%,#db4b240f 0%,transparent 40%);pointer-events:none}
.herotitlebanner .innerbannerspace{max-width:1536px;width:100%;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.herotitlebanner .content47{max-width:920px}
.herotitlebanner .toplinetxt{font-size:1rem;color:#27D033;margin-bottom:16px;letter-spacing:.5px;font-weight:600;text-transform:uppercase}
.herotitlebanner .maintitle81{font-size:4.2rem;line-height:1.1;color:#fff;margin-bottom:24px;font-weight:700}
.herotitlebanner .subtitle22{font-size:1.5rem;line-height:1.4;color:#c5cfe0;margin-bottom:0;font-weight:400}
.herotitlebanner .bannerimgcontainer{position:absolute;right:-120px;top:50%;transform:translateY(-50%);width:580px;height:440px;opacity:.35;pointer-events:none}
.herotitlebanner .bannerimgcontainer::after{content:'';position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(to top,#0a0d14 0%,transparent 100%)}
.herotitlebanner .bannerimgcontainer img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.herotitlebanner .decorshapes{position:absolute;width:160px;height:160px;border:2px solid #d7e2ff14;border-radius:50%;bottom:60px;right:200px}
.methodsec{padding:84px 0;background:linear-gradient(168deg,#0f1218 0%,#1a1f2b 100%);position:relative}
.methodsec::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:linear-gradient(to bottom,transparent 0%,#d7e2ff1a 50%,transparent 100%)}
.methodsec .wrap1536{max-width:1536px;margin:0 auto;padding:0 24px}
.methodsec .toptext52{text-align:center;margin-bottom:68px}
.methodsec .toptext52 h2{font-size:2.8rem;color:#fff;margin-bottom:18px;font-weight:700}
.methodsec .toptext52 p{font-size:1.15rem;color:#b0b9cc;max-width:740px;margin:0 auto;line-height:1.7}
.methodsec .gridmethod3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.methodsec .methodcard{background:#15192399;border:1px solid #d7e2ff1f;border-radius:8px;padding:38px 28px;position:relative;transition:all .3s ease}
.methodsec .methodcard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#27D033 0%,#DB4B24 100%);opacity:0;transition:opacity .3s ease;border-radius:8px 8px 0 0}
.methodsec .methodcard:hover{border-color:#27d0334d;background:#151923d9}
.methodsec .methodcard:hover::before{opacity:1}
.methodsec .iconwrap99{width:56px;height:56px;background:linear-gradient(135deg,#27d03326 0%,#db4b241a 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.methodsec .iconwrap99 i{font-size:26px;color:#27D033}
.methodsec .methodcard h3{font-size:1.4rem;color:#fff;margin-bottom:14px;font-weight:600}
.methodsec .methodcard p{font-size:1rem;color:#9da8be;line-height:1.65;margin-bottom:0}
.projectworksec{padding:88px 0;background:linear-gradient(152deg,#12151d 0%,#0d0f15 100%);position:relative;overflow:hidden}
.projectworksec::after{content:'';position:absolute;bottom:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#db4b240f 0%,transparent 70%);pointer-events:none}
.projectworksec .container1536{max-width:1536px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.projectworksec .splitlayout{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:center}
.projectworksec .textcol{padding-right:24px}
.projectworksec .textcol h2{font-size:2.6rem;color:#fff;margin-bottom:22px;font-weight:700;line-height:1.2}
.projectworksec .textcol .description6{font-size:1.05rem;color:#a8b3c9;line-height:1.75;margin-bottom:32px}
.projectworksec .featurelist8{list-style:none;padding:0;margin:0}
.projectworksec .featurelist8 li{padding-left:36px;position:relative;margin-bottom:18px;color:#b8c2d6;font-size:1rem;line-height:1.6}
.projectworksec .featurelist8 li::before{content:'';position:absolute;left:0;top:6px;width:18px;height:18px;background:linear-gradient(135deg,#27D033 0%,#1fa028 100%);border-radius:3px}
.projectworksec .visualcol{position:relative}
.projectworksec .imgbox92{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 14px 38px #00000059;border:1px solid #d7e2ff14}
.projectworksec .imgbox92 img{width:100%;height:auto;display:block}
.progresssec{padding:90px 0;background:linear-gradient(145deg,#0e1119 0%,#181d28 100%);position:relative}
.progresssec::before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:1px;background:linear-gradient(to right,transparent 0%,#27d03333 50%,transparent 100%)}
.progresssec .centerwrap{max-width:1536px;margin:0 auto;padding:0 24px}
.progresssec .headingzone{text-align:center;margin-bottom:72px;position:relative;z-index:2}
.progresssec .headingzone h2{font-size:2.7rem;color:#fff;margin-bottom:20px;font-weight:700}
.progresssec .headingzone p{font-size:1.1rem;color:#adb7cb;max-width:680px;margin:0 auto;line-height:1.7}
.progresssec .progressgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative;z-index:2}
.progresssec .progressitem{background:#12151db3;border:1px solid #d7e2ff1a;border-radius:8px;padding:34px 24px;text-align:center;position:relative;overflow:hidden;transition:transform .3s ease,border-color .3s ease}
.progresssec .progressitem::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#27D033 0%,#DB4B24 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.progresssec .progressitem:hover{transform:translateY(-6px);border-color:#27d03366}
.progresssec .progressitem:hover::before{transform:scaleX(1)}
.progresssec .stagenumber{display:inline-block;width:48px;height:48px;background:linear-gradient(135deg,#27d03333 0%,#db4b2426 100%);border-radius:50%;line-height:48px;text-align:center;color:#27D033;font-size:1.3rem;font-weight:700;margin-bottom:18px}
.progresssec .progressitem h4{font-size:1.2rem;color:#fff;margin-bottom:12px;font-weight:600}
.progresssec .progressitem p{font-size:.95rem;color:#9aa5ba;line-height:1.6;margin:0}
.supportsec{padding:86px 0;background:linear-gradient(158deg,#0d1016 0%,#16191f 100%);position:relative}
.supportsec .wrapfull{max-width:1536px;margin:0 auto;padding:0 24px}
.supportsec .reversegrid{display:grid;grid-template-columns:1.2fr 1fr;gap:68px;align-items:center}
.supportsec .imageside{position:relative}
.supportsec .supportimg{border-radius:8px;overflow:hidden;box-shadow:0 12px 34px #0006;border:1px solid #d7e2ff1a}
.supportsec .supportimg img{width:100%;height:auto;display:block}
.supportsec .contentside{padding-left:18px}
.supportsec .contentside h2{font-size:2.5rem;color:#fff;margin-bottom:24px;font-weight:700;line-height:1.25}
.supportsec .contentside .maindesc{font-size:1.05rem;color:#a5b0c4;line-height:1.75;margin-bottom:36px}
.supportsec .checkpoints{list-style:none;padding:0;margin:0}
.supportsec .checkpoints li{padding-left:40px;position:relative;margin-bottom:20px;color:#b2bdce;font-size:1rem;line-height:1.65}
.supportsec .checkpoints li::before{content:'';position:absolute;left:0;top:4px;width:22px;height:22px;background:linear-gradient(135deg,#DB4B24 0%,#a73518 100%);border-radius:50%}
.supportsec .checkpoints li::after{content:'';position:absolute;left:7px;top:11px;width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.pricesec{padding:92px 0;background:linear-gradient(162deg,#12161e 0%,#0a0c11 100%);position:relative;overflow:hidden}
.pricesec::before{content:'';position:absolute;top:-150px;left:-150px;width:500px;height:500px;background:radial-gradient(circle,#27d0330d 0%,transparent 65%);pointer-events:none}
.pricesec .boxwrap{max-width:1536px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.pricesec .titlearea{text-align:center;margin-bottom:64px}
.pricesec .titlearea h2{font-size:2.75rem;color:#fff;margin-bottom:18px;font-weight:700}
.pricesec .titlearea p{font-size:1.12rem;color:#acb6ca;max-width:720px;margin:0 auto;line-height:1.7}
.pricesec .pricecards{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.pricesec .pricecard{background:#10131a99;border:1px solid #d7e2ff1f;border-radius:10px;padding:42px 32px;position:relative;transition:all .3s ease}
.pricesec .pricecard.highlighted{border-color:#27d03366;background:#10131ad9;transform:scale(1.04)}
.pricesec .pricecard.highlighted::before{content:'POPULAR';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#27D033 0%,#1fa028 100%);color:#fff;font-size:.75rem;font-weight:700;padding:4px 16px;border-radius:20px;letter-spacing:.5px}
.pricesec .pricecard:hover{border-color:#27d0334d;transform:translateY(-8px)}
.pricesec .planname{font-size:1.5rem;color:#fff;margin-bottom:14px;font-weight:600}
.pricesec .priceval{font-size:3rem;color:#27D033;font-weight:700;margin-bottom:8px;line-height:1}
.pricesec .perioddesc{font-size:.95rem;color:#8d98ab;margin-bottom:28px}
.pricesec .benefitlist{list-style:none;padding:0;margin:0 0 32px}
.pricesec .benefitlist li{padding-left:32px;position:relative;margin-bottom:14px;color:#b0b9cc;font-size:.98rem;line-height:1.6}
.pricesec .benefitlist li::before{content:'';position:absolute;left:0;top:5px;width:16px;height:16px;background:linear-gradient(135deg,#27D033 0%,#1fa028 100%);border-radius:3px}
.pricesec .actionbtn{width:100%}
.pricesec .actionbtn a{display:block;padding:14px 24px;background:linear-gradient(90deg,#27D033 0%,#1fa028 100%);color:#fff;text-align:center;border-radius:6px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;border:2px solid transparent}
.pricesec .actionbtn a:hover{background:linear-gradient(90deg,#1fa028 0%,#27D033 100%);transform:translateY(-2px);box-shadow:0 8px 24px #27d0334d}
.testimonysec{padding:88px 0;background:linear-gradient(148deg,#0e1218 0%,#181c26 100%);position:relative}
.testimonysec .innerwrap{max-width:1536px;margin:0 auto;padding:0 24px}
.testimonysec .headpart{text-align:center;margin-bottom:58px}
.testimonysec .headpart h2{font-size:2.65rem;color:#fff;margin-bottom:16px;font-weight:700}
.testimonysec .headpart p{font-size:1.08rem;color:#aab4c8;max-width:700px;margin:0 auto;line-height:1.7}
.testimonysec .testimonygrid{display:grid;grid-template-columns:repeat(2,1fr);gap:38px}
.testimonysec .testimonycard{background:#0e1117a6;border:1px solid #d7e2ff1a;border-radius:8px;padding:36px 32px;position:relative;transition:border-color .3s ease,transform .3s ease}
.testimonysec .testimonycard::before{content:'"';position:absolute;top:16px;left:20px;font-size:5rem;color:#27d03326;font-family:Georgia,serif;line-height:1}
.testimonysec .testimonycard:hover{border-color:#27d0334d;transform:translateY(-4px)}
.testimonysec .testimonytext{font-size:1.02rem;color:#b4becf;line-height:1.75;margin-bottom:24px;position:relative;z-index:2}
.testimonysec .authorinfo{display:flex;align-items:center;gap:16px}
.testimonysec .authoravatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#27d0334d 0%,#db4b2433 100%);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#27D033;font-weight:700}
.testimonysec .authordetails h4{font-size:1.1rem;color:#fff;margin-bottom:4px;font-weight:600}
.testimonysec .authordetails p{font-size:.9rem;color:#8d98ab;margin:0}
@media (max-width: 1200px) {
.herotitlebanner .maintitle81{font-size:3.4rem}
.herotitlebanner .subtitle22{font-size:1.3rem}
.herotitlebanner .bannerimgcontainer{width:480px;height:360px;right:-80px}
.methodsec .gridmethod3{grid-template-columns:repeat(2,1fr);gap:28px}
.projectworksec .splitlayout{gap:52px}
.progresssec .progressgrid{grid-template-columns:repeat(2,1fr);gap:24px}
.pricesec .pricecards{grid-template-columns:repeat(2,1fr)}
.pricesec .pricecard.highlighted{transform:scale(1)}
}
@media (max-width: 900px) {
.herotitlebanner{min-height:480px;margin-bottom:56px}
.herotitlebanner .maintitle81{font-size:2.8rem}
.herotitlebanner .subtitle22{font-size:1.15rem}
.herotitlebanner .bannerimgcontainer{display:none}
.methodsec{padding:68px 0}
.methodsec .toptext52 h2{font-size:2.3rem}
.projectworksec .splitlayout,.supportsec .reversegrid{grid-template-columns:1fr;gap:42px}
.projectworksec .textcol{padding-right:0}
.supportsec .contentside{padding-left:0}
.testimonysec .testimonygrid{grid-template-columns:1fr;gap:28px}
}
@media (max-width: 640px) {
.herotitlebanner{min-height:auto;padding:62px 0}
.herotitlebanner .maintitle81{font-size:2.2rem}
.herotitlebanner .subtitle22{font-size:1.05rem}
.methodsec .gridmethod3{grid-template-columns:1fr}
.methodsec .toptext52 h2{font-size:2rem}
.projectworksec .textcol h2,.supportsec .contentside h2{font-size:2.1rem}
.progresssec .progressgrid{grid-template-columns:1fr}
.progresssec .headingzone h2{font-size:2.2rem}
.pricesec .pricecards{grid-template-columns:1fr}
.pricesec .titlearea h2{font-size:2.2rem}
.testimonysec .headpart h2{font-size:2.1rem}
}
.touchpoint{background:linear-gradient(137deg,#0a0d14 0%,#111620 100%);padding:4.2rem 1.3rem}
.touchpoint .reachzone{max-width:1536px;margin:0 auto;display:flex;flex-direction:column;gap:4.8rem}
.touchpoint .primarypanel{display:grid;grid-template-columns:1fr;gap:2.6rem;align-items:center}
.touchpoint .framehold{position:relative;border:3px solid #27D033;border-radius:8px;padding:1.2rem;background:linear-gradient(215deg,#1a1f2e 0%,#0f121a 100%)}
.touchpoint .framehold::before{content:'';position:absolute;top:-8px;left:2rem;width:80px;height:4px;background:linear-gradient(90deg,#27D033 0%,#DB4B24 100%)}
.touchpoint .visualframe{width:100%;height:280px;background:linear-gradient(168deg,#DB4B24 0%,#27D033 100%);border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.touchpoint .visualframe::after{content:'';position:absolute;width:120%;height:120%;background:radial-gradient(circle at 30% 40%,#d7e2ff26 0%,transparent 60%);animation:floatglow347 8s ease-in-out infinite}
@keyframes floatglow347 {
0%,100%{transform:translate(-10%,-10%) scale(1)}
50%{transform:translate(10%,10%) scale(1.1)}
}
.touchpoint .iconsym{font-size:5.4rem;color:#D7E2FF;z-index:2}
.touchpoint .infozone{display:flex;flex-direction:column;gap:1.6rem}
.touchpoint .tophead{font-size:2.8rem;color:#D7E2FF;line-height:1.2;position:relative;padding-bottom:1rem}
.touchpoint .tophead::after{content:'';position:absolute;bottom:0;left:0;width:140px;height:3px;background:linear-gradient(90deg,#DB4B24 0%,transparent 100%)}
.touchpoint .explaintext{font-size:1.05rem;line-height:1.7;color:#c4cfe0}
.touchpoint .detailgrid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2rem}
.touchpoint .detailbox{background:linear-gradient(142deg,#181d2b 0%,#0d1016 100%);border:2px solid #27D033;border-radius:8px;padding:1.6rem;display:flex;align-items:flex-start;gap:1.2rem;transition:all .3s ease}
.touchpoint .detailbox:hover{border-color:#DB4B24;transform:translateY(-3px);box-shadow:0 8px 24px #27d03333}
.touchpoint .detailbox .pe-7s-phone,.touchpoint .detailbox .pe-7s-mail,.touchpoint .detailbox .pe-7s-map-marker{font-size:2rem;color:#27D033;flex-shrink:0;transition:color .3s ease}
.touchpoint .detailbox:hover .pe-7s-phone,.touchpoint .detailbox:hover .pe-7s-mail,.touchpoint .detailbox:hover .pe-7s-map-marker{color:#DB4B24}
.touchpoint .detailwrap{display:flex;flex-direction:column;gap:.3rem}
.touchpoint .detaillabel{font-size:.82rem;color:#8a95aa;text-transform:uppercase;letter-spacing:.08em}
.touchpoint .detailvalue{font-size:1.05rem;color:#D7E2FF;line-height:1.5}
.touchpoint .detailvalue a{color:#D7E2FF;text-decoration:none;transition:color .3s ease}
.touchpoint .detailvalue a:hover{color:#27D033}
.formsection{background:linear-gradient(224deg,#0d1119 0%,#181d2b 100%);border-radius:10px;padding:2.8rem 1.8rem;border:1px solid #27d03333}
.formsection .formhead{font-size:2.2rem;color:#D7E2FF;margin-bottom:.8rem}
.formsection .formdesc{font-size:.98rem;color:#9ba8c0;line-height:1.6;margin-bottom:2.4rem}
.formsection .contactform{display:flex;flex-direction:column;gap:1.6rem}
.formsection .namerow{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.formsection .fieldwrap{display:flex;flex-direction:column;gap:.5rem}
.formsection .fieldlabel{font-size:.88rem;color:#c4cfe0;display:flex;align-items:center;gap:.4rem}
.formsection .req{color:#DB4B24}
.formsection .fieldinput{background:#0a0d14;border:2px solid #27D033;border-radius:6px;padding:.9rem 1.1rem;font-size:1rem;color:#D7E2FF;transition:all .3s ease}
.formsection .fieldinput:focus{outline:none;border-color:#DB4B24;box-shadow:0 0 0 3px #db4b2426}
.formsection .categorygroup{position:relative}
.formsection .selectwrap{position:relative}
.formsection .selectfield{width:100%;background:#0a0d14;border:2px solid #27D033;border-radius:6px;padding:.9rem 2.8rem .9rem 1.1rem;font-size:1rem;color:#D7E2FF;appearance:none;cursor:pointer;transition:all .3s ease}
.formsection .selectfield:focus{outline:none;border-color:#DB4B24;box-shadow:0 0 0 3px #db4b2426}
.formsection .selectwrap::after{content:'';position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #27D033;pointer-events:none;transition:border-top-color .3s ease}
.formsection .selectfield:focus ~ .selectwrap::after{border-top-color:#DB4B24}
.formsection .privacyline{display:flex;align-items:flex-start;gap:.7rem;margin-top:.4rem}
.formsection .checkbox839{width:20px;height:20px;margin-top:.1rem;flex-shrink:0;accent-color:#27D033}
.formsection .privacytext{font-size:.88rem;color:#9ba8c0;line-height:1.5}
.formsection .privacytext a{color:#27D033;text-decoration:none;transition:color .3s ease}
.formsection .privacytext a:hover{color:#DB4B24}
.formsection .submitbtn{background:linear-gradient(135deg,#27D033 0%,#1fa829 100%);color:#0a0d14;border:none;border-radius:8px;padding:1.1rem 2.4rem;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;z-index:10;margin-top:.8rem}
.formsection .submitbtn:hover{background:linear-gradient(135deg,#DB4B24 0%,#c23e1d 100%);transform:translateY(-2px);box-shadow:0 6px 20px #27d0334d}
.formsection .submitbtn:active{transform:translateY(0)}
@media (min-width: 768px) {
.touchpoint{padding:6rem 2rem}
.touchpoint .primarypanel{grid-template-columns:400px 1fr;gap:3.6rem}
.touchpoint .visualframe{height:360px}
.touchpoint .tophead{font-size:3.4rem}
.touchpoint .detailgrid{grid-template-columns:repeat(2,1fr);gap:1.8rem}
.formsection{padding:3.6rem 2.8rem}
.formsection .formhead{font-size:2.6rem}
}
@media (min-width: 1024px) {
.touchpoint{padding:7rem 2.4rem}
.touchpoint .primarypanel{grid-template-columns:480px 1fr;gap:4.4rem}
.touchpoint .detailgrid{grid-template-columns:repeat(3,1fr)}
.formsection{padding:4.2rem 3.6rem}
}
.titleblock{background:linear-gradient(127deg,#0a0f1a 0%,#1a1f2e 45%,#151a28 100%);padding:98px 0 84px;position:relative;overflow:hidden}
.titleblock::before{content:'';position:absolute;width:420px;height:420px;background:radial-gradient(circle,#27d03314 0%,transparent 70%);top:-140px;right:12%;border-radius:50%}
.titleblock::after{content:'';position:absolute;width:320px;height:320px;background:radial-gradient(circle,#d7e2ff0d 0%,transparent 65%);bottom:-90px;left:8%;border-radius:50%}
.titleblock .innerwrap{max-width:1536px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:76px;position:relative;z-index:2}
.titleblock .textside{flex:1}
.titleblock h1{font-size:56px;line-height:1.15;color:#f4f6fb;margin:0 0 18px}
.titleblock h1 .accent24{color:#27D033;display:block;margin-bottom:8px}
.titleblock .subline3{font-size:19px;line-height:1.6;color:#b8c2d8;margin:0;max-width:520px}
.titleblock .imageside{flex:0 0 440px}
.titleblock .imageside img{width:100%;height:auto;border-radius:8px;box-shadow:0 14px 32px #0006;filter:brightness(0.92) contrast(1.08)}
.offerssection{background:#0d1219;padding:94px 0;position:relative}
.offerssection::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#27D033 50%,transparent 100%)}
.offerssection .contentwrap7{max-width:1536px;margin:0 auto;padding:0 24px}
.offerssection h2{font-size:44px;color:#e8ecf5;text-align:center;margin:0 0 64px}
.offerssection h2::after{content:'';display:block;width:80px;height:3px;background:linear-gradient(90deg,#DB4B24 0%,#27D033 100%);margin:18px auto 0}
.offersgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.offercard19{background:linear-gradient(135deg,#151b27 0%,#1a2130 100%);border:1px solid #242d3f;border-radius:10px;padding:42px 32px;transition:all .3s ease;position:relative}
.offercard19::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#27D033 0%,#DB4B24 100%);opacity:0;transition:opacity .3s ease;border-radius:10px 10px 0 0}
.offercard19:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00000080;border-color:#27D033}
.offercard19:hover::before{opacity:1}
.offercard19 .iconwrap42{width:68px;height:68px;background:#27d0331f;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.offercard19 .iconwrap42 i{font-size:34px;color:#27D033}
.offercard19 h3{font-size:26px;color:#f0f3f9;margin:0 0 16px}
.offercard19 .cardtext8{font-size:16px;line-height:1.7;color:#9aa5ba;margin:0 0 28px}
.offercard19 .featurelist91{list-style:none;padding:0;margin:0 0 32px}
.offercard19 .featurelist91 li{padding:10px 0 10px 32px;position:relative;color:#c5cfe0;font-size:15px}
.offercard19 .featurelist91 li::before{content:'▸';position:absolute;left:0;color:#DB4B24;font-size:18px}
.offercard19 .actionlink77{display:inline-block;color:#27D033;font-size:16px;text-decoration:none;font-weight:500;transition:all .3s ease}
.offercard19 .actionlink77:hover{color:#DB4B24;padding-left:8px}
.approachblock{background:linear-gradient(218deg,#0a0e16 0%,#12171f 100%);padding:88px 0;position:relative}
.approachblock .layoutgrid55{max-width:1536px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:380px 1fr;gap:68px;align-items:start}
.approachblock .imagecol{position:sticky;top:32px}
.approachblock .imagecol img{width:100%;height:auto;border-radius:10px;box-shadow:0 12px 28px #00000073}
.approachblock h2{font-size:42px;color:#edf1f8;margin:0 0 42px;position:relative;padding-left:22px}
.approachblock h2::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:5px;background:linear-gradient(180deg,#27D033 0%,#DB4B24 100%)}
.processitem{background:#151b2799;border:1px solid #1f2838;border-radius:8px;padding:36px 32px;margin-bottom:24px;position:relative;transition:all .3s ease}
.processitem:hover{background:#1a212fcc;border-color:#27D033}
.processitem .stepnumber{position:absolute;top:-14px;left:32px;background:linear-gradient(135deg,#27D033 0%,#1fa028 100%);color:#0a0e16;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;box-shadow:0 4px 12px #27d0334d}
.processitem h3{font-size:24px;color:#e5eaf3;margin:0 0 14px}
.processitem .stepdesc{font-size:16px;line-height:1.65;color:#a3afc5;margin:0}
.processitem .detaillist{margin:18px 0 0;padding:0;list-style:none;display:flex;gap:12px;flex-wrap:wrap}
.processitem .detaillist li{background:#27d03314;color:#27D033;padding:6px 14px;border-radius:4px;font-size:14px;border:1px solid #27d03333}
.testimonialsection{background:#0e1218;padding:86px 0;position:relative;overflow:hidden}
.testimonialsection::before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,#db4b240f 0%,transparent 70%);top:50%;left:-200px;transform:translateY(-50%)}
.testimonialsection .wrapperinner{max-width:1536px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.testimonialsection h2{font-size:46px;color:#f2f5fa;text-align:center;margin:0 0 58px}
.testimonialsection h2 .highlight88{color:#DB4B24}
.testimonialsgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px}
.testimonialbox{background:linear-gradient(145deg,#161d29 0%,#1a212f 100%);border:1px solid #242d3e;border-radius:12px;padding:38px 34px;position:relative}
.testimonialbox::before{content:'"';position:absolute;top:16px;left:24px;font-size:84px;color:#27d0331f;font-family:Georgia,serif;line-height:1}
.testimonialbox .quotecontent{position:relative;z-index:2}
.testimonialbox .quotetext{font-size:17px;line-height:1.7;color:#cbd3e3;margin:0 0 28px;font-style:italic}
.testimonialbox .authorinfo{display:flex;align-items:center;gap:18px}
.testimonialbox .authordetails{flex:1}
.testimonialbox .authorname{font-size:19px;color:#e8ecf4;margin:0 0 4px;font-weight:600}
.testimonialbox .authorrole{font-size:15px;color:#8a95ab;margin:0}
.testimonialbox .ratingwrap{display:flex;gap:4px}
.testimonialbox .ratingwrap i{color:#27D033;font-size:16px}
@media (max-width: 1200px) {
.titleblock .innerwrap{flex-direction:column;gap:48px}
.titleblock .imageside{flex:0 0 auto;max-width:500px}
.titleblock h1{font-size:48px}
.offersgrid{grid-template-columns:repeat(2,1fr)}
.approachblock .layoutgrid55{grid-template-columns:1fr;gap:42px}
.approachblock .imagecol{position:static;max-width:450px;margin:0 auto}
}
@media (max-width: 768px) {
.titleblock{padding:68px 0 58px}
.titleblock h1{font-size:38px}
.titleblock .subline3{font-size:17px}
.offerssection{padding:64px 0}
.offerssection h2{font-size:36px;margin-bottom:48px}
.offersgrid{grid-template-columns:1fr}
.approachblock{padding:64px 0}
.approachblock h2{font-size:34px;padding-left:18px}
.processitem{padding:28px 24px}
.testimonialsection{padding:64px 0}
.testimonialsection h2{font-size:36px}
.testimonialsgrid{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.titleblock .innerwrap{padding:0 18px}
.titleblock h1{font-size:32px}
.offerssection .contentwrap7{padding:0 18px}
.offercard19{padding:32px 24px}
.approachblock .layoutgrid55{padding:0 18px}
.testimonialsection .wrapperinner{padding:0 18px}
.testimonialbox{padding:28px 24px}
}
.successwrapper{background:linear-gradient(155deg,#0a0b14 0%,#1a1c2e 100%);min-height:92vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.successwrapper::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#27d03314 0%,transparent 70%);border-radius:50%;pointer-events:none}
.successwrapper::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#db4b240f 0%,transparent 70%);border-radius:50%;pointer-events:none}
.successcontent{max-width:680px;width:100%;text-align:center;position:relative;z-index:2}
.successicon34{width:120px;height:120px;margin:0 auto 32px;position:relative}
.successicon34 svg{width:100%;height:100%;filter:drop-shadow(0 8px 24px #27d03359)}
.successicon34 .checkmark{stroke:#27D033;stroke-width:3;fill:none;stroke-dasharray:150;stroke-dashoffset:150;animation:draw .8s ease-out forwards}
.successicon34 .circle92{stroke:#27D033;stroke-width:2;fill:none;opacity:.3}
@keyframes draw {
to{stroke-dashoffset:0}
}
.successheading h1{font-size:48px;color:#fff;margin:0 0 18px;line-height:1.2;font-weight:700}
.successheading h2{font-size:22px;color:#D7E2FF;margin:0 0 36px;line-height:1.5;font-weight:400;opacity:.9}
.successmessage p{font-size:17px;color:#b8c5e0;line-height:1.7;margin:0 0 42px;max-width:560px;margin-left:auto;margin-right:auto}
.successactions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.successactions a{padding:16px 32px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}
.primaryaction78{background:linear-gradient(135deg,#27D033 0%,#1fb82a 100%);color:#0a0b14;box-shadow:0 4px 16px #27d0334d}
.primaryaction78::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#2ee83a 0%,#27D033 100%);opacity:0;transition:opacity .3s ease;z-index:-1}
.primaryaction78:hover::before{opacity:1}
.primaryaction78:hover{transform:translateY(-2px);box-shadow:0 6px 24px #27d03366}
.secondaryaction51{background:#d7e2ff14;color:#D7E2FF;border:2px solid #d7e2ff33}
.secondaryaction51:hover{background:#d7e2ff26;border-color:#d7e2ff59;transform:translateY(-2px)}
.decorativedots12{position:absolute;top:15%;left:8%;width:80px;height:80px;opacity:.15}
.decorativedots12 svg circle{fill:#27D033}
.decorativedots67{position:absolute;bottom:20%;right:10%;width:60px;height:60px;opacity:.12}
.decorativedots67 svg circle{fill:#DB4B24}
.timelineinfo{margin-top:56px;padding-top:40px;border-top:1px solid #d7e2ff1a}
.timelineinfo h3{font-size:18px;color:#D7E2FF;margin:0 0 24px;font-weight:600}
.nextsteps43{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:600px;margin:0 auto}
.stepcard89{background:#d7e2ff0d;padding:20px;border-radius:8px;border:1px solid #d7e2ff1a;transition:all .3s ease}
.stepcard89:hover{background:#d7e2ff14;border-color:#27d0334d;transform:translateY(-3px)}
.stepnumber56{width:36px;height:36px;background:linear-gradient(135deg,#27d03333 0%,#27d0331a 100%);border:2px solid #27d03366;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:16px;font-weight:700;color:#27D033}
.stepcard89 h4{font-size:15px;color:#fff;margin:0 0 6px;font-weight:600}
.stepcard89 p{font-size:13px;color:#b8c5e0;margin:0;line-height:1.5}
@media (max-width: 768px) {
.successwrapper{padding:40px 16px;min-height:85vh}
.successicon34{width:90px;height:90px;margin-bottom:24px}
.successheading h1{font-size:32px;margin-bottom:14px}
.successheading h2{font-size:18px;margin-bottom:28px}
.successmessage p{font-size:15px;margin-bottom:32px}
.successactions{flex-direction:column;gap:12px}
.successactions a{width:100%;padding:14px 24px}
.timelineinfo{margin-top:44px;padding-top:32px}
.nextsteps43{grid-template-columns:1fr;gap:16px}
.decorativedots12,.decorativedots67{display:none}
}
@media (max-width: 480px) {
.successheading h1{font-size:28px}
.successheading h2{font-size:16px}
.successmessage p{font-size:14px}
}