*{margin:0;padding:0;border:0;box-sizing:border-box}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,img,ul,li,nav,header,footer,main,section,article{margin:0;padding:0;border:0}
body{font-family:'Playfair Display',serif;background:#F9F9F9;color:#1A1A1A;line-height:1.6}
.topbanner{background:linear-gradient(135deg,#C143B3 0%,#027163 100%);padding:45px 20px;position:relative;overflow:hidden}
.bannercont{max-width:1440px;margin:0 auto;text-align:center}
.compname{font-size:3.8rem;font-weight:700;color:#ffffff26;letter-spacing:8px;text-transform:uppercase;display:block}
.navrow{background:#FFF;box-shadow:0 4px 12px #00000014;border-radius:0 0 30px 30px;position:relative;margin-top:-25px;z-index:10}
.navrowcont{max-width:1440px;margin:0 auto;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.logoarea3{flex-shrink:0}
.mainlogo2{height:95px;width:95px;object-fit:contain;background:linear-gradient(135deg,#c143b31a 0%,#0271631a 100%);padding:12px;border-radius:28px;box-shadow:0 3px 8px #c143b333}
.mainnavbar7{display:flex;gap:35px;align-items:center;flex-wrap:wrap}
.navitem8{font-size:1.1rem;color:#1A1A1A;text-decoration:none;padding:10px 18px;border-radius:22px;transition:background 0.3s,color .3s;white-space:nowrap}
.navitem8:hover{background:#c143b31a;color:#C143B3}
main{min-height:300px}
.footwrap12{background:linear-gradient(155deg,#027163 0%,#C143B3 100%);padding:35px 20px 20px;margin-top:80px}
.footcont5{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.footleft9{flex:1;min-width:200px}
.footnav2{display:flex;flex-direction:column;gap:12px}
.footlink4{color:#FFF;text-decoration:none;font-size:.95rem;transition:color .3s}
.footlink4:hover{color:#FE9}
.footright7{flex:1;min-width:280px}
.contactblock3{display:flex;flex-direction:column;gap:10px}
.contactline5{color:#FFF;font-size:.95rem;display:flex;align-items:center;gap:10px}
.contactline5 .oi{font-size:.85rem}
.copyright8{max-width:1440px;margin:25px auto 0;padding-top:20px;border-top:1px solid #fff3;text-align:center}
.copyright8 p{color:#FFF;font-size:.85rem}
.cookiebox7{position:fixed;top:20px;left:20px;background:#FFF;border-radius:25px;padding:25px;box-shadow:0 8px 20px #00000026;max-width:380px;z-index:9999;display:none;animation:slideinfromtop .4s ease-out}
@keyframes slideinfromtop {
from{transform:translateY(-100%);opacity:0}
to{transform:translateY(0);opacity:1}
}
.cookiebox7[style*="display: none"]{animation:slideouttotop .4s ease-out}
@keyframes slideouttotop {
from{transform:translateY(0);opacity:1}
to{transform:translateY(-100%);opacity:0}
}
.cookietitle2{font-size:1.3rem;color:#1A1A1A;margin-bottom:12px;font-weight:700}
.cookietext9{font-size:.9rem;color:#555;margin-bottom:18px;line-height:1.5}
.cookieopts4{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}
.optlabel3{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#1A1A1A;cursor:pointer}
.radioinp2,.checkinp4{cursor:pointer}
.optout6{margin-top:10px;padding-top:12px;border-top:1px solid #E0E0E0}
.cookiebtns5{display:flex;gap:12px;margin-top:20px}
.cookiebtn9{flex:1;padding:12px;border:2px solid #C143B3;background:transparent;color:#C143B3;border-radius:20px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background 0.3s,color .3s;font-family:'Playfair Display',serif}
.cookiebtn9:hover{background:#C143B3;color:#FFF}
.cookiepolicy3{margin-top:15px;font-size:.75rem;text-align:center}
.cookiepolicy3 a{color:#027163;text-decoration:underline}
.cookiefloat6{position:fixed;bottom:20px;left:20px;background:#C143B3;color:#FFF;border:none;border-radius:50%;width:55px;height:55px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px #c143b366;transition:background .3s;z-index:9998}
.cookiefloat6:hover{background:#027163}
.cookiefloat6 .oi{font-size:1.3rem}
@media (max-width: 768px) {
.compname{font-size:2rem;letter-spacing:4px}
.topbanner{padding:30px 20px}
.navrowcont{flex-direction:column;gap:20px;padding:20px}
.mainnavbar7{flex-direction:column;gap:15px;width:100%}
.navitem8{width:100%;text-align:center}
.mainlogo2{height:75px;width:75px}
.footcont5{flex-direction:column;gap:25px}
.cookiebox7{left:10px;right:10px;max-width:calc(100% - 20px)}
.cookiebtns5{flex-direction:column}
}
@media (max-width: 375px) {
.compname{font-size:1.5rem;letter-spacing:2px}
.mainnavbar7{gap:10px}
.navitem8{font-size:1rem;padding:8px 14px}
}
.agreement-block{max-width:1440px;margin:0 auto;padding:80px 24px;background:#fff}
.agreement-block p{font-size:17px;line-height:1.8;color:#2c2c2c;margin:0 0 24px;max-width:820px}
.agreement-block p + p{margin-top:16px}
.agreement-block ul{list-style:none;padding:0;margin:0 0 32px;max-width:820px}
.agreement-block ul li{font-size:17px;line-height:1.8;color:#2c2c2c;padding-left:32px;margin-bottom:12px;position:relative}
.agreement-block ul li::before{content:'';position:absolute;left:0;top:12px;width:8px;height:8px;background:linear-gradient(135deg,#C143B3 0%,#027163 100%);border-radius:50%}
.agreement-block ol{list-style:none;counter-reset:policycount;padding:0;margin:0 0 32px;max-width:820px}
.agreement-block ol li{font-size:17px;line-height:1.8;color:#2c2c2c;padding-left:40px;margin-bottom:12px;position:relative;counter-increment:policycount}
.agreement-block ol li::before{content:counter(policycount) ".";position:absolute;left:0;top:0;font-weight:600;color:#C143B3;font-size:17px}
.agreement-block a{color:#027163;text-decoration:none;border-bottom:2px solid transparent;transition:all .3s ease;font-weight:500}
.agreement-block a:hover{color:#C143B3;border-bottom-color:#C143B3}
.agreement-block table{width:100%;max-width:820px;border-collapse:separate;border-spacing:0;margin:0 0 40px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 4px 12px #01716314}
.agreement-block thead{background:linear-gradient(135deg,#C143B3 0%,#027163 100%)}
.agreement-block thead tr{border:none}
.agreement-block thead th{padding:20px 24px;text-align:left;font-size:16px;font-weight:600;color:#fff;border:none}
.agreement-block tbody{background:#fff}
.agreement-block tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s ease}
.agreement-block tbody tr:last-child{border-bottom:none}
.agreement-block tbody tr:hover{background:#fafafa}
.agreement-block tbody td{padding:18px 24px;font-size:16px;line-height:1.6;color:#2c2c2c;border:none}
.agreement-block th{font-weight:600}
.agreement-block hr{border:none;height:2px;background:linear-gradient(90deg,#C143B3 0%,#027163 50%,#FE9 100%);margin:48px 0;max-width:820px;border-radius:2px;opacity:.3}
@media (max-width: 1366px) {
.agreement-block{padding:64px 32px}
.agreement-block p,.agreement-block ul,.agreement-block ol,.agreement-block table,.agreement-block hr{max-width:100%}
}
@media (max-width: 768px) {
.agreement-block{padding:48px 20px}
.agreement-block p{font-size:16px;margin-bottom:20px}
.agreement-block ul li,.agreement-block ol li{font-size:16px;padding-left:28px}
.agreement-block ul li::before{top:10px;width:6px;height:6px}
.agreement-block ol li{padding-left:36px}
.agreement-block table{font-size:14px;border-radius:16px}
.agreement-block thead th{padding:16px;font-size:14px}
.agreement-block tbody td{padding:14px 16px;font-size:14px}
.agreement-block hr{margin:36px 0}
}
@media (max-width: 375px) {
.agreement-block{padding:40px 16px}
.agreement-block p{font-size:15px}
.agreement-block ul li,.agreement-block ol li{font-size:15px}
.agreement-block table{border-radius:12px}
.agreement-block thead th,.agreement-block tbody td{padding:12px;font-size:13px}
}
.herozone{position:relative;background:linear-gradient(157deg,#C143B3 0%,#027163 100%);padding:140px 20px 120px;overflow:hidden}
.herozone::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ffee9926 0%,transparent 70%);animation:floatparticle1 18s infinite ease-in-out}
.herozone::after{content:'';position:absolute;bottom:-30%;left:-10%;width:450px;height:450px;background:radial-gradient(circle,#02716333 0%,transparent 65%);animation:floatparticle2 22s infinite ease-in-out}
@keyframes floatparticle1 {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-40px,30px) scale(1.1)}
}
@keyframes floatparticle2 {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(30px,-25px) scale(0.95)}
}
.herocontent37{max-width:1440px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.herotextarea{color:#fff}
.herotextarea h1{font-size:56px;line-height:1.15;margin:0 0 32px;font-weight:700}
.herotextarea .descpara89{font-size:20px;line-height:1.6;margin:0 0 48px;opacity:.95}
.herobtnwrap{display:flex;gap:20px;flex-wrap:wrap}
.herobtnwrap .btnprimary214{background:#FE9;color:#027163;padding:18px 40px;border-radius:30px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block}
.herobtnwrap .btnprimary214:hover{background:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #0003}
.herobtnwrap .btnsecond781{background:transparent;color:#fff;padding:18px 40px;border:2px solid #fff9;border-radius:30px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block}
.herobtnwrap .btnsecond781:hover{background:#ffffff26;border-color:#fff}
.heroimgwrapper{position:relative}
.heroimgwrapper img{width:100%;height:480px;object-fit:cover;border-radius:32px;box-shadow:0 20px 60px #0000004d;transform:rotate(2deg);transition:transform .4s ease}
.heroimgwrapper:hover img{transform:rotate(0deg) scale(1.02)}
.approachsection92{padding:120px 20px;background:#f8f9fa;position:relative}
.approachcontainer{max-width:1440px;margin:0 auto}
.sectionheader41{text-align:center;margin-bottom:80px}
.sectionheader41 h2{font-size:44px;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.sectionheader41 .subtxt67{font-size:19px;color:#5a5a5a;max-width:680px;margin:0 auto;line-height:1.65}
.gridapproach{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.approachcard{background:#fff;padding:48px 36px;border-radius:28px;box-shadow:0 4px 16px #0000000f;transition:all .35s ease;position:relative;overflow:hidden}
.approachcard::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#C143B3,#027163);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.approachcard:hover::before{transform:scaleX(1)}
.approachcard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0000001f}
.approachcard .iconnumber52{width:64px;height:64px;background:linear-gradient(135deg,#C143B3,#027163);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;margin-bottom:28px}
.approachcard h3{font-size:24px;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.approachcard p{font-size:16px;color:#5a5a5a;line-height:1.7;margin:0}
.personalzone{padding:120px 20px;background:#fff}
.personalcontainer{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.personaltextside{padding-right:40px}
.personaltextside h2{font-size:42px;color:#1a1a1a;margin:0 0 32px;font-weight:700;position:relative;display:inline-block}
.personaltextside h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:4px;background:linear-gradient(90deg,#C143B3,#027163);border-radius:2px}
.personaltextside .descriptxt{font-size:18px;color:#4a4a4a;line-height:1.7;margin-bottom:36px}
.featurelist92{list-style:none;padding:0;margin:0 0 40px}
.featurelist92 li{display:flex;align-items:flex-start;margin-bottom:24px;font-size:17px;color:#3a3a3a;line-height:1.6}
.featurelist92 li::before{content:'';display:inline-block;width:24px;height:24px;background:linear-gradient(135deg,#C143B3,#027163);border-radius:50%;margin-right:16px;flex-shrink:0;position:relative;top:2px}
.personalvisualside{position:relative}
.personalvisualside img{width:100%;height:520px;object-fit:cover;border-radius:32px;box-shadow:0 16px 48px #0000001f}
.transparencysection{padding:120px 20px;background:linear-gradient(172deg,#027163 0%,#C143B3 100%);position:relative;overflow:hidden}
.transparencysection::before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:radial-gradient(circle at top right,#ffee991f,transparent);pointer-events:none}
.transparencybox{max-width:1440px;margin:0 auto;position:relative;z-index:2}
.transparencybox h2{font-size:44px;color:#fff;text-align:center;margin:0 0 64px;font-weight:700}
.processgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.processitem{background:#ffffff26;backdrop-filter:blur(10px);padding:40px 28px;border-radius:24px;border:1px solid #ffffff40;text-align:center;transition:all .3s ease}
.processitem:hover{background:#ffffff38;transform:translateY(-5px)}
.processitem .stepnumber{width:56px;height:56px;background:#FE9;color:#027163;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 24px}
.processitem h3{font-size:20px;color:#fff;margin:0 0 16px;font-weight:700}
.processitem p{font-size:15px;color:#ffffffe6;line-height:1.6;margin:0}
.trustzone{padding:120px 20px;background:#f8f9fa}
.trustwrapper{max-width:1440px;margin:0 auto}
.trustwrapper h2{font-size:44px;color:#1a1a1a;text-align:center;margin:0 0 72px;font-weight:700}
.trustgrid53{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}
.trustblock{display:flex;gap:28px;align-items:flex-start;background:#fff;padding:44px 40px;border-radius:28px;box-shadow:0 6px 20px #0000000f;transition:all .3s ease}
.trustblock:hover{box-shadow:0 12px 36px #0000001a;transform:translateY(-4px)}
.trusticonbox{width:72px;height:72px;background:linear-gradient(135deg,#C143B3,#027163);border-radius:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.trusticonbox svg{width:36px;height:36px;fill:#fff}
.trusttextcontent h3{font-size:24px;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.trusttextcontent p{font-size:16px;color:#5a5a5a;line-height:1.7;margin:0}
@media (max-width: 1366px) {
.herocontent37{gap:60px}
.herotextarea h1{font-size:48px}
}
@media (max-width: 768px) {
.herozone{padding:80px 20px 60px}
.herocontent37{grid-template-columns:1fr;gap:48px}
.herotextarea h1{font-size:36px;margin-bottom:24px}
.herotextarea .descpara89{font-size:18px;margin-bottom:32px}
.herobtnwrap{flex-direction:column}
.herobtnwrap .btnprimary214,.herobtnwrap .btnsecond781{width:100%;text-align:center}
.heroimgwrapper img{height:340px}
.approachsection92{padding:80px 20px}
.sectionheader41{margin-bottom:48px}
.sectionheader41 h2{font-size:32px}
.gridapproach{grid-template-columns:1fr;gap:28px}
.personalzone{padding:80px 20px}
.personalcontainer{grid-template-columns:1fr;gap:48px}
.personaltextside{padding-right:0}
.personaltextside h2{font-size:32px}
.personalvisualside img{height:380px}
.transparencysection{padding:80px 20px}
.transparencybox h2{font-size:32px;margin-bottom:48px}
.processgrid{grid-template-columns:1fr;gap:24px}
.trustzone{padding:80px 20px}
.trustwrapper h2{font-size:32px;margin-bottom:48px}
.trustgrid53{grid-template-columns:1fr;gap:28px}
.trustblock{padding:32px 28px}
}
@media (max-width: 375px) {
.herotextarea h1{font-size:30px}
.herotextarea .descpara89{font-size:16px}
.herobtnwrap .btnprimary214,.herobtnwrap .btnsecond781{padding:15px 32px;font-size:16px}
.sectionheader41 h2,.personaltextside h2,.transparencybox h2,.trustwrapper h2{font-size:28px}
.approachcard,.trustblock{padding:28px 24px}
}
.titleherobox{background:linear-gradient(127deg,#C143B3 0%,#027163 100%);padding:80px 20px;position:relative;overflow:hidden}
.titleherobox::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#ffee991a;border-radius:40% 60% 70% 30%;transform:rotate(45deg)}
.titleherobox::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#ffffff0d;border-radius:60% 40% 30% 70%}
.titlewrap{max-width:1440px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.titlecontent{flex:1}
.titlecontent h1{font-size:52px;color:#fff;margin:0 0 20px;line-height:1.2}
.titlecontent h1 span{display:block;margin-top:12px}
.titlecontent .subtxt{font-size:18px;color:#ffffffe6;line-height:1.6;max-width:520px}
.titleimgbox{flex:0 0 450px;position:relative}
.titleimgbox img{width:100%;height:380px;object-fit:cover;border-radius:30px;position:relative;z-index:1}
.titleimgbox::before{content:'';position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(180deg,#c143b399 0%,transparent 100%);border-radius:30px 30px 0 0;z-index:2}
.titleimgbox::after{content:'';position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(0deg,#02716399 0%,transparent 100%);border-radius:0 0 30px 30px;z-index:2}
.contactinfo5{max-width:1440px;margin:0 auto;padding:90px 20px}
.infogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:70px}
.infocard2{background:linear-gradient(135deg,#c143b314 0%,#0271630d 100%);padding:40px 30px;border-radius:25px;border:2px solid #c143b326;transition:all .3s ease}
.infocard2:hover{transform:translateY(-8px);box-shadow:0 12px 30px #c143b333;border-color:#C143B3}
.infocard2 .iconwrap{width:60px;height:60px;background:linear-gradient(135deg,#C143B3 0%,#027163 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.infocard2 .iconwrap .oi{font-size:24px;color:#fff}
.infocard2 h3{font-size:22px;color:#1a1a1a;margin:0 0 12px}
.infocard2 .detailtxt{font-size:16px;color:#4a4a4a;line-height:1.6;margin:0}
.infocard2 a{color:#027163;text-decoration:none;transition:color .3s ease}
.infocard2 a:hover{color:#C143B3}
.formsection8{max-width:1440px;margin:0 auto;padding:0 20px 90px}
.formcontainer{background:#fff;border-radius:35px;box-shadow:0 8px 40px #00000014;padding:60px;max-width:800px;margin:0 auto}
.formcontainer h2{font-size:36px;color:#1a1a1a;margin:0 0 10px;text-align:center}
.formcontainer .formdesc{font-size:17px;color:#6a6a6a;text-align:center;margin:0 0 40px;line-height:1.5}
.contactform input[type="radio"]{display:none}
.topicselect{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}
.topicselect label{flex:1;min-width:150px;padding:18px 20px;background:#f5f5f5;border:2px solid transparent;border-radius:20px;cursor:pointer;transition:all .3s ease;text-align:center;font-size:15px;color:#4a4a4a}
.topicselect label:hover{background:#c143b31a;border-color:#c143b34d}
.contactform input[type="radio"]:checked + label{background:linear-gradient(135deg,#C143B3 0%,#027163 100%);border-color:#C143B3;color:#fff}
.formfield{margin-bottom:25px}
.formfield label{display:block;font-size:15px;color:#2a2a2a;margin-bottom:8px;font-weight:500}
.formfield input,.formfield textarea{width:100%;padding:16px 20px;border:2px solid #e0e0e0;border-radius:18px;font-size:15px;transition:all .3s ease;background:#fafafa}
.formfield input:focus,.formfield textarea:focus{outline:none;border-color:#C143B3;background:#fff;box-shadow:0 4px 15px #c143b326}
.formfield textarea{resize:vertical;min-height:140px}
.extrafield39{display:none;margin-top:25px}
.contactform input[type="radio"]#topic1:checked ~ .extrafield39.field1,.contactform input[type="radio"]#topic2:checked ~ .extrafield39.field2,.contactform input[type="radio"]#topic3:checked ~ .extrafield39.field3{display:block;animation:slidedown .4s ease}
@keyframes slidedown {
from{opacity:0;transform:translateY(-10px)}
to{opacity:1;transform:translateY(0)}
}
.privacycheck{margin:30px 0;display:flex;align-items:start;gap:12px}
.privacycheck input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;flex-shrink:0}
.privacycheck label{font-size:14px;color:#5a5a5a;line-height:1.6;cursor:pointer}
.privacycheck a{color:#027163;text-decoration:none}
.privacycheck a:hover{color:#C143B3}
.submitbtn7{width:100%;padding:18px 40px;background:linear-gradient(135deg,#C143B3 0%,#027163 100%);color:#fff;border:none;border-radius:20px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #c143b34d;position:relative;z-index:10}
.submitbtn7:hover{transform:translateY(-3px);box-shadow:0 10px 30px #c143b366}
.submitbtn7:active{transform:translateY(-1px)}
.whysection{background:linear-gradient(155deg,#ffee994d 0%,#0271631a 100%);padding:90px 20px}
.whycontainer{max-width:1440px;margin:0 auto}
.whycontainer h2{font-size:38px;color:#1a1a1a;margin:0 0 50px;text-align:center}
.whygrid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}
.whyitem{background:#fff;padding:35px 30px;border-radius:25px;border-left:5px solid #C143B3;box-shadow:0 4px 15px #0000000f;transition:all .3s ease}
.whyitem:hover{transform:translateX(8px);box-shadow:0 8px 25px #c143b326;border-left-color:#027163}
.whyitem h3{font-size:20px;color:#1a1a1a;margin:0 0 12px;display:flex;align-items:center;gap:12px}
.whyitem h3::before{content:'';width:8px;height:8px;background:#C143B3;border-radius:50%;display:inline-block}
.whyitem p{font-size:15px;color:#5a5a5a;line-height:1.6;margin:0}
@media (max-width: 1366px) {
.titlewrap{gap:40px}
.titleimgbox{flex:0 0 400px}
.titlecontent h1{font-size:46px}
}
@media (max-width: 768px) {
.titleherobox{padding:60px 20px}
.titlewrap{flex-direction:column;gap:30px}
.titleimgbox{flex:0 0 auto;width:100%}
.titleimgbox img{height:280px}
.titlecontent h1{font-size:36px}
.titlecontent .subtxt{font-size:16px}
.infogrid{grid-template-columns:1fr;gap:25px}
.formcontainer{padding:40px 25px}
.formcontainer h2{font-size:28px}
.topicselect{flex-direction:column}
.topicselect label{min-width:auto}
.whygrid{grid-template-columns:1fr;gap:20px}
.contactinfo5,.formsection8,.whysection{padding:60px 20px}
}
@media (max-width: 375px) {
.titlecontent h1{font-size:30px}
.formcontainer{padding:30px 20px}
.formcontainer h2{font-size:24px}
.whycontainer h2{font-size:30px}
}
.heroabout{max-width:1440px;margin:60px auto;padding:0 20px}
.heroabout .gridmosaic2{display:grid;grid-template-columns:repeat(12,1fr);gap:28px;align-items:center}
.heroabout .textcontent19{grid-column:1 / 6}
.heroabout .textcontent19 h1{font-size:52px;line-height:1.15;margin:0 0 32px;color:#1a1a1a}
.heroabout .textcontent19 .decorstrip87{width:90px;height:5px;background:linear-gradient(135deg,#C143B3 0%,#027163 100%);margin:0 0 28px;border-radius:3px}
.heroabout .textcontent19 .intro64{font-size:19px;line-height:1.65;color:#444;margin:0 0 24px}
.heroabout .textcontent19 .intro64:last-of-type{margin:0}
.heroabout .imagesmosaic45{grid-column:6 / 13;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.heroabout .imagesmosaic45 .imgwrap23{position:relative;overflow:hidden;border-radius:28px;background:#f4f4f4}
.heroabout .imagesmosaic45 .imgwrap23 img{width:100%;height:100%;object-fit:cover;display:block;filter:blur(0.3px)}
.heroabout .imagesmosaic45 .imgwrap23:nth-child(1){grid-column:1 / 2;height:280px}
.heroabout .imagesmosaic45 .imgwrap23:nth-child(2){grid-column:2 / 3;height:200px;margin-top:80px}
.heroabout .imagesmosaic45 .imgwrap23:nth-child(3){grid-column:1 / 3;height:240px}
.heroabout .imagesmosaic45 .imgwrap23::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="noise"><feTurbulence baseFrequency="0.9" numOctaves="4" /></filter><rect width="200" height="200" filter="url(%23noise)" opacity="0.03"/></svg>');pointer-events:none;mix-blend-mode:overlay}
.storydetails78{max-width:1440px;margin:100px auto;padding:0 20px}
.storydetails78 .contentwrap56{background:linear-gradient(145deg,#fafafa 0%,#fff 100%);border-radius:34px;padding:80px 60px;box-shadow:0 6px 24px #0000000f}
.storydetails78 .header92{text-align:center;margin-bottom:64px}
.storydetails78 .header92 h2{font-size:44px;line-height:1.2;color:#1a1a1a;margin:0 0 20px;position:relative;display:inline-block}
.storydetails78 .header92 h2::before{content:'';position:absolute;left:-60px;top:50%;transform:translateY(-50%);width:40px;height:3px;background:#027163}
.storydetails78 .header92 h2::after{content:'';position:absolute;right:-60px;top:50%;transform:translateY(-50%);width:40px;height:3px;background:#C143B3}
.storydetails78 .header92 .subtitle23{font-size:18px;color:#666;max-width:700px;margin:0 auto;line-height:1.6}
.storydetails78 .gridstory14{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.storydetails78 .gridstory14 .storycard77{background:#fff;border-radius:24px;padding:36px 32px;border:1px solid #e8e8e8;transition:all .35s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}
.storydetails78 .gridstory14 .storycard77::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#C143B3 0%,#027163 50%,#FE9 100%);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}
.storydetails78 .gridstory14 .storycard77:hover::before{transform:scaleX(1)}
.storydetails78 .gridstory14 .storycard77:hover{transform:translateY(-6px);box-shadow:0 12px 32px #c143b326;border-color:#C143B3}
.storydetails78 .gridstory14 .storycard77 .iconwrap44{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#c143b31a 0%,#0271631a 100%);display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.storydetails78 .gridstory14 .storycard77 .iconwrap44 svg{width:32px;height:32px}
.storydetails78 .gridstory14 .storycard77 h3{font-size:24px;color:#1a1a1a;margin:0 0 16px;line-height:1.3}
.storydetails78 .gridstory14 .storycard77 p{font-size:16px;line-height:1.7;color:#555;margin:0 0 14px}
.storydetails78 .gridstory14 .storycard77 p:last-of-type{margin:0}
.storydetails78 .ctabox88{margin-top:72px;text-align:center;background:linear-gradient(120deg,#c143b314 0%,#02716314 100%);padding:48px 40px;border-radius:28px;border:2px dashed #c143b34d}
.storydetails78 .ctabox88 h4{font-size:28px;color:#1a1a1a;margin:0 0 20px}
.storydetails78 .ctabox88 .btngroup34{display:flex;gap:20px;justify-content:center;align-items:center}
.storydetails78 .ctabox88 .btnprimary12{display:inline-block;padding:16px 36px;background:linear-gradient(135deg,#C143B3 0%,#027163 100%);color:#fff;text-decoration:none;border-radius:26px;font-size:17px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 16px #c143b34d;position:relative;z-index:10}
.storydetails78 .ctabox88 .btnprimary12:hover{transform:translateY(-3px);box-shadow:0 8px 24px #c143b366}
.storydetails78 .ctabox88 .btnsecondary34{display:inline-block;padding:16px 36px;background:#fff;color:#027163;text-decoration:none;border-radius:26px;font-size:17px;font-weight:600;border:2px solid #027163;transition:all .3s ease;position:relative;z-index:10}
.storydetails78 .ctabox88 .btnsecondary34:hover{background:#027163;color:#fff;transform:translateY(-3px);box-shadow:0 8px 24px #02716340}
@media (max-width: 1366px) {
.heroabout .textcontent19 h1{font-size:46px}
.storydetails78 .header92 h2{font-size:38px}
}
@media (max-width: 768px) {
.heroabout{margin:40px auto}
.heroabout .gridmosaic2{grid-template-columns:1fr;gap:40px}
.heroabout .textcontent19{grid-column:1 / -1}
.heroabout .textcontent19 h1{font-size:36px;margin-bottom:24px}
.heroabout .textcontent19 .intro64{font-size:17px}
.heroabout .imagesmosaic45{grid-column:1 / -1}
.heroabout .imagesmosaic45 .imgwrap23:nth-child(2){margin-top:0}
.storydetails78{margin:60px auto}
.storydetails78 .contentwrap56{padding:50px 30px}
.storydetails78 .header92{margin-bottom:48px}
.storydetails78 .header92 h2{font-size:32px}
.storydetails78 .header92 h2::before,.storydetails78 .header92 h2::after{display:none}
.storydetails78 .gridstory14{grid-template-columns:1fr;gap:28px}
.storydetails78 .ctabox88{padding:36px 24px;margin-top:48px}
.storydetails78 .ctabox88 h4{font-size:24px}
.storydetails78 .ctabox88 .btngroup34{flex-direction:column;gap:16px}
.storydetails78 .ctabox88 .btnprimary12,.storydetails78 .ctabox88 .btnsecondary34{width:100%;text-align:center}
}
@media (max-width: 375px) {
.heroabout .textcontent19 h1{font-size:30px}
.heroabout .imagesmosaic45{gap:16px}
.heroabout .imagesmosaic45 .imgwrap23:nth-child(1){height:220px}
.heroabout .imagesmosaic45 .imgwrap23:nth-child(2){height:180px}
.heroabout .imagesmosaic45 .imgwrap23:nth-child(3){height:200px}
.storydetails78 .contentwrap56{padding:40px 20px}
.storydetails78 .header92 h2{font-size:28px}
}
.titlesec{position:relative;overflow:hidden;padding:80px 20px;background:linear-gradient(125deg,#027163 0%,#C143B3 100%)}
.titlesec .mainbox{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.titlesec .textside{position:relative;z-index:2}
.titlesec .pretext{font-size:16px;color:#FE9;margin-bottom:16px;letter-spacing:.5px}
.titlesec .bigtitle{font-size:48px;color:#fff;line-height:1.2;margin-bottom:24px;font-weight:700}
.titlesec .desctext{font-size:18px;color:#ffffffe6;line-height:1.6;margin-bottom:32px}
.titlesec .imgside{position:relative}
.titlesec .imgwrap{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 16px 48px #0000004d;transform:rotate(-2deg)}
.titlesec .imgwrap img{width:100%;height:480px;object-fit:cover;display:block}
.titlesec .decobox{position:absolute;width:200px;height:200px;background:linear-gradient(45deg,#FE9,#C143B3);opacity:.15;border-radius:40px;top:-40px;right:-40px;transform:rotate(15deg);z-index:1}
.titlesec .decobox2{position:absolute;width:160px;height:160px;background:linear-gradient(225deg,#027163,#FE9);opacity:.12;border-radius:30px;bottom:-30px;left:-30px;transform:rotate(-12deg);z-index:1}
.progbox{padding:100px 20px;background:#f8f9fa}
.progbox .innercontain{max-width:1440px;margin:auto}
.progbox .headpart{text-align:center;margin-bottom:60px}
.progbox .maintitle{font-size:42px;color:#1a1a1a;margin-bottom:20px;font-weight:700}
.progbox .maintitle::before{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#C143B3,#027163);margin:0 auto 20px;border-radius:4px}
.progbox .subtexthead{font-size:18px;color:#666;max-width:720px;margin:0 auto;line-height:1.6}
.progbox .modulegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:60px}
.progbox .modcard{background:#fff;border-radius:28px;padding:40px 32px;box-shadow:0 4px 12px #0000000f;transition:all .3s ease;position:relative;overflow:hidden}
.progbox .modcard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#C143B3,#027163);transform:scaleX(0);transition:transform .3s ease}
.progbox .modcard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0000001f}
.progbox .modcard:hover::before{transform:scaleX(1)}
.progbox .modnum{display:inline-block;width:56px;height:56px;background:linear-gradient(135deg,#C143B3,#027163);color:#fff;border-radius:20px;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.progbox .modtitle{font-size:22px;color:#1a1a1a;margin-bottom:12px;font-weight:600}
.progbox .moddesc{font-size:15px;color:#666;line-height:1.6;margin-bottom:16px}
.progbox .modlist{list-style:none;padding:0;margin:0}
.progbox .modlist li{font-size:14px;color:#555;padding-left:24px;position:relative;margin-bottom:8px;line-height:1.5}
.progbox .modlist li::before{content:'';position:absolute;left:0;top:6px;width:12px;height:12px;background:#FE9;border-radius:3px;border:2px solid #027163}
.progbox .pathways{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px}
.progbox .pathcard{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-radius:32px;padding:48px 40px;box-shadow:0 8px 24px #00000014;border:2px solid transparent;transition:all .3s ease}
.progbox .pathcard:hover{border-color:#C143B3;box-shadow:0 16px 48px #c143b326}
.progbox .pathlabel{display:inline-block;padding:8px 20px;background:linear-gradient(90deg,#C143B3,#027163);color:#fff;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:20px}
.progbox .pathtitle{font-size:28px;color:#1a1a1a;margin-bottom:16px;font-weight:700}
.progbox .pathtext{font-size:16px;color:#666;line-height:1.7;margin-bottom:24px}
.progbox .pathfeatures{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.progbox .featitem{display:flex;align-items:flex-start;gap:12px}
.progbox .featicon{width:32px;height:32px;background:#FE9;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.progbox .featicon svg{width:18px;height:18px;fill:#027163}
.progbox .feattext{font-size:14px;color:#555;line-height:1.5}
.progbox .ctabox{text-align:center;background:linear-gradient(125deg,#027163 0%,#C143B3 100%);border-radius:36px;padding:60px 40px;position:relative;overflow:hidden}
.progbox .ctabox::before{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,#fe93 0%,transparent 70%);top:-100px;right:-100px}
.progbox .ctabox::after{content:'';position:absolute;width:240px;height:240px;background:radial-gradient(circle,#ffee9926 0%,transparent 70%);bottom:-80px;left:-80px}
.progbox .ctatitle{font-size:36px;color:#fff;margin-bottom:16px;font-weight:700;position:relative;z-index:2}
.progbox .ctatext{font-size:18px;color:#ffffffe6;margin-bottom:32px;max-width:680px;margin-left:auto;margin-right:auto;position:relative;z-index:2}
.progbox .btnwrap{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.progbox .mainbtn{display:inline-block;padding:16px 40px;background:#fff;color:#C143B3;text-decoration:none;border-radius:28px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 16px #00000026}
.progbox .mainbtn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0003;background:#FE9;color:#027163}
.progbox .secbtn{display:inline-block;padding:16px 40px;background:transparent;color:#fff;text-decoration:none;border-radius:28px;font-size:16px;font-weight:600;border:2px solid #fff;transition:all .3s ease}
.progbox .secbtn:hover{background:#fff;color:#027163;transform:translateY(-3px)}
@media (max-width: 1366px) {
.titlesec .mainbox{gap:40px}
.titlesec .bigtitle{font-size:42px}
.progbox .modulegrid{gap:24px}
.progbox .modcard{padding:32px 24px}
}
@media (max-width: 768px) {
.titlesec{padding:60px 20px}
.titlesec .mainbox{grid-template-columns:1fr;gap:40px}
.titlesec .bigtitle{font-size:32px}
.titlesec .desctext{font-size:16px}
.titlesec .imgwrap img{height:320px}
.progbox{padding:60px 20px}
.progbox .maintitle{font-size:32px}
.progbox .modulegrid{grid-template-columns:1fr;gap:20px}
.progbox .pathways{grid-template-columns:1fr;gap:24px}
.progbox .pathcard{padding:32px 24px}
.progbox .pathfeatures{grid-template-columns:1fr}
.progbox .ctabox{padding:40px 24px}
.progbox .ctatitle{font-size:28px}
.progbox .btnwrap{flex-direction:column;align-items:stretch}
.progbox .mainbtn,.progbox .secbtn{width:100%;text-align:center}
}
@media (max-width: 375px) {
.titlesec .bigtitle{font-size:28px}
.progbox .maintitle{font-size:28px}
.progbox .modcard{padding:24px 20px}
.progbox .pathtitle{font-size:24px}
}
.successwrap{background:linear-gradient(155deg,#FE9 0%,#fff 35%,#f5f5f5 100%);padding:80px 20px 120px;position:relative;overflow:hidden}
.successwrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(#c143b308 1px,transparent 1px),linear-gradient(90deg,#c143b308 1px,transparent 1px);background-size:60px 60px;pointer-events:none}
.successcontent{max-width:1440px;margin:0 auto;position:relative;z-index:2}
.successinner{max-width:720px;margin:0 auto;text-align:center}
.iconholder38{display:inline-flex;width:120px;height:120px;background:linear-gradient(135deg,#027163 0%,#C143B3 100%);border-radius:50%;align-items:center;justify-content:center;margin-bottom:32px;box-shadow:0 8px 24px #c143b340;position:relative}
.iconholder38::before{content:'';position:absolute;width:140px;height:140px;border:2px solid #c143b333;border-radius:50%;animation:pulsering94 2s ease-in-out infinite}
@keyframes pulsering94 {
0%,100%{transform:scale(1);opacity:.6}
50%{transform:scale(1.15);opacity:.2}
}
.iconholder38 .oi{font-size:48px;color:#fff}
.successtitle72{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.2}
.successdesc51{font-size:18px;line-height:1.7;color:#4a4a4a;margin:0 0 16px}
.successdesc51:last-of-type{margin-bottom:48px}
.dividerline29{width:80px;height:4px;background:linear-gradient(90deg,#C143B3 0%,#027163 100%);margin:32px auto;border-radius:20px}
.actionbox16{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:40px}
.btnprimary84{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#027163 0%,#C143B3 100%);color:#fff;text-decoration:none;border-radius:28px;font-weight:600;font-size:16px;box-shadow:0 4px 16px #c143b34d;transition:transform .3s ease,box-shadow .3s ease}
.btnprimary84:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c143b366}
.btnsecondary47{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:#fff;color:#027163;text-decoration:none;border-radius:28px;font-weight:600;font-size:16px;border:2px solid #027163;transition:background .3s ease,color .3s ease}
.btnsecondary47:hover{background:#027163;color:#fff}
.infocard92{background:#fff;border-radius:24px;padding:32px;margin-top:56px;box-shadow:0 4px 20px #00000014;text-align:left}
.cardtitle63{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 20px;display:flex;align-items:center;gap:12px}
.cardtitle63::before{content:'';width:6px;height:28px;background:linear-gradient(180deg,#C143B3 0%,#027163 100%);border-radius:20px}
.infolist77{display:flex;flex-direction:column;gap:16px}
.listitem49{display:flex;align-items:flex-start;gap:14px;padding:16px;background:linear-gradient(135deg,#ffee9926 0%,#0271630d 100%);border-radius:16px;transition:transform .2s ease}
.listitem49:hover{transform:translateX(4px)}
.itemicon21{display:flex;width:32px;height:32px;background:linear-gradient(135deg,#C143B3 0%,#027163 100%);border-radius:50%;align-items:center;justify-content:center;flex-shrink:0}
.itemicon21 .oi{font-size:14px;color:#fff}
.itemtext58{flex:1}
.itemtitle13{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 6px}
.itemdesc85{font-size:14px;line-height:1.6;color:#666;margin:0}
@media (max-width: 768px) {
.successwrap{padding:60px 16px 80px}
.successtitle72{font-size:32px;margin-bottom:20px}
.successdesc51{font-size:16px}
.iconholder38{width:100px;height:100px;margin-bottom:28px}
.iconholder38::before{width:120px;height:120px}
.iconholder38 .oi{font-size:40px}
.actionbox16{flex-direction:column;align-items:stretch}
.btnprimary84,.btnsecondary47{justify-content:center;width:100%}
.infocard92{padding:24px;margin-top:48px}
.cardtitle63{font-size:20px}
}
@media (max-width: 375px) {
.successtitle72{font-size:28px}
.iconholder38{width:90px;height:90px}
.iconholder38 .oi{font-size:36px}
.listitem49{padding:12px}
}