body.sth-site.sth-site .company-reference{background:#f7f5ed}
body.sth-site.sth-site .company-reference .ref-container{width:calc(100% - 96px);max-width:1344px}
body.sth-site.sth-site .company-reference h1{font-size:49px!important;line-height:1.08!important;letter-spacing:-.035em!important;margin-bottom:24px!important}
body.sth-site.sth-site .company-reference h2{font-size:40px!important;line-height:1.08!important;margin-bottom:22px!important}
body.sth-site.sth-site .company-reference p{font-size:18px!important;line-height:1.5!important;margin:0 0 12px!important}
body.sth-site.sth-site .company-reference .ref-eyebrow{font-size:14px;letter-spacing:.13em;margin-bottom:18px}
body.sth-site.sth-site .company-reference .co-buttons{display:flex;gap:16px;flex-wrap:wrap;margin-top:27px}
body.sth-site.sth-site .company-reference .ref-button{min-width:0;min-height:51px;padding:15px 27px!important;font-size:13px!important;letter-spacing:.055em!important}
body.sth-site.sth-site .company-reference .co-hero{position:relative;background:radial-gradient(ellipse at 15% 30%,#fbf9f2,#f2f0e6);padding:56px 0 65px;min-height:654px}
body.sth-site.sth-site .company-reference .co-hero-grid{display:grid;grid-template-columns:47% 53%;align-items:center}
body.sth-site.sth-site .company-reference .co-hero-copy{padding-right:15px}
body.sth-site.sth-site .company-reference .co-hero-copy p{font-size:17px!important;line-height:1.5!important}
body.sth-site.sth-site .company-reference .co-hero-art{position:relative;min-height:545px;display:flex;align-items:center}
body.sth-site.sth-site .company-reference .co-globe{position:absolute;width:760px;height:760px;max-width:none;left:-38px;top:-100px;opacity:.58}
body.sth-site.sth-site .company-reference .co-hero-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start;width:100%;position:relative;z-index:1;margin-top:46px}
body.sth-site.sth-site .company-reference .co-node{text-align:center;position:relative}
body.sth-site.sth-site .company-reference .co-node:not(:last-child):after{content:'→';position:absolute;right:-22px;top:34px;color:#74998c;font-size:28px;font-weight:300}
body.sth-site.sth-site .company-reference .co-node-circle{display:flex;width:108px;height:108px;align-items:center;justify-content:center;border:1px solid #ab976b;border-radius:50%;margin:0 auto 16px;background:#faf8efb3}
body.sth-site.sth-site .company-reference .co-icon{width:60px;height:60px;object-fit:contain}
body.sth-site.sth-site .company-reference .co-node-1 .co-node-circle{background:radial-gradient(circle,#1a5548,#0a3e34);border:4px solid #e5e8d8;outline:1px solid #426e5d;width:125px;height:125px;margin-top:-9px;margin-bottom:8px;box-shadow:0 0 22px #a5bba940}
body.sth-site.sth-site .company-reference .co-node-1 .co-icon{width:65px;height:65px}
body.sth-site.sth-site .company-reference .co-node h3{font-size:15px!important;line-height:1.25!important;letter-spacing:.02em!important;margin-bottom:14px!important}
body.sth-site.sth-site .company-reference .co-node p{font-size:14px!important;line-height:1.35!important;color:#68796d;margin:0!important}
body.sth-site.sth-site .company-reference .co-node .co-meridian{font-size:9px!important;letter-spacing:.16em;margin-top:-10px!important;margin-bottom:13px!important}
body.sth-site.sth-site .company-reference .co-art-note{position:absolute;right:0;top:5px;font-size:12px!important;line-height:1.45!important;font-weight:650;letter-spacing:.07em;color:#64867b}
body.sth-site.sth-site .company-reference .co-art-note:after,body.sth-site.sth-site .company-reference .co-art-bottom:after,body.sth-site.sth-site .company-reference .co-name-note:after{content:'';display:block;width:33px;height:2px;background:#79998c;margin-top:13px}
body.sth-site.sth-site .company-reference .co-art-bottom{position:absolute;bottom:-20px;right:45px;color:#9ba99c;font-size:13px!important;letter-spacing:.13em!important}
body.sth-site.sth-site .company-reference .co-operate{padding:35px 0 40px;background:#f8f6ee;position:relative;overflow:hidden}
body.sth-site.sth-site .company-reference .co-operate h2{max-width:825px;position:relative;z-index:1}
body.sth-site.sth-site .company-reference .co-technical-art{position:absolute;right:-60px;top:-20px;width:620px;height:380px;opacity:.45;pointer-events:none}
body.sth-site.sth-site .company-reference .co-technical-art img{width:100%;height:100%;object-fit:cover}
body.sth-site.sth-site .company-reference .co-technical-art p{position:absolute;right:55px;top:65px;font-size:12px!important;letter-spacing:.08em;color:#245345;font-weight:650}
body.sth-site.sth-site .company-reference .co-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;margin-top:50px;position:relative}
body.sth-site.sth-site .company-reference .co-step{position:relative;padding:0 35px 0 0;border-right:1px solid #e0dccd}
body.sth-site.sth-site .company-reference .co-step:last-child{border:0;padding-right:0}
body.sth-site.sth-site .company-reference .co-step:not(:last-child):after{content:'⟶';position:absolute;right:-23px;top:10px;font-size:34px;color:#987c4c;background:#f8f6ee;padding:0 10px}
body.sth-site.sth-site .company-reference .co-step .co-icon{display:block;margin:0 auto 24px;width:63px;height:63px}
body.sth-site.sth-site .company-reference .co-step h3{font-size:17px!important;line-height:1.3!important;letter-spacing:0!important;margin-bottom:13px!important}
body.sth-site.sth-site .company-reference .co-step p{font-size:17px!important;line-height:1.4!important;margin:0!important;max-width:280px}
body.sth-site.sth-site .company-reference .co-step:first-child{text-align:center}
body.sth-site.sth-site .company-reference .co-credentials{padding:38px 0 28px;background:linear-gradient(110deg,#f5f2e9,#f7f5ed)}
body.sth-site.sth-site .company-reference .co-credentials-grid{display:grid;grid-template-columns:40% 57%;gap:3%;align-items:start}
body.sth-site.sth-site .company-reference .co-credentials h2{font-size:39px!important}
body.sth-site.sth-site .company-reference .co-credentials p{font-size:17px!important;line-height:1.5!important;padding-right:30px}
body.sth-site.sth-site .company-reference strong{color:#174d42;font-weight:650}
body.sth-site.sth-site .company-reference .co-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.3;table-layout:fixed;background:#f9f8f1}
body.sth-site.sth-site .company-reference .co-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body.sth-site.sth-site .company-reference .co-table th,body.sth-site.sth-site .company-reference .co-table td{border:1px solid #d9dbd1;text-align:left;vertical-align:middle;padding:10px 17px;color:#53615d;font-weight:400;overflow-wrap:anywhere}
body.sth-site.sth-site .company-reference .co-table th{width:46%;font-weight:500}
body.sth-site.sth-site .company-reference .co-capability{padding:39px 0 37px;background:#f9f7f0;position:relative;overflow:hidden}
body.sth-site.sth-site .company-reference .co-capability-grid{display:grid;grid-template-columns:45% 43%;gap:3%;align-items:center;position:relative}
body.sth-site.sth-site .company-reference .co-capability h2{font-size:36px!important;margin-bottom:19px!important}
body.sth-site.sth-site .company-reference .co-capability p{font-size:16px!important;line-height:1.5!important}
body.sth-site.sth-site .company-reference .co-statement-card{position:relative;z-index:2;background:#faf9f3ed;border:1px solid #e5e2d7;padding:34px 30px 40px}
body.sth-site.sth-site .company-reference .co-statement-top{display:flex;gap:23px;align-items:center}
body.sth-site.sth-site .company-reference .co-statement-top .co-icon{width:53px;height:63px;flex:none}
body.sth-site.sth-site .company-reference .co-statement-top h3{font-size:20px!important;letter-spacing:-.04em!important;margin-bottom:8px!important}
body.sth-site.sth-site .company-reference .co-statement-top p{font-size:13px!important;margin:0!important}
body.sth-site.sth-site .company-reference .co-statement-card .co-buttons{gap:15px;margin-top:24px;flex-wrap:nowrap}
body.sth-site.sth-site .company-reference .co-statement-card .ref-button{font-size:11px!important;letter-spacing:.02em!important;padding:13px 16px!important;min-height:47px}
body.sth-site.sth-site .company-reference .co-statement-status{margin-top:20px;padding:18px;border:1px solid #c8cdbc;background:#f4f1e7}
body.sth-site.sth-site .company-reference .co-statement-status p{font-size:15px!important;margin:0!important}
body.sth-site.sth-site .company-reference .co-statement-status a{text-decoration:underline}
body.sth-site.sth-site .company-reference .co-paper{position:absolute;right:-110px;top:-15px;width:355px;height:370px;background:linear-gradient(90deg,#eeece5,#faf9f5);transform:rotate(16deg);box-shadow:-12px 14px 30px #59645715;padding:35px;opacity:.65;z-index:0}
body.sth-site.sth-site .company-reference .co-paper h3{font-size:16px!important;letter-spacing:.08em!important;font-weight:400!important;color:#929b91!important;margin-bottom:20px!important}
body.sth-site.sth-site .company-reference .co-paper p{font-size:13px!important;letter-spacing:.03em!important;border-top:1px solid #d6d9d0;padding:7px 0;margin:0!important;color:#a0a69d}
body.sth-site.sth-site .company-reference .co-name{padding:33px 0 38px;background:linear-gradient(115deg,#f4f1e8,#f9f7ef)}
body.sth-site.sth-site .company-reference .co-name-grid{display:grid;grid-template-columns:48% 52%;align-items:center}
body.sth-site.sth-site .company-reference .co-name h2{font-size:36px!important;margin-bottom:20px!important}
body.sth-site.sth-site .company-reference .co-name p{font-size:16px!important;margin-bottom:10px!important}
body.sth-site.sth-site .company-reference .co-name-art{position:relative;min-height:220px;display:flex;align-items:center;padding-right:220px}
body.sth-site.sth-site .company-reference .co-name-art img{width:500px;max-width:100%;position:relative;z-index:1}
body.sth-site.sth-site .company-reference .co-devanagari{position:absolute;right:-15px;top:-30px;font-family:serif!important;font-size:116px!important;color:#c3c7b5!important;opacity:.27;white-space:nowrap}
body.sth-site.sth-site .company-reference .co-name-note{position:absolute;right:5px;bottom:-10px;font-size:12px!important;line-height:1.5!important;letter-spacing:.08em;color:#8a9c8b}
body.sth-site.sth-site .company-reference .co-closing{position:relative;overflow:hidden;padding:38px 0 44px;background:#f7f5ed;border-bottom:1px solid #dcded0}
body.sth-site.sth-site .company-reference .co-closing h2{font-size:39px!important;margin-bottom:18px!important}
body.sth-site.sth-site .company-reference .co-closing p{font-size:17px!important;position:relative;z-index:1}
body.sth-site.sth-site .company-reference .co-closing .co-buttons{margin-top:20px;position:relative;z-index:1}
body.sth-site.sth-site .company-reference .co-closing-globe{position:absolute;right:70px;top:-100px;width:620px;height:620px;opacity:.52;transform:rotate(-20deg)}
body.sth-site.sth-site .company-reference .co-closing-note{position:absolute;right:-5px;bottom:50px;font-size:12px!important;line-height:1.5!important;letter-spacing:.08em;color:#8b9e91}
body.sth-site.sth-site .company-reference .ref-footer{padding-top:32px}
body.sth-site.sth-site .company-reference .ref-footer .ref-brand{width:270px}
body.sth-site.sth-site .company-reference .ref-footer ul{font-size:13px}
body.sth-site.sth-site .company-reference .ref-copyright{font-size:12px!important}
@media(max-width:1199px){
body.sth-site.sth-site .company-reference h1{font-size:40px!important}
body.sth-site.sth-site .company-reference .co-hero-copy p{font-size:16px!important}
body.sth-site.sth-site .company-reference .co-node-circle{width:83px;height:83px}
body.sth-site.sth-site .company-reference .co-node-1 .co-node-circle{width:99px;height:99px}
body.sth-site.sth-site .company-reference .co-node h3{font-size:12px!important}
body.sth-site.sth-site .company-reference .co-node p{font-size:12px!important}
body.sth-site.sth-site .company-reference .co-name-art{padding-right:100px}
body.sth-site.sth-site .company-reference .co-steps{gap:26px}
body.sth-site.sth-site .company-reference .co-step{padding-right:20px}
body.sth-site.sth-site .company-reference .co-step h3{font-size:14px!important}
body.sth-site.sth-site .company-reference .co-step p{font-size:15px!important}
body.sth-site.sth-site .company-reference .co-credentials h2{font-size:32px!important}
body.sth-site.sth-site .company-reference .co-capability-grid{grid-template-columns:46% 51%}
body.sth-site.sth-site .company-reference .co-statement-card{padding:25px 18px}
body.sth-site.sth-site .company-reference .co-statement-card .co-buttons{flex-wrap:wrap}
}
@media(max-width:1023px){
body.sth-site.sth-site .company-reference .ref-container{width:calc(100% - 48px)}
body.sth-site.sth-site .company-reference .co-hero-grid{grid-template-columns:1fr}
body.sth-site.sth-site .company-reference .co-hero-copy{max-width:680px}
body.sth-site.sth-site .company-reference .co-hero-art{min-height:450px;margin-top:15px}
body.sth-site.sth-site .company-reference .co-globe{width:650px;height:650px;left:50%;transform:translateX(-50%);top:-85px;max-width:100%}
body.sth-site.sth-site .company-reference .co-hero-flow{gap:26px}
body.sth-site.sth-site .company-reference .co-art-bottom{bottom:0}
body.sth-site.sth-site .company-reference .co-steps{grid-template-columns:1fr 1fr;gap:35px}
body.sth-site.sth-site .company-reference .co-step:nth-child(2){border:0}
body.sth-site.sth-site .company-reference .co-step:nth-child(2):after{display:none}
body.sth-site.sth-site .company-reference .co-credentials-grid,body.sth-site.sth-site .company-reference .co-capability-grid,body.sth-site.sth-site .company-reference .co-name-grid{grid-template-columns:1fr;gap:30px}
body.sth-site.sth-site .company-reference .co-table{font-size:15px}
body.sth-site.sth-site .company-reference .co-statement-card{max-width:620px}
body.sth-site.sth-site .company-reference .co-paper{top:auto;bottom:-40px}
body.sth-site.sth-site .company-reference .co-name-art{padding-right:150px;min-height:230px}
body.sth-site.sth-site .company-reference .co-closing-globe{right:-150px;opacity:.25}
body.sth-site.sth-site .company-reference .co-closing-note{display:none}
}
@media(max-width:600px){
body.sth-site.sth-site .company-reference .ref-container{width:calc(100% - 40px)}
body.sth-site.sth-site .company-reference .co-hero{padding:35px 0;min-height:0;overflow:hidden}
body.sth-site.sth-site .company-reference h1{font-size:35px!important}
body.sth-site.sth-site .company-reference h2,body.sth-site.sth-site .company-reference .co-credentials h2,body.sth-site.sth-site .company-reference .co-capability h2,body.sth-site.sth-site .company-reference .co-name h2,body.sth-site.sth-site .company-reference .co-closing h2{font-size:30px!important}
body.sth-site.sth-site .company-reference .co-hero-copy p br,body.sth-site.sth-site .company-reference h2 br{display:none}
body.sth-site.sth-site .company-reference .ref-eyebrow{font-size:11px}
body.sth-site.sth-site .company-reference .co-hero-art{min-height:555px;padding:80px 0 40px}
body.sth-site.sth-site .company-reference .co-hero-flow{grid-template-columns:1fr 1fr;gap:35px 24px;margin:0}
body.sth-site.sth-site .company-reference .co-node:nth-child(2):after{display:none}
body.sth-site.sth-site .company-reference .co-node-1 .co-node-circle{margin-top:-8px}
body.sth-site.sth-site .company-reference .co-art-note{top:0;right:10px;font-size:10px!important}
body.sth-site.sth-site .company-reference .co-art-bottom{display:none}
body.sth-site.sth-site .company-reference .co-globe{top:-35px;height:600px}
body.sth-site.sth-site .company-reference .co-operate,body.sth-site.sth-site .company-reference .co-credentials,body.sth-site.sth-site .company-reference .co-capability,body.sth-site.sth-site .company-reference .co-name,body.sth-site.sth-site .company-reference .co-closing{padding:34px 0}
body.sth-site.sth-site .company-reference .co-steps{grid-template-columns:1fr;gap:30px;margin-top:30px}
body.sth-site.sth-site .company-reference .co-step,body.sth-site.sth-site .company-reference .co-step:first-child{border:1px solid #deded1;padding:22px;text-align:left;background:#faf8f1}
body.sth-site.sth-site .company-reference .co-step .co-icon{margin:0 0 20px;width:48px;height:48px}
body.sth-site.sth-site .company-reference .co-step:not(:last-child):after{content:'↓';display:block;right:25px;top:auto;bottom:-33px;font-size:27px;background:transparent}
body.sth-site.sth-site .company-reference .co-step p{max-width:none}
body.sth-site.sth-site .company-reference .co-technical-art{opacity:.2;right:-180px}
body.sth-site.sth-site .company-reference .co-credentials p{padding:0;font-size:16px!important}
body.sth-site.sth-site .company-reference .co-table{font-size:12px}
body.sth-site.sth-site .company-reference .co-table th,body.sth-site.sth-site .company-reference .co-table td{padding:10px 9px}
body.sth-site.sth-site .company-reference .co-statement-top{gap:14px}
body.sth-site.sth-site .company-reference .co-statement-top h3{font-size:19px!important}
body.sth-site.sth-site .company-reference .co-statement-card .co-buttons{gap:10px}
body.sth-site.sth-site .company-reference .co-paper{display:none}
body.sth-site.sth-site .company-reference .co-name-art{padding:0;min-height:185px}
body.sth-site.sth-site .company-reference .co-name-art img{width:270px}
body.sth-site.sth-site .company-reference .co-devanagari{font-size:90px!important;right:0;top:0}
body.sth-site.sth-site .company-reference .co-name-note{font-size:9px!important;bottom:-15px}
body.sth-site.sth-site .company-reference .co-buttons .ref-button{font-size:10px!important;padding:14px 15px!important}
}
@font-face{font-family:STHDevanagari;src:url('../assets/technical/company-reference/NotoSansDevanagari.ttf') format('truetype');font-weight:100 900;font-display:swap}
body.sth-site.sth-site .company-reference .co-name-art p.co-devanagari{position:absolute;right:-15px;top:-30px;font-family:STHDevanagari,serif!important;font-size:116px!important;line-height:1.2!important;color:#c3c7b5!important;opacity:.27}
body.sth-site.sth-site .company-reference .co-closing p.co-closing-note{position:absolute;right:-5px;bottom:50px;font-size:12px!important;line-height:1.5!important;letter-spacing:.08em;color:#8b9e91}
@media(min-width:1200px){
body.sth-site.sth-site .company-reference .co-hero{padding:45px 0 40px;min-height:620px}
body.sth-site.sth-site .company-reference h1{font-size:45px!important;line-height:1.05!important;width:108.7%;transform:scaleX(.92);transform-origin:left center;white-space:nowrap}
body.sth-site.sth-site .company-reference .co-hero-art{min-height:510px}
body.sth-site.sth-site .company-reference .co-operate{padding:32px 0 28px}
body.sth-site.sth-site .company-reference .co-steps{margin-top:35px}
body.sth-site.sth-site .company-reference .co-step .co-icon{width:55px;height:55px;margin-bottom:20px}
body.sth-site.sth-site .company-reference .co-credentials{padding:32px 0 24px}
body.sth-site.sth-site .company-reference .co-credentials p{font-size:16px!important}
}
@media(min-width:1024px) and (max-width:1199px){body.sth-site.sth-site .company-reference .co-hero{overflow:hidden}body.sth-site.sth-site .company-reference .co-globe{max-width:120%;height:600px}}
@media(max-width:1023px){body.sth-site.sth-site .company-reference .co-closing p.co-closing-note{display:none}}
@media(max-width:600px){body.sth-site.sth-site .company-reference .co-name-art p.co-devanagari{font-size:90px!important;right:0;top:0}}
@media(min-width:1200px){body.sth-site.sth-site .company-reference .co-capability-grid{grid-template-columns:43% 39%;gap:2%}body.sth-site.sth-site .company-reference .co-statement-card{padding:30px 25px}body.sth-site.sth-site .company-reference .co-closing{padding-bottom:32px}}
body.sth-site.sth-site .company-reference .co-name-art p.co-name-note{position:absolute;right:5px;bottom:-10px;font-size:12px!important;line-height:1.5!important;letter-spacing:.08em;color:#8a9c8b}
@media(max-width:600px){body.sth-site.sth-site .company-reference .co-name-art{min-height:240px}body.sth-site.sth-site .company-reference .co-name-art p.co-name-note{font-size:10px!important;bottom:0;right:0}body.sth-site.sth-site .company-reference .ref-footer .ref-brand{grid-column:1/-1;width:260px;margin-bottom:10px}}
