*,::before,::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Public Sans',-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6;color:#37223D;background:#F6F5F5;cursor:default}
a{text-decoration:none;color:inherit;cursor:pointer}
button{cursor:pointer;font-family:inherit}
img{max-width:100%;height:auto;display:block}
.headercontainer{max-width:1440px;margin:0 auto;padding:0 20px}
header{background:linear-gradient(135deg,#c6871d08 0%,#37223d0d 100%);border-bottom:1px solid #c6871d26;box-shadow:0 2px 8px #37223d14}
.toprow{padding:18px 0;text-align:center;border-bottom:1px solid #c6871d1a}
.companyidentity{font-size:26px;font-weight:700;color:#37223D;letter-spacing:.5px}
.middlerow{display:flex;align-items:center;justify-content:space-between;padding:24px 0;gap:30px}
.contactblock{display:flex;flex-direction:column;gap:10px;flex:1}
.contactblock.leftside{align-items:flex-start}
.contactblock.rightside{align-items:flex-end}
.contactitem{display:flex;align-items:center;gap:8px;font-size:14px;color:#37223D}
.contactitem i{color:#C6871D;font-size:16px}
.contactitem a{transition:color 180ms cubic-bezier(0.4,0,0.2,1)}
.contactitem a:hover{color:#C6871D}
.logowrap{flex-shrink:0;display:flex;align-items:center;justify-content:center}
.logolink{display:block;padding:8px;background:#fff9;border-radius:4px;box-shadow:0 2px 6px #37223d1f}
.mainlogo{height:90px;width:90px;object-fit:contain}
.bottomrow{border-top:1px solid #c6871d1a;padding:0}
.mainnavigation{display:flex;align-items:center;justify-content:center;gap:0}
.mainnavigation .navlink{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 35px;color:#37223D;font-size:15px;font-weight:500;transition:background 200ms cubic-bezier(0.4,0,0.2,1),color 200ms cubic-bezier(0.4,0,0.2,1);position:relative}
.mainnavigation .navlink i{font-size:22px;color:#C6871D;transition:transform 180ms cubic-bezier(0.4,0,0.2,1)}
.mainnavigation .navlink:hover{background:#c6871d0f}
.mainnavigation .navlink:hover i{transform:translateY(-2px)}
.footercontainer{max-width:1440px;margin:0 auto;padding:60px 20px 30px}
footer{background:linear-gradient(174deg,#37223D 0%,#2a1a30 100%);color:#F6F5F5;margin-top:80px}
.footergrid{display:grid;grid-template-columns:repeat(4,1fr);gap:50px;margin-bottom:50px}
.footercolumn{display:flex;flex-direction:column;gap:18px}
.footerheading{font-size:18px;font-weight:600;color:#C6871D;margin-bottom:8px}
.footerdesc{font-size:14px;line-height:1.7;color:#f6f5f5d9}
.footerlogo img{width:70px;height:70px;margin-top:12px;background:#f6f5f51a;padding:10px;border-radius:3px}
.footerlinks{list-style:none;display:flex;flex-direction:column;gap:10px}
.footerlinks li a{font-size:14px;color:#f6f5f5d9;transition:color 150ms ease;display:inline-block}
.footerlinks li a:hover{color:#C6871D}
.footercontact{list-style:none;display:flex;flex-direction:column;gap:14px}
.footercontact li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#f6f5f5d9}
.footercontact li i{color:#C6871D;font-size:16px;margin-top:2px;flex-shrink:0}
.footercontact li a{transition:color 150ms ease}
.footercontact li a:hover{color:#C6871D}
.footerbottom{padding-top:30px;border-top:1px solid #c6871d33;text-align:center}
.copyrighttext{font-size:14px;color:#f6f5f5b3}
.cookiepopup{position:fixed;bottom:0;left:0;right:0;z-index:9999;display:flex;justify-content:center;align-items:flex-end;padding:20px;pointer-events:none}
.cookiepopup[data-visible="true"]{pointer-events:auto}
.cookiepopup[data-visible="true"] .cookiecontent{animation:slideInUp 400ms cubic-bezier(0.34,1.56,0.64,1) forwards}
.cookiepopup[data-visible="false"] .cookiecontent{animation:slideOutDown 350ms cubic-bezier(0.55,0.085,0.68,0.53) forwards}
@keyframes slideInUp {
from{transform:translateY(100%);opacity:0}
to{transform:translateY(0);opacity:1}
}
@keyframes slideOutDown {
from{transform:translateY(0);opacity:1}
to{transform:translateY(100%);opacity:0}
}
.cookiecontent{background:#fff;border-radius:4px;box-shadow:0 -4px 20px #37223d2e;max-width:900px;width:75%;padding:32px;border:1px solid #c6871d33}
.cookieheader h3{font-size:22px;font-weight:600;color:#37223D;margin-bottom:8px}
.cookieheader p{font-size:14px;color:#37223D;opacity:.8;margin-bottom:24px}
.cookiecategories{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:28px}
.cookiecat{padding:14px;border:1px solid #c6871d33;border-radius:3px;background:#f6f5f580;transition:background 180ms ease,border-color 180ms ease}
.cookiecat:hover{background:#c6871d0d;border-color:#c6871d59}
.catlabel{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:6px}
.catlabel input[type="radio"]{width:18px;height:18px;cursor:pointer;accent-color:#C6871D}
.catname{font-weight:500;font-size:15px;color:#37223D}
.catdesc{font-size:13px;color:#37223D;opacity:.7;line-height:1.5;margin-left:28px}
.cookieactions{display:flex;gap:14px;justify-content:center}
.cookiebtn{padding:12px 32px;font-size:15px;font-weight:500;border-radius:3px;border:2px solid #C6871D;background:transparent;color:#C6871D;transition:background 200ms cubic-bezier(0.4,0,0.2,1),color 200ms cubic-bezier(0.4,0,0.2,1),transform 150ms ease}
.cookiebtn:hover{background:#C6871D;color:#fff;transform:translateY(-1px)}
.cookiebtn:active{transform:translateY(0)}
@media (max-width: 1024px) {
.middlerow{flex-wrap:wrap;justify-content:center}
.contactblock{flex:0 1 100%;order:2;align-items:center!important;margin-top:16px}
.logowrap{order:1}
.mainnavigation{flex-wrap:wrap;gap:8px}
.mainnavigation .navlink{padding:18px 24px}
.footergrid{grid-template-columns:repeat(2,1fr);gap:40px}
.cookiecontent{width:85%}
.cookiecategories{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.companyidentity{font-size:22px}
.contactblock{font-size:13px}
.mainlogo{height:75px;width:75px}
.mainnavigation .navlink{padding:16px 20px;font-size:14px}
.mainnavigation .navlink i{font-size:20px}
.footergrid{grid-template-columns:1fr;gap:35px}
.footercontainer{padding:50px 20px 25px}
.cookiecontent{width:95%;padding:24px}
.cookieactions{flex-direction:column}
.cookiebtn{width:100%}
}
@media (max-width: 480px) {
.headercontainer{padding:0 15px}
.toprow{padding:14px 0}
.companyidentity{font-size:20px}
.middlerow{padding:20px 0}
.mainlogo{height:65px;width:65px}
.contactitem{font-size:12px}
.mainnavigation .navlink{padding:14px 16px;font-size:13px}
.cookieheader h3{font-size:19px}
}
.legal-inner{max-width:1440px;margin:0 auto;padding:80px 20px;background:#F6F5F5}
.legal-inner p{font-size:16px;line-height:1.75;color:#37223D;margin:0 0 24px;font-weight:400}
.legal-inner p strong,.legal-inner p b{font-weight:600;color:#37223D}
.legal-inner ul,.legal-inner ol{margin:0 0 32px;padding:0 0 0 28px}
.legal-inner ul li,.legal-inner ol li{font-size:16px;line-height:1.75;color:#37223D;margin:0 0 12px;padding-left:8px}
.legal-inner ul li::marker{color:#C6871D}
.legal-inner ol li::marker{color:#C6871D;font-weight:600}
.legal-inner a{color:#C6871D;text-decoration:none;border-bottom:1px solid #c6871d4d;transition:all 200ms cubic-bezier(0.4,0,0.2,1);cursor:pointer}
.legal-inner a:hover{color:#37223D;border-bottom-color:#37223D}
.legal-inner table{width:100%;border-collapse:collapse;margin:0 0 40px;background:#fff;box-shadow:0 2px 8px #37223d14;border-radius:3px;overflow:hidden}
.legal-inner table thead{background:linear-gradient(135deg,#37223D 0%,#4a2e50 100%)}
.legal-inner table thead tr th{padding:16px 20px;text-align:left;font-size:15px;font-weight:600;color:#F6F5F5;border-bottom:2px solid #C6871D}
.legal-inner table tbody tr{border-bottom:1px solid #37223d14;transition:background 150ms ease}
.legal-inner table tbody tr:hover{background:#c6871d0a}
.legal-inner table tbody tr:last-child{border-bottom:none}
.legal-inner table tbody tr td{padding:14px 20px;font-size:15px;line-height:1.6;color:#37223D}
.legal-inner hr{border:none;height:1px;background:linear-gradient(90deg,transparent 0%,#c6871d4d 20%,#c6871d4d 80%,transparent 100%);margin:48px 0}
@media (max-width: 768px) {
.legal-inner{padding:60px 16px}
.legal-inner p,.legal-inner ul li,.legal-inner ol li{font-size:15px;line-height:1.7}
.legal-inner table{display:block;overflow-x:auto;white-space:nowrap}
.legal-inner table thead tr th,.legal-inner table tbody tr td{padding:12px 16px;font-size:14px}
.legal-inner ul,.legal-inner ol{padding-left:20px}
.legal-inner hr{margin:36px 0}
}
@media (max-width: 480px) {
.legal-inner{padding:40px 12px}
.legal-inner p{margin-bottom:20px}
.legal-inner ul,.legal-inner ol{margin-bottom:28px}
.legal-inner table thead tr th,.legal-inner table tbody tr td{padding:10px 12px;font-size:13px}
}
.titlehero{position:relative;background:linear-gradient(174deg,#C6871D 0%,#37223D 50%,#F6F5F5 100%);padding:80px 20px 100px;overflow:hidden}
.titlehero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#f6f5f514;border-radius:50%;transform:rotate(25deg)}
.titlehero::after{content:'';position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;background:#37223d26;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.heroinnercontent{max-width:1440px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:row;gap:60px;align-items:center}
.herotextzone{flex:1}
.herotextzone .problemstatement{font-size:18px;color:#F6F5F5;margin-bottom:16px;line-height:1.6;letter-spacing:.3px}
.herotextzone .mainsolutionheading{font-size:48px;color:#F6F5F5;margin-bottom:24px;line-height:1.2;font-weight:700}
.herotextzone .solutiondetail{font-size:17px;color:#f6f5f5e6;line-height:1.7;margin-bottom:14px}
.heroimagezone{flex:0 0 420px;position:relative}
.heroimagezone::before{content:'';position:absolute;top:-20px;left:-20px;right:20px;bottom:20px;background:#c6871d33;clip-path:polygon(0 10%,100% 0,90% 100%,0% 90%);z-index:1}
.heroimagezone img{width:100%;height:480px;object-fit:cover;clip-path:polygon(8% 0,100% 5%,95% 100%,0% 92%);position:relative;z-index:2;box-shadow:12px 16px 32px #37223d4d}
.decorshapeleft{position:absolute;top:40px;left:30px;width:80px;height:80px;border:3px solid #c6871d66;transform:rotate(45deg);z-index:1}
.decorshaperight{position:absolute;bottom:60px;right:40px;width:60px;height:60px;background:#f6f5f51a;clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);z-index:1}
.foundationstory{background:#F6F5F5;padding:90px 20px;position:relative}
.foundationstory::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#C6871D 0%,#37223D 50%,transparent 100%)}
.foundationcontainer{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px}
.foundationblock{background:#fff;padding:40px 32px;border-radius:4px;box-shadow:0 6px 18px #37223d14;position:relative;transition:all 300ms cubic-bezier(0.4,0,0.2,1)}
.foundationblock:hover{transform:translateY(-6px);box-shadow:0 12px 28px #c6871d26}
.foundationblock::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#C6871D,#37223D);transition:height 400ms cubic-bezier(0.4,0,0.2,1)}
.foundationblock:hover::before{height:100%}
.foundationblock .iconholder{width:64px;height:64px;background:linear-gradient(135deg,#c6871d1a,#37223d1a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.foundationblock .iconholder i{font-size:28px;color:#C6871D}
.foundationblock .blocktitle{font-size:22px;color:#37223D;margin-bottom:16px;font-weight:600;line-height:1.3}
.foundationblock .blocktext{font-size:16px;color:#37223D;line-height:1.7;margin-bottom:12px;opacity:.85}
.foundationblock .blockdetail{font-size:15px;color:#37223D;line-height:1.6;opacity:.75}
.teamapproach{background:linear-gradient(180deg,#37223D 0%,#37223df2 100%);padding:85px 20px;position:relative;overflow:hidden}
.teamapproach::before{content:'';position:absolute;top:-200px;right:-200px;width:500px;height:500px;background:radial-gradient(circle,#c6871d1f,transparent 70%)}
.teamapproach::after{content:'';position:absolute;bottom:-150px;left:-150px;width:400px;height:400px;background:radial-gradient(circle,#f6f5f50f,transparent 70%)}
.teamwrapper{max-width:1440px;margin:0 auto;position:relative;z-index:2}
.teamheadingzone{text-align:center;margin-bottom:60px}
.teamheadingzone h2{font-size:42px;color:#F6F5F5;margin-bottom:20px;font-weight:700;line-height:1.2}
.teamheadingzone .teamintro{font-size:18px;color:#f6f5f5d9;line-height:1.7;max-width:820px;margin:0 auto}
.teamgrid{display:grid;grid-template-columns:380px 1fr;gap:70px;align-items:center}
.profilecard{background:#f6f5f50f;border-radius:6px;padding:36px 30px;backdrop-filter:blur(10px);border:1px solid #f6f5f51f;transition:all 350ms cubic-bezier(0.34,1.56,0.64,1)}
.profilecard:hover{transform:scale(1.04);box-shadow:0 16px 40px #c6871d38;border-color:#c6871d4d}
.profilecard .profileimage{width:100%;height:320px;object-fit:cover;border-radius:4px;margin-bottom:24px;box-shadow:0 8px 20px #00000040}
.profilecard .profilename{font-size:24px;color:#F6F5F5;margin-bottom:8px;font-weight:600}
.profilecard .profilerole{font-size:16px;color:#C6871D;margin-bottom:16px;letter-spacing:.5px}
.profilecard .profilebio{font-size:15px;color:#f6f5f5cc;line-height:1.7}
.methodologygrid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.methoditem{background:#f6f5f50a;padding:32px 28px;border-radius:5px;border-left:4px solid #C6871D;transition:all 280ms ease-out;cursor:default}
.methoditem:hover{background:#c6871d14;border-left-width:6px;padding-left:26px}
.methoditem .methodicon{font-size:32px;color:#C6871D;margin-bottom:18px;display:block}
.methoditem .methodtitle{font-size:20px;color:#F6F5F5;margin-bottom:14px;font-weight:600;line-height:1.3}
.methoditem .methoddesc{font-size:15px;color:#f6f5f5cc;line-height:1.7;margin-bottom:10px}
.methoditem .methodexample{font-size:14px;color:#f6f5f5a6;line-height:1.6;font-style:italic}
@media (max-width: 1024px) {
.heroinnercontent{flex-direction:column;gap:50px}
.heroimagezone{flex:0 0 auto;width:100%;max-width:500px}
.foundationcontainer{grid-template-columns:1fr 1fr}
.teamgrid{grid-template-columns:1fr;gap:50px}
.profilecard{max-width:400px;margin:0 auto}
.methodologygrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.titlehero{padding:60px 20px 80px}
.herotextzone .mainsolutionheading{font-size:36px}
.herotextzone .problemstatement{font-size:16px}
.heroimagezone img{height:360px}
.foundationcontainer{grid-template-columns:1fr;gap:30px}
.foundationstory{padding:60px 20px}
.teamapproach{padding:60px 20px}
.teamheadingzone h2{font-size:32px}
.teamheadingzone .teamintro{font-size:16px}
}
@media (max-width: 480px) {
.herotextzone .mainsolutionheading{font-size:28px}
.heroimagezone{flex:0 0 auto;width:100%}
.heroimagezone img{height:300px}
.foundationblock{padding:30px 24px}
.methoditem{padding:24px 20px}
}
.heroblock{position:relative;background:linear-gradient(174deg,#C6871D 0%,#37223D 50%,#F6F5F5 100%);padding:80px 20px;overflow:hidden}
.heroblock::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,#c6871d33 0%,transparent 50%),radial-gradient(circle at 80% 70%,#37223d26 0%,transparent 50%);pointer-events:none}
.heroinner{max-width:1440px;margin:0 auto;display:flex;flex-direction:column;gap:60px;position:relative;z-index:1}
.maintitlezone{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}
.maintitlezone h1{font-size:52px;line-height:1.1;color:#F6F5F5;font-weight:700;max-width:900px}
.maintitlezone .subtextline{font-size:20px;line-height:1.5;color:#F6F5F5;max-width:700px;opacity:.95}
.heroseparator{width:120px;height:3px;background:linear-gradient(90deg,transparent,#F6F5F5,transparent);margin:0 auto}
.herovisualsection{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;align-items:center}
.herovisualsection img{width:100%;height:340px;object-fit:cover;border-radius:4px;box-shadow:0 12px 30px #37223d59;transition:transform 400ms cubic-bezier(0.34,1.56,0.64,1)}
.herovisualsection img:hover{transform:scale(1.02) translateY(-6px)}
.mainactionbutton{display:inline-block;padding:18px 48px;background:#C6871D;color:#37223D;font-size:18px;font-weight:600;border-radius:3px;text-decoration:none;transition:all 300ms cubic-bezier(0.25,0.46,0.45,0.94);box-shadow:0 6px 16px #c6871d66;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="%23C6871D"/></svg>'),auto}
.mainactionbutton:hover{background:#37223D;color:#F6F5F5;transform:translateY(-3px);box-shadow:0 12px 24px #37223d73}
.processflow{padding:90px 20px;background:#F6F5F5}
.processflowinner{max-width:1440px;margin:0 auto}
.processflow h2{font-size:42px;line-height:1.2;color:#37223D;margin-bottom:50px;position:relative;padding-left:24px}
.processflow h2::before{content:'';position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(180deg,#C6871D,#37223D);border-radius:2px}
.stepsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:60px}
.stepcard{background:#fff;padding:40px 32px;border-radius:4px;box-shadow:0 4px 12px #37223d14;position:relative;transition:all 300ms ease}
.stepcard::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#C6871D,#37223D);transform:scaleX(0);transform-origin:left;transition:transform 400ms cubic-bezier(0.34,1.56,0.64,1)}
.stepcard:hover{transform:translateY(-6px);box-shadow:0 12px 24px #37223d26}
.stepcard:hover::after{transform:scaleX(1)}
.stepnumber{width:60px;height:60px;background:linear-gradient(135deg,#C6871D,#37223D);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#fff;margin-bottom:24px}
.stepcard h3{font-size:24px;color:#37223D;margin-bottom:16px;line-height:1.3}
.stepcard p{font-size:16px;line-height:1.6;color:#37223D;opacity:.85}
.processtimeline{display:flex;flex-direction:column;gap:20px;padding:50px;background:#fff;border-radius:4px;box-shadow:0 8px 20px #37223d1a}
.timelineitem{display:flex;gap:30px;align-items:flex-start;padding:24px;background:#F6F5F5;border-radius:3px;border-left:4px solid #C6871D;transition:all 250ms ease}
.timelineitem:hover{background:#fff;border-left-color:#37223D;box-shadow:0 6px 14px #c6871d33}
.timelinemarker{width:44px;height:44px;background:#C6871D;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.timelinemarker .codicon{color:#fff;font-size:20px}
.timelinetext h4{font-size:20px;color:#37223D;margin-bottom:8px}
.timelinetext p{font-size:15px;line-height:1.5;color:#37223D;opacity:.8}
.supportnetwork{padding:90px 20px;background:linear-gradient(180deg,white 0%,#F6F5F5 100%)}
.supportinner{max-width:1440px;margin:0 auto}
.supportgridlayout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.supporttext h2{font-size:40px;color:#37223D;line-height:1.2;margin-bottom:28px}
.supporttext p{font-size:17px;line-height:1.7;color:#37223D;margin-bottom:20px}
.channellist{display:flex;flex-direction:column;gap:18px;margin-top:40px}
.channelitem{display:flex;align-items:center;gap:20px;padding:20px 24px;background:#fff;border-radius:3px;box-shadow:0 3px 10px #37223d14;transition:all 200ms ease;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><circle cx="10" cy="10" r="8" fill="%2337223D"/></svg>'),pointer}
.channelitem:hover{transform:translateX(8px);box-shadow:0 6px 16px #c6871d33}
.channelicon{width:50px;height:50px;background:linear-gradient(135deg,#C6871D,#37223D);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.channelicon .codicon{color:#fff;font-size:22px}
.channeldetails h4{font-size:18px;color:#37223D;margin-bottom:4px}
.channeldetails span{font-size:14px;color:#37223D;opacity:.7}
.supportvisual{position:relative}
.supportimagestack{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.supportimagestack img{width:100%;height:280px;object-fit:cover;border-radius:4px;box-shadow:0 8px 18px #37223d33;transition:transform 350ms cubic-bezier(0.34,1.56,0.64,1)}
.supportimagestack img:hover{transform:rotate(2deg) scale(1.05)}
.expertisetable{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:50px}
.expertisecard{background:#fff;padding:36px 30px;border-radius:4px;box-shadow:0 5px 14px #37223d1a;position:relative;overflow:hidden}
.expertisecard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#C6871D,#37223D)}
.expertisecard h5{font-size:22px;color:#37223D;margin-bottom:14px}
.expertisemetric{display:flex;align-items:baseline;gap:10px;margin-bottom:16px}
.expertisemetric .bignum{font-size:48px;font-weight:700;color:#C6871D;line-height:1}
.expertisemetric .label{font-size:15px;color:#37223D;opacity:.75}
.expertisecard p{font-size:15px;line-height:1.6;color:#37223D;opacity:.8}
.progressbar{width:100%;height:8px;background:#F6F5F5;border-radius:10px;margin-top:20px;overflow:hidden}
.progressfill{height:100%;background:linear-gradient(90deg,#C6871D,#37223D);transition:width 800ms cubic-bezier(0.34,1.56,0.64,1)}
.expertisecard:hover .progressfill{width:100%!important}
@media (max-width: 1024px) {
.heroinner{gap:40px}
.maintitlezone h1{font-size:40px}
.herovisualsection{grid-template-columns:1fr;gap:20px}
.stepsgrid{grid-template-columns:1fr;gap:30px}
.supportgridlayout{grid-template-columns:1fr;gap:40px}
.expertisetable{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.heroblock{padding:60px 16px}
.maintitlezone h1{font-size:32px}
.maintitlezone .subtextline{font-size:17px}
.herovisualsection img{height:240px}
.processflow{padding:60px 16px}
.processflow h2{font-size:32px}
.processtimeline{padding:30px 20px}
.supportnetwork{padding:60px 16px}
.supporttext h2{font-size:30px}
.supportimagestack{grid-template-columns:1fr}
.mainactionbutton{padding:16px 36px;font-size:16px}
}
.contactouterframe{background:linear-gradient(174deg,#C6871D 0%,#37223D 50%,#F6F5F5 100%);padding:80px 20px;position:relative;overflow:hidden}
.contactouterframe::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#f6f5f514;border-radius:50%;animation:floatbubble 8s ease-in-out infinite}
@keyframes floatbubble {
0%,100%{transform:translateY(0) rotate(0deg)}
50%{transform:translateY(-30px) rotate(5deg)}
}
.hero-inner{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.herotextzone{padding:30px 0}
.herotextzone h1{font-size:52px;color:#F6F5F5;margin:0 0 24px;line-height:1.2;font-weight:700}
.herotextzone .descriptive-text{font-size:19px;color:#f6f5f5eb;line-height:1.6;margin:0 0 18px}
.visualarea{position:relative;transform:rotate(-3deg);animation:gentletilt 6s ease-in-out infinite}
@keyframes gentletilt {
0%,100%{transform:rotate(-3deg)}
50%{transform:rotate(3deg)}
}
.visualarea img{width:100%;height:480px;object-fit:cover;border-radius:4px;box-shadow:0 12px 32px #37223d4d}
.visualarea::after{content:'';position:absolute;top:20px;left:-20px;right:20px;bottom:-20px;background:#c6871d26;border-radius:4px;z-index:-1}
.formwrapper{background:#F6F5F5;padding:100px 20px}
.formcontainer{max-width:800px;margin:0 auto;background:#fff;padding:60px;border-radius:3px;box-shadow:0 8px 24px #37223d1f}
.formcontainer h2{font-size:38px;color:#37223D;margin:0 0 16px;font-weight:600}
.formcontainer .intro-paragraph{font-size:17px;color:#37223D;opacity:.8;margin:0 0 40px;line-height:1.6}
.contactform{display:flex;flex-direction:column;gap:24px}
.namerow{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fieldgroup{display:flex;flex-direction:column;gap:8px}
.fieldgroup label{font-size:15px;color:#37223D;font-weight:500}
.fieldgroup input,.fieldgroup textarea{padding:14px 18px;border:2px solid #37223d26;border-radius:3px;font-size:16px;transition:all 200ms cubic-bezier(0.4,0,0.2,1);background:#fff;color:#37223D}
.fieldgroup input:focus,.fieldgroup textarea:focus{outline:none;border-color:#C6871D;box-shadow:0 0 0 3px #c6871d1a}
.fieldgroup textarea{min-height:140px;resize:vertical;font-family:inherit}
.privacycheck{display:flex;align-items:flex-start;gap:10px;margin:8px 0}
.privacycheck input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;accent-color:#C6871D}
.privacycheck label{font-size:14px;color:#37223D;opacity:.85;line-height:1.5;cursor:pointer}
.privacycheck label a{color:#C6871D;text-decoration:underline;transition:opacity 150ms}
.privacycheck label a:hover{opacity:.8}
.submitbtn{padding:16px 48px;background:linear-gradient(135deg,#C6871D 0%,#37223D 100%);color:#F6F5F5;border:none;border-radius:3px;font-size:17px;font-weight:600;cursor:pointer;transition:all 250ms cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 14px #c6871d4d;align-self:flex-start;z-index:10;position:relative}
.submitbtn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #c6871d66}
.submitbtn:active{transform:translateY(0)}
.infosegment{background:#fff;padding:90px 20px}
.infoframe{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}
.datablock{text-align:center;padding:40px 30px;background:linear-gradient(180deg,#c6871d0a 0%,#37223d0a 100%);border-radius:4px;transition:all 300ms cubic-bezier(0.4,0,0.2,1);position:relative}
.datablock::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#C6871D 0%,#37223D 100%);border-radius:4px 4px 0 0;transform:scaleX(0);transition:transform 300ms cubic-bezier(0.4,0,0.2,1)}
.datablock:hover::before{transform:scaleX(1)}
.datablock:hover{transform:translateY(-6px);box-shadow:0 12px 28px #37223d26}
.datablock .iconarea{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#C6871D 0%,#37223D 100%);border-radius:50%}
.datablock .iconarea i{font-size:28px;color:#F6F5F5}
.datablock h3{font-size:22px;color:#37223D;margin:0 0 12px;font-weight:600}
.datablock .detail{font-size:16px;color:#37223D;opacity:.8;line-height:1.6;margin:0}
.datablock a{color:#C6871D;text-decoration:none;transition:opacity 150ms}
.datablock a:hover{opacity:.8;text-decoration:underline}
.imagezone{position:relative}
.imagezone img{width:100%;height:100%;object-fit:cover}
@media (max-width: 1024px) {
.hero-inner{grid-template-columns:1fr;gap:40px}
.herotextzone h1{font-size:42px}
.visualarea{max-width:600px;margin:0 auto}
.infoframe{grid-template-columns:1fr;gap:30px}
.formcontainer{padding:40px 30px}
}
@media (max-width: 768px) {
.contactouterframe{padding:60px 20px}
.herotextzone h1{font-size:36px}
.herotextzone .descriptive-text{font-size:17px}
.visualarea img{height:320px}
.formcontainer{padding:30px 20px}
.formcontainer h2{font-size:32px}
.namerow{grid-template-columns:1fr;gap:24px}
.submitbtn{width:100%;text-align:center}
.infosegment{padding:60px 20px}
}
.upcomingcoursespage .titlezone{max-width:1440px;margin:0 auto;padding:80px 20px;display:flex;gap:60px;align-items:center}
.upcomingcoursespage .textpart{flex:1}
.upcomingcoursespage .questiontext{font-size:2.8rem;color:#37223D;margin-bottom:24px;font-weight:700;line-height:1.2}
.upcomingcoursespage .answertext{font-size:1.1rem;color:#37223D;line-height:1.7;opacity:.85}
.upcomingcoursespage .imagepart{width:420px;position:relative}
.upcomingcoursespage .imagepart img{width:100%;height:480px;object-fit:cover;border-radius:4px;box-shadow:8px 8px 24px #36223d26;transition:transform 400ms cubic-bezier(0.34,1.56,0.64,1)}
.upcomingcoursespage .imagepart img:hover{transform:translateY(-8px) scale(1.02)}
.upcomingcoursespage .decorativeline{width:120px;height:3px;background:linear-gradient(90deg,#C6871D 0%,#37223D 100%);margin:32px 0}
.upcomingcoursespage .coursegrid{background:linear-gradient(174deg,#F6F5F5 0%,#fff 100%);padding:100px 20px}
.upcomingcoursespage .gridwrapper{max-width:1440px;margin:0 auto}
.upcomingcoursespage .sectionhead{text-align:center;margin-bottom:70px}
.upcomingcoursespage .sectionhead h2{font-size:2.5rem;color:#37223D;margin-bottom:16px;font-weight:700}
.upcomingcoursespage .sectionhead p{font-size:1.05rem;color:#37223D;opacity:.75;max-width:680px;margin:0 auto}
.upcomingcoursespage .courselist{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.upcomingcoursespage .coursecard{background:#fff;border-radius:3px;padding:40px 32px;border:1px solid #c6871d26;transition:all 300ms cubic-bezier(0.4,0,0.2,1);cursor:pointer}
.upcomingcoursespage .coursecard:hover{border-color:#C6871D;box-shadow:0 12px 32px #c6871d1f;transform:translateY(-4px)}
.upcomingcoursespage .coursetitle{font-size:1.5rem;color:#37223D;margin-bottom:20px;font-weight:700;line-height:1.3}
.upcomingcoursespage .coursedesc{font-size:.98rem;color:#37223D;opacity:.8;line-height:1.65;margin-bottom:24px}
.upcomingcoursespage .coursemeta{display:flex;gap:24px;margin-bottom:20px;font-size:.9rem}
.upcomingcoursespage .metaitem{display:flex;align-items:center;gap:8px;color:#37223D;opacity:.75}
.upcomingcoursespage .metaitem i{color:#C6871D;font-size:1.1rem}
.upcomingcoursespage .enrollbutton{display:inline-block;padding:12px 28px;background:linear-gradient(135deg,#C6871D 0%,#D69930 100%);color:#fff;text-decoration:none;border-radius:3px;font-size:.95rem;font-weight:600;transition:all 250ms ease;cursor:pointer}
.upcomingcoursespage .enrollbutton:hover{background:linear-gradient(135deg,#D69930 0%,#C6871D 100%);box-shadow:0 6px 20px #c6871d4d;transform:scale(1.05)}
.upcomingcoursespage .approachsection{padding:100px 20px;position:relative}
.upcomingcoursespage .approachsection::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:100%;background:radial-gradient(circle at 30% 50%,#c6871d0d,transparent 60%);pointer-events:none}
.upcomingcoursespage .approachwrapper{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.upcomingcoursespage .approachtext h2{font-size:2.3rem;color:#37223D;margin-bottom:28px;font-weight:700;line-height:1.25}
.upcomingcoursespage .approachtext p{font-size:1.05rem;color:#37223D;opacity:.8;line-height:1.7;margin-bottom:20px}
.upcomingcoursespage .approachimage{position:relative}
.upcomingcoursespage .approachimage img{width:100%;height:560px;object-fit:cover;border-radius:4px;box-shadow:-12px 12px 40px #36223d2e}
.upcomingcoursespage .approachimage::after{content:'';position:absolute;top:-20px;right:-20px;width:200px;height:200px;border:2px solid #C6871D;border-radius:4px;opacity:.3;pointer-events:none}
.upcomingcoursespage .benefitsection{background:linear-gradient(174deg,#37223D 0%,#4a2f52 50%,#5c3b66 100%);padding:100px 20px}
.upcomingcoursespage .benefitwrapper{max-width:1440px;margin:0 auto}
.upcomingcoursespage .benefitwrapper h2{font-size:2.5rem;color:#F6F5F5;text-align:center;margin-bottom:60px;font-weight:700}
.upcomingcoursespage .benefitgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.upcomingcoursespage .benefititem{background:#f6f5f514;padding:36px 24px;border-radius:3px;border:1px solid #c6871d33;transition:all 300ms ease}
.upcomingcoursespage .benefititem:hover{background:#f6f5f51f;border-color:#C6871D;transform:translateY(-6px)}
.upcomingcoursespage .benefiticon{width:56px;height:56px;background:linear-gradient(135deg,#C6871D,#D69930);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.upcomingcoursespage .benefiticon i{color:#fff;font-size:1.5rem}
.upcomingcoursespage .benefititem h3{font-size:1.2rem;color:#F6F5F5;margin-bottom:12px;font-weight:700}
.upcomingcoursespage .benefititem p{font-size:.95rem;color:#F6F5F5;opacity:.85;line-height:1.6}
@media (max-width: 1024px) {
.upcomingcoursespage .titlezone{flex-direction:column-reverse;padding:60px 20px;gap:40px}
.upcomingcoursespage .imagepart{width:100%}
.upcomingcoursespage .imagepart img{height:400px}
.upcomingcoursespage .courselist{grid-template-columns:repeat(2,1fr);gap:24px}
.upcomingcoursespage .approachwrapper{grid-template-columns:1fr;gap:50px}
.upcomingcoursespage .benefitgrid{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media (max-width: 640px) {
.upcomingcoursespage .questiontext{font-size:2rem}
.upcomingcoursespage .imagepart img{height:320px}
.upcomingcoursespage .sectionhead h2{font-size:1.9rem}
.upcomingcoursespage .courselist{grid-template-columns:1fr}
.upcomingcoursespage .coursecard{padding:32px 24px}
.upcomingcoursespage .approachtext h2{font-size:1.8rem}
.upcomingcoursespage .approachimage img{height:380px}
.upcomingcoursespage .approachimage::after{display:none}
.upcomingcoursespage .benefitwrapper h2{font-size:1.9rem}
.upcomingcoursespage .benefitgrid{grid-template-columns:1fr}
}
.successwrapper{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(174deg,#F6F5F5 0%,#C6871D 50%,#37223D 100%);position:relative}
.successcontent{max-width:760px;width:100%;margin:0 auto;background:#F6F5F5;border-radius:4px;box-shadow:0 8px 28px #37223d26 0 2px 8px #c6871d14;position:relative;overflow:hidden}
.successcontent::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#C6871D 0%,#37223D 100%)}
.successinner{padding:60px 50px;text-align:center}
.iconwrapper{width:96px;height:96px;margin:0 auto 32px;background:linear-gradient(135deg,#C6871D 0%,#c6871db3 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #c6871d40;position:relative}
.iconwrapper::after{content:'';position:absolute;width:110px;height:110px;border:2px solid #c6871d33;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.iconwrapper .codicon{font-size:48px;color:#F6F5F5;z-index:2}
.successtitle{font-size:32px;font-weight:700;color:#37223D;margin:0 0 18px;line-height:1.2}
.successdescription{font-size:18px;color:#37223D;line-height:1.6;margin:0 0 24px;opacity:.85}
.successmessage{background:#c6871d0f;border-left:4px solid #C6871D;padding:24px 28px;margin:32px 0;text-align:left;border-radius:3px}
.successmessage p{font-size:16px;color:#37223D;line-height:1.7;margin:0 0 14px}
.successmessage p:last-child{margin-bottom:0}
.successmessage strong{color:#C6871D;font-weight:600}
.detailslist{list-style:none;padding:0;margin:28px 0;text-align:left}
.detailslist li{padding:14px 0;border-bottom:1px solid #37223d1a;display:flex;align-items:center;font-size:15px;color:#37223D}
.detailslist li:last-child{border-bottom:none}
.detailslist .codicon{font-size:18px;color:#C6871D;margin-right:12px;flex-shrink:0}
.actionbuttons{margin-top:40px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btnprimary{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,#C6871D 0%,#c6871dd9 100%);color:#F6F5F5;text-decoration:none;border-radius:3px;font-size:16px;font-weight:600;transition:all 280ms cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 12px #c6871d33;cursor:pointer;border:none}
.btnprimary:hover{background:linear-gradient(135deg,#c6871dd9 0%,#C6871D 100%);box-shadow:0 6px 18px #c6871d4d;transform:translateY(-2px)}
.btnsecondary{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:transparent;color:#37223D;text-decoration:none;border-radius:3px;font-size:16px;font-weight:600;transition:all 280ms cubic-bezier(0.4,0,0.2,1);border:2px solid #37223D;cursor:pointer}
.btnsecondary:hover{background:#37223D;color:#F6F5F5;transform:translateY(-2px)}
.contactinfo{margin-top:40px;padding-top:32px;border-top:1px solid #37223d26;font-size:14px;color:#37223D;opacity:.75}
.contactinfo p{margin:0 0 8px;line-height:1.6}
.contactinfo a{color:#C6871D;text-decoration:none;transition:opacity 180ms ease}
.contactinfo a:hover{opacity:.75}
@media (max-width: 768px) {
.successinner{padding:40px 28px}
.successtitle{font-size:26px}
.successdescription{font-size:16px}
.iconwrapper{width:80px;height:80px}
.iconwrapper .codicon{font-size:40px}
.iconwrapper::after{width:94px;height:94px}
.actionbuttons{flex-direction:column;gap:12px}
.btnprimary,.btnsecondary{width:100%;justify-content:center}
}
@media (max-width: 480px) {
.successwrapper{padding:24px 16px}
.successinner{padding:32px 20px}
.successtitle{font-size:22px}
.successmessage{padding:18px 20px}
.detailslist li{font-size:14px;padding:12px 0}
}
.successwrapper{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(174deg,#F6F5F5 0%,#C6871D 50%,#37223D 100%);position:relative}
.successcontent{max-width:760px;width:100%;margin:0 auto;background:#F6F5F5;border-radius:4px;box-shadow:0 8px 28px #37223d26 0 2px 8px #c6871d14;position:relative;overflow:hidden}
.successcontent::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#C6871D 0%,#37223D 100%)}
.successinner{padding:60px 50px;text-align:center}
.iconwrapper{width:96px;height:96px;margin:0 auto 32px;background:linear-gradient(135deg,#C6871D 0%,#c6871db3 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #c6871d40;position:relative}
.iconwrapper::after{content:'';position:absolute;width:110px;height:110px;border:2px solid #c6871d33;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.iconwrapper .codicon{font-size:48px;color:#F6F5F5;z-index:2}
.successtitle{font-size:32px;font-weight:700;color:#37223D;margin:0 0 18px;line-height:1.2}
.successdescription{font-size:18px;color:#37223D;line-height:1.6;margin:0 0 24px;opacity:.85}
.successmessage{background:#c6871d0f;border-left:4px solid #C6871D;padding:24px 28px;margin:32px 0;text-align:left;border-radius:3px}
.successmessage p{font-size:16px;color:#37223D;line-height:1.7;margin:0 0 14px}
.successmessage p:last-child{margin-bottom:0}
.successmessage strong{color:#C6871D;font-weight:600}
.detailslist{list-style:none;padding:0;margin:28px 0;text-align:left}
.detailslist li{padding:14px 0;border-bottom:1px solid #37223d1a;display:flex;align-items:center;font-size:15px;color:#37223D}
.detailslist li:last-child{border-bottom:none}
.detailslist .codicon{font-size:18px;color:#C6871D;margin-right:12px;flex-shrink:0}
.actionbuttons{margin-top:40px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btnprimary{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,#C6871D 0%,#c6871dd9 100%);color:#F6F5F5;text-decoration:none;border-radius:3px;font-size:16px;font-weight:600;transition:all 280ms cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 12px #c6871d33;cursor:pointer;border:none}
.btnprimary:hover{background:linear-gradient(135deg,#c6871dd9 0%,#C6871D 100%);box-shadow:0 6px 18px #c6871d4d;transform:translateY(-2px)}
.btnsecondary{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:transparent;color:#37223D;text-decoration:none;border-radius:3px;font-size:16px;font-weight:600;transition:all 280ms cubic-bezier(0.4,0,0.2,1);border:2px solid #37223D;cursor:pointer}
.btnsecondary:hover{background:#37223D;color:#F6F5F5;transform:translateY(-2px)}
.contactinfo{margin-top:40px;padding-top:32px;border-top:1px solid #37223d26;font-size:14px;color:#37223D;opacity:.75}
.contactinfo p{margin:0 0 8px;line-height:1.6}
.contactinfo a{color:#C6871D;text-decoration:none;transition:opacity 180ms ease}
.contactinfo a:hover{opacity:.75}
@media (max-width: 768px) {
.successinner{padding:40px 28px}
.successtitle{font-size:26px}
.successdescription{font-size:16px}
.iconwrapper{width:80px;height:80px}
.iconwrapper .codicon{font-size:40px}
.iconwrapper::after{width:94px;height:94px}
.actionbuttons{flex-direction:column;gap:12px}
.btnprimary,.btnsecondary{width:100%;justify-content:center}
}
@media (max-width: 480px) {
.successwrapper{padding:24px 16px}
.successinner{padding:32px 20px}
.successtitle{font-size:22px}
.successmessage{padding:18px 20px}
.detailslist li{font-size:14px;padding:12px 0}
}