/* Moved to assets/css/style.css. Adjusted image paths. */
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
html {width:100%;}
.root, html, body { height: 100%; }
body {
  font-family: 'Inter', Verdana, Arial, Helvetica, sans-serif;
  color: #2b2f33;
  min-width: 320px;
  background-color: #eceff1;
  font-size: 16px;
  margin: 0;
}
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.bg {width:100%; background:url(../../images/bg-tail.gif) center top repeat;}
.main {width:100%;max-width:1200px;padding:0 20px;margin:0 auto;box-sizing:border-box;font-size:1rem;line-height:1.6;}
a {color:#0b66c2; outline:none;} a:hover {text-decoration:none; color:#084e9a}
:root { --accent:#4b5bdc; --accent-dark:#3a47b3; --accent-contrast:#ffffff; --accent-alt:#8b5cf6; --accent-soft:#d6dcff; --accent-warm:#ffb677; --on-dark:#f4f6ff; --text-primary:#20243a; --muted:#5a6078; --gradient-hero:linear-gradient(135deg,#ffffff 0%, #f6f7ff 55%, #eef0ff 100%); --gradient-card:linear-gradient(145deg,#ffffff 0%, #f4f5ff 55%, #eef0ff 100%); --surface-dark:#434343; --surface-darker:#393939; }
a {color:var(--accent); outline:none;} a:hover {text-decoration:none; color:var(--accent-dark)}
.col-1, .col-2 {float:left;}
.wrapper {width:100%; overflow:hidden;} .extra-wrap {overflow:hidden;}
p {margin-bottom:18px;} .p0 {margin-bottom:0} .p1 {margin-bottom:8px} .p2 {margin-bottom:15px} .p3 {margin-bottom:30px} .p4 {margin-bottom:40px} .p5 {margin-bottom:53px}
.reg {text-transform:uppercase;} .fleft {float:left;} .fright {float:right;} .alignright{text-align:right;} .aligncenter{text-align:center;} .it{font-style:italic;}
.color-1 {color:#fff;} .color-2 {color:#000;} .color-3 {color:#d43400;}
header {width:100%;position:relative;z-index:1020;background:transparent;}
.navbar {padding-top:.35rem;padding-bottom:.35rem;background:#ffffff;backdrop-filter:blur(6px) saturate(110%);-webkit-backdrop-filter:blur(6px) saturate(110%);border-radius:0;padding:.5rem 1rem;}
.navbar .navbar-brand .brand-title {color: var(--text-primary);font-weight:700;} .navbar .brand-sub{color:#55626a;}
.navbar .nav-link{color:var(--text-primary)!important;position:relative;overflow:visible;padding:8px 14px;transition:color .18s ease-in-out, transform .18s ease;}
.navbar .nav-link.active,.navbar .nav-link:hover{color:var(--text-primary)!important;background-color:rgba(17,24,39,0.04)!important;border-radius:6px;}
.navbar .nav-link::after{content:'';position:absolute;left:14px;right:14px;bottom:6px;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-dark));transform:scaleX(0);transform-origin:left center;transition:transform .22s cubic-bezier(.2,.9,.2,1);border-radius:6px;opacity:.95;}
.navbar .nav-link:hover::after,.navbar .nav-link.active::after{transform:scaleX(1);}
.navbar .navbar-toggler{border:1px solid rgba(52,65,73,0.08);background:rgba(255,255,255,0.02);} .navbar .navbar-toggler-icon{width:24px;height:2px;background:var(--accent);display:inline-block;position:relative;}
.navbar .navbar-toggler-icon::before,.navbar .navbar-toggler-icon::after{content:'';position:absolute;left:0;right:0;height:2px;background:var(--accent);} .navbar .navbar-toggler-icon::before{top:-7px;} .navbar .navbar-toggler-icon::after{top:7px;}
h1 {position:relative;float:left;} h1,h2,h3,h4,h5,h6{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;color:#1f2933;} h1{font-weight:800;letter-spacing:-0.02em;font-size:2.1rem;} h2{font-weight:700;letter-spacing:-0.01em;} h3{font-weight:600;}
.hero {background:#ffffff;position:relative;border:1px solid rgba(75,91,220,0.10);} .hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg, rgba(75,91,220,0.06) 0%, rgba(139,92,246,0.05) 38%, rgba(255,255,255,0.55) 62%),radial-gradient(circle at 68% 28%, rgba(75,91,220,0.12), transparent 60%),radial-gradient(circle at 18% 78%, rgba(139,92,246,0.10), transparent 65%);opacity:.85;}
.hero-inner{padding:2rem;align-items:flex-start;background:transparent;position:relative;z-index:1;} .hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--accent) 0%, var(--accent-alt) 100%);opacity:.85;}
.hero-content .display-6{font-size:1.75rem;font-weight:700;color:#111827;} .hero .lead{color:#4b5563;} .hero-content{display:flex;flex-direction:column;justify-content:center;text-align:left;} .hero-image{display:flex;align-items:center;justify-content:center;} .hero-image img{display:block;max-width:100%;height:auto;}
@media (min-width:992px){.hero-inner{align-items:center;}}
.card{border-radius:14px;background:var(--gradient-card);border:1px solid rgba(75,91,220,0.14);position:relative;overflow:hidden;} .cards .card{transition:transform .3s ease, box-shadow .3s ease;} .cards .card:hover{transform:translateY(-6px);box-shadow:0 14px 28px -10px rgba(15,23,42,0.18),0 0 0 1px rgba(75,91,220,0.28);} .card .card-title{font-weight:600;color:var(--text-primary);position:relative;} .card .card-title::after{content:'';display:block;width:50px;height:3px;margin-top:6px;border-radius:2px;background:linear-gradient(90deg,var(--accent), var(--accent-alt));} .card .card-body{padding:1.35rem 1.35rem 1.25rem;} .card::before{content:'';position:absolute;top:0;right:0;width:60px;height:60px;background:radial-gradient(circle at 100% 0%, rgba(75,91,220,0.28), transparent 72%);opacity:.28;}
.shadow-sm{box-shadow:0 6px 18px rgba(15,23,42,0.06)!important;}
@media (min-width:992px){.hero-inner{padding:2.5rem 3rem;}} .hero-image img{max-height:320px;width:auto;height:auto;} @media (max-width:767px){.hero-inner{padding:1.25rem;} .hero-image img{max-height:200px;}} @media (min-width:1200px){.hero-inner{padding:3rem 4rem;}}
 h1 a{display:block;width:256px;height:81px;text-indent:-9999em;background-image:url(../../images/logo1.png);background-repeat:no-repeat;background-position:0 0;}
.menu-row{width:100%;padding-bottom:0;background-color:transparent;} .menu{padding:0;border-left:1px solid rgba(200,179,240,0.18);} .menu>li{float:left;position:relative;list-style-type:none;} .menu>li>a{display:block;padding:10px 16px;font-size:15px;color:#344149;text-transform:uppercase;text-align:center;border-radius:6px;} .menu li a.active,.menu>li>a:hover{color:var(--accent-dark);background:rgba(168,144,216,0.12);}
#content{width:100%;padding:37px 0 45px;position:relative;z-index:1;margin:30px;}
footer{position:relative;bottom:0;background-color:#ffffff;color:var(--text-primary);opacity:1;padding:28px 16px;border-top:1px solid rgba(17,24,39,0.06);} footer,footer *{color:var(--text-primary)!important;} footer a,footer .nav-link,footer a:link,footer a:visited{color:var(--text-primary)!important;text-decoration:none;} footer a:hover,footer .nav-link:hover{color:var(--accent)!important;}
.btn-ssstech-accent{background:linear-gradient(135deg,var(--accent) 0%, var(--accent-dark) 100%);color:var(--accent-contrast);border:none;box-shadow:0 4px 10px -2px rgba(75,91,220,0.45);} .btn-ssstech-accent:hover{filter:brightness(1.08);color:var(--accent-contrast);} .btn-ssstech-secondary{background:linear-gradient(135deg,var(--accent-alt),#6d40d9);color:#fff;border:none;box-shadow:0 4px 12px -3px rgba(139,92,246,0.5);} .btn-ssstech-secondary:hover{filter:brightness(1.08);}
.glass-panel{background:linear-gradient(140deg,rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.32) 60%)!important;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);box-shadow:0 8px 26px -6px rgba(31,43,66,0.20),0 0 0 1px rgba(255,255,255,0.35);border:1px solid rgba(255,255,255,0.42);border-radius:18px;position:relative;} .glass-panel::before{content:'';position:absolute;inset:0;border-radius:18px;pointer-events:none;background:linear-gradient(220deg, rgba(75,91,220,0.18), rgba(139,92,246,0.12) 28%, rgba(255,255,255,0.25) 75%);opacity:.65;}
.depth-3d{perspective:1200px;} .card.card-3d{transform-style:preserve-3d;transition:transform .7s cubic-bezier(.16,.84,.44,1), box-shadow .45s ease;background:linear-gradient(150deg,rgba(255,255,255,0.82),rgba(238,240,255,0.82));backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);border:1px solid rgba(75,91,220,0.18);} .card.card-3d::after{content:'';position:absolute;inset:0;border-radius:14px;pointer-events:none;background:linear-gradient(120deg, rgba(75,91,220,0.25), rgba(139,92,246,0.15) 45%, rgba(255,255,255,0.30) 80%);opacity:.55;} .card.card-3d:hover{transform:translateY(-10px) rotateX(6deg) rotateY(-5deg);box-shadow:0 28px 48px -12px rgba(24,33,55,0.35),0 0 0 1px rgba(75,91,220,0.25);} .card.card-3d:hover::before{content:'';position:absolute;top:0;left:-60%;width:50%;height:100%;background:linear-gradient(100deg, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.65) 48%, rgba(255,255,255,0.0) 100%);transform:skewX(-12deg);animation:shine 1.35s ease forwards;} @keyframes shine{0%{left:-60%;opacity:0;}30%{opacity:.85;}70%{opacity:.65;}100%{left:140%;opacity:0;}}
.hero-content.glass-panel{padding:1.5rem 1.75rem 1.6rem;box-shadow:0 12px 38px -12px rgba(33,42,66,0.32),0 0 0 1px rgba(255,255,255,0.30);} .hero-content.glass-panel h1,.hero-content.glass-panel .lead{position:relative;z-index:2;}
.float-soft{animation:floatSoft 6s ease-in-out infinite;} @keyframes floatSoft{0%{transform:translateY(0);}50%{transform:translateY(-6px);}100%{transform:translateY(0);}}
.btn-glass-outline{background:rgba(255,255,255,0.35);backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);border:1px solid rgba(255,255,255,0.55);color:var(--accent-dark);} .btn-glass-outline:hover{background:rgba(255,255,255,0.55);color:var(--accent);}
.btn-outline-light{color:#344149;border:1px solid rgba(52,65,73,0.08);}
@keyframes slidy{0%{left:0%;}20%{left:0%;}25%{left:-100%;}45%{left:-100%;}50%{left:-200%;}70%{left:-200%;}75%{left:-300%;}85%{left:-300%;}95%{left:-400%;}100%{left:-400%;}} div#slider{overflow:hidden} div#slider figure img{height:500px;width:20%;float:left;} div#slider figure{position:relative;width:500%;margin:0;left:0;animation:18s slidy infinite;}
img#logoimg{position:relative;}
#transbg{background-color:rgba(31,41,51,0.06);color:#111827;margin:24px auto;padding:24px;max-width:1100px;border-radius:8px;}
font#head1{font-family:Verdana;font-size:2em;} font#head2{font-family:Verdana;font-size:1.25em;} font#para,center#para{font-family:Verdana;font-size:1.05em;}
.client-logos-grid .card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1.15rem 1rem .95rem;min-height:170px;background:linear-gradient(160deg,#2b3137 0%, #354148 55%, #3e4950 100%);border:1px solid rgba(255,255,255,0.07);position:relative;overflow:hidden;transition:box-shadow .28s ease, transform .28s ease;} .client-logos-grid .card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent) 0%, var(--accent-dark) 100%);opacity:.9;}
.client-logo-img{max-height:70px;width:100%;max-width:130px;object-fit:contain;filter:none;transition:transform .3s ease;} .client-logo-img:hover{transform:scale(1.05);} img.logo{filter:none;transition:transform .3s ease;} img.logo:hover{transform:scale(1.02);} .client-logos-grid .logo-box{flex:1 0 auto;width:100%;display:flex;align-items:center;justify-content:center;padding:.35rem 0 .55rem;background:radial-gradient(circle at 50% 40%, rgba(255,255,255,0.14), rgba(255,255,255,0.04) 70%);border-radius:10px;} .logo-box-light{background:#ffffff!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.06);} .client-logos-grid .card .fw-semibold{font-size:.75rem;letter-spacing:.55px;text-transform:uppercase;color:var(--on-dark);opacity:.92;} .client-logos-grid .logo-card:hover{box-shadow:0 18px 38px -8px rgba(0,0,0,0.55),0 0 0 1px rgba(255,255,255,0.08);transform:translateY(-6px);}