*,::before,::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Noto Serif',serif;line-height:1.6;color:#2E1E4F;background:#FFF}
.headwrap{background:linear-gradient(135deg,#b1878326 0%,#2e1e4f14 100%);border-bottom:3px solid #B18783;padding:25px 0}
.headcontain{max-width:1400px;margin:0 auto;padding:0 20px}
.gridtop{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:20px 30px;align-items:center}
.logoholder{grid-row:1;grid-column:1}
.logoholder img{height:110px;width:110px;display:block;filter:drop-shadow(2px 2px 4px #2e1e4f33)}
.companybox{grid-row:1;grid-column:2;text-align:right}
.companybox h1{font-size:32px;font-weight:700;color:#2E1E4F;margin-bottom:5px}
.companybox p{font-size:15px;color:#B18783;font-style:italic}
.navholder{grid-row:2;grid-column:1 / -1;margin-top:15px}
.navholder nav ul{list-style:none;display:flex;gap:35px;justify-content:center;flex-wrap:wrap}
.navholder nav ul li a{text-decoration:none;color:#2E1E4F;font-size:17px;font-weight:400;padding:8px 16px;border-radius:25px;transition:all .3s cubic-bezier(0.4,0,0.2,1);display:block}
.navholder nav ul li a:hover{background:#b1878333;color:#B18783;transform:translateY(-2px);box-shadow:0 4px 12px #b187834d}
@media (max-width: 768px) {
.gridtop{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:15px}
.logoholder{grid-column:1;justify-self:center}
.logoholder img{height:85px;width:85px}
.companybox{grid-row:2;grid-column:1;text-align:center}
.companybox h1{font-size:24px}
.navholder{grid-row:3;grid-column:1;margin-top:10px}
.navholder nav ul{flex-direction:column;gap:12px;align-items:stretch}
.navholder nav ul li a{text-align:center}
}
main{min-height:200px}
.footwrap{background:linear-gradient(to right,#2E1E4F 0%,#2E1E4F 50%,#b1878340 50%,#b1878340 100%);padding:50px 0 30px;margin-top:80px;border-top:4px solid #B18783}
.footcontain{max-width:1400px;margin:0 auto;padding:0 20px}
.footgrid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:40px}
.leftzone{background:#ffffff26;padding:30px;border-radius:30px}
.leftzone h3{color:#FFF;font-size:22px;margin-bottom:20px;font-weight:700}
.leftzone ul{list-style:none}
.leftzone ul li{color:#ffffffe6;font-size:15px;margin-bottom:12px;padding-left:20px;position:relative}
.leftzone ul li::before{content:'→';position:absolute;left:0;color:#B18783}
.rightzone{background:#b1878366;padding:30px;border-radius:30px}
.rightzone h3{color:#2E1E4F;font-size:22px;margin-bottom:20px;font-weight:700}
.rightzone nav ul{list-style:none}
.rightzone nav ul li{margin-bottom:12px}
.rightzone nav ul li a{color:#2E1E4F;text-decoration:none;font-size:15px;transition:all .25s cubic-bezier(0.4,0,0.2,1);display:inline-block}
.rightzone nav ul li a:hover{color:#B18783;transform:translateX(5px)}
.copyrightarea{text-align:center;padding-top:25px;border-top:2px solid #b1878366}
.copyrightarea p{color:#2E1E4F;font-size:14px}
@media (max-width: 768px) {
.footgrid{grid-template-columns:1fr;gap:25px}
.footwrap{background:linear-gradient(to bottom,#2E1E4F 0%,#2E1E4F 50%,#b1878340 50%,#b1878340 100%)}
}
.cookiebox{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:#FFF;border:3px solid #B18783;border-radius:35px;padding:30px 25px;max-width:420px;width:90%;box-shadow:0 12px 40px #2e1e4f40;z-index:10000;display:none}
.cookiebox[data-visible="true"]{display:block}
.cookiebox h3{font-size:20px;color:#2E1E4F;margin-bottom:15px;font-weight:700}
.cookiebox p{font-size:14px;color:#2E1E4F;margin-bottom:20px;line-height:1.5}
.cookiecontrols{display:flex;flex-direction:column;gap:12px}
.cookiecontrols button,.cookiecontrols a{font-family:'Noto Serif',serif;font-size:15px;padding:10px 20px;border:none;background:none;cursor:pointer;text-decoration:underline;color:#2E1E4F;transition:all .25s cubic-bezier(0.4,0,0.2,1);text-align:center}
.cookiecontrols button:hover,.cookiecontrols a:hover{color:#B18783}
.cookiecontrols .primary-action{background:#B18783;color:#FFF;border-radius:25px;text-decoration:none}
.cookiecontrols .primary-action:hover{background:#2E1E4F;color:#FFF;box-shadow:0 6px 16px #b1878359}
.policy-block{max-width:1400px;margin:0 auto;padding:80px 20px;background:#FFF}
.policy-block h1{font-size:48px;font-weight:700;color:#2E1E4F;margin:0 0 40px;line-height:1.2;letter-spacing:-.5px}
.policy-block h2{font-size:36px;font-weight:600;color:#2E1E4F;margin:60px 0 30px;line-height:1.3;letter-spacing:-.3px}
.policy-block h3{font-size:28px;font-weight:600;color:#B18783;margin:50px 0 25px;line-height:1.4}
.policy-block h4{font-size:22px;font-weight:600;color:#2E1E4F;margin:40px 0 20px;line-height:1.4}
.policy-block h5{font-size:18px;font-weight:600;color:#2E1E4F;margin:30px 0 15px;line-height:1.5}
.policy-block h6{font-size:16px;font-weight:600;color:#B18783;margin:25px 0 15px;line-height:1.5;text-transform:uppercase;letter-spacing:.5px}
.policy-block p{font-size:17px;line-height:1.8;color:#2E1E4F;margin:0 0 25px;max-width:900px}
.policy-block ul{margin:0 0 30px;padding:0 0 0 30px;list-style:none}
.policy-block ul li{font-size:17px;line-height:1.8;color:#2E1E4F;margin:0 0 15px;padding-left:25px;position:relative}
.policy-block ul li:before{content:'';position:absolute;left:0;top:12px;width:8px;height:8px;background:#B18783;border-radius:50%}
.policy-block ol{margin:0 0 30px;padding:0 0 0 30px;counter-reset:policy-counter;list-style:none}
.policy-block ol li{font-size:17px;line-height:1.8;color:#2E1E4F;margin:0 0 15px;padding-left:25px;position:relative;counter-increment:policy-counter}
.policy-block ol li:before{content:counter(policy-counter) ".";position:absolute;left:0;font-weight:600;color:#B18783}
.policy-block em,.policy-block i{font-style:italic;color:#2E1E4F}
.policy-block hr{border:none;height:2px;background:#b1878333;margin:60px 0;border-radius:20px}
.policy-block div{margin:0 0 20px}
@media (max-width: 1024px) {
.policy-block{padding:60px 30px}
.policy-block h1{font-size:40px;margin:0 0 35px}
.policy-block h2{font-size:32px;margin:50px 0 25px}
.policy-block h3{font-size:24px;margin:40px 0 20px}
.policy-block h4{font-size:20px;margin:35px 0 18px}
}
@media (max-width: 768px) {
.policy-block{padding:40px 20px}
.policy-block h1{font-size:32px;margin:0 0 30px}
.policy-block h2{font-size:26px;margin:40px 0 20px}
.policy-block h3{font-size:22px;margin:35px 0 18px}
.policy-block h4{font-size:18px;margin:30px 0 15px}
.policy-block h5{font-size:17px;margin:25px 0 12px}
.policy-block h6{font-size:15px;margin:20px 0 12px}
.policy-block p{font-size:16px;line-height:1.7;margin:0 0 20px}
.policy-block ul,.policy-block ol{padding:0 0 0 20px;margin:0 0 25px}
.policy-block ul li,.policy-block ol li{font-size:16px;line-height:1.7;padding-left:20px;margin:0 0 12px}
.policy-block hr{margin:40px 0}
}
@media (max-width: 480px) {
.policy-block{padding:30px 15px}
.policy-block h1{font-size:28px;margin:0 0 25px}
.policy-block h2{font-size:24px;margin:35px 0 18px}
.policy-block h3{font-size:20px}
.policy-block p{font-size:15px}
.policy-block ul li,.policy-block ol li{font-size:15px}
}
.heado{background:linear-gradient(135deg,#F5F0EF 0%,#E8DCD9 100%);padding:80px 20px;position:relative;overflow:hidden}
.heado::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#B18783 0%,#2E1E4F 100%)}
.heado-wrap{max-width:1400px;margin:0 auto;display:flex;gap:60px;align-items:center}
.heado .txtzone{flex:1;max-width:600px}
.heado .bigtitle{font-size:48px;line-height:1.2;color:#2E1E4F;margin:0 0 30px;font-weight:700;position:relative;padding-left:20px}
.heado .bigtitle::before{content:'';position:absolute;left:0;top:0;width:5px;height:100%;background:#B18783;border-radius:3px}
.heado .quoteline{font-size:20px;line-height:1.6;color:#2E1E4F;margin:0;font-style:italic;padding-left:20px;border-left:3px solid #B18783}
.heado .imgzone{flex:1;position:relative}
.heado .imgzone img{width:100%;height:450px;object-fit:cover;border-radius:30px;box-shadow:0 10px 40px #2e1e4f26}
.heado .imgzone::after{content:'';position:absolute;top:20px;left:20px;right:-20px;bottom:-20px;border:2px solid #B18783;border-radius:30px;z-index:-1}
.storybloc{padding:100px 20px;background:#FFF}
.storybloc-holder{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.storybloc .sidecol{position:sticky;top:40px}
.storybloc .labelbox{display:inline-block;background:#b1878326;color:#B18783;padding:8px 20px;border-radius:25px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}
.storybloc .maintxt{font-size:36px;line-height:1.3;color:#2E1E4F;margin:0 0 30px;font-weight:700}
.storybloc .descline{font-size:18px;line-height:1.7;color:#2E1E4F;margin:0 0 40px}
.storybloc .photoset{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.storybloc .photoset img{width:100%;height:280px;object-fit:cover;border-radius:25px;box-shadow:0 6px 25px #2e1e4f1f;transition:transform .4s cubic-bezier(0.34,1.56,0.64,1),box-shadow .4s ease}
.storybloc .photoset img:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 35px #b1878340}
.storybloc .contentcol{display:flex;flex-direction:column;gap:50px}
.storybloc .infopiece{background:linear-gradient(135deg,#F9F7F6 0%,#FFF 100%);padding:40px;border-radius:30px;border-left:5px solid #B18783;box-shadow:0 4px 20px #2e1e4f14}
.storybloc .infopiece .titlemini{font-size:24px;color:#2E1E4F;margin:0 0 20px;font-weight:700}
.storybloc .infopiece .txtblock{font-size:16px;line-height:1.7;color:#2E1E4F;margin:0 0 15px}
.storybloc .infopiece .txtblock:last-child{margin-bottom:0}
.valuezone{background:#2E1E4F;padding:100px 20px;position:relative;overflow:hidden}
.valuezone::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#b1878326 0%,transparent 70%);border-radius:50%}
.valuezone-wrap{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.valuezone .topheader{text-align:center;max-width:700px;margin:0 auto 70px}
.valuezone .maintitle{font-size:42px;color:#FFF;margin:0 0 20px;font-weight:700;line-height:1.2}
.valuezone .subline{font-size:18px;color:#ffffffd9;line-height:1.6;margin:0}
.valuezone .cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.valuezone .valuecard{background:#ffffff14;backdrop-filter:blur(10px);padding:50px 35px;border-radius:30px;border:2px solid #b1878333;transition:all .4s cubic-bezier(0.34,1.56,0.64,1);position:relative}
.valuezone .valuecard::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#b1878326 0%,transparent 100%);border-radius:30px;opacity:0;transition:opacity .4s ease}
.valuezone .valuecard:hover{transform:translateY(-10px);border-color:#B18783;box-shadow:0 15px 45px #b187834d}
.valuezone .valuecard:hover::before{opacity:1}
.valuezone .valuecard .icobox{width:70px;height:70px;background:linear-gradient(135deg,#B18783 0%,#8B6B68 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;position:relative;z-index:2}
.valuezone .valuecard .icobox svg{width:35px;height:35px;fill:#FFF}
.valuezone .valuecard .cardtitle{font-size:22px;color:#FFF;margin:0 0 15px;font-weight:700;position:relative;z-index:2}
.valuezone .valuecard .cardtxt{font-size:15px;line-height:1.7;color:#fffc;margin:0;position:relative;z-index:2}
.valuezone .personarea{margin-top:80px;background:#ffffff0f;border-radius:35px;padding:60px;display:flex;gap:60px;align-items:center;border:2px solid #b1878333}
.valuezone .personarea .photowrap{flex-shrink:0}
.valuezone .personarea .photowrap img{width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid #B18783;box-shadow:0 8px 30px #b187834d}
.valuezone .personarea .infotxt{flex:1}
.valuezone .personarea .nameline{font-size:28px;color:#FFF;margin:0 0 10px;font-weight:700}
.valuezone .personarea .roleline{font-size:16px;color:#B18783;margin:0 0 20px;font-weight:600}
.valuezone .personarea .quotetext{font-size:17px;line-height:1.7;color:#ffffffd9;margin:0;font-style:italic;padding-left:25px;border-left:4px solid #B18783}
@media (max-width: 1024px) {
.heado-wrap{flex-direction:column;gap:50px}
.heado .txtzone{max-width:100%}
.heado .bigtitle{font-size:38px}
.storybloc-holder{grid-template-columns:1fr;gap:60px}
.storybloc .sidecol{position:static}
.valuezone .cardgrid{grid-template-columns:1fr;gap:30px}
.valuezone .personarea{flex-direction:column;text-align:center;gap:40px}
.valuezone .personarea .quotetext{padding-left:0;border-left:none;border-top:4px solid #B18783;padding-top:20px}
}
@media (max-width: 768px) {
.heado{padding:60px 20px}
.heado .bigtitle{font-size:32px}
.heado .quoteline{font-size:18px}
.heado .imgzone img{height:350px}
.storybloc{padding:70px 20px}
.storybloc .maintxt{font-size:28px}
.storybloc .photoset{grid-template-columns:1fr}
.valuezone{padding:70px 20px}
.valuezone .maintitle{font-size:32px}
.valuezone .personarea{padding:40px 30px}
}
.pagetop{position:relative;min-height:480px;background:linear-gradient(135deg,#2E1E4F 0%,#4A3565 100%);overflow:hidden;display:flex;align-items:center;padding:80px 20px}
.pagetop::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,#b1878326 0%,transparent 50%),radial-gradient(circle at 80% 80%,#b187831a 0%,transparent 50%);pointer-events:none}
.pagetop::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><circle cx="900" cy="100" r="250" fill="#b1878314"/><circle cx="300" cy="400" r="180" fill="#b187830f"/><polygon points="100,500 200,450 150,550" fill="#b187830d"/></svg>');background-size:cover;opacity:.4;pointer-events:none}
.pagetop-wrap{max-width:1400px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.pagetop-txt{color:#FFF}
.pagetop-txt h1{font-size:56px;line-height:1.15;margin:0 0 32px;font-weight:700;position:relative}
.pagetop-txt h1::before{content:'';position:absolute;left:-40px;top:15px;width:6px;height:70px;background:linear-gradient(180deg,#B18783 0%,#b187834d 100%);border-radius:30px}
.pagetop-qa{display:flex;flex-direction:column;gap:24px}
.pagetop-qa-item{background:#ffffff14;padding:24px 28px;border-radius:24px;border-left:4px solid #B18783;backdrop-filter:blur(10px)}
.pagetop-qa-item strong{display:block;font-size:18px;margin-bottom:8px;color:#B18783;font-weight:600}
.pagetop-qa-item p{margin:0;font-size:16px;line-height:1.6;color:#ffffffe6}
.pagetop-imgbox{position:relative}
.pagetop-imgbox img{width:100%;height:520px;object-fit:cover;border-radius:32px;opacity:.7;filter:grayscale(20%) contrast(0.9);box-shadow:0 20px 60px #0006}
.pagetop-imgbox::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#2e1e4f08 2px,#2e1e4f08 4px);border-radius:32px;pointer-events:none;z-index:1}
.eventhub{padding:100px 20px;background:#FFF}
.eventhub-hold{max-width:1400px;margin:0 auto}
.eventhub-intro{max-width:720px;margin-bottom:70px}
.eventhub-intro h2{font-size:42px;line-height:1.25;color:#2E1E4F;margin:0 0 20px;font-weight:700}
.eventhub-intro p{font-size:18px;line-height:1.7;color:#4A3565;margin:0 0 16px}
.eventhub-intro p:last-child{margin-bottom:0}
.eventgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.eventcard{background:linear-gradient(135deg,#F8F6F7 0%,#FFF 100%);border-radius:28px;overflow:hidden;border:2px solid #b1878326;transition:all .4s cubic-bezier(0.34,1.56,0.64,1);position:relative}
.eventcard:hover{transform:translateY(-6px);box-shadow:0 16px 48px #2e1e4f26;border-color:#B18783}
.eventcard-visual{position:relative;height:200px;background:linear-gradient(135deg,#2E1E4F 0%,#4A3565 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}
.eventcard-visual::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,#b187834d 0%,transparent 60%)}
.eventcard-visual svg{width:80px;height:80px;position:relative;z-index:2}
.eventcard-badge{position:absolute;top:16px;right:16px;background:#b18783f2;color:#FFF;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;z-index:3;backdrop-filter:blur(8px)}
.eventcard-content{padding:28px}
.eventcard-content h3{font-size:22px;line-height:1.3;color:#2E1E4F;margin:0 0 12px;font-weight:700}
.eventcard-date{display:flex;align-items:center;gap:8px;font-size:15px;color:#B18783;margin-bottom:16px;font-weight:600}
.eventcard-date i{font-size:18px}
.eventcard-content p{font-size:15px;line-height:1.6;color:#4A3565;margin:0 0 20px}
.eventcard-meta{display:flex;gap:20px;padding-top:20px;border-top:1px solid #b1878333}
.eventcard-metaitem{display:flex;align-items:center;gap:6px;font-size:14px;color:#4A3565}
.eventcard-metaitem i{color:#B18783;font-size:16px}
.eventcard-action{margin-top:24px}
.eventcard-action a{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2E1E4F 0%,#4A3565 100%);color:#FFF;padding:14px 28px;border-radius:25px;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s cubic-bezier(0.34,1.56,0.64,1);position:relative;z-index:10}
.eventcard-action a:hover{transform:scale(1.05);box-shadow:0 8px 24px #2e1e4f4d}
.eventcard-action a i{font-size:16px;transition:transform .3s ease}
.eventcard-action a:hover i{transform:translateX(4px)}
@media (max-width: 1024px) {
.pagetop-wrap{grid-template-columns:1fr;gap:40px}
.pagetop-txt h1{font-size:44px}
.eventgrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.pagetop{padding:60px 20px;min-height:auto}
.pagetop-txt h1{font-size:36px}
.pagetop-txt h1::before{left:-20px;height:50px}
.pagetop-imgbox img{height:400px}
.eventhub{padding:60px 20px}
.eventhub-intro h2{font-size:32px}
.eventgrid{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 480px) {
.pagetop-txt h1{font-size:28px}
.pagetop-qa-item{padding:18px 20px}
.pagetop-imgbox img{height:320px;border-radius:24px}
.eventhub-intro h2{font-size:26px}
.eventcard-content{padding:22px}
}
.herowrap{position:relative;min-height:680px;background:linear-gradient(135deg,#2E1E4F 0%,#2e1e4fd9 100%);overflow:hidden;display:flex;align-items:center}
.herowrap::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,#b1878326 0%,transparent 70%);animation:floatpulse 12s ease-in-out infinite}
.herowrap::after{content:'';position:absolute;bottom:-30%;left:-15%;width:600px;height:600px;background:radial-gradient(circle,#b187831a 0%,transparent 70%);animation:floatpulse 15s ease-in-out infinite 2s}
@keyframes floatpulse {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(30px,-30px) scale(1.05)}
}
.herocont{max-width:1400px;margin:0 auto;padding:80px 40px;position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.herotext h1{font-size:62px;line-height:1.15;color:#FFF;margin:0 0 24px;font-weight:700}
.herotext .subline{font-size:22px;line-height:1.6;color:#ffffffe6;margin:0 0 36px;max-width:560px}
.herotext .detail{font-size:17px;line-height:1.7;color:#ffffffbf;margin:0 0 44px;max-width:520px}
.herobutt{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:#B18783;color:#FFF;font-size:18px;font-weight:600;text-decoration:none;border-radius:32px;transition:all .35s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 8px 24px #b187834d}
.herobutt:hover{transform:translateY(-4px);box-shadow:0 12px 32px #b1878373;background:#9F726E}
.heroimg{position:relative;height:480px}
.heroimg img{width:100%;height:100%;object-fit:cover;border-radius:28px;box-shadow:0 20px 60px #0006}
.heroimg::before{content:'';position:absolute;top:-20px;left:-20px;right:20px;bottom:20px;border:2px solid #b187834d;border-radius:28px;z-index:-1}
.interact-holder{padding:100px 40px;background:#FFF}
.interact-holder .section-head{max-width:1400px;margin:0 auto 60px;text-align:center}
.interact-holder .section-head h2{font-size:48px;color:#2E1E4F;margin:0 0 20px;font-weight:700}
.interact-holder .section-head .intro{font-size:19px;line-height:1.65;color:#4A4A4A;max-width:680px;margin:0 auto}
.comm-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.comm-card{background:linear-gradient(135deg,#F8F6F5 0%,#FFF 100%);padding:40px 32px;border-radius:24px;border:1px solid #b1878326;transition:all .4s cubic-bezier(0.23,1,0.32,1);position:relative;overflow:hidden}
.comm-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#B18783 0%,#2E1E4F 100%);transition:height .5s cubic-bezier(0.23,1,0.32,1)}
.comm-card:hover::before{height:100%}
.comm-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #2e1e4f1f;border-color:#b187834d}
.comm-card .icon-holder{width:72px;height:72px;background:linear-gradient(135deg,#B18783 0%,#9F726E 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.comm-card .icon-holder i{font-size:36px;color:#FFF}
.comm-card h3{font-size:24px;color:#2E1E4F;margin:0 0 16px;font-weight:600}
.comm-card .desc{font-size:16px;line-height:1.7;color:#5A5A5A;margin:0}
.flex-section{padding:100px 40px;background:linear-gradient(135deg,#F4F1F0 0%,#FFF 100%)}
.flex-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.flex-content h2{font-size:46px;color:#2E1E4F;margin:0 0 28px;font-weight:700}
.flex-content .lead{font-size:20px;line-height:1.65;color:#4A4A4A;margin:0 0 32px}
.flex-list{list-style:none;padding:0;margin:0 0 40px}
.flex-list li{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;font-size:17px;line-height:1.6;color:#4A4A4A}
.flex-list li::before{content:'';width:24px;height:24px;background:linear-gradient(135deg,#B18783 0%,#9F726E 100%);border-radius:8px;flex-shrink:0;margin-top:2px}
.flex-img{position:relative;height:520px}
.flex-img img{width:100%;height:100%;object-fit:cover;border-radius:32px;box-shadow:0 16px 48px #2e1e4f26}
.support-wrap{padding:100px 40px;background:#2E1E4F;position:relative;overflow:hidden}
.support-wrap::before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,#b187831a 100%)}
.support-cont{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.support-cont h2{font-size:48px;color:#FFF;margin:0 0 24px;font-weight:700;text-align:center}
.support-cont .intro-2{font-size:19px;line-height:1.65;color:#ffffffd9;max-width:680px;margin:0 auto 60px;text-align:center}
.support-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.stage-box{background:#ffffff14;padding:36px 28px;border-radius:24px;border:1px solid #b1878333;backdrop-filter:blur(10px);transition:all .4s cubic-bezier(0.23,1,0.32,1);position:relative}
.stage-box::after{content:'';position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(180deg,transparent 0%,#b1878326 100%);border-radius:0 0 24px 24px;transition:height .4s cubic-bezier(0.23,1,0.32,1)}
.stage-box:hover{transform:translateY(-8px);border-color:#b1878366;background:#ffffff1f}
.stage-box:hover::after{height:100%}
.stage-num{font-size:52px;font-weight:700;color:#B18783;margin:0 0 20px;line-height:1}
.stage-box h4{font-size:22px;color:#FFF;margin:0 0 14px;font-weight:600;position:relative;z-index:1}
.stage-box .info{font-size:15px;line-height:1.65;color:#ffffffbf;margin:0;position:relative;z-index:1}
.tech-section{padding:100px 40px;background:#FFF}
.tech-container{max-width:1400px;margin:0 auto}
.tech-head{text-align:center;margin-bottom:70px}
.tech-head h2{font-size:48px;color:#2E1E4F;margin:0 0 20px;font-weight:700}
.tech-head .summary{font-size:19px;line-height:1.65;color:#4A4A4A;max-width:640px;margin:0 auto}
.tech-showcase{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.tech-visual{position:relative}
.tech-visual img{width:100%;height:480px;object-fit:cover;border-radius:28px;box-shadow:0 20px 60px #2e1e4f1f}
.tech-details h3{font-size:36px;color:#2E1E4F;margin:0 0 28px;font-weight:700}
.tech-items{display:grid;gap:24px}
.tech-item{display:flex;gap:20px;align-items:flex-start;padding:24px;background:linear-gradient(135deg,#F8F6F5 0%,#FFF 100%);border-radius:20px;border-left:4px solid #B18783;transition:all .35s cubic-bezier(0.34,1.56,0.64,1)}
.tech-item:hover{transform:translateX(8px);box-shadow:0 8px 24px #b1878326}
.tech-icon{width:56px;height:56px;background:linear-gradient(135deg,#B18783 0%,#9F726E 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tech-icon i{font-size:28px;color:#FFF}
.tech-text h5{font-size:20px;color:#2E1E4F;margin:0 0 8px;font-weight:600}
.tech-text .note{font-size:15px;line-height:1.6;color:#5A5A5A;margin:0}
.testimonial-zone{padding:100px 40px;background:linear-gradient(135deg,#F4F1F0 0%,#FFF 100%)}
.testimonial-holder{max-width:1400px;margin:0 auto}
.testimonial-holder h2{font-size:48px;color:#2E1E4F;margin:0 0 60px;font-weight:700;text-align:center}
.reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.review-block{background:#FFF;padding:40px;border-radius:28px;box-shadow:0 12px 40px #2e1e4f14;position:relative;border:1px solid #b187831a;transition:all .4s cubic-bezier(0.23,1,0.32,1)}
.review-block:hover{transform:translateY(-6px);box-shadow:0 20px 56px #2e1e4f24;border-color:#b1878340}
.review-block::before{content:'"';font-size:120px;color:#b1878326;position:absolute;top:20px;left:30px;font-family:Georgia,serif;line-height:1}
.reviewer-profile{display:flex;align-items:center;gap:20px;margin-bottom:24px;position:relative;z-index:2}
.reviewer-photo{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid #B18783}
.reviewer-photo img{width:100%;height:100%;object-fit:cover}
.reviewer-info h4{font-size:22px;color:#2E1E4F;margin:0 0 6px;font-weight:600}
.reviewer-info .role{font-size:15px;color:#7A7A7A;margin:0}
.review-text{font-size:17px;line-height:1.7;color:#4A4A4A;margin:0 0 20px;position:relative;z-index:2}
.rating-stars{display:flex;gap:6px}
.rating-stars i{color:#B18783;font-size:18px}
@media (max-width: 1200px) {
.herocont{grid-template-columns:1fr;gap:50px}
.herotext h1{font-size:52px}
.comm-grid{grid-template-columns:repeat(2,1fr)}
.support-stages{grid-template-columns:repeat(2,1fr)}
.flex-container,.tech-showcase{grid-template-columns:1fr;gap:50px}
}
@media (max-width: 768px) {
.herocont{padding:60px 24px}
.herotext h1{font-size:38px}
.herotext .subline{font-size:18px}
.heroimg{height:360px}
.comm-grid{grid-template-columns:1fr;gap:24px}
.interact-holder,.flex-section,.support-wrap,.tech-section,.testimonial-zone{padding:60px 24px}
.interact-holder .section-head h2,.flex-content h2,.support-cont h2,.tech-head h2,.testimonial-holder h2{font-size:36px}
.support-stages{grid-template-columns:1fr}
.reviews-grid{grid-template-columns:1fr;gap:28px}
.tech-visual img{height:320px}
}
@media (max-width: 480px) {
.herotext h1{font-size:32px}
.herobutt{padding:14px 28px;font-size:16px}
.comm-card{padding:28px 24px}
.stage-num{font-size:42px}
.tech-item{flex-direction:column;gap:16px}
}
.contact-wrap{width:100%;max-width:1400px;margin:0 auto}
.herotop{background:linear-gradient(135deg,#B18783 0%,#2E1E4F 100%);padding:120px 30px 80px;text-align:center;position:relative;overflow:hidden}
.herotop::before{content:'';position:absolute;top:0;left:-50%;width:200%;height:100%;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);animation:slowdrift 20s ease-in-out infinite}
@keyframes slowdrift {
0%,100%{transform:translateX(0) translateY(0)}
50%{transform:translateX(30px) translateY(-20px)}
}
.herotop .titlecontent{position:relative;z-index:2}
.herotop .maintitle{font-size:3.2rem;font-weight:300;color:#FFF;margin:0 0 16px;letter-spacing:-.5px}
.herotop .subtxt{font-size:1.4rem;font-weight:400;color:#ffffffe6;margin:0 0 12px}
.herotop .lastline{font-size:1.1rem;font-weight:600;color:#FFF;margin:0;text-transform:uppercase;letter-spacing:1px}
.infosection{background:#FFF;padding:80px 30px}
.infogrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;max-width:1100px;margin:0 auto}
.infocard{background:linear-gradient(145deg,#f8f6f5 0%,#FFF 100%);padding:40px 32px;border-radius:28px;box-shadow:0 8px 24px #2e1e4f14;transition:all .4s cubic-bezier(0.25,0.8,0.25,1);border:2px solid transparent}
.infocard:hover{transform:translateY(-6px);box-shadow:0 16px 40px #b187832e;border-color:#b187834d}
.infocard .iconholder{width:64px;height:64px;background:linear-gradient(135deg,#B18783 0%,#2E1E4F 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 24px}
.infocard .iconholder i{font-size:28px;color:#FFF}
.infocard .cardtitle{font-size:1.3rem;font-weight:600;color:#2E1E4F;margin:0 0 12px}
.infocard .carddetail{font-size:1rem;line-height:1.6;color:#4a4a4a;margin:0}
.infocard .carddetail a{color:#B18783;text-decoration:none;transition:color .3s ease}
.infocard .carddetail a:hover{color:#2E1E4F}
.formsection{background:linear-gradient(to bottom,#f4f1f0 0%,#FFF 100%);padding:90px 30px}
.formwrap{max-width:800px;margin:0 auto}
.formheading{text-align:center;margin:0 0 50px}
.formheading h2{font-size:2.4rem;font-weight:600;color:#2E1E4F;margin:0 0 16px}
.formheading p{font-size:1.1rem;color:#6a6a6a;margin:0}
.mainform{background:#FFF;padding:50px 40px;border-radius:32px;box-shadow:0 12px 32px #2e1e4f1f}
.formrow{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 24px}
.inputgroup{display:flex;flex-direction:column}
.inputgroup label{font-size:.95rem;font-weight:600;color:#2E1E4F;margin:0 0 8px}
.inputgroup input,.inputgroup textarea{padding:14px 18px;border:2px solid #e0e0e0;border-radius:16px;font-size:1rem;color:#333;transition:all .3s ease;background:#fafafa}
.inputgroup input:focus,.inputgroup textarea:focus{outline:none;border-color:#B18783;background:#FFF;box-shadow:0 0 0 4px #b187831a}
.inputgroup textarea{resize:vertical;min-height:140px}
.typeselector{margin:0 0 28px}
.typeselector label{font-size:.95rem;font-weight:600;color:#2E1E4F;margin:0 0 12px;display:block}
.radiooptions{display:flex;gap:16px;flex-wrap:wrap}
.radiooptions input[type="radio"]{display:none}
.radiooptions .radiolabel{padding:12px 24px;border:2px solid #e0e0e0;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:.95rem;color:#4a4a4a;background:#fafafa}
.radiooptions input[type="radio"]:checked + .radiolabel{background:#B18783;color:#FFF;border-color:#B18783;box-shadow:0 4px 12px #b187834d}
.radiooptions .radiolabel:hover{border-color:#B18783}
.additionalfield{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(0.25,0.8,0.25,1)}
#typegeneral:checked ~ .additionalfield,#typetech:checked ~ .additionalfield,#typepartner:checked ~ .additionalfield{max-height:200px;margin:0 0 24px}
.privacycheck{margin:0 0 28px;display:flex;align-items:flex-start;gap:12px}
.privacycheck input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#B18783}
.privacycheck label{font-size:.9rem;color:#5a5a5a;line-height:1.5}
.privacycheck label a{color:#B18783;text-decoration:none;font-weight:600}
.privacycheck label a:hover{text-decoration:underline}
.submitarea{text-align:center}
.submitbutt{padding:16px 56px;background:linear-gradient(135deg,#B18783 0%,#2E1E4F 100%);color:#FFF;border:none;border-radius:28px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(0.25,0.8,0.25,1);box-shadow:0 8px 20px #b187834d;position:relative;z-index:10}
.submitbutt:hover{transform:translateY(-3px);box-shadow:0 14px 32px #b1878366}
.submitbutt:active{transform:translateY(-1px)}
.mapsection{background:#2E1E4F;padding:70px 30px;text-align:center}
.mapsection h3{font-size:2rem;font-weight:600;color:#FFF;margin:0 0 20px}
.mapsection p{font-size:1.1rem;color:#ffffffd9;line-height:1.7;max-width:700px;margin:0 auto 32px}
.locationbox{background:#ffffff14;padding:32px 28px;border-radius:24px;display:inline-block;border:1px solid #ffffff26}
.locationbox .addresstext{font-size:1.15rem;color:#FFF;margin:0;line-height:1.6}
@media (max-width: 768px) {
.herotop{padding:80px 20px 60px}
.herotop .maintitle{font-size:2.2rem}
.herotop .subtxt{font-size:1.2rem}
.infosection{padding:60px 20px}
.infogrid{grid-template-columns:1fr;gap:30px}
.formsection{padding:60px 20px}
.mainform{padding:36px 24px}
.formrow{grid-template-columns:1fr;gap:20px}
.formheading h2{font-size:1.9rem}
.radiooptions{flex-direction:column}
.submitbutt{width:100%;padding:15px 20px}
.mapsection{padding:50px 20px}
.mapsection h3{font-size:1.6rem}
}
@media (min-width: 769px) and (max-width: 1024px) {
.herotop .maintitle{font-size:2.8rem}
.infogrid{grid-template-columns:repeat(2,1fr)}
.formrow{gap:20px}
}
.herosect{position:relative;background:linear-gradient(135deg,#B18783 0%,#2E1E4F 100%);padding:120px 20px 100px;overflow:hidden}
.herosect::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#ffffff14;border-radius:50%;animation:floatbubble 8s ease-in-out infinite}
@keyframes floatbubble {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-30px,40px) scale(1.1)}
}
.herowrap{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.herocontent{flex:1}
.herotitle{font-size:56px;font-weight:700;color:#FFF;margin:0 0 40px;line-height:1.2;letter-spacing:-.5px}
.herobtn{display:inline-block;padding:18px 48px;background:#FFF;color:#2E1E4F;text-decoration:none;border-radius:32px;font-weight:600;font-size:17px;transition:all .4s cubic-bezier(0.68,-0.55,0.27,1.55);box-shadow:0 8px 24px #00000026}
.herobtn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 14px 32px #00000040;background:#f8f8f8}
.heroimg-holder{flex:1;position:relative}
.heroimg-holder img{width:100%;height:480px;object-fit:cover;border-radius:28px;box-shadow:0 16px 48px #0000004d;filter:brightness(0.85) contrast(1.1)}
.programsect{padding:100px 20px;background:linear-gradient(180deg,#FFF 0%,#f9f7f6 100%)}
.programcontainer{max-width:1400px;margin:0 auto}
.programgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}
.modulecard{background:#FFF;padding:0;border-radius:30px;box-shadow:0 8px 28px #2e1e4f14;overflow:hidden;transition:all .5s cubic-bezier(0.34,1.56,0.64,1)}
.modulecard:hover{transform:translateY(-8px);box-shadow:0 20px 48px #b1878340}
.moduleheader{padding:32px 32px 24px;background:linear-gradient(135deg,#b1878326 0%,#2e1e4f14 100%);border-bottom:3px solid #B18783}
.modulenumber{display:inline-block;padding:6px 16px;background:#2E1E4F;color:#FFF;font-size:13px;font-weight:700;border-radius:20px;margin-bottom:16px;letter-spacing:.5px}
.moduletitle{font-size:24px;font-weight:700;color:#2E1E4F;margin:0;line-height:1.3}
.modulebody{padding:32px}
.topiclist{list-style:none;padding:0;margin:0}
.topiclist li{padding:14px 0 14px 32px;position:relative;color:#444;font-size:15px;line-height:1.6;border-bottom:1px solid #b1878326}
.topiclist li:last-child{border-bottom:none}
.topiclist li::before{content:'';position:absolute;left:0;top:18px;width:18px;height:18px;background:#B18783;border-radius:50%;box-shadow:0 0 0 4px #b1878333}
.sectionhead{text-align:center;margin-bottom:20px}
.sectiontitle{font-size:42px;font-weight:700;color:#2E1E4F;margin:0 0 16px;position:relative;display:inline-block}
.sectiontitle::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#B18783,#2E1E4F);border-radius:2px}
.sectiondesc{font-size:17px;color:#666;max-width:720px;margin:0 auto;line-height:1.7}
.instructorsect{padding:100px 20px;background:linear-gradient(135deg,#2E1E4F 0%,#4a3c6f 100%);position:relative;overflow:hidden}
.instructorsect::before{content:'';position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;background:#b187831f;border-radius:50%}
.instructorwrap{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.instructorhead .sectiontitle{color:#FFF}
.instructorhead .sectiontitle::after{background:linear-gradient(90deg,#B18783,#FFF)}
.instructorhead .sectiondesc{color:#ffffffd9}
.instructorgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:60px}
.instructorcard{background:#ffffff14;border-radius:28px;overflow:hidden;backdrop-filter:blur(10px);border:1px solid #ffffff1f;transition:all .4s cubic-bezier(0.34,1.56,0.64,1)}
.instructorcard:hover{transform:scale(1.05);background:#ffffff1f;box-shadow:0 16px 48px #0000004d}
.instructorphoto{width:100%;height:320px;object-fit:cover;display:block}
.instructorinfo{padding:28px;text-align:center}
.instructorname{font-size:22px;font-weight:700;color:#FFF;margin:0 0 8px}
.instructorrole{font-size:15px;color:#B18783;font-weight:600;margin:0 0 16px;letter-spacing:.5px}
.instructorbio{font-size:14px;color:#ffffffbf;line-height:1.6;margin:0}
@media (max-width: 1024px) {
.herowrap{flex-direction:column;gap:40px}
.herotitle{font-size:44px}
.programgrid,.instructorgrid{grid-template-columns:repeat(2,1fr);gap:32px}
}
@media (max-width: 768px) {
.herosect{padding:80px 20px 60px}
.herotitle{font-size:36px;margin-bottom:28px}
.heroimg-holder img{height:320px}
.programsect,.instructorsect{padding:60px 20px}
.sectiontitle{font-size:32px}
.programgrid,.instructorgrid{grid-template-columns:1fr;gap:28px}
.moduletitle{font-size:20px}
}
@media (max-width: 480px) {
.herotitle{font-size:28px}
.herobtn{padding:14px 36px;font-size:15px}
.sectiontitle{font-size:26px}
.moduleheader{padding:24px 24px 20px}
.modulebody{padding:24px}
.instructorinfo{padding:20px}
}
.succwrap{min-height:85vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FFF 0%,#b187831f 100%);position:relative;overflow:hidden;padding:60px 20px}
.succwrap::before{content:'';position:absolute;width:420px;height:420px;background:radial-gradient(circle,#2e1e4f14 0%,transparent 70%);border-radius:50%;top:-120px;right:-80px;animation:floatshape 8s ease-in-out infinite}
.succwrap::after{content:'';position:absolute;width:280px;height:280px;background:radial-gradient(circle,#b1878326 0%,transparent 70%);border-radius:50%;bottom:-60px;left:-40px;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)}
}
.successbox{max-width:680px;width:100%;background:#FFF;border-radius:32px;padding:70px 50px;text-align:center;position:relative;z-index:2;box-shadow:0 12px 48px #2e1e4f1f 0 2px 8px #b1878314}
.successbox .iconcircle{width:96px;height:96px;background:linear-gradient(135deg,#B18783 0%,#2E1E4F 100%);border-radius:50%;margin:0 auto 32px;display:flex;align-items:center;justify-content:center;animation:scalepulse 1.5s ease-in-out;box-shadow:0 8px 24px #b1878359}
@keyframes scalepulse {
0%{transform:scale(0);opacity:0}
50%{transform:scale(1.1)}
100%{transform:scale(1);opacity:1}
}
.successbox .iconcircle i{font-size:48px;color:#FFF}
.successbox .maintitle{font-size:38px;font-weight:700;color:#2E1E4F;margin:0 0 18px;line-height:1.2}
.successbox .msgtext{font-size:17px;line-height:1.7;color:#2E1E4F;opacity:.75;margin:0 0 42px}
.successbox .btnholder{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.successbox .btnprimary{background:linear-gradient(135deg,#B18783 0%,#2E1E4F 100%);color:#FFF;padding:16px 36px;border-radius:26px;text-decoration:none;font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all .35s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 6px 18px #b187834d}
.successbox .btnprimary:hover{transform:translateY(-3px);box-shadow:0 10px 28px #b1878373}
.successbox .btnsecond{background:transparent;color:#2E1E4F;border:2px solid #B18783;padding:14px 34px;border-radius:26px;text-decoration:none;font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all .35s cubic-bezier(0.34,1.56,0.64,1)}
.successbox .btnsecond:hover{background:#b187831a;transform:translateY(-3px)}
.infosection{background:linear-gradient(180deg,#FFF 0%,#b187830d 100%);padding:80px 20px}
.infocont{max-width:1400px;margin:0 auto}
.infogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.infocard{background:#FFF;border-radius:28px;padding:38px 32px;border:2px solid #b1878333;transition:all .4s cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden}
.infocard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#B18783 0%,#2E1E4F 100%);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(0.34,1.56,0.64,1)}
.infocard:hover{transform:translateY(-6px);box-shadow:0 14px 38px #2e1e4f26;border-color:#B18783}
.infocard:hover::before{transform:scaleX(1)}
.infocard .cardicon{width:64px;height:64px;background:linear-gradient(135deg,#b1878326 0%,#2e1e4f26 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.infocard .cardicon i{font-size:28px;color:#2E1E4F}
.infocard .cardtitle{font-size:21px;font-weight:700;color:#2E1E4F;margin:0 0 12px}
.infocard .cardtxt{font-size:15px;line-height:1.65;color:#2E1E4F;opacity:.7;margin:0}
@media (max-width: 1024px) {
.infogrid{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media (max-width: 768px) {
.succwrap{padding:40px 16px;min-height:70vh}
.successbox{padding:50px 30px;border-radius:24px}
.successbox .maintitle{font-size:28px}
.successbox .msgtext{font-size:16px;margin-bottom:32px}
.successbox .btnholder{flex-direction:column}
.successbox .btnprimary,.successbox .btnsecond{width:100%;justify-content:center}
.infogrid{grid-template-columns:1fr;gap:20px}
.infosection{padding:60px 16px}
}
@media (max-width: 480px) {
.successbox .iconcircle{width:80px;height:80px;margin-bottom:24px}
.successbox .iconcircle i{font-size:38px}
.successbox .maintitle{font-size:24px}
.infocard{padding:28px 24px}
.infocard .cardtitle{font-size:19px}
}