html{box-sizing:border-box;scroll-behavior:smooth}
body{margin:0;padding:0;font-family:'Noto Sans',sans-serif;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);color:#212529;line-height:1.6}
*,:before,:after{box-sizing:inherit}
.siteHeado{position:relative;background:linear-gradient(180deg,#fff 0%,#f5f5f5 100%);box-shadow:0 4px 12px #00000014;z-index:100}
.topUtiliBar{background:linear-gradient(90deg,#5824CF 0%,#148A5D 100%);padding:8px 0;border-bottom:2px solid #FFE3D6}
.topUtiliBar .utilContain{max-width:1536px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}
.topUtiliBar .contactQuickInfo{display:flex;gap:28px;font-size:14px;color:#fff}
.topUtiliBar .contactQuickInfo i{margin-right:6px;font-size:16px}
.topUtiliBar .langSwitch{color:#FFE3D6;font-size:14px;font-weight:500}
.mainHeadRow{padding:20px 0;position:relative;z-index:10}
.mainHeadRow .headContain{max-width:1536px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:40px}
.mainHeadRow .logoBlockWrap{flex-shrink:0}
.mainHeadRow .siteLogo{height:110px;width:110px;display:block;box-shadow:0 2px 8px #5824cf26;background:#fff;padding:8px;border:2px solid #FFE3D6}
.mainHeadRow .primaryNavi{flex-grow:1;display:flex;justify-content:flex-end}
.mainHeadRow .naviList{list-style:none;margin:0;padding:0;display:flex;gap:6px;align-items:center}
.mainHeadRow .naviItem{position:relative}
.mainHeadRow .naviLink{display:block;padding:12px 20px;color:#212529;text-decoration:none;font-weight:500;font-size:15px;transition:color .3s ease-in,background-color .3s ease-in}
.mainHeadRow .naviLink:hover{color:#5824CF;background-color:#5824cf0f}
.mainHeadRow .hasSubmenu{position:relative}
.mainHeadRow .dropdownMenu{position:absolute;top:100%;left:0;background:#fff;box-shadow:0 6px 16px #0000001f;list-style:none;margin:0;padding:8px 0;min-width:220px;opacity:0;visibility:hidden;transition:opacity .3s ease-in,visibility .3s ease-in;z-index:200;border:1px solid #FFE3D6}
.mainHeadRow .hasSubmenu:hover .dropdownMenu{opacity:1;visibility:visible}
.mainHeadRow .dropdownMenu li{margin:0}
.mainHeadRow .dropLink{display:block;padding:10px 20px;color:#212529;text-decoration:none;font-size:14px;transition:background-color .3s ease-in,color .3s ease-in}
.mainHeadRow .dropLink:hover{background-color:#148a5d14;color:#148A5D}
.brandLayerBack{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none;opacity:.04}
.brandLayerBack .companyNameBg{font-size:120px;font-weight:700;color:#5824CF;letter-spacing:8px;text-transform:uppercase}
.siteFooto{background:linear-gradient(135deg,#5824CF 0%,#148A5D 100%);color:#fff;padding:50px 0 20px;margin-top:80px}
.siteFooto .footContain{max-width:1536px;margin:0 auto;padding:0 24px}
.siteFooto .footerGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:40px}
.siteFooto .footHeading{font-size:24px;font-weight:700;margin:0 0 16px;color:#FFE3D6}
.siteFooto .footSubhead{font-size:18px;font-weight:600;margin:0 0 16px;color:#FFE3D6}
.siteFooto .footDesc{font-size:14px;line-height:1.7;margin-bottom:20px;opacity:.9}
.siteFooto .footContact p{margin:8px 0;font-size:14px;opacity:.9}
.siteFooto .footContact i{margin-right:8px}
.siteFooto .footLinks{list-style:none;margin:0;padding:0}
.siteFooto .footLinks li{margin-bottom:10px}
.siteFooto .footLink{color:#fff;text-decoration:none;font-size:15px;transition:color .3s ease-in;opacity:.9}
.siteFooto .footLink:hover{color:#FFE3D6;opacity:1}
.siteFooto .footSchedule{font-size:14px;line-height:1.8;opacity:.9}
.siteFooto .footBottom{border-top:1px solid #ffe3d64d;padding-top:24px;text-align:center}
.siteFooto .copyrightTxt{font-size:14px;margin:0;opacity:.85}
.cookieConsentBox{position:fixed;bottom:20px;right:20px;background:#fff;border:2px solid #5824CF;box-shadow:0 8px 24px #00000029;max-width:420px;width:calc(100% - 40px);z-index:10000;opacity:0;transform:translateY(20px);transition:opacity .3s ease-in,transform .3s ease-in}
.cookieConsentBox--visible{opacity:1;transform:translateY(0)}
.cookieConsentBox .cookieContent{padding:24px}
.cookieConsentBox .cookieTitle{font-size:18px;font-weight:700;margin:0 0 12px;color:#5824CF}
.cookieConsentBox .cookieDesc{font-size:14px;line-height:1.6;margin:0 0 20px;color:#495057}
.cookieConsentBox .cookieToggles{margin-bottom:20px}
.cookieConsentBox .toggleRow{margin-bottom:12px}
.cookieConsentBox .toggleLabel{display:flex;align-items:center;cursor:pointer;font-size:14px}
.cookieConsentBox .toggleInput{margin-right:10px;cursor:pointer}
.cookieConsentBox .toggleInput:disabled{cursor:not-allowed}
.cookieConsentBox .cookieActions{display:flex;gap:10px}
.cookieConsentBox .cookieButt{flex:1;padding:10px 16px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s ease-in,transform .2s ease-in;font-family:'Noto Sans',sans-serif}
.cookieConsentBox .cookieButt--accept{background:linear-gradient(135deg,#5824CF 0%,#148A5D 100%);color:#fff}
.cookieConsentBox .cookieButt--accept:hover{background:linear-gradient(135deg,#4a1eb5 0%,#117a4f 100%);transform:translateY(-1px)}
.cookieConsentBox .cookieButt--reject{background:#e9ecef;color:#495057}
.cookieConsentBox .cookieButt--reject:hover{background:#dee2e6;transform:translateY(-1px)}
::-webkit-scrollbar{width:14px}
::-webkit-scrollbar-track{background:linear-gradient(180deg,#f8f9fa 0%,#e9ecef 100%);box-shadow:inset 0 0 4px #0000000f}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#5824CF 0%,#148A5D 100%);box-shadow:0 2px 6px #00000026}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4a1eb5 0%,#117a4f 100%)}
@media (max-width: 968px) {
.mainHeadRow .headContain{flex-direction:column;gap:20px}
.mainHeadRow .primaryNavi{width:100%;justify-content:center}
.mainHeadRow .naviList{flex-wrap:wrap;justify-content:center}
.brandLayerBack .companyNameBg{font-size:60px}
.topUtiliBar .utilContain{flex-direction:column;gap:10px;text-align:center}
.topUtiliBar .contactQuickInfo{flex-direction:column;gap:8px}
.siteFooto .footerGrid{grid-template-columns:1fr;gap:30px}
.cookieConsentBox{bottom:10px;right:10px;left:10px;max-width:none;width:auto}
.cookieConsentBox .cookieActions{flex-direction:column}
}
@media (max-width: 640px) {
.mainHeadRow .siteLogo{height:80px;width:80px}
.mainHeadRow .naviLink{padding:10px 14px;font-size:14px}
.brandLayerBack .companyNameBg{font-size:40px;letter-spacing:4px}
}
.policy-content{max-width:1536px;margin:3rem auto;padding:0 1.5rem;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-radius:8px;box-shadow:0 4px 12px #5824cf14}
.policy-content h1{font-size:2.75rem;line-height:1.2;color:#5824CF;margin:3rem 0 1.5rem;font-weight:700;letter-spacing:-.02em;padding-bottom:1rem;border-bottom:3px solid #148A5D}
.policy-content h2{font-size:2.25rem;line-height:1.3;color:#5824CF;margin:2.5rem 0 1.25rem;font-weight:600;letter-spacing:-.01em}
.policy-content h3{font-size:1.875rem;line-height:1.35;color:#148A5D;margin:2rem 0 1rem;font-weight:600}
.policy-content h4{font-size:1.5rem;line-height:1.4;color:#2d2d2d;margin:1.75rem 0 .875rem;font-weight:600}
.policy-content h5{font-size:1.25rem;line-height:1.45;color:#2d2d2d;margin:1.5rem 0 .75rem;font-weight:600}
.policy-content h6{font-size:1.125rem;line-height:1.5;color:#4a4a4a;margin:1.25rem 0 .625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.policy-content p{font-size:1.0625rem;line-height:1.75;color:#333;margin:0 0 1.25rem;text-align:justify}
.policy-content strong,.policy-content b{font-weight:700;color:#1a1a1a}
.policy-content em,.policy-content i{font-style:italic;color:#4a4a4a}
.policy-content hr{border:none;height:2px;background:linear-gradient(90deg,#5824CF 0%,#148A5D 50%,#FFE3D6 100%);margin:3rem 0;opacity:.6}
.policy-content table{width:100%;border-collapse:collapse;margin:2rem 0;background:#fff;box-shadow:0 2px 8px #0000000f;border-radius:6px;overflow:hidden}
.policy-content thead{background:linear-gradient(135deg,#5824CF 0%,#148A5D 100%)}
.policy-content thead tr{border:none}
.policy-content thead th{padding:1.25rem 1.5rem;text-align:left;font-weight:600;font-size:1rem;color:#fff;text-transform:uppercase;letter-spacing:.05em}
.policy-content tbody tr{border-bottom:1px solid #e8e8e8;transition:background-color .25s ease-in}
.policy-content tbody tr:last-child{border-bottom:none}
.policy-content tbody tr:hover{background-color:#f8f4ff}
.policy-content tbody td{padding:1.125rem 1.5rem;font-size:1rem;line-height:1.6;color:#333;vertical-align:top}
.policy-content tbody th{padding:1.125rem 1.5rem;text-align:left;font-weight:600;font-size:1rem;color:#5824CF;background-color:#f9f9fb}
@media (max-width: 768px) {
.policy-content{margin:1.5rem auto;padding:0 1rem;border-radius:6px}
.policy-content h1{font-size:2rem;margin:2rem 0 1rem}
.policy-content h2{font-size:1.75rem;margin:1.75rem 0 1rem}
.policy-content h3{font-size:1.5rem;margin:1.5rem 0 .875rem}
.policy-content h4{font-size:1.25rem;margin:1.25rem 0 .75rem}
.policy-content h5{font-size:1.125rem;margin:1rem 0 .625rem}
.policy-content h6{font-size:1rem;margin:1rem 0 .5rem}
.policy-content p{font-size:1rem;line-height:1.7;text-align:left}
.policy-content table{display:block;overflow-x:auto;margin:1.5rem 0}
.policy-content thead th,.policy-content tbody td,.policy-content tbody th{padding:.875rem 1rem;font-size:.9375rem}
.policy-content hr{margin:2rem 0}
}
@media (max-width: 480px) {
.policy-content{padding:0 .75rem}
.policy-content h1{font-size:1.75rem}
.policy-content h2{font-size:1.5rem}
.policy-content h3{font-size:1.25rem}
.policy-content thead th,.policy-content tbody td,.policy-content tbody th{padding:.75rem;font-size:.875rem}
}
.titleWrappe{max-width:1536px;margin:0 auto;padding:80px 20px;position:relative;overflow:hidden}
.titleWrappe::before{content:'';position:absolute;top:-100px;right:-150px;width:600px;height:600px;background:linear-gradient(135deg,#5824cf14,#148a5d14);border-radius:50%;z-index:0}
.titleWrappe::after{content:'';position:absolute;bottom:-80px;left:-120px;width:500px;height:500px;background:radial-gradient(circle,#ffe3d666,transparent);border-radius:50%;z-index:0}
.titleWrappe .curveDecor{position:absolute;top:30%;left:5%;width:200px;height:200px;opacity:.15;z-index:0}
.titleWrappe .curveDecor path{stroke:#5824CF;stroke-width:2;fill:none}
.titleWrappe .gridInside{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}
.titleWrappe .txtCol h1{font-size:3.2em;line-height:1.15;margin:0 0 20px;color:#1a1a1a;font-weight:700}
.titleWrappe .txtCol h1::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#5824CF,#148A5D);margin-bottom:20px}
.titleWrappe .txtCol p{font-size:1.15em;line-height:1.7;color:#4a4a4a;margin:0 0 30px}
.titleWrappe .imgCol{position:relative}
.titleWrappe .imgCol img{width:100%;height:480px;object-fit:cover;border-radius:0;box-shadow:0 12px 30px #5824cf33;transition:transform .4s ease-in}
.titleWrappe .imgCol img:hover{transform:scale(1.03)}
.titleWrappe .imgCol::before{content:'';position:absolute;top:-20px;left:-20px;width:100px;height:100px;border:3px solid #148A5D;border-radius:0;z-index:-1}
.projectsMainWrap{max-width:1536px;margin:0 auto;padding:100px 20px;background:linear-gradient(180deg,#fff,#faf8ff)}
.projectsMainWrap .sectionHeado{text-align:center;margin-bottom:70px}
.projectsMainWrap .sectionHeado h2{font-size:2.6em;margin:0 0 15px;color:#1a1a1a;font-weight:700;position:relative;display:inline-block}
.projectsMainWrap .sectionHeado h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#5824CF,#148A5D)}
.projectsMainWrap .sectionHeado .subHeading{font-size:1.2em;color:#6a6a6a;margin:25px 0 0}
.projectsMainWrap .masonryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.projectsMainWrap .projectCardo{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #00000014;transition:transform .3s ease-in,box-shadow .3s ease-in;display:flex;flex-direction:column}
.projectsMainWrap .projectCardo:hover{transform:translateY(-8px);box-shadow:0 12px 28px #5824cf26}
.projectsMainWrap .projectCardo:nth-child(1){grid-row:span 2}
.projectsMainWrap .projectCardo:nth-child(4){grid-row:span 2}
.projectsMainWrap .projectCardo .cardImg{width:100%;height:260px;object-fit:cover}
.projectsMainWrap .projectCardo:nth-child(1) .cardImg,.projectsMainWrap .projectCardo:nth-child(4) .cardImg{height:380px}
.projectsMainWrap .projectCardo .cardBody{padding:25px;flex-grow:1;display:flex;flex-direction:column}
.projectsMainWrap .projectCardo .cardBody h3{font-size:1.4em;margin:0 0 12px;color:#1a1a1a;font-weight:600}
.projectsMainWrap .projectCardo .cardBody .categ{display:inline-block;padding:5px 12px;background:linear-gradient(135deg,#5824cf1a,#148a5d1a);color:#5824CF;font-size:.85em;font-weight:600;margin-bottom:15px;border-radius:6px}
.projectsMainWrap .projectCardo .cardBody p{font-size:1em;line-height:1.6;color:#5a5a5a;margin:0 0 20px;flex-grow:1}
.projectsMainWrap .projectCardo .cardBody .metaRow{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #e8e8e8}
.projectsMainWrap .projectCardo .cardBody .metaRow .author{display:flex;align-items:center;gap:10px}
.projectsMainWrap .projectCardo .cardBody .metaRow .author img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.projectsMainWrap .projectCardo .cardBody .metaRow .author span{font-size:.9em;color:#4a4a4a;font-weight:500}
.projectsMainWrap .projectCardo .cardBody .metaRow .badge{background:linear-gradient(135deg,#5824CF,#148A5D);color:#fff;padding:4px 10px;border-radius:6px;font-size:.8em;font-weight:600;display:flex;align-items:center;gap:5px}
.projectsMainWrap .projectCardo .cardBody .metaRow .badge::before{content:'★';font-size:1.1em}
.projectsMainWrap .ctaSection{text-align:center;margin-top:80px;padding:60px 20px;background:linear-gradient(135deg,#5824cf0d,#ffe3d64d);border-radius:8px}
.projectsMainWrap .ctaSection h3{font-size:2.2em;margin:0 0 20px;color:#1a1a1a;font-weight:700}
.projectsMainWrap .ctaSection p{font-size:1.1em;color:#5a5a5a;margin:0 0 35px;max-width:700px;margin-left:auto;margin-right:auto}
.projectsMainWrap .ctaSection .buttGroup{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.projectsMainWrap .ctaSection .buttGroup .butt{padding:16px 40px;font-size:1.05em;font-weight:600;border-radius:6px;text-decoration:none;transition:all .3s ease-in;display:inline-block}
.projectsMainWrap .ctaSection .buttGroup .butt.primary{background:linear-gradient(135deg,#5824CF,#148A5D);color:#fff;box-shadow:0 6px 20px #5824cf4d}
.projectsMainWrap .ctaSection .buttGroup .butt.primary:hover{transform:translateY(-3px);box-shadow:0 10px 28px #5824cf66}
.projectsMainWrap .ctaSection .buttGroup .butt.secondary{background:#fff;color:#5824CF;border:2px solid #5824CF}
.projectsMainWrap .ctaSection .buttGroup .butt.secondary:hover{background:#5824CF;color:#fff}
@media (max-width: 1024px) {
.titleWrappe .gridInside{grid-template-columns:1fr;gap:40px}
.titleWrappe .txtCol h1{font-size:2.6em}
.projectsMainWrap .masonryGrid{grid-template-columns:repeat(2,1fr)}
.projectsMainWrap .projectCardo:nth-child(1),.projectsMainWrap .projectCardo:nth-child(4){grid-row:span 1}
.projectsMainWrap .projectCardo:nth-child(1) .cardImg,.projectsMainWrap .projectCardo:nth-child(4) .cardImg{height:260px}
}
@media (max-width: 768px) {
.titleWrappe{padding:60px 20px}
.titleWrappe .txtCol h1{font-size:2em}
.titleWrappe .imgCol img{height:320px}
.projectsMainWrap{padding:60px 20px}
.projectsMainWrap .sectionHeado h2{font-size:2em}
.projectsMainWrap .masonryGrid{grid-template-columns:1fr;gap:25px}
.projectsMainWrap .ctaSection{padding:40px 20px}
.projectsMainWrap .ctaSection h3{font-size:1.8em}
.projectsMainWrap .ctaSection .buttGroup{flex-direction:column;align-items:center}
.projectsMainWrap .ctaSection .buttGroup .butt{width:100%;max-width:300px}
}
body::-webkit-scrollbar{width:14px}
body::-webkit-scrollbar-track{background:#f5f5f5;box-shadow:inset 0 0 4px #0000001a}
body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#5824CF,#148A5D);border-radius:10px;box-shadow:0 2px 6px #0003}
body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4a1fb0,#117a50)}
*{cursor:default}
a,button,.butt{cursor:pointer}
.heado{background:linear-gradient(135deg,#5824CF 0%,#148A5D 100%);padding:90px 20px;position:relative;overflow:hidden}
.heado::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ffe3d626 0%,transparent 70%);border-radius:50%;animation:floatShape 8s ease-in-out infinite}
.heado::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#ffe3d61a 0%,transparent 70%);border-radius:50%;animation:floatShape 10s ease-in-out infinite reverse}
@keyframes floatShape {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(30px,-30px) scale(1.1)}
}
.heado .contentWrap{max-width:1536px;margin:0 auto;text-align:center;position:relative;z-index:2}
.heado .mainHeading{font-size:3.2rem;color:#fff;margin-bottom:20px;font-weight:700;letter-spacing:-.5px}
.heado .subHead{font-size:1.3rem;color:#FFE3D6;margin-bottom:35px;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}
.heado .heroImg{width:100%;max-width:850px;height:auto;margin:40px auto 0;display:block;box-shadow:0 20px 60px #00000040;animation:gentlePulse 6s ease-in-out infinite}
@keyframes gentlePulse {
0%,100%{transform:translateY(0);box-shadow:0 20px 60px #00000040}
50%{transform:translateY(-15px);box-shadow:0 30px 80px #00000059}
}
.communitySec{padding:85px 20px;background:#fff}
.communitySec .secWrap{max-width:1536px;margin:0 auto}
.communitySec .secTitle{font-size:2.6rem;color:#5824CF;margin-bottom:18px;font-weight:700}
.communitySec .secIntro{font-size:1.15rem;color:#444;margin-bottom:55px;line-height:1.7;max-width:750px}
.gridLayout3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:35px;margin-bottom:50px}
.cardItem{background:linear-gradient(145deg,#f9f9f9 0%,#fff 100%);padding:35px;box-shadow:0 6px 18px #00000014;transition:all .3s ease-in;position:relative;overflow:hidden}
.cardItem::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,#5824CF 0%,#148A5D 100%);transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease-in}
.cardItem:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-5px)}
.cardItem:hover::before{transform:scaleY(1)}
.cardItem .iconBox{width:65px;height:65px;background:linear-gradient(135deg,#5824CF 0%,#148A5D 100%);display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.cardItem .iconBox .wi{font-size:32px;color:#fff}
.cardItem .cardHead{font-size:1.5rem;color:#148A5D;margin-bottom:14px;font-weight:600}
.cardItem .cardTxt{font-size:1.05rem;color:#555;line-height:1.6;margin-bottom:0}
.communitySec .imgShowcase{width:100%;max-width:900px;height:auto;margin:0 auto;display:block;box-shadow:0 8px 24px #0000001f}
.responsibilitySec{padding:85px 20px;background:linear-gradient(165deg,#FFE3D6 0%,#fff 100%)}
.responsibilitySec .secWrap{max-width:1536px;margin:0 auto}
.splitContent{display:flex;gap:50px;align-items:center;flex-wrap:wrap}
.splitContent .txtSide{flex:1 1 500px}
.splitContent .imgSide{flex:1 1 400px}
.responsibilitySec .secTitle{font-size:2.6rem;color:#5824CF;margin-bottom:18px;font-weight:700}
.responsibilitySec .secDesc{font-size:1.1rem;color:#444;margin-bottom:30px;line-height:1.7}
.responsibilitySec .highlightBox{background:#fff;padding:28px;box-shadow:0 4px 16px #0000001a;margin-bottom:25px}
.responsibilitySec .highlightBox .boxTitle{font-size:1.35rem;color:#148A5D;margin-bottom:12px;font-weight:600;display:flex;align-items:center;gap:12px}
.responsibilitySec .highlightBox .boxTitle::before{content:'';width:8px;height:8px;background:#5824CF;display:inline-block;transform:rotate(45deg)}
.responsibilitySec .highlightBox .boxTxt{font-size:1.05rem;color:#555;line-height:1.6;margin-bottom:0}
.responsibilitySec .imgSide .sideImg{width:100%;height:auto;box-shadow:0 10px 30px #00000026}
.opportunitiesSec{padding:85px 20px;background:#fff}
.opportunitiesSec .secWrap{max-width:1536px;margin:0 auto}
.opportunitiesSec .secTitle{font-size:2.6rem;color:#5824CF;margin-bottom:18px;font-weight:700;text-align:center}
.opportunitiesSec .secIntro{font-size:1.15rem;color:#444;margin-bottom:55px;line-height:1.7;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}
.gridLayout2{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:40px;margin-bottom:50px}
.featureCard{display:flex;gap:25px;padding:35px;background:linear-gradient(135deg,#f9f9f9 0%,#fff 100%);box-shadow:0 6px 18px #00000014;transition:all .3s ease-in;position:relative}
.featureCard:hover{box-shadow:0 12px 30px #00000026;transform:translateX(5px)}
.featureCard .featureIcon{width:80px;height:80px;flex-shrink:0}
.featureCard .featureIcon img{width:100%;height:100%;object-fit:cover}
.featureCard .featureContent .featureHead{font-size:1.5rem;color:#148A5D;margin-bottom:14px;font-weight:600}
.featureCard .featureContent .featureTxt{font-size:1.05rem;color:#555;line-height:1.6;margin-bottom:0}
.opportunitiesSec .imgDisplay{width:100%;max-width:1000px;height:auto;margin:0 auto;display:block;box-shadow:0 8px 24px #0000001f}
.trustSection{padding:85px 20px;background:linear-gradient(135deg,#5824CF 0%,#148A5D 100%);position:relative;overflow:hidden}
.trustSection::before{content:'';position:absolute;top:10%;left:5%;width:300px;height:300px;background:radial-gradient(circle,#ffe3d61a 0%,transparent 70%);border-radius:50%}
.trustSection .secWrap{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.trustSection .secTitle{font-size:2.6rem;color:#fff;margin-bottom:18px;font-weight:700;text-align:center}
.trustSection .secIntro{font-size:1.15rem;color:#FFE3D6;margin-bottom:55px;line-height:1.7;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}
.testimonialWrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:35px}
.testimonialCard{background:#fffffff2;padding:35px;box-shadow:0 8px 24px #00000026;transition:all .3s ease-in}
.testimonialCard:hover{box-shadow:0 14px 40px #00000040;transform:translateY(-8px)}
.testimonialCard .profileArea{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.testimonialCard .profileArea .profilePic{width:70px;height:70px;object-fit:cover;flex-shrink:0}
.testimonialCard .profileArea .profileInfo .profileName{font-size:1.3rem;color:#5824CF;margin-bottom:5px;font-weight:600}
.testimonialCard .profileArea .profileInfo .profileRole{font-size:1rem;color:#148A5D;margin-bottom:0}
.testimonialCard .testimonialTxt{font-size:1.05rem;color:#444;line-height:1.6;margin-bottom:0;font-style:italic}
.ctaWrapper{text-align:center;margin-top:50px}
.ctaWrapper .primaryButt{display:inline-block;padding:18px 45px;background:#fff;color:#5824CF;font-size:1.15rem;font-weight:600;text-decoration:none;box-shadow:0 6px 18px #0003;transition:all .3s ease-in}
.ctaWrapper .primaryButt:hover{background:#FFE3D6;box-shadow:0 10px 30px #0000004d;transform:translateY(-3px)}
@media (max-width: 768px) {
.heado .mainHeading{font-size:2.2rem}
.heado .subHead{font-size:1.1rem}
.communitySec .secTitle,.responsibilitySec .secTitle,.opportunitiesSec .secTitle,.trustSection .secTitle{font-size:2rem}
.gridLayout3,.gridLayout2{grid-template-columns:1fr}
.splitContent{flex-direction:column}
.featureCard{flex-direction:column;text-align:center}
.featureCard .featureIcon{margin:0 auto}
.testimonialWrap{grid-template-columns:1fr}
}
.contactHero{max-width:1536px;margin:0 auto;padding:80px 20px;display:flex;align-items:center;gap:60px;background:linear-gradient(135deg,#5824CF 0%,#148A5D 100%);position:relative;overflow:hidden}
.contactHero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ffe3d64d 0%,transparent 70%);filter:blur(60px)}
.contactHero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#ffe3d633 0%,transparent 70%);filter:blur(50px)}
.heroTxtWrap{flex:1;z-index:2}
.heroTxtWrap h1{font-size:3.2rem;font-weight:700;color:#fff;margin:0 0 20px;line-height:1.2}
.heroTxtWrap .heroSubline{font-size:1.15rem;color:#FFE3D6;line-height:1.6;margin:0}
.heroImgBox{flex:1;z-index:2}
.heroImgBox img{width:100%;height:auto;display:block;filter:blur(2px);opacity:.95}
.contactDetailsWrap{max-width:1536px;margin:0 auto;padding:80px 20px;background:#fff}
.detailsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:60px}
.detailCard{background:linear-gradient(145deg,#f9f9f9,#fff);padding:35px 30px;border:2px solid #FFE3D6;text-align:center;transition:transform .3s ease-in,box-shadow .3s ease-in}
.detailCard:hover{transform:translateY(-8px);box-shadow:0 12px 24px #5824cf26}
.detailCard i{font-size:2.8rem;color:#5824CF;margin-bottom:20px;display:block}
.detailCard h3{font-size:1.3rem;color:#148A5D;margin:0 0 12px;font-weight:600}
.detailCard p{font-size:1rem;color:#333;margin:0;line-height:1.5}
.detailCard a{color:#5824CF;text-decoration:none;font-weight:500;transition:color .3s ease-in}
.detailCard a:hover{color:#148A5D}
.formSectionWrap{max-width:1536px;margin:0 auto;padding:80px 20px;background:linear-gradient(180deg,#fff 0%,#FFE3D6 100%)}
.formContainer{max-width:700px;margin:0 auto;background:#fff;padding:50px 40px;box-shadow:0 8px 20px #0000001a}
.formContainer h2{font-size:2.2rem;color:#5824CF;margin:0 0 15px;text-align:center;font-weight:700}
.formContainer .formIntro{font-size:1rem;color:#666;text-align:center;margin:0 0 40px;line-height:1.6}
.inputWrap{margin-bottom:25px}
.inputWrap label{display:block;font-size:.95rem;color:#333;margin-bottom:8px;font-weight:500}
.inputWrap input,.inputWrap textarea{width:100%;padding:14px 16px;font-size:1rem;border:2px solid #e0e0e0;background:#f9f9f9;transition:border-color .3s ease-in,background .3s ease-in;box-sizing:border-box}
.inputWrap input:focus,.inputWrap textarea:focus{outline:none;border-color:#5824CF;background:#fff}
.inputWrap textarea{min-height:140px;resize:vertical}
.privacyCheckWrap{margin:30px 0;display:flex;align-items:flex-start;gap:10px}
.privacyCheckWrap input[type="checkbox"]{width:20px;height:20px;cursor:pointer;flex-shrink:0;margin-top:2px}
.privacyCheckWrap label{font-size:.9rem;color:#555;line-height:1.5}
.privacyCheckWrap a{color:#5824CF;text-decoration:underline;transition:color .3s ease-in}
.privacyCheckWrap a:hover{color:#148A5D}
.submitBtnWrap{text-align:center}
.submitBtnWrap button{background:linear-gradient(135deg,#5824CF 0%,#148A5D 100%);color:#fff;padding:16px 60px;font-size:1.1rem;font-weight:600;border:none;cursor:pointer;transition:transform .3s ease-in,box-shadow .3s ease-in;position:relative;z-index:10}
.submitBtnWrap button:hover{transform:scale(1.05);box-shadow:0 8px 16px #5824cf4d}
.submitBtnWrap button:active{transform:scale(0.98)}
.whyReachWrap{max-width:1536px;margin:0 auto;padding:80px 20px;background:#fff}
.whyReachWrap h2{font-size:2.5rem;color:#148A5D;margin:0 0 50px;text-align:center;font-weight:700}
.reasonsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.reasonBox{display:flex;gap:20px;align-items:flex-start}
.reasonBox::before{content:'';width:8px;height:8px;background:#5824CF;flex-shrink:0;margin-top:8px;transform:rotate(45deg)}
.reasonTxt h3{font-size:1.4rem;color:#5824CF;margin:0 0 10px;font-weight:600}
.reasonTxt p{font-size:1rem;color:#555;margin:0;line-height:1.6}
@media (max-width: 1024px) {
.contactHero{flex-direction:column;padding:60px 20px;gap:40px}
.heroTxtWrap h1{font-size:2.5rem}
.detailsGrid{grid-template-columns:1fr;gap:30px}
.reasonsGrid{grid-template-columns:1fr;gap:35px}
}
@media (max-width: 768px) {
.contactHero{padding:50px 20px}
.heroTxtWrap h1{font-size:2rem}
.heroTxtWrap .heroSubline{font-size:1rem}
.formContainer{padding:40px 25px}
.formContainer h2{font-size:1.8rem}
.whyReachWrap h2{font-size:2rem}
.submitBtnWrap button{padding:14px 40px;font-size:1rem}
}
.titleFragCollage{position:relative;width:100%;max-width:1536px;margin:0 auto;height:520px;overflow:hidden;background:linear-gradient(135deg,#5824CF 0%,#148A5D 100%)}
.titleFragCollage .imgFrag{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.35;filter:brightness(0.9)}
.titleFragCollage .overlayTxt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:3;width:90%;max-width:920px}
.titleFragCollage .overlayTxt h1{font-size:3.2rem;color:#FFE3D6;margin:0 0 18px;font-weight:700;line-height:1.2;text-shadow:2px 4px 12px #0006}
.titleFragCollage .overlayTxt p{font-size:1.3rem;color:#fff;margin:0;line-height:1.6;text-shadow:1px 2px 8px #0000004d}
.titleFragCollage::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,#ffe3d626 0%,transparent 50%),radial-gradient(circle at 80% 70%,#5824cf33 0%,transparent 50%);z-index:2;pointer-events:none}
.storyWrapp{max-width:1536px;margin:0 auto;padding:80px 24px;background:#fff}
.storyWrapp .contentGrid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.storyWrapp .txtColumn h2{font-size:2.4rem;color:#5824CF;margin:0 0 24px;font-weight:600;position:relative;padding-bottom:16px}
.storyWrapp .txtColumn h2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#148A5D,#5824CF)}
.storyWrapp .txtColumn p{font-size:1.1rem;color:#2d2d2d;line-height:1.8;margin:0 0 20px}
.storyWrapp .imgColumn{position:relative}
.storyWrapp .imgColumn img{width:100%;height:auto;border-radius:8px;box-shadow:0 8px 24px #5824cf26}
.teamLayoutAsymm{background:linear-gradient(180deg,#f8f8f8 0%,#fff 100%);padding:80px 24px}
.teamLayoutAsymm .innerWrap{max-width:1536px;margin:0 auto}
.teamLayoutAsymm .sectionHdr{text-align:center;margin-bottom:64px}
.teamLayoutAsymm .sectionHdr h2{font-size:2.6rem;color:#148A5D;margin:0 0 16px;font-weight:600}
.teamLayoutAsymm .sectionHdr p{font-size:1.2rem;color:#555;margin:0}
.teamLayoutAsymm .memberCards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px}
.teamLayoutAsymm .cardMember{background:#fff;border-radius:10px;padding:32px 24px;box-shadow:0 6px 18px #148a5d1a;transition:transform .3s ease-in,box-shadow .3s ease-in;text-align:center}
.teamLayoutAsymm .cardMember:hover{transform:translateY(-8px);box-shadow:0 12px 32px #5824cf2e}
.teamLayoutAsymm .cardMember img{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto 20px;border:4px solid #FFE3D6}
.teamLayoutAsymm .cardMember h3{font-size:1.5rem;color:#5824CF;margin:0 0 8px;font-weight:600}
.teamLayoutAsymm .cardMember .roleTag{font-size:.95rem;color:#148A5D;margin:0 0 16px;font-weight:500}
.teamLayoutAsymm .cardMember p{font-size:1rem;color:#666;line-height:1.6;margin:0}
.valuesZigzag{max-width:1536px;margin:0 auto;padding:80px 24px}
.valuesZigzag .valueRow{display:flex;align-items:center;gap:56px;margin-bottom:64px}
.valuesZigzag .valueRow:nth-child(even){flex-direction:row-reverse}
.valuesZigzag .valueRow .imgSide{flex:1}
.valuesZigzag .valueRow .imgSide img{width:100%;height:auto;border-radius:8px;box-shadow:0 10px 28px #148a5d24}
.valuesZigzag .valueRow .txtSide{flex:1}
.valuesZigzag .valueRow .txtSide h3{font-size:2rem;color:#5824CF;margin:0 0 20px;font-weight:600;position:relative;padding-left:24px}
.valuesZigzag .valueRow .txtSide h3::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:#148A5D;border-radius:50%}
.valuesZigzag .valueRow .txtSide p{font-size:1.1rem;color:#3d3d3d;line-height:1.7;margin:0}
.ctaSectionBott{background:linear-gradient(135deg,#148A5D 0%,#5824CF 100%);padding:64px 24px;text-align:center}
.ctaSectionBott .ctaInner{max-width:800px;margin:0 auto}
.ctaSectionBott h2{font-size:2.4rem;color:#FFE3D6;margin:0 0 20px;font-weight:600}
.ctaSectionBott p{font-size:1.2rem;color:#fff;margin:0 0 32px;line-height:1.6}
.ctaSectionBott .buttPrimary{display:inline-block;padding:16px 48px;background:#FFE3D6;color:#5824CF;font-size:1.1rem;font-weight:600;border-radius:6px;text-decoration:none;transition:transform .25s ease-in,box-shadow .25s ease-in;box-shadow:0 4px 16px #0003;z-index:10;position:relative}
.ctaSectionBott .buttPrimary:hover{transform:scale(1.05);box-shadow:0 8px 24px #0000004d}
@media (max-width: 1024px) {
.titleFragCollage{height:420px}
.titleFragCollage .overlayTxt h1{font-size:2.6rem}
.storyWrapp .contentGrid{grid-template-columns:1fr;gap:48px}
.teamLayoutAsymm .memberCards{grid-template-columns:1fr 1fr}
.valuesZigzag .valueRow{flex-direction:column;gap:32px}
.valuesZigzag .valueRow:nth-child(even){flex-direction:column}
}
@media (max-width: 768px) {
.titleFragCollage{height:360px}
.titleFragCollage .overlayTxt h1{font-size:2rem}
.titleFragCollage .overlayTxt p{font-size:1.1rem}
.storyWrapp{padding:60px 20px}
.storyWrapp .txtColumn h2{font-size:2rem}
.teamLayoutAsymm{padding:60px 20px}
.teamLayoutAsymm .memberCards{grid-template-columns:1fr;gap:32px}
.teamLayoutAsymm .sectionHdr h2{font-size:2.2rem}
.valuesZigzag{padding:60px 20px}
.valuesZigzag .valueRow .txtSide h3{font-size:1.7rem}
.ctaSectionBott{padding:48px 20px}
.ctaSectionBott h2{font-size:2rem}
}
::-webkit-scrollbar{width:14px}
::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#5824CF,#148A5D);border-radius:10px;box-shadow:inset 0 2px 6px #0003}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#148A5D,#5824CF)}
.pageWrappo{max-width:1536px;margin:0 auto;padding:0 20px}
.heroContain{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;margin-bottom:80px;overflow:hidden;border-radius:8px}
.heroContain .bgImgWrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.heroContain .bgImgWrap img{width:100%;height:100%;object-fit:cover}
.heroContain .bgImgWrap::before{content:'';position:absolute;top:0;left:0;right:0;height:180px;background:linear-gradient(to bottom,#5824CF,transparent);z-index:2}
.heroContain .bgImgWrap::after{content:'';position:absolute;bottom:0;left:0;right:0;height:180px;background:linear-gradient(to top,#148A5D,transparent);z-index:2}
.heroContain .centerContentWrap{position:relative;z-index:3;text-align:center;max-width:820px;padding:40px 24px;background:#fffffff2;border-radius:6px;box-shadow:0 8px 32px #00000026}
.heroContain .centerContentWrap h1{font-size:2.8rem;line-height:1.2;margin:0 0 20px;color:#5824CF;font-weight:700}
.heroContain .centerContentWrap .subText{font-size:1.15rem;line-height:1.6;color:#2d2d2d;margin:0}
.structBlock{margin-bottom:90px}
.approachArea{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.approachArea .txtSide h2{font-size:2.2rem;margin:0 0 24px;color:#5824CF;position:relative;padding-left:18px}
.approachArea .txtSide h2::before{content:'';position:absolute;left:0;top:4px;width:6px;height:32px;background:linear-gradient(to bottom,#5824CF,#148A5D);border-radius:3px}
.approachArea .txtSide p{font-size:1.05rem;line-height:1.7;color:#3a3a3a;margin:0 0 16px}
.approachArea .imgSide img{width:100%;height:auto;border-radius:8px;box-shadow:0 6px 24px #5824cf26}
.modGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;background:linear-gradient(135deg,#FFE3D6 0%,#ffe3d64d 100%);padding:60px 40px;border-radius:8px}
.modGrid h2{grid-column:1 / -1;text-align:center;font-size:2.2rem;color:#5824CF;margin:0 0 16px}
.modCard{background:#fff;padding:28px;border-radius:6px;box-shadow:0 4px 16px #00000014;transition:transform .3s ease-in,box-shadow .3s ease-in}
.modCard:hover{transform:translateY(-6px);box-shadow:0 10px 28px #5824cf33}
.modCard h3{font-size:1.35rem;color:#148A5D;margin:0 0 14px;display:flex;align-items:center;gap:10px}
.modCard h3::before{content:'';width:8px;height:8px;background:#5824CF;border-radius:50%;display:block}
.modCard p{font-size:.98rem;line-height:1.6;color:#444;margin:0}
.testimonialContain{background:linear-gradient(to right,#5824CF,#148A5D);padding:70px 50px;border-radius:8px;display:flex;gap:50px;align-items:center}
.testimonialContain .portraitWrap{flex-shrink:0}
.testimonialContain .portraitWrap img{width:180px;height:180px;border-radius:50%;object-fit:cover;border:5px solid #FFE3D6;box-shadow:0 8px 24px #0003}
.testimonialContain .quoteArea{color:#fff}
.testimonialContain .quoteArea .quoteMark{font-size:4rem;line-height:1;opacity:.4;margin:0 0 12px}
.testimonialContain .quoteArea p{font-size:1.15rem;line-height:1.7;margin:0 0 20px;font-style:italic}
.testimonialContain .quoteArea .authorInfo{font-size:1.05rem;font-weight:600;margin:0;font-style:normal}
.actionZone{background:#FFE3D6;padding:70px 60px;border-radius:8px;display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:center}
.actionZone .textArea h2{font-size:2.2rem;color:#5824CF;margin:0 0 20px}
.actionZone .textArea p{font-size:1.05rem;line-height:1.7;color:#3a3a3a;margin:0 0 14px}
.actionZone .formArea{background:#fff;padding:32px;border-radius:6px;box-shadow:0 6px 20px #0000001a}
.actionZone .formArea h3{font-size:1.45rem;color:#148A5D;margin:0 0 20px;text-align:center}
.actionZone .formArea input[type="text"],.actionZone .formArea input[type="email"]{width:100%;padding:12px 16px;margin-bottom:14px;border:2px solid #e0e0e0;border-radius:4px;font-size:1rem;transition:border-color .3s ease-in}
.actionZone .formArea input[type="text"]:focus,.actionZone .formArea input[type="email"]:focus{outline:none;border-color:#5824CF}
.actionZone .formArea .submitButt{width:100%;padding:14px;background:linear-gradient(135deg,#5824CF,#148A5D);color:#fff;border:none;border-radius:4px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .3s ease-in,box-shadow .3s ease-in;z-index:10;position:relative}
.actionZone .formArea .submitButt:hover{transform:scale(1.05);box-shadow:0 6px 20px #5824cf4d}
@media (max-width: 1024px) {
.heroContain .centerContentWrap h1{font-size:2.3rem}
.approachArea{grid-template-columns:1fr;gap:40px}
.modGrid{grid-template-columns:repeat(2,1fr);padding:50px 30px}
.testimonialContain{flex-direction:column;text-align:center;padding:50px 40px}
.actionZone{grid-template-columns:1fr;padding:50px 40px}
}
@media (max-width: 768px) {
.heroContain{min-height:420px;margin-bottom:60px}
.heroContain .centerContentWrap h1{font-size:1.9rem}
.heroContain .centerContentWrap .subText{font-size:1rem}
.modGrid{grid-template-columns:1fr;gap:24px;padding:40px 24px}
.structBlock{margin-bottom:60px}
.approachArea .txtSide h2,.modGrid h2,.actionZone .textArea h2{font-size:1.8rem}
.testimonialContain{padding:40px 24px;gap:30px}
.testimonialContain .portraitWrap img{width:140px;height:140px}
.actionZone{padding:40px 24px}
}
.successWrap{max-width:1536px;margin:0 auto;padding:0}
.mainSuccessSection{display:flex;align-items:center;gap:0;min-height:85vh;background:linear-gradient(135deg,#FFE3D6 0%,#f5f0f8 100%);animation:bgShift 8s ease-in-out infinite alternate;position:relative;overflow:hidden}
@keyframes bgShift {
0%{background:linear-gradient(135deg,#FFE3D6 0%,#f5f0f8 100%)}
100%{background:linear-gradient(135deg,#f5e8ff 0%,#d4f5e9 100%)}
}
.imageSegment{width:40%;position:relative;height:85vh;overflow:hidden}
.imgPlaceholder{width:100%;height:100%;background:linear-gradient(165deg,#5824CF 0%,#148A5D 100%);position:relative;display:flex;align-items:center;justify-content:center}
.imgPlaceholder::before{content:'';position:absolute;width:280px;height:280px;background:radial-gradient(circle,#ffe3d64d 0%,transparent 70%);border-radius:50%;animation:pulseGlow 4s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{transform:scale(1);opacity:.6}
50%{transform:scale(1.2);opacity:.9}
}
.imgPlaceholder::after{content:'';position:absolute;width:100%;height:100%;background:linear-gradient(45deg,transparent 48%,#ffe3d626 50%,transparent 52%),linear-gradient(-45deg,transparent 48%,#ffe3d626 50%,transparent 52%);background-size:80px 80px}
.contentSegment{width:60%;padding:80px 100px;position:relative}
.successIcon{width:90px;height:90px;margin-bottom:32px;display:inline-block}
.successIcon svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px #5824cf33)}
.mainHeadline{font-size:3.2rem;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.15;position:relative}
.mainHeadline::before{content:'';position:absolute;left:-24px;top:12px;width:8px;height:60%;background:linear-gradient(180deg,#5824CF 0%,#148A5D 100%);border-radius:4px}
.descriptionText{font-size:1.15rem;color:#4a4a4a;line-height:1.7;margin:0 0 40px;max-width:540px}
.actionButtons{display:flex;gap:20px;flex-wrap:wrap}
.primaryButt{padding:16px 38px;background:linear-gradient(135deg,#5824CF 0%,#148A5D 100%);color:#fff;text-decoration:none;border-radius:8px;font-size:1.05rem;font-weight:600;display:inline-block;transition:all .35s ease-in;box-shadow:0 6px 20px #5824cf40;position:relative;z-index:10}
.primaryButt:hover{transform:translateY(-3px);box-shadow:0 10px 30px #5824cf59;filter:brightness(1.1)}
.secondaryButt{padding:16px 38px;background:transparent;color:#5824CF;text-decoration:none;border:2px solid #5824CF;border-radius:8px;font-size:1.05rem;font-weight:600;display:inline-block;transition:all .35s ease-in;position:relative;z-index:10}
.secondaryButt:hover{background:#5824CF;color:#fff;transform:translateY(-3px);box-shadow:0 8px 24px #5824cf33}
.floatingShape{position:absolute;border-radius:50%;background:radial-gradient(circle,#5824cf14 0%,transparent 70%);pointer-events:none}
.floatingShape.shape1{width:200px;height:200px;top:15%;right:10%;animation:floatMove 6s ease-in-out infinite}
.floatingShape.shape2{width:140px;height:140px;bottom:20%;right:25%;animation:floatMove 8s ease-in-out infinite reverse}
@keyframes floatMove {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(20px,-20px) scale(1.1)}
}
.confirmBlock{max-width:1280px;margin:0 auto;padding:120px 60px;background:#fff}
.confirmGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}
.confirmCard{background:linear-gradient(145deg,#fafafa 0%,#fff 100%);padding:36px 32px;border-radius:0;border-left:5px solid #148A5D;box-shadow:0 8px 20px #0000000f;transition:all .35s ease-in;position:relative}
.confirmCard:nth-child(2){border-left-color:#5824CF}
.confirmCard:nth-child(3){border-left-color:#FFE3D6;border-left-width:5px}
.confirmCard:hover{transform:translateY(-6px);box-shadow:0 14px 32px #0000001a}
.confirmCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#5824CF 0%,#148A5D 100%);opacity:0;transition:opacity .35s ease-in}
.confirmCard:hover::before{opacity:1}
.cardIconBox{width:70px;height:70px;margin-bottom:24px;display:flex;align-items:center;justify-content:center}
.cardIconBox svg{width:100%;height:100%}
.cardHeading{font-size:1.4rem;font-weight:700;color:#2a2a2a;margin:0 0 14px}
.cardDetail{font-size:1rem;color:#666;line-height:1.65;margin:0}
.sectionTitle{font-size:2.6rem;font-weight:700;color:#1a1a1a;text-align:center;margin:0 0 18px;position:relative;display:inline-block;left:50%;transform:translateX(-50%)}
.sectionTitle::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:120px;height:6px;background:linear-gradient(90deg,#5824CF 0%,#148A5D 100%);border-radius:3px}
.sectionSubtext{font-size:1.1rem;color:#555;text-align:center;max-width:720px;margin:0 auto;line-height:1.6}
@media (max-width: 1200px) {
.contentSegment{padding:60px 70px}
.mainHeadline{font-size:2.8rem}
.confirmGrid{gap:30px}
}
@media (max-width: 968px) {
.mainSuccessSection{flex-direction:column;min-height:auto}
.imageSegment{width:100%;height:50vh}
.contentSegment{width:100%;padding:50px 40px}
.mainHeadline{font-size:2.4rem}
.confirmGrid{grid-template-columns:1fr;gap:24px}
.confirmBlock{padding:80px 40px}
}
@media (max-width: 640px) {
.contentSegment{padding:40px 24px}
.mainHeadline{font-size:2rem}
.mainHeadline::before{left:-12px;width:6px}
.descriptionText{font-size:1.05rem}
.actionButtons{flex-direction:column;gap:14px}
.primaryButt,.secondaryButt{width:100%;text-align:center;padding:14px 28px}
.confirmBlock{padding:60px 24px}
.sectionTitle{font-size:2rem}
.confirmCard{padding:28px 24px}
.successIcon{width:70px;height:70px}
}