html,body{margin:0;padding:0}
body{font-family:'Outfit',sans-serif;line-height:1.6;color:#1a1a1a;background:#FFF}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
.topRibbon{background:linear-gradient(135deg,#029C51 0%,#016d39 100%);padding:18px 0;box-shadow:0 4px 12px #029c5126}
.ribbon-holder{max-width:1440px;margin:0 auto;padding:0 30px}
.branding-section{display:flex;align-items:center;gap:20px}
.siteLogo{height:95px;width:95px;background:#FFF;padding:8px;border-radius:28px;box-shadow:0 6px 18px #0000001f}
.brandTagline{font-size:18px;color:#FFF;font-weight:500;letter-spacing:.3px}
.bannerArea{background:#FFF;padding:32px 0;border-bottom:2px solid #f0f0f0;box-shadow:0 6px 16px #0000000a}
.banner-holder{max-width:1440px;margin:0 auto;padding:0 30px}
.mainNav{display:flex;gap:42px;justify-content:center;flex-wrap:wrap}
.navLink{font-size:17px;font-weight:500;color:#2d2d2d;padding:12px 18px;border-radius:24px;transition:background .3s ease,color .3s ease}
.navLink:hover{background:linear-gradient(135deg,#029C51 0%,#961C4A 100%);color:#FFF}
.footerUpper{background:linear-gradient(155deg,#961C4A 0%,#6b1436 100%);padding:85px 0 60px;position:relative}
.footerUpper::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#029C51 0%,#961C4A 100%)}
.footer-container{max-width:1440px;margin:0 auto;padding:0 30px}
.upperSection{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;align-items:start}
.brandColumn{display:flex;flex-direction:column;gap:24px}
.footerLogo{height:115px;width:115px;background:#FFF;padding:12px;border-radius:32px;box-shadow:0 10px 28px #00000040}
.footerDesc{color:#f5f5f5;font-size:16px;line-height:1.7;max-width:480px}
.linksColumn,.contactColumn{display:flex;flex-direction:column;gap:18px}
.columnHeading{font-size:22px;font-weight:600;color:#FFF;margin-bottom:8px;text-transform:uppercase;letter-spacing:1.2px}
.footerLink{color:#e8e8e8;font-size:15px;transition:color .3s ease;padding:6px 0}
.footerLink:hover{color:#029C51}
.contactInfo{color:#e8e8e8;font-size:15px;margin:0}
.footerLower{background:#1a1a1a;padding:28px 0}
.copyright{text-align:center;color:#b0b0b0;font-size:14px;margin:0}
.cookieOverlay{position:fixed;bottom:35px;right:35px;z-index:9999;max-width:420px;animation:slideUpFade .6s ease-out}
@keyframes slideUpFade {
from{opacity:0;transform:translateY(40px)}
to{opacity:1;transform:translateY(0)}
}
.cookieContent{background:#FFF;padding:32px;border-radius:28px;box-shadow:0 14px 38px #0000002e 0 0 0 1px #029c5133}
.cookieText{font-size:15px;line-height:1.65;color:#333;margin:0 0 24px}
.cookieActions{display:flex;gap:12px;flex-wrap:wrap}
.cookieBtn{flex:1;min-width:140px;padding:14px 24px;border:none;border-radius:24px;cursor:pointer;transition:all .3s ease;font:600 15px 'Outfit',sans-serif}
.cookieBtn--primary{background:linear-gradient(135deg,#029C51 0%,#027a40 100%);color:#FFF;box-shadow:0 6px 16px #029c514d}
.cookieBtn--primary:hover{background:linear-gradient(135deg,#027a40 0%,#015f31 100%);box-shadow:0 8px 22px #029c5166}
.cookieBtn--secondary{background:#f5f5f5;color:#333;border:2px solid #e0e0e0}
.cookieBtn--secondary:hover{background:#e8e8e8;border-color:#ccc}
@media (max-width: 1024px) {
.upperSection{grid-template-columns:1fr;gap:45px}
.mainNav{gap:28px}
}
@media (max-width: 768px) {
.topRibbon{padding:14px 0}
.ribbon-holder,.banner-holder,.footer-container{padding:0 20px}
.branding-section{flex-direction:column;align-items:flex-start;gap:12px}
.siteLogo{height:75px;width:75px}
.brandTagline{font-size:16px}
.bannerArea{padding:24px 0}
.mainNav{flex-direction:column;gap:12px;align-items:stretch}
.navLink{text-align:center;padding:14px 20px}
.footerUpper{padding:55px 0 40px}
.footerLogo{height:90px;width:90px}
.cookieOverlay{bottom:20px;right:20px;left:20px;max-width:none}
.cookieContent{padding:24px}
.cookieActions{flex-direction:column}
.cookieBtn{min-width:100%}
}
@media (max-width: 480px) {
.siteLogo{height:65px;width:65px}
.brandTagline{font-size:14px}
.navLink{font-size:16px}
.columnHeading{font-size:19px}
}
.heroSection{max-width:1440px;margin:0 auto;padding:80px 20px;display:flex;align-items:center;gap:60px}
.heroSection .textArea{flex:1;max-width:600px}
.heroSection .imageArea{flex:1;position:relative}
.heroSection h1{font-size:56px;line-height:1.1;margin:0 0 40px;color:#029C51;font-weight:700}
.heroSection .primaryBtn{display:inline-block;padding:18px 48px;background:linear-gradient(135deg,#029C51,#961C4A);color:#FFF;text-decoration:none;border-radius:30px;font-size:18px;font-weight:600;transition:all .3s ease;box-shadow:0 8px 20px #029c514d;position:relative;z-index:10}
.heroSection .primaryBtn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #961c4a66}
.heroSection .heroImage{width:100%;height:auto;border-radius:30px;box-shadow:0 15px 40px #00000026;filter:contrast(1.05);position:relative}
.heroSection .imageArea::before{content:'';position:absolute;width:120px;height:120px;background:radial-gradient(circle,#029C51 2px,transparent 2px);background-size:20px 20px;top:-40px;right:-40px;opacity:.6;z-index:-1}
.advantageBlock{max-width:1440px;margin:100px auto;padding:0 20px}
.advantageBlock h2{font-size:44px;text-align:center;margin:0 0 60px;color:#961C4A;font-weight:700}
.advantageBlock .gridHolder{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.advantageBlock .featureCard{background:linear-gradient(145deg,#FFF,#f8f8f8);padding:40px 30px;border-radius:25px;box-shadow:0 10px 30px #029c511a;transition:all .4s ease;border:2px solid transparent}
.advantageBlock .featureCard:hover{transform:translateY(-8px);border-color:#029C51;box-shadow:0 15px 40px #961c4a33}
.advantageBlock .featureCard h4{font-size:24px;margin:0 0 16px;color:#029C51;font-weight:600}
.advantageBlock .featureCard p{font-size:16px;line-height:1.6;margin:0;color:#333}
.flexibilityZone{background:linear-gradient(120deg,#029C51,#961C4A);padding:90px 20px;position:relative;overflow:hidden}
.flexibilityZone::after{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,#ffffff1a,transparent);bottom:-100px;left:-100px;border-radius:50%}
.flexibilityZone .contentWrapper{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.flexibilityZone h3{font-size:40px;color:#FFF;margin:0 0 30px;font-weight:700}
.flexibilityZone .descText{font-size:18px;line-height:1.7;color:#FFF;margin:0 0 20px}
.flexibilityZone .visualBox{background:#ffffff26;border-radius:35px;padding:50px;backdrop-filter:blur(10px)}
.flexibilityZone .visualBox img{width:100%;height:auto;border-radius:20px;box-shadow:0 12px 35px #00000040}
.transparencyArea{max-width:1440px;margin:100px auto;padding:0 20px;display:flex;gap:60px;align-items:center}
.transparencyArea .photoHolder{flex:0 0 45%}
.transparencyArea .photoHolder img{width:100%;height:auto;border-radius:30px;box-shadow:0 15px 40px #961c4a33}
.transparencyArea .infoSection{flex:1}
.transparencyArea h3{font-size:38px;margin:0 0 30px;color:#029C51;font-weight:700;position:relative;padding-left:30px}
.transparencyArea h3::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:80%;background:linear-gradient(180deg,#029C51,#961C4A);border-radius:10px}
.transparencyArea .processStep{margin:0 0 24px}
.transparencyArea .processStep h5{font-size:20px;margin:0 0 10px;color:#961C4A;font-weight:600}
.transparencyArea .processStep p{font-size:16px;line-height:1.6;margin:0;color:#333}
.calendarSection{background:#f5f5f5;padding:90px 20px;position:relative}
.calendarSection .containerMain{max-width:1440px;margin:0 auto}
.calendarSection h2{font-size:42px;text-align:center;margin:0 0 50px;color:#961C4A;font-weight:700}
.calendarSection .eventsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:35px}
.calendarSection .eventBox{background:#FFF;border-radius:28px;padding:35px;box-shadow:0 8px 25px #00000014;transition:all .3s ease;border-left:5px solid #029C51}
.calendarSection .eventBox:hover{transform:scale(1.03);box-shadow:0 12px 35px #029c5126}
.calendarSection .eventBox h6{font-size:22px;margin:0 0 12px;color:#029C51;font-weight:600}
.calendarSection .eventBox .dateInfo{font-size:14px;color:#961C4A;margin:0 0 15px;font-weight:500}
.calendarSection .eventBox .eventDesc{font-size:15px;line-height:1.6;margin:0;color:#555}
.comparisonSegment{max-width:1440px;margin:100px auto;padding:0 20px}
.comparisonSegment h2{font-size:44px;margin:0 0 60px;text-align:center;color:#029C51;font-weight:700}
.comparisonSegment .comparisonTable{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.comparisonSegment .columnBox{background:#FFF;border-radius:30px;padding:45px;box-shadow:0 10px 30px #0000001a;position:relative}
.comparisonSegment .columnBox--highlight{background:linear-gradient(135deg,#029c510d,#961c4a0d);border:2px solid #029C51}
.comparisonSegment .columnBox h4{font-size:28px;margin:0 0 30px;color:#961C4A;font-weight:700}
.comparisonSegment .columnBox ul{list-style:none;padding:0;margin:0}
.comparisonSegment .columnBox li{font-size:16px;line-height:1.7;margin:0 0 18px;padding-left:35px;position:relative;color:#333}
.comparisonSegment .columnBox li::before{content:'';position:absolute;left:0;color:#029C51;font-weight:700;font-size:20px}
.relevanceModule{background:linear-gradient(135deg,#961C4A,#029C51);padding:90px 20px;position:relative}
.relevanceModule .wrapperContent{max-width:1440px;margin:0 auto;display:flex;gap:70px;align-items:center}
.relevanceModule .textBlock{flex:1}
.relevanceModule h3{font-size:40px;margin:0 0 25px;color:#FFF;font-weight:700}
.relevanceModule .textBlock p{font-size:17px;line-height:1.7;margin:0 0 20px;color:#FFF}
.relevanceModule .imageBlock{flex:0 0 48%;position:relative}
.relevanceModule .imageBlock img{width:100%;height:auto;border-radius:30px;box-shadow:0 15px 45px #0000004d}
.relevanceModule .imageBlock::after{content:'';position:absolute;width:100px;height:100px;background:radial-gradient(circle,#fff3 3px,transparent 3px);background-size:18px 18px;bottom:-30px;left:-30px;z-index:-1}
.testimonialZone{max-width:1440px;margin:100px auto 120px;padding:0 20px}
.testimonialZone h2{font-size:42px;text-align:center;margin:0 0 70px;color:#961C4A;font-weight:700}
.testimonialZone .testimonialGrid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.testimonialZone .testimonialItem{background:#FFF;border-radius:30px;padding:40px;box-shadow:0 10px 30px #029c511f;display:flex;gap:25px;transition:all .3s ease}
.testimonialZone .testimonialItem:hover{transform:translateY(-5px);box-shadow:0 15px 40px #961c4a2e}
.testimonialZone .testimonialItem img{width:90px;height:90px;border-radius:50%;object-fit:cover;border:4px solid #029C51}
.testimonialZone .testimonialContent h5{font-size:20px;margin:0 0 8px;color:#029C51;font-weight:600}
.testimonialZone .testimonialContent .roleLabel{font-size:14px;color:#961C4A;margin:0 0 18px;font-weight:500}
.testimonialZone .testimonialContent p{font-size:15px;line-height:1.7;margin:0;color:#444}
@media (max-width: 1024px) {
.heroSection{flex-direction:column;padding:60px 20px;gap:40px}
.heroSection h1{font-size:42px}
.advantageBlock .gridHolder{grid-template-columns:repeat(2,1fr);gap:30px}
.flexibilityZone .contentWrapper{grid-template-columns:1fr;gap:50px}
.transparencyArea{flex-direction:column}
.transparencyArea .photoHolder{flex:0 0 100%}
.comparisonSegment .comparisonTable{grid-template-columns:1fr;gap:35px}
.relevanceModule .wrapperContent{flex-direction:column-reverse;gap:50px}
.relevanceModule .imageBlock{flex:0 0 100%}
.testimonialZone .testimonialGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.heroSection h1{font-size:36px;margin-bottom:30px}
.heroSection .primaryBtn{padding:15px 35px;font-size:16px}
.advantageBlock .gridHolder{grid-template-columns:1fr}
.advantageBlock h2{font-size:36px}
.flexibilityZone h3{font-size:32px}
.transparencyArea h3{font-size:30px}
.calendarSection h2{font-size:34px}
.comparisonSegment h2{font-size:36px}
.relevanceModule h3{font-size:32px}
.testimonialZone h2{font-size:34px}
}
@media (max-width: 480px) {
.heroSection{padding:40px 15px}
.heroSection h1{font-size:28px}
.heroSection .primaryBtn{padding:12px 28px;font-size:15px}
.advantageBlock,.transparencyArea,.comparisonSegment,.testimonialZone{margin:60px auto}
.flexibilityZone,.calendarSection,.relevanceModule{padding:60px 15px}
.advantageBlock .featureCard{padding:30px 20px}
.flexibilityZone .visualBox{padding:30px}
.testimonialZone .testimonialItem{flex-direction:column;text-align:center}
.testimonialZone .testimonialItem img{margin:0 auto}
}
.contactWrap{max-width:1440px;margin:0 auto;padding:0 20px}
.topIntroZone{padding:80px 20px;background:linear-gradient(135deg,#029C51 0%,#961C4A 100%);border-radius:32px;margin:40px 0;text-align:center;position:relative;overflow:hidden}
.topIntroZone::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);border-radius:50%}
.topIntroZone h1{font-size:48px;color:#FFF;margin:0 0 20px;font-weight:700;position:relative;z-index:2}
.topIntroZone .subText{font-size:20px;color:#fffffff2;max-width:680px;margin:0 auto;line-height:1.6;position:relative;z-index:2}
.directReachSection{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;padding:60px 0}
.reachCard{background:#FFF;padding:40px 30px;border-radius:24px;box-shadow:0 8px 24px #029c511f;transition:all .3s ease;border:2px solid transparent}
.reachCard:hover{transform:translateY(-8px);box-shadow:0 16px 40px #961c4a2e;border-color:#029C51}
.reachCard h4{font-size:22px;color:#961C4A;margin:0 0 16px;font-weight:600}
.reachCard .detailText{font-size:16px;color:#333;line-height:1.7;margin:0}
.reachCard .detailText a{color:#029C51;text-decoration:none;font-weight:500;transition:color .2s ease}
.reachCard .detailText a:hover{color:#961C4A;text-decoration:underline}
.iconShape{width:60px;height:60px;background:linear-gradient(135deg,#029C51 0%,#961C4A 100%);border-radius:16px;margin-bottom:24px;display:flex;align-items:center;justify-content:center}
.iconShape svg{width:30px;height:30px;fill:#FFF}
.formAreaWrap{background:linear-gradient(180deg,#029c510d 0%,#961c4a0d 100%);padding:80px 20px;margin:60px 0;border-radius:40px;position:relative}
.formAreaWrap::after{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#029C51 0%,#961C4A 50%,#029C51 100%);border-radius:0 0 40px 40px}
.formHolder{max-width:720px;margin:0 auto;background:#FFF;padding:50px 40px;border-radius:28px;box-shadow:0 12px 36px #00000014}
.formHolder h3{font-size:32px;color:#961C4A;margin:0 0 12px;font-weight:700;text-align:center}
.formHolder .formIntro{font-size:17px;color:#555;text-align:center;margin:0 0 40px;line-height:1.6}
.inputRow{margin-bottom:28px}
.inputRow label{display:block;font-size:15px;color:#333;margin-bottom:10px;font-weight:500}
.inputRow input[type="text"],.inputRow input[type="email"],.inputRow select,.inputRow textarea{width:100%;padding:16px 20px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;transition:all .3s ease;background:#FFF;box-sizing:border-box}
.inputRow input[type="text"]:focus,.inputRow input[type="email"]:focus,.inputRow select:focus,.inputRow textarea:focus{outline:none;border-color:#029C51;box-shadow:0 0 0 4px #029c511a}
.inputRow select{appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23029C51' d='M8 11L3 6h10z'/%3E%3C/svg%3E") no-repeat right 16px center}
.inputRow textarea{min-height:140px;resize:vertical;font-family:inherit}
.privacyZone{margin:30px 0 0;padding:20px;background:#029c510d;border-radius:12px;border-left:4px solid #029C51}
.privacyZone label{display:flex;align-items:flex-start;cursor:pointer;font-size:14px;color:#444;line-height:1.6}
.privacyZone input[type="checkbox"]{margin-right:12px;margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0}
.privacyZone a{color:#029C51;text-decoration:none;font-weight:600}
.privacyZone a:hover{color:#961C4A;text-decoration:underline}
.submitBtn{width:100%;padding:18px 32px;background:linear-gradient(135deg,#029C51 0%,#961C4A 100%);color:#FFF;border:none;border-radius:14px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:24px;box-shadow:0 6px 20px #029c514d;position:relative;z-index:10}
.submitBtn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #961c4a66}
.submitBtn:active{transform:translateY(-1px)}
.officeVisitArea{padding:70px 20px;background:#FFF;border-radius:36px;margin:60px 0;box-shadow:0 10px 30px #0000000f}
.officeVisitArea h3{font-size:36px;color:#961C4A;margin:0 0 16px;font-weight:700;text-align:center}
.officeVisitArea .visitDesc{font-size:18px;color:#555;text-align:center;max-width:640px;margin:0 auto 50px;line-height:1.7}
.addressBlock{background:linear-gradient(135deg,#029c5114 0%,#961c4a14 100%);padding:40px;border-radius:24px;max-width:600px;margin:0 auto;border:2px solid #029c5133}
.addressBlock h5{font-size:20px;color:#029C51;margin:0 0 20px;font-weight:600}
.addressBlock p{font-size:17px;color:#333;line-height:1.8;margin:8px 0}
.hoursSegment{padding:60px 20px;text-align:center}
.hoursSegment h4{font-size:28px;color:#961C4A;margin:0 0 30px;font-weight:600}
.hoursList{display:inline-block;text-align:left;background:#FFF;padding:30px 50px;border-radius:20px;box-shadow:0 8px 24px #00000014}
.hoursList .dayEntry{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #029c511a;font-size:16px}
.hoursList .dayEntry:last-child{border-bottom:none}
.hoursList .dayEntry .dayName{color:#333;font-weight:500;margin-right:40px}
.hoursList .dayEntry .timeRange{color:#029C51;font-weight:600}
.trustIndicators{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;padding:70px 20px;background:linear-gradient(180deg,#FFF 0%,#029c5108 100%);border-radius:32px;margin:60px 0}
.trustItem{text-align:center;padding:30px 20px}
.trustItem h6{font-size:42px;color:#029C51;margin:0 0 10px;font-weight:700;background:linear-gradient(135deg,#029C51 0%,#961C4A 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.trustItem .trustLabel{font-size:15px;color:#666;margin:0;font-weight:500}
.finalCta{background:linear-gradient(135deg,#961C4A 0%,#029C51 100%);padding:60px 40px;border-radius:28px;text-align:center;margin:60px 0 40px;position:relative;overflow:hidden}
.finalCta::before{content:'';position:absolute;top:-30%;left:-20%;width:400px;height:400px;background:radial-gradient(circle,#ffffff26 0%,transparent 60%);border-radius:50%}
.finalCta h5{font-size:34px;color:#FFF;margin:0 0 16px;font-weight:700;position:relative;z-index:2}
.finalCta .ctaText{font-size:18px;color:#fffffff2;margin:0 0 32px;max-width:580px;margin-left:auto;margin-right:auto;line-height:1.6;position:relative;z-index:2}
.ctaButton{display:inline-block;padding:18px 44px;background:#FFF;color:#961C4A;text-decoration:none;border-radius:14px;font-size:18px;font-weight:600;transition:all .3s ease;box-shadow:0 8px 24px #0003;position:relative;z-index:10}
.ctaButton:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000004d;background:#f8f8f8}
@media (max-width: 768px) {
.topIntroZone{padding:60px 20px}
.topIntroZone h1{font-size:36px}
.topIntroZone .subText{font-size:18px}
.directReachSection{grid-template-columns:1fr;gap:20px}
.formHolder{padding:40px 24px}
.formHolder h3{font-size:28px}
.officeVisitArea h3{font-size:30px}
.addressBlock{padding:30px 20px}
.hoursList{padding:24px 30px}
.finalCta h5{font-size:28px}
.trustIndicators{grid-template-columns:1fr;padding:50px 20px}
}
@media (max-width: 480px) {
.topIntroZone h1{font-size:30px}
.formHolder h3{font-size:24px}
.hoursList .dayEntry{flex-direction:column;gap:4px}
.hoursList .dayEntry .dayName{margin-right:0}
}
.topSection{background:linear-gradient(135deg,#029C51 0%,#961C4A 100%);padding:80px 20px;text-align:center;border-radius:30px;margin:40px auto;max-width:1440px}
.topSection .mainHeading{font-size:48px;color:#FFF;margin:0 0 20px;font-weight:700;letter-spacing:-1px}
.topSection .subtext{font-size:20px;color:#FFF;max-width:700px;margin:0 auto;line-height:1.6;opacity:.95}
.storyBlock{max-width:1440px;margin:60px auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.storyBlock .textContent h2{font-size:36px;color:#029C51;margin:0 0 24px;position:relative;display:inline-block}
.storyBlock .textContent h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:#961C4A;border-radius:2px}
.storyBlock .textContent p{font-size:18px;line-height:1.7;color:#333;margin:0 0 16px}
.storyBlock .imageHolder{border-radius:25px;overflow:hidden;box-shadow:0 12px 35px #961c4a26}
.storyBlock .imageHolder img{width:100%;height:450px;object-fit:cover;display:block}
.valuesSection{background:#f8f9fa;padding:70px 20px;margin:60px 0;position:relative}
.valuesSection::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#029C51 0%,#961C4A 100%)}
.valuesSection .containerWrap{max-width:1440px;margin:0 auto}
.valuesSection .sectionTitle{font-size:38px;color:#961C4A;text-align:center;margin:0 0 50px;font-weight:700}
.valuesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.valueCard{background:#FFF;padding:40px 30px;border-radius:22px;box-shadow:0 6px 20px #029c511a;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}
.valueCard:hover{transform:translateY(-8px);box-shadow:0 14px 40px #029c5133;border-color:#029C51}
.valueCard h3{font-size:24px;color:#029C51;margin:0 0 16px;font-weight:600}
.valueCard p{font-size:16px;line-height:1.6;color:#555;margin:0}
.approachHolder{max-width:1440px;margin:70px auto;padding:0 20px}
.approachHolder .headerText{font-size:40px;color:#961C4A;margin:0 0 45px;text-align:center;font-weight:700;position:relative}
.approachHolder .headerText::before{content:'';position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:#029C51;border-radius:2px}
.methodsLayout{display:flex;flex-direction:column;gap:40px}
.methodRow{display:grid;grid-template-columns:400px 1fr;gap:50px;align-items:center;background:linear-gradient(120deg,#029c510d 0%,#961c4a0d 100%);padding:45px;border-radius:28px;box-shadow:0 8px 25px #0000000f}
.methodRow:nth-child(even){grid-template-columns:1fr 400px;background:linear-gradient(240deg,#961c4a0d 0%,#029c510d 100%)}
.methodRow:nth-child(even) .methodImage{order:2}
.methodRow:nth-child(even) .methodText{order:1}
.methodImage img{width:100%;height:320px;object-fit:cover;border-radius:20px;box-shadow:0 10px 30px #00000026}
.methodText h4{font-size:28px;color:#029C51;margin:0 0 18px;font-weight:600}
.methodText p{font-size:17px;line-height:1.7;color:#444;margin:0}
.teamIntro{background:radial-gradient(circle at top right,#029c5114,#961c4a14);padding:80px 20px;margin:60px 0}
.teamIntro .wrapperContent{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:55px;align-items:center}
.teamIntro .profilePhoto{border-radius:50%;overflow:hidden;box-shadow:0 15px 45px #961c4a40;border:5px solid #FFF}
.teamIntro .profilePhoto img{width:280px;height:280px;object-fit:cover;display:block}
.teamIntro .expertInfo h5{font-size:32px;color:#961C4A;margin:0 0 12px;font-weight:700}
.teamIntro .expertInfo .roleLabel{font-size:19px;color:#029C51;margin:0 0 20px;font-weight:500}
.teamIntro .expertInfo p{font-size:17px;line-height:1.7;color:#333;margin:0}
.commitmentArea{max-width:1440px;margin:70px auto 80px;padding:0 20px;text-align:center}
.commitmentArea h6{font-size:36px;color:#029C51;margin:0 0 28px;font-weight:700}
.commitmentArea .finalMessage{font-size:19px;line-height:1.8;color:#444;max-width:900px;margin:0 auto 40px}
.commitmentArea .ctaButton{display:inline-block;padding:18px 50px;background:linear-gradient(135deg,#029C51 0%,#961C4A 100%);color:#FFF;font-size:18px;font-weight:600;text-decoration:none;border-radius:30px;box-shadow:0 10px 30px #029c514d;transition:transform .3s ease,box-shadow .3s ease;position:relative;z-index:10}
.commitmentArea .ctaButton:hover{transform:translateY(-3px);box-shadow:0 15px 40px #029c5166}
@media (max-width: 1024px) {
.storyBlock{grid-template-columns:1fr;gap:40px}
.valuesGrid{grid-template-columns:repeat(2,1fr);gap:25px}
.methodRow,.methodRow:nth-child(even){grid-template-columns:1fr}
.methodRow:nth-child(even) .methodImage,.methodRow:nth-child(even) .methodText{order:initial}
.teamIntro .wrapperContent{grid-template-columns:1fr;text-align:center;gap:35px}
.teamIntro .profilePhoto{margin:0 auto}
}
@media (max-width: 768px) {
.topSection{padding:60px 20px;margin:20px;border-radius:20px}
.topSection .mainHeading{font-size:36px}
.topSection .subtext{font-size:18px}
.storyBlock .textContent h2{font-size:30px}
.storyBlock .imageHolder img{height:350px}
.valuesSection{padding:50px 20px}
.valuesGrid{grid-template-columns:1fr;gap:20px}
.approachHolder .headerText{font-size:32px}
.methodRow{padding:30px 20px}
.methodImage img{height:250px}
.teamIntro{padding:50px 20px}
.teamIntro .profilePhoto img{width:220px;height:220px}
.commitmentArea h6{font-size:28px}
.commitmentArea .ctaButton{padding:16px 40px;font-size:16px}
}
@media (max-width: 480px) {
.topSection .mainHeading{font-size:28px}
.topSection .subtext{font-size:16px}
.storyBlock{margin:40px auto}
.storyBlock .textContent h2{font-size:26px}
.valueCard{padding:30px 20px}
.methodRow{gap:30px}
.teamIntro .profilePhoto img{width:180px;height:180px}
.teamIntro .expertInfo h5{font-size:26px}
}
.pageWrapper{max-width:1440px;margin:0 auto;padding:0}
.heroArea{background:linear-gradient(135deg,#029C51 0%,#961C4A 100%);padding:80px 24px;border-radius:32px;margin:40px 24px;position:relative;overflow:hidden}
.heroArea::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);border-radius:50%}
.heroContent h1{color:#FFF;font-size:48px;font-weight:700;margin:0 0 20px;line-height:1.2;position:relative}
.heroContent .introText{color:#FFF;font-size:20px;line-height:1.6;max-width:720px;margin:0;opacity:.95}
.processFlow{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:80px 24px;max-width:1200px;margin:0 auto}
.flowCard{background:#FFF;border:2px solid #029C51;border-radius:28px;padding:40px 32px;position:relative;transition:all .3s ease;box-shadow:0 4px 12px #029c5114}
.flowCard:hover{transform:translateY(-8px);box-shadow:0 12px 24px #029c5126;border-color:#961C4A}
.flowCard .stepNumber{position:absolute;top:-20px;left:32px;background:linear-gradient(135deg,#029C51,#961C4A);color:#FFF;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;box-shadow:0 4px 12px #961c4a4d}
.flowCard h3{color:#029C51;font-size:24px;margin:24px 0 16px;font-weight:600}
.flowCard .description{color:#333;font-size:16px;line-height:1.7;margin:0}
.platformFeatures{background:linear-gradient(180deg,#f8f9fa 0%,#fff 100%);padding:80px 24px}
.featuresGrid{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:1200px;margin:0 auto;align-items:center}
.featureVisual img{width:100%;height:auto;border-radius:24px;box-shadow:0 8px 32px #029c511f}
.featureContent h2{color:#961C4A;font-size:36px;margin:0 0 24px;font-weight:700;position:relative}
.featureContent h2::before{content:'';position:absolute;left:-24px;top:50%;transform:translateY(-50%);width:6px;height:60px;background:linear-gradient(180deg,#029C51,#961C4A);border-radius:3px}
.featuresList{list-style:none;padding:0;margin:0}
.featuresList li{padding:16px 0;color:#333;font-size:17px;line-height:1.6;border-bottom:1px solid #029c511a;position:relative;padding-left:32px}
.featuresList li::before{content:'→';position:absolute;left:0;color:#029C51;font-weight:700;font-size:20px}
.featuresList li:last-child{border-bottom:none}
.learningPaths{padding:80px 24px}
.pathsHolder{max-width:1200px;margin:0 auto}
.pathsHolder h2{text-align:center;color:#029C51;font-size:38px;margin:0 0 56px;font-weight:700}
.pathOptions{display:flex;flex-direction:row;gap:40px;justify-content:center}
.pathOption{flex:1;max-width:500px;background:#FFF;border-radius:32px;padding:48px 40px;box-shadow:0 6px 20px #961c4a1a;transition:all .3s ease;border:3px solid transparent}
.pathOption:hover{border-color:#029C51;box-shadow:0 12px 36px #029c5126}
.pathOption h4{color:#961C4A;font-size:26px;margin:0 0 20px;font-weight:600}
.pathOption .pathDesc{color:#444;font-size:16px;line-height:1.7;margin:0 0 24px}
.pathHighlights{background:#f8f9fa;border-radius:20px;padding:24px;margin:0}
.pathHighlights h5{color:#029C51;font-size:18px;margin:0 0 12px;font-weight:600}
.pathHighlights ul{list-style:none;padding:0;margin:0}
.pathHighlights li{padding:8px 0;color:#333;font-size:15px;position:relative;padding-left:24px}
.pathHighlights li::before{content:'';position:absolute;left:0;color:#029C51;font-weight:700}
.supportSection{background:linear-gradient(135deg,#029C51 0%,#961C4A 100%);padding:80px 24px;margin:60px 24px;border-radius:36px;position:relative}
.supportGrid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;max-width:1200px;margin:0 auto;align-items:center}
.supportInfo h2{color:#FFF;font-size:40px;margin:0 0 28px;font-weight:700}
.supportInfo .infoText{color:#FFF;font-size:18px;line-height:1.7;margin:0 0 20px;opacity:.95}
.supportImg img{width:100%;height:auto;border-radius:24px;box-shadow:0 12px 40px #0003}
.testimonialArea{padding:80px 24px;background:#f8f9fa}
.testimonialWrapper{max-width:1100px;margin:0 auto}
.testimonialWrapper h2{text-align:center;color:#961C4A;font-size:36px;margin:0 0 56px;font-weight:700}
.testimonialCards{display:grid;grid-template-columns:repeat(2,1fr);gap:36px}
.testimonialCard{background:#FFF;border-radius:28px;padding:40px;box-shadow:0 6px 18px #029c5114;display:flex;flex-direction:column;gap:24px;border-left:5px solid #029C51}
.testimonialCard .quote{color:#333;font-size:16px;line-height:1.8;margin:0;font-style:italic}
.authorInfo{display:flex;align-items:center;gap:20px}
.authorInfo img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #029C51}
.authorDetails h6{color:#961C4A;font-size:18px;margin:0 0 4px;font-weight:600}
.authorDetails .role{color:#666;font-size:14px;margin:0}
.ctaSection{padding:100px 24px;text-align:center}
.ctaHolder{max-width:800px;margin:0 auto}
.ctaHolder h2{color:#029C51;font-size:42px;margin:0 0 24px;font-weight:700}
.ctaHolder .ctaText{color:#444;font-size:19px;line-height:1.6;margin:0 0 40px}
.ctaButtons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.primaryBtn{background:linear-gradient(135deg,#029C51,#961C4A);color:#FFF;padding:18px 48px;border-radius:28px;text-decoration:none;font-size:18px;font-weight:600;transition:all .3s ease;display:inline-block;box-shadow:0 6px 20px #961c4a4d;border:none;position:relative;z-index:10}
.primaryBtn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #961c4a66}
.secondaryBtn{background:#FFF;color:#029C51;padding:18px 48px;border-radius:28px;text-decoration:none;font-size:18px;font-weight:600;transition:all .3s ease;display:inline-block;border:2px solid #029C51;position:relative;z-index:10}
.secondaryBtn:hover{background:#029C51;color:#FFF;transform:translateY(-3px);box-shadow:0 8px 24px #029c5133}
@media (max-width: 1024px) {
.processFlow{grid-template-columns:1fr;gap:48px;padding:60px 24px}
.featuresGrid{grid-template-columns:1fr;gap:40px}
.supportGrid{grid-template-columns:1fr;gap:40px}
.testimonialCards{grid-template-columns:1fr}
.pathOptions{flex-direction:column;align-items:center}
}
@media (max-width: 768px) {
.heroArea{padding:60px 24px;margin:24px 16px}
.heroContent h1{font-size:36px}
.heroContent .introText{font-size:18px}
.flowCard{padding:32px 24px}
.featureContent h2{font-size:28px}
.featureContent h2::before{display:none}
.pathsHolder h2{font-size:30px}
.supportInfo h2{font-size:32px}
.ctaHolder h2{font-size:32px}
.ctaButtons{flex-direction:column;align-items:center}
.primaryBtn,.secondaryBtn{width:100%;max-width:320px}
}
@media (max-width: 480px) {
.heroArea{padding:48px 20px;margin:20px 12px}
.heroContent h1{font-size:28px}
.heroContent .introText{font-size:16px}
.processFlow{padding:48px 16px}
.platformFeatures{padding:60px 16px}
.learningPaths{padding:60px 16px}
.supportSection{padding:60px 20px;margin:40px 12px}
.testimonialArea{padding:60px 16px}
.ctaSection{padding:60px 16px}
}
.cookiePolicyHero{background:linear-gradient(135deg,#029C51 0%,#961C4A 100%);padding:80px 20px;text-align:center;border-radius:30px;margin:40px auto;max-width:1440px}
.cookiePolicyHero .heroTitle{font-size:48px;color:#FFF;margin-bottom:20px;font-weight:700}
.cookiePolicyHero .heroSubtext{font-size:18px;color:#FFF;max-width:700px;margin:0 auto;line-height:1.6;opacity:.95}
.cookiePolicyHero .updateDate{margin-top:30px;font-size:14px;color:#FFF;opacity:.85}
.introductionBlock{max-width:1440px;margin:60px auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.introductionBlock .leftContent{background:#FFF;padding:50px;border-radius:25px;box-shadow:0 8px 24px #029c5126}
.introductionBlock .leftContent h2{font-size:32px;color:#029C51;margin-bottom:20px}
.introductionBlock .leftContent p{font-size:16px;line-height:1.7;color:#333;margin-bottom:15px}
.introductionBlock .rightSide{display:flex;flex-direction:column;gap:25px}
.introductionBlock .rightSide .infoCard{background:linear-gradient(120deg,#961C4A 0%,#029C51 100%);padding:35px;border-radius:20px;color:#FFF}
.introductionBlock .rightSide .infoCard h5{font-size:20px;margin-bottom:12px;font-weight:600}
.introductionBlock .rightSide .infoCard p{font-size:15px;line-height:1.6;opacity:.95}
.cookieTypesSection{max-width:1440px;margin:80px auto;padding:0 20px}
.cookieTypesSection .sectionHeader{text-align:center;margin-bottom:50px}
.cookieTypesSection .sectionHeader h3{font-size:36px;color:#961C4A;margin-bottom:15px}
.cookieTypesSection .sectionHeader .divider{width:80px;height:4px;background:linear-gradient(90deg,#029C51,#961C4A);margin:0 auto}
.cookieTypesSection .typesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.cookieTypesSection .typesGrid .typeCard{background:#FFF;padding:40px 30px;border-radius:25px;border:2px solid #029C51;transition:all .3s ease;position:relative}
.cookieTypesSection .typesGrid .typeCard::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#029C51,#961C4A);border-radius:25px;opacity:0;transition:opacity .3s ease;z-index:-1}
.cookieTypesSection .typesGrid .typeCard:hover::before{opacity:1}
.cookieTypesSection .typesGrid .typeCard:hover{border-color:transparent;transform:translateY(-5px);box-shadow:0 12px 30px #961c4a33}
.cookieTypesSection .typesGrid .typeCard .cardIcon{width:60px;height:60px;background:linear-gradient(135deg,#029C51,#961C4A);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.cookieTypesSection .typesGrid .typeCard .cardIcon svg{width:30px;height:30px;fill:#FFF}
.cookieTypesSection .typesGrid .typeCard h6{font-size:22px;color:#961C4A;margin-bottom:15px;font-weight:600}
.cookieTypesSection .typesGrid .typeCard p{font-size:15px;line-height:1.6;color:#555}
.yourChoicesArea{background:linear-gradient(180deg,#029c510d 0%,#961c4a0d 100%);padding:80px 20px;margin:60px 0}
.yourChoicesArea .contentWrapper{max-width:1440px;margin:0 auto;display:flex;gap:50px;align-items:center}
.yourChoicesArea .contentWrapper .textColumn{flex:1}
.yourChoicesArea .contentWrapper .textColumn h4{font-size:38px;color:#029C51;margin-bottom:25px;position:relative;display:inline-block}
.yourChoicesArea .contentWrapper .textColumn h4::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#961C4A,transparent)}
.yourChoicesArea .contentWrapper .textColumn p{font-size:16px;line-height:1.8;color:#333;margin-bottom:20px}
.yourChoicesArea .contentWrapper .optionsList{flex:1;display:flex;flex-direction:column;gap:20px}
.yourChoicesArea .contentWrapper .optionsList .optionItem{background:#FFF;padding:25px 30px;border-radius:20px;border-left:5px solid #029C51;box-shadow:0 4px 15px #00000014;transition:all .3s ease}
.yourChoicesArea .contentWrapper .optionsList .optionItem:hover{border-left-color:#961C4A;transform:translateX(10px);box-shadow:0 6px 20px #961c4a26}
.yourChoicesArea .contentWrapper .optionsList .optionItem h6{font-size:18px;color:#961C4A;margin-bottom:8px;font-weight:600}
.yourChoicesArea .contentWrapper .optionsList .optionItem p{font-size:14px;line-height:1.6;color:#666;margin:0}
.contactInfoSection{max-width:1440px;margin:80px auto 60px;padding:0 20px}
.contactInfoSection .contactGrid{display:grid;grid-template-columns:2fr 1fr;gap:40px;background:#FFF;border-radius:30px;overflow:hidden;box-shadow:0 10px 40px #029c511a}
.contactInfoSection .contactGrid .mainDetails{padding:60px;background:linear-gradient(135deg,#029c5108 0%,#961c4a08 100%)}
.contactInfoSection .contactGrid .mainDetails h5{font-size:32px;color:#961C4A;margin-bottom:25px}
.contactInfoSection .contactGrid .mainDetails p{font-size:16px;line-height:1.7;color:#333;margin-bottom:30px}
.contactInfoSection .contactGrid .mainDetails .detailsRow{display:flex;flex-direction:column;gap:15px}
.contactInfoSection .contactGrid .mainDetails .detailsRow .detailItem{display:flex;align-items:center;gap:15px;padding:15px;background:#FFF;border-radius:15px;transition:all .3s ease}
.contactInfoSection .contactGrid .mainDetails .detailsRow .detailItem:hover{transform:translateX(5px);box-shadow:0 4px 15px #029c5126}
.contactInfoSection .contactGrid .mainDetails .detailsRow .detailItem .iconBox{width:45px;height:45px;background:linear-gradient(135deg,#029C51,#961C4A);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contactInfoSection .contactGrid .mainDetails .detailsRow .detailItem .iconBox svg{width:22px;height:22px;fill:#FFF}
.contactInfoSection .contactGrid .mainDetails .detailsRow .detailItem .textInfo{flex:1}
.contactInfoSection .contactGrid .mainDetails .detailsRow .detailItem .textInfo .label{font-size:12px;color:#999;margin-bottom:3px;text-transform:uppercase;letter-spacing:.5px}
.contactInfoSection .contactGrid .mainDetails .detailsRow .detailItem .textInfo .value{font-size:16px;color:#029C51;font-weight:600}
.contactInfoSection .contactGrid .sidePanel{background:linear-gradient(180deg,#029C51 0%,#961C4A 100%);padding:60px 40px;display:flex;flex-direction:column;justify-content:center;color:#FFF}
.contactInfoSection .contactGrid .sidePanel h6{font-size:24px;margin-bottom:20px;font-weight:600}
.contactInfoSection .contactGrid .sidePanel p{font-size:15px;line-height:1.7;opacity:.95;margin-bottom:30px}
.contactInfoSection .contactGrid .sidePanel .actionButton{display:inline-block;padding:15px 30px;background:#FFF;color:#029C51;text-decoration:none;border-radius:25px;font-weight:600;font-size:16px;text-align:center;transition:all .3s ease;box-shadow:0 4px 15px #0003}
.contactInfoSection .contactGrid .sidePanel .actionButton:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d;background:#961C4A;color:#FFF}
@media (max-width: 1024px) {
.introductionBlock{grid-template-columns:1fr;gap:40px}
.cookieTypesSection .typesGrid{grid-template-columns:repeat(2,1fr);gap:25px}
.yourChoicesArea .contentWrapper{flex-direction:column}
.contactInfoSection .contactGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.cookiePolicyHero{padding:60px 20px}
.cookiePolicyHero .heroTitle{font-size:36px}
.cookieTypesSection .typesGrid{grid-template-columns:1fr}
.introductionBlock .leftContent{padding:35px 25px}
.contactInfoSection .contactGrid .mainDetails{padding:40px 25px}
.contactInfoSection .contactGrid .sidePanel{padding:40px 25px}
}
@media (max-width: 480px) {
.cookiePolicyHero .heroTitle{font-size:28px}
.cookiePolicyHero .heroSubtext{font-size:16px}
.cookieTypesSection .sectionHeader h3{font-size:28px}
.yourChoicesArea .contentWrapper .textColumn h4{font-size:28px}
}
.privacyMainContainer{max-width:1440px;margin:0 auto;padding:0 20px}
.privacyHeroArea{background:linear-gradient(135deg,#029C51 0%,#961C4A 100%);padding:80px 0;margin-bottom:60px;border-radius:32px;position:relative;overflow:hidden}
.privacyHeroArea::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ffffff26 0%,transparent 70%);border-radius:50%}
.privacyHeroArea::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);border-radius:50%}
.heroContentWrapper{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}
.heroContentWrapper h1{color:#FFF;font-size:48px;margin-bottom:20px;font-weight:700;letter-spacing:-.5px}
.heroContentWrapper .subtitleText{color:#fffffff2;font-size:18px;line-height:1.6;max-width:700px;margin:0 auto}
.lastUpdateInfo{background:#FFF;padding:24px 32px;border-radius:24px;max-width:800px;margin:-40px auto 60px;position:relative;z-index:3;box-shadow:0 8px 24px #029c511f;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}
.updateLabel{font-size:14px;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:1px}
.updateDate{font-size:16px;color:#029C51;font-weight:700}
.contentSectionsGrid{display:grid;grid-template-columns:280px 1fr;gap:60px;margin-bottom:80px}
.navigationSidebar{position:sticky;top:20px;height:fit-content}
.navSidebarTitle{font-size:14px;font-weight:700;color:#333;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}
.navItemsList{list-style:none;padding:0;margin:0}
.navItemsList li{margin-bottom:12px}
.navItemsList a{display:block;padding:10px 16px;color:#666;text-decoration:none;border-radius:16px;transition:all .3s ease;font-size:15px;border-left:3px solid transparent}
.navItemsList a:hover{background:#029c5114;color:#029C51;border-left-color:#029C51;transform:translateX(4px)}
.policyContentArea{background:#FFF;padding:50px 60px;border-radius:28px;box-shadow:0 4px 16px #0000000f}
.policySection{margin-bottom:50px;padding-bottom:40px;border-bottom:2px solid #f0f0f0}
.policySection:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.policySection h2{color:#029C51;font-size:28px;margin-bottom:20px;font-weight:700;position:relative;padding-left:20px}
.policySection h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:30px;background:linear-gradient(180deg,#029C51 0%,#961C4A 100%);border-radius:3px}
.policySection h3{color:#333;font-size:20px;margin-top:30px;margin-bottom:16px;font-weight:600}
.policySection h4{color:#555;font-size:17px;margin-top:24px;margin-bottom:12px;font-weight:600}
.policySection h5{color:#666;font-size:16px;margin-top:20px;margin-bottom:10px;font-weight:600}
.policySection h6{color:#777;font-size:15px;margin-top:16px;margin-bottom:8px;font-weight:600}
.policySection p{color:#444;font-size:16px;line-height:1.8;margin-bottom:16px}
.policySection ul{margin:20px 0;padding-left:24px}
.policySection ul li{color:#444;font-size:16px;line-height:1.8;margin-bottom:12px;position:relative}
.policySection ul li::marker{color:#029C51}
.highlightBox{background:linear-gradient(135deg,#029c510d 0%,#961c4a0d 100%);padding:28px 32px;border-radius:20px;margin:30px 0;border-left:4px solid #029C51}
.highlightBox p{margin-bottom:0;font-weight:500}
.dataTypesGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:30px 0}
.dataTypeCard{background:#FFF;padding:24px;border-radius:20px;border:2px solid #f0f0f0;transition:all .3s ease}
.dataTypeCard:hover{border-color:#029C51;box-shadow:0 6px 20px #029c511f;transform:translateY(-4px)}
.dataTypeCard h4{color:#029C51;margin-top:0;margin-bottom:12px;font-size:18px}
.dataTypeCard p{margin-bottom:0;font-size:15px;color:#555}
.contactInfoBox{background:linear-gradient(135deg,#029C51 0%,#961C4A 100%);padding:40px;border-radius:28px;margin-top:60px;color:#FFF;text-align:center}
.contactInfoBox h3{color:#FFF;font-size:26px;margin-bottom:20px}
.contactInfoBox p{color:#fffffff2;font-size:16px;margin-bottom:24px}
.contactDetailsList{display:flex;flex-direction:column;gap:16px;max-width:500px;margin:0 auto}
.contactDetailItem{background:#ffffff26;padding:16px 24px;border-radius:16px;display:flex;flex-direction:row;align-items:center;gap:12px;backdrop-filter:blur(10px)}
.contactDetailItem strong{min-width:80px;font-weight:600}
.contactDetailItem a{color:#FFF;text-decoration:none;transition:opacity .3s ease}
.contactDetailItem a:hover{opacity:.85}
@media (max-width: 1024px) {
.contentSectionsGrid{grid-template-columns:1fr;gap:40px}
.navigationSidebar{position:static;background:#f9f9f9;padding:24px;border-radius:20px}
.dataTypesGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.privacyHeroArea{padding:60px 0;border-radius:24px}
.heroContentWrapper h1{font-size:36px}
.heroContentWrapper .subtitleText{font-size:16px}
.lastUpdateInfo{flex-direction:column;text-align:center;margin:-30px 20px 40px;padding:20px 24px}
.policyContentArea{padding:30px 24px}
.policySection h2{font-size:24px}
.contactInfoBox{padding:30px 24px}
}
@media (max-width: 480px) {
.heroContentWrapper h1{font-size:28px}
.policySection h2{font-size:22px}
.policyContentArea{padding:24px 20px}
}
.policyHeader{background:linear-gradient(135deg,#029C51 0%,#961C4A 100%);padding:80px 20px;text-align:center;border-radius:35px;margin:40px auto;max-width:1440px}
.policyHeader h1{color:#FFF;font-size:48px;margin:0 0 16px;font-weight:700}
.policyHeader .updateInfo{color:#FFF;font-size:16px;opacity:.95}
.contentHolder{max-width:1440px;margin:0 auto;padding:60px 20px}
.introSection{background:#FFF;padding:50px 40px;border-radius:30px;margin-bottom:40px;box-shadow:0 8px 20px #029c511f}
.introSection h2{color:#029C51;font-size:32px;margin:0 0 24px;font-weight:600}
.introSection p{color:#333;font-size:17px;line-height:1.7;margin:0 0 16px}
.introSection p:last-child{margin-bottom:0}
.policyGrid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:50px}
.policyCard{background:linear-gradient(145deg,#FFF 0%,#029c5108 100%);padding:40px 35px;border-radius:28px;border:2px solid #029c5126;transition:all .3s ease;position:relative}
.policyCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#029C51,#961C4A);border-radius:28px 28px 0 0}
.policyCard:hover{transform:translateY(-5px);box-shadow:0 12px 28px #961c4a2e}
.policyCard h3{color:#961C4A;font-size:24px;margin:0 0 20px;font-weight:600;display:flex;align-items:center}
.policyCard h3::before{content:'';width:8px;height:8px;background:#029C51;border-radius:50%;margin-right:12px;display:inline-block}
.policyCard p{color:#444;font-size:16px;line-height:1.6;margin:0 0 14px}
.policyCard ul{list-style:none;padding:0;margin:16px 0 0}
.policyCard li{color:#555;font-size:15px;line-height:1.6;padding-left:28px;margin-bottom:10px;position:relative}
.policyCard li::before{content:'→';position:absolute;left:0;color:#029C51;font-weight:700}
.detailsBlock{background:radial-gradient(circle at top right,#961c4a14,#029c510d);padding:60px 50px;border-radius:32px;margin-bottom:45px}
.detailsBlock h2{color:#029C51;font-size:36px;margin:0 0 35px;font-weight:600;text-align:center}
.processFlow{display:flex;flex-direction:row;justify-content:space-between;gap:25px;margin-bottom:30px}
.flowStep{flex:1;background:#FFF;padding:30px 25px;border-radius:24px;text-align:center;box-shadow:0 6px 18px #029c511a;position:relative}
.flowStep::after{content:'▶';position:absolute;right:-18px;top:50%;transform:translateY(-50%);color:#961C4A;font-size:20px;z-index:2}
.flowStep:last-child::after{display:none}
.stepNumber{width:50px;height:50px;background:linear-gradient(135deg,#029C51,#961C4A);color:#FFF;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;margin:0 auto 16px}
.flowStep h4{color:#333;font-size:19px;margin:0 0 12px;font-weight:600}
.flowStep p{color:#666;font-size:14px;line-height:1.5;margin:0}
.importantNotice{background:#FFF;border-left:6px solid #961C4A;padding:25px 30px;border-radius:20px;margin-top:30px;box-shadow:0 4px 12px #961c4a1a}
.importantNotice h5{color:#961C4A;font-size:20px;margin:0 0 14px;font-weight:600}
.importantNotice p{color:#444;font-size:15px;line-height:1.6;margin:0}
.contactBlock{background:linear-gradient(120deg,#029C51 0%,#961C4A 100%);padding:70px 50px;border-radius:38px;text-align:center;position:relative;overflow:hidden}
.contactBlock::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:#ffffff14;border-radius:50%}
.contactBlock::after{content:'';position:absolute;bottom:-30%;left:-15%;width:350px;height:350px;background:#ffffff0f;border-radius:50%}
.contactBlock h2{color:#FFF;font-size:34px;margin:0 0 20px;font-weight:700;position:relative;z-index:1}
.contactBlock p{color:#FFF;font-size:18px;line-height:1.6;margin:0 0 35px;max-width:700px;margin-left:auto;margin-right:auto;position:relative;z-index:1}
.contactOptions{display:flex;flex-direction:row;justify-content:center;gap:30px;position:relative;z-index:1}
.contactBtn{background:#FFF;color:#029C51;padding:18px 40px;border-radius:25px;text-decoration:none;font-size:17px;font-weight:600;transition:all .3s ease;box-shadow:0 6px 16px #00000026;display:inline-flex;align-items:center;gap:10px}
.contactBtn:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000040;color:#961C4A}
.contactBtn--secondary{background:#ffffff26;color:#FFF;border:2px solid #FFF}
.contactBtn--secondary:hover{background:#FFF;color:#029C51}
@media (max-width: 1024px) {
.policyGrid{grid-template-columns:1fr}
.processFlow{flex-direction:column}
.flowStep::after{content:'▼';right:50%;top:auto;bottom:-20px;transform:translateX(50%)}
.contactOptions{flex-direction:column;align-items:center}
}
@media (max-width: 768px) {
.policyHeader{padding:60px 20px}
.policyHeader h1{font-size:36px}
.introSection{padding:35px 25px}
.introSection h2{font-size:26px}
.policyCard{padding:30px 25px}
.detailsBlock{padding:40px 25px}
.detailsBlock h2{font-size:28px}
.contactBlock{padding:50px 25px}
.contactBlock h2{font-size:28px}
}
@media (max-width: 480px) {
.policyHeader h1{font-size:28px}
.contactBtn{padding:15px 30px;font-size:16px;width:100%;justify-content:center}
}
.successPageWrapper{max-width:1440px;margin:0 auto;padding:0}
.successConfirmationSection{background:linear-gradient(135deg,#029C51 0%,#961C4A 100%);padding:80px 20px;text-align:center;border-radius:0 0 35px 35px;position:relative;overflow:hidden}
.successConfirmationSection::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);animation:pulseEffect 4s ease-in-out infinite}
@keyframes pulseEffect {
0%,100%{transform:scale(1);opacity:.3}
50%{transform:scale(1.1);opacity:.5}
}
.successIconHolder{width:120px;height:120px;margin:0 auto 30px;position:relative;z-index:2}
.successIconHolder svg{width:100%;height:100%;filter:drop-shadow(0 8px 16px #0003)}
.checkmarkCircle{fill:#FFF;animation:scaleIn .6s cubic-bezier(0.68,-0.55,0.265,1.55)}
@keyframes scaleIn {
0%{transform:scale(0)}
100%{transform:scale(1)}
}
.checkmarkPath{stroke:#029C51;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:100;stroke-dashoffset:100;animation:drawCheck .8s ease-out .3s forwards}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.successMainHeading{font-size:42px;font-weight:700;color:#FFF;margin:0 0 20px;position:relative;z-index:2;letter-spacing:-.5px}
.successMessageText{font-size:18px;color:#fffffff2;margin:0 auto;max-width:600px;line-height:1.6;position:relative;z-index:2}
.nextStepsContainer{padding:80px 20px;background:#FFF}
.nextStepsInner{max-width:1100px;margin:0 auto}
.sectionTitleBlock{text-align:center;margin-bottom:60px}
.sectionTitleBlock h2{font-size:36px;color:#1a1a1a;margin:0 0 15px;font-weight:700}
.sectionTitleBlock p{font-size:17px;color:#666;margin:0;line-height:1.6}
.stepsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:60px}
.stepCard{background:#FFF;border:2px solid #f0f0f0;border-radius:28px;padding:40px 30px;text-align:center;transition:all .3s ease;position:relative;box-shadow:0 4px 12px #029c5114}
.stepCard:hover{transform:translateY(-8px);box-shadow:0 12px 24px #961c4a26;border-color:#029C51}
.stepNumberBadge{width:60px;height:60px;background:linear-gradient(135deg,#029C51,#961C4A);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:28px;font-weight:700;color:#FFF;box-shadow:0 6px 16px #961c4a4d}
.stepCard h3{font-size:22px;color:#1a1a1a;margin:0 0 15px;font-weight:600}
.stepCard p{font-size:16px;color:#666;margin:0;line-height:1.6}
.actionButtonsRow{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap}
.primaryActionBtn{background:linear-gradient(135deg,#029C51,#028a47);color:#FFF;padding:18px 48px;border-radius:30px;font-size:17px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 8px 20px #029c514d;border:none;cursor:pointer;position:relative;z-index:1}
.primaryActionBtn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #029c5166;background:linear-gradient(135deg,#028a47,#029C51)}
.secondaryActionBtn{background:#FFF;color:#961C4A;padding:18px 48px;border-radius:30px;font-size:17px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;border:2px solid #961C4A;cursor:pointer;position:relative;z-index:1}
.secondaryActionBtn:hover{background:#961C4A;color:#FFF;transform:translateY(-3px);box-shadow:0 8px 20px #961c4a4d}
.supportInfoBox{background:linear-gradient(135deg,#029c510d,#961c4a0d);border-radius:25px;padding:40px;margin-top:60px;text-align:center;border:2px solid #029c5126}
.supportInfoBox h4{font-size:24px;color:#1a1a1a;margin:0 0 15px;font-weight:600}
.supportInfoBox p{font-size:16px;color:#666;margin:0 0 25px;line-height:1.6}
.contactDetailsGroup{display:flex;gap:35px;justify-content:center;align-items:center;flex-wrap:wrap}
.contactItem{display:flex;align-items:center;gap:12px;font-size:16px;color:#029C51;font-weight:600}
.contactItem svg{width:24px;height:24px;fill:#961C4A}
.contactItem a{color:#029C51;text-decoration:none;transition:color .3s ease}
.contactItem a:hover{color:#961C4A}
@media (max-width: 1024px) {
.stepsGrid{grid-template-columns:repeat(2,1fr);gap:30px}
.successMainHeading{font-size:36px}
.sectionTitleBlock h2{font-size:32px}
}
@media (max-width: 768px) {
.successConfirmationSection{padding:60px 20px;border-radius:0 0 25px 25px}
.successIconHolder{width:100px;height:100px;margin-bottom:25px}
.successMainHeading{font-size:32px;margin-bottom:15px}
.successMessageText{font-size:16px}
.nextStepsContainer{padding:60px 20px}
.stepsGrid{grid-template-columns:1fr;gap:25px}
.stepCard{padding:35px 25px}
.sectionTitleBlock{margin-bottom:40px}
.sectionTitleBlock h2{font-size:28px}
.actionButtonsRow{flex-direction:column;gap:15px}
.primaryActionBtn,.secondaryActionBtn{width:100%;text-align:center;padding:16px 36px}
.contactDetailsGroup{flex-direction:column;gap:20px}
.supportInfoBox{padding:30px 20px;margin-top:40px}
}
@media (max-width: 480px) {
.successConfirmationSection{padding:50px 15px}
.successIconHolder{width:80px;height:80px}
.successMainHeading{font-size:28px}
.successMessageText{font-size:15px}
.stepNumberBadge{width:50px;height:50px;font-size:24px}
.stepCard h3{font-size:20px}
.sectionTitleBlock h2{font-size:24px}
.supportInfoBox h4{font-size:20px}
}