IT SERVICES
Managed services, consulting, system integration and technology delivery organizations
/* =========================================================
WORDPRESS-SAFE ISOLATION
All styles are scoped to #tech-ites-cybersecurity.
========================================================= */
#tech-ites-cybersecurity{
–primary:#8E231F;
–primary-dark:#6E1714;
–primary-soft:#F8ECEB;
–secondary:#221E1F;
–third:#878787;
–white:#FFFFFF;
–off:#FAFAF9;
–light:#F5F5F4;
–border:#E7E5E4;
–text:#221E1F;
–muted:#666666;
–shadow-sm:0 8px 25px rgba(34,30,31,.06);
–shadow-md:0 18px 50px rgba(34,30,31,.10);
–shadow-lg:0 25px 80px rgba(34,30,31,.13);
–radius:18px;
–container:1180px;
–ease:all .3s ease;
all:initial;
display:block;
width:100%;
box-sizing:border-box;
font-family:”Inter”,Arial,sans-serif;
color:var(–text);
background:#fff;
line-height:1.7;
-webkit-font-smoothing:antialiased;
text-align:left;
overflow:hidden;
scroll-behavior:smooth;
}
#tech-ites-cybersecurity,
#tech-ites-cybersecurity *{box-sizing:border-box}
#tech-ites-cybersecurity h1,
#tech-ites-cybersecurity h2,
#tech-ites-cybersecurity h3,
#tech-ites-cybersecurity h4,
#tech-ites-cybersecurity p,
#tech-ites-cybersecurity ul,
#tech-ites-cybersecurity ol{font-family:”Inter”,Arial,sans-serif}
#tech-ites-cybersecurity h1,
#tech-ites-cybersecurity h2,
#tech-ites-cybersecurity h3,
#tech-ites-cybersecurity h4,
#tech-ites-cybersecurity p,
#tech-ites-cybersecurity ul,
#tech-ites-cybersecurity ol{margin:0}
#tech-ites-cybersecurity ul,
#tech-ites-cybersecurity ol{padding:0;list-style:none}
#tech-ites-cybersecurity a{text-decoration:none;color:inherit}
#tech-ites-cybersecurity img{max-width:100%;display:block}
#tech-ites-cybersecurity button{font-family:inherit}
#tech-ites-cybersecurity .container{width:min(var(–container),calc(100% – 40px));margin:0 auto}
#tech-ites-cybersecurity .section{padding:84px 0}
#tech-ites-cybersecurity .section-sm{padding:62px 0}
#tech-ites-cybersecurity .center{text-align:center}
#tech-ites-cybersecurity .eyebrow{
display:inline-flex;
align-items:center;
gap:9px;
color:var(–primary);
font-size:12px;
font-weight:800;
letter-spacing:1.6px;
text-transform:uppercase;
margin-bottom:15px;
}
#tech-ites-cybersecurity .eyebrow:before{
content:””;
width:28px;
height:2px;
background:var(–primary);
}
#tech-ites-cybersecurity .section-title{
max-width:840px;
font-size:clamp(32px,4vw,48px);
line-height:1.1;
letter-spacing:-1.6px;
margin:0 auto 18px;
text-align:center;
}
#tech-ites-cybersecurity .section-title-left{
max-width:760px;
font-size:clamp(32px,4vw,48px);
line-height:1.1;
letter-spacing:-1.6px;
margin:0 0 18px;
text-align:left;
}
#tech-ites-cybersecurity .section-intro{
max-width:800px;
color:var(–muted);
font-size:16px;
margin:0 auto;
}
#tech-ites-cybersecurity .btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
min-height:50px;
padding:0 22px;
border-radius:8px;
border:1px solid transparent;
font-size:13px;
font-weight:800;
transition:var(–ease);
cursor:pointer;
}
#tech-ites-cybersecurity .btn-primary{background:var(–primary);color:#fff}
#tech-ites-cybersecurity .btn-primary:hover{background:var(–primary-dark);transform:translateY(-2px)}
#tech-ites-cybersecurity .btn-outline{background:#fff;border-color:#D4D0CE;color:var(–secondary)}
#tech-ites-cybersecurity .btn-outline:hover{border-color:var(–primary);color:var(–primary)}
#tech-ites-cybersecurity .reveal{
opacity:0;
transform:translateY(22px);
transition:opacity .7s ease,transform .7s ease;
}
#tech-ites-cybersecurity .reveal.visible{opacity:1;transform:none}
/* =========================================================
HERO
========================================================= */
#tech-ites-cybersecurity .hero{
min-height:720px;
display:flex;
align-items:center;
position:relative;
background:
radial-gradient(circle at 7% 18%,rgba(142,35,31,.10),transparent 25%),
radial-gradient(circle at 93% 76%,rgba(34,30,31,.045),transparent 25%),
linear-gradient(180deg,#fff 0%,#faf9f8 100%);
overflow:hidden;
}
#tech-ites-cybersecurity .hero:before{
content:””;
position:absolute;
width:560px;height:560px;
}
#tech-ites-cybersecurity .hero-grid{
display:grid;
grid-template-columns:1.02fr .98fr;
gap:58px;
align-items:center;
position:relative;
z-index:2;
}
#tech-ites-cybersecurity .hero-content{max-width:760px}
#tech-ites-cybersecurity .hero-kicker{
display:inline-flex;
align-items:center;
gap:9px;
padding:8px 13px;
border-radius:50px;
background:var(–primary-soft);
color:var(–primary);
font-size:12px;
font-weight:800;
margin-bottom:21px;
}
#tech-ites-cybersecurity .hero h1{
max-width:790px;
font-size:clamp(44px,5vw,72px);
line-height:1.02;
letter-spacing:-3.4px;
margin-bottom:24px;
color:var(–secondary);
}
#tech-ites-cybersecurity .hero h1 span{color:var(–primary)}
#tech-ites-cybersecurity .hero-subtitle{
max-width:700px;
color:#555;
font-size:18px;
line-height:1.65;
margin-bottom:30px;
}
#tech-ites-cybersecurity .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
#tech-ites-cybersecurity .hero-note{
display:flex;
gap:9px;
align-items:center;
margin-top:20px;
color:#777;
font-size:11px;
}
#tech-ites-cybersecurity .hero-note i{color:var(–primary)}
/* Immersive technology security visual */
#tech-ites-cybersecurity .hero-visual{
position:relative;
min-height:515px;
border:1px solid rgba(142,35,31,.15);
border-radius:28px;
background:
radial-gradient(circle at 50% 50%,rgba(142,35,31,.07),transparent 31%),
linear-gradient(145deg,#fff 0%,#f5f1f0 100%);
overflow:hidden;
box-shadow:var(–shadow-lg);
}
#tech-ites-cybersecurity .hero-visual:after{
content:””;
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(34,30,31,.035) 1px,transparent 1px),
linear-gradient(90deg,rgba(34,30,31,.035) 1px,transparent 1px);
background-size:36px 36px;
mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);
pointer-events:none;
}
#tech-ites-cybersecurity .orbit{
position:absolute;
left:50%;top:50%;
transform:translate(-50%,-50%);
border:1px solid rgba(142,35,31,.16);
border-radius:50%;
}
#tech-ites-cybersecurity .orbit.o1{width:430px;height:430px}
#tech-ites-cybersecurity .orbit.o2{width:310px;height:310px;border-style:dashed}
#tech-ites-cybersecurity .orbit.o3{width:195px;height:195px}
#tech-ites-cybersecurity .tech-core{
position:absolute;
left:50%;top:50%;
transform:translate(-50%,-50%);
width:126px;height:126px;
border-radius:27px;
background:var(–secondary);
color:#fff;
display:grid;
place-items:center;
text-align:center;
box-shadow:0 20px 50px rgba(34,30,31,.20);
z-index:4;
}
#tech-ites-cybersecurity .tech-core i{font-size:30px;color:#e6a19d;margin-bottom:4px}
#tech-ites-cybersecurity .tech-core strong{display:block;font-size:12px;letter-spacing:.8px}
#tech-ites-cybersecurity .hero-node{
position:absolute;
width:140px;
padding:13px 10px;
border-radius:14px;
border:1px solid #e4dfdd;
background:#fff;
box-shadow:0 12px 30px rgba(34,30,31,.08);
text-align:center;
z-index:5;
}
#tech-ites-cybersecurity .hero-node i{display:block;color:var(–primary);font-size:18px;margin-bottom:5px}
#tech-ites-cybersecurity .hero-node strong{display:block;font-size:11px;line-height:1.25}
#tech-ites-cybersecurity .hero-node small{display:block;color:#888;font-size:9px;line-height:1.35;margin-top:3px}
#tech-ites-cybersecurity .node-app{top:43px;left:30px}
#tech-ites-cybersecurity .node-cloud{top:43px;right:30px}
#tech-ites-cybersecurity .node-api{bottom:43px;left:30px}
#tech-ites-cybersecurity .node-soc{bottom:43px;right:30px}
#tech-ites-cybersecurity .node-code{left:50%;top:21px;transform:translateX(-50%)}
#tech-ites-cybersecurity .hero-label{
position:absolute;left:18px;bottom:16px;
padding:8px 12px;border-radius:999px;
background:rgba(34,30,31,.92);color:#fff;
font-size:10px;font-weight:700;z-index:7;
}
#tech-ites-cybersecurity .signal{
position:absolute;left:50%;top:50%;
width:430px;height:1px;
background:linear-gradient(90deg,transparent,rgba(142,35,31,.38),transparent);
transform:translate(-50%,-50%) rotate(27deg);
z-index:2;
}
/* =========================================================
CAPABILITY STRIP
========================================================= */
#tech-ites-cybersecurity .capability-strip{
width:100%;
padding:26px 0;
background:#f7f5f4;
border-top:1px solid #e7e3e1;
border-bottom:1px solid #e7e3e1;
overflow:hidden;
}
#tech-ites-cybersecurity .capability-inner{
width:calc(100% – 40px);
max-width:1180px;
margin:0 auto;
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px;
}
#tech-ites-cybersecurity .capability-card{
position:relative;
min-height:145px;
padding:22px 20px 20px;
background:#fff;
border:1px solid #e5e1df;
border-radius:14px;
display:flex;
flex-direction:column;
overflow:hidden;
transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
#tech-ites-cybersecurity .capability-card:before{
content:””;
position:absolute;
top:0;left:0;width:100%;height:3px;
background:var(–primary);
transform:scaleX(0);
transform-origin:left;
transition:transform .3s ease;
}
#tech-ites-cybersecurity .capability-card:hover{
transform:translateY(-5px);
border-color:rgba(142,35,31,.35);
box-shadow:0 15px 35px rgba(34,30,31,.09);
}
#tech-ites-cybersecurity .capability-card:hover:before{transform:scaleX(1)}
#tech-ites-cybersecurity .capability-number{
position:absolute;top:17px;right:18px;
font-size:10px;font-weight:800;
letter-spacing:1px;color:#c9c3c1;
}
#tech-ites-cybersecurity .capability-icon{
width:42px;height:42px;
display:flex;align-items:center;justify-content:center;
background:#f8eceb;color:var(–primary);
border-radius:10px;font-size:16px;
margin-bottom:18px;
}
#tech-ites-cybersecurity .capability-card:hover .capability-icon{background:var(–primary);color:#fff}
#tech-ites-cybersecurity .capability-content h3{font-size:15px;line-height:1.25;font-weight:800;color:var(–secondary);margin-bottom:5px}
#tech-ites-cybersecurity .capability-content p{font-size:11px;line-height:1.45;color:var(–third)}
/* =========================================================
INTRO
========================================================= */
#tech-ites-cybersecurity .intro-grid{
display:grid;
grid-template-columns:.9fr 1.1fr;
gap:78px;
align-items:center;
}
#tech-ites-cybersecurity .intro-lead{
font-size:23px;
font-weight:600;
line-height:1.45;
}
#tech-ites-cybersecurity .intro-copy{color:var(–muted);font-size:14px}
#tech-ites-cybersecurity .intro-copy p+p{margin-top:17px}
#tech-ites-cybersecurity .answer-box{
margin-top:25px;
padding:17px 20px;
border:1px solid rgba(142,35,31,.14);
border-left:3px solid var(–primary);
border-radius:12px;
background:#fff;
box-shadow:var(–shadow-sm);
}
#tech-ites-cybersecurity .answer-box strong{display:block;font-size:12px;margin-bottom:4px}
#tech-ites-cybersecurity .answer-box p{font-size:12px;color:var(–muted);line-height:1.6}
/* =========================================================
RISK LANDSCAPE
========================================================= */
#tech-ites-cybersecurity .risk-section{
background:var(–secondary);
color:#fff;
border-radius:30px;
padding:78px 0;
margin:0 20px;
width:calc(100% – 40px);
}
#tech-ites-cybersecurity .risk-section .eyebrow{color:#d98b87}
#tech-ites-cybersecurity .risk-section .eyebrow:before{background:#d98b87}
#tech-ites-cybersecurity .risk-section .section-intro{color:#bdb8b8}
#tech-ites-cybersecurity .risk-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:15px;
margin-top:45px;
}
#tech-ites-cybersecurity .risk-card{
padding:23px;
border:1px solid rgba(255,255,255,.09);
border-radius:14px;
background:rgba(255,255,255,.035);
transition:var(–ease);
}
#tech-ites-cybersecurity .risk-card:hover{
transform:translateY(-5px);
border-color:rgba(142,35,31,.7);
background:rgba(142,35,31,.10);
}
#tech-ites-cybersecurity .risk-icon{
width:43px;height:43px;
display:grid;place-items:center;
border-radius:10px;
background:rgba(142,35,31,.18);
color:#e5a09d;
margin-bottom:18px;
}
#tech-ites-cybersecurity .risk-card h3{font-size:16px;margin-bottom:7px}
#tech-ites-cybersecurity .risk-card p{color:#afa9a9;font-size:12px;line-height:1.55}
/* =========================================================
ATTACK SURFACE
========================================================= */
#tech-ites-cybersecurity .surface{background:var(–off)}
#tech-ites-cybersecurity .surface-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
margin-top:45px;
}
#tech-ites-cybersecurity .surface-card{
background:#fff;
border:1px solid var(–border);
border-radius:14px;
padding:23px;
min-height:170px;
transition:var(–ease);
}
#tech-ites-cybersecurity .surface-card:hover{border-color:rgba(142,35,31,.35);box-shadow:var(–shadow-sm);transform:translateY(-4px)}
#tech-ites-cybersecurity .surface-card i{color:var(–primary);font-size:20px;margin-bottom:14px}
#tech-ites-cybersecurity .surface-card h3{font-size:15px;margin-bottom:6px}
#tech-ites-cybersecurity .surface-card p{color:var(–muted);font-size:12px;line-height:1.55}
/* =========================================================
SERVICES
========================================================= */
#tech-ites-cybersecurity .services-head{margin-bottom:46px}
#tech-ites-cybersecurity .services-grid{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:16px;
}
#tech-ites-cybersecurity .services-grid .service-card{
width:calc((100% – 32px) / 3);
}
#tech-ites-cybersecurity .service-card{
position:relative;
padding:27px;
background:#fff;
border:1px solid var(–border);
border-radius:16px;
overflow:hidden;
transition:var(–ease);
}
#tech-ites-cybersecurity .service-card:before{
content:””;
position:absolute;
top:0;left:0;width:100%;height:3px;
background:var(–primary);
transform:scaleX(0);
transform-origin:left;
transition:transform .3s ease;
}
#tech-ites-cybersecurity .service-card:hover{
transform:translateY(-5px);
border-color:rgba(142,35,31,.32);
box-shadow:var(–shadow-md);
}
#tech-ites-cybersecurity .service-card:hover:before{transform:scaleX(1)}
#tech-ites-cybersecurity .service-number{font-size:10px;font-weight:800;color:#c2bdbb;letter-spacing:1px;margin-bottom:14px}
#tech-ites-cybersecurity .service-icon{
width:48px;height:48px;
display:grid;place-items:center;
border-radius:12px;background:var(–primary-soft);
color:var(–primary);font-size:18px;
margin-bottom:18px;
}
#tech-ites-cybersecurity .service-card h3{font-size:18px;line-height:1.25;margin-bottom:9px}
#tech-ites-cybersecurity .service-card>p{color:var(–muted);font-size:12px;line-height:1.55;margin-bottom:16px}
#tech-ites-cybersecurity .service-list{display:grid;gap:8px}
#tech-ites-cybersecurity .service-list li{
position:relative;
padding-left:17px;
color:#555;
font-size:11px;
line-height:1.45;
}
#tech-ites-cybersecurity .service-list li:before{
content:”f00c”;
font-family:”Font Awesome 6 Free”;
font-weight:900;
position:absolute;left:0;top:0;
color:var(–primary);
font-size:9px;
}
/* =========================================================
ARCHITECTURE
========================================================= */
#tech-ites-cybersecurity .split{
display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
align-items:center;
}
#tech-ites-cybersecurity .split.reverse .split-copy{order:2}
#tech-ites-cybersecurity .architecture-visual{
position:relative;
min-height:440px;
border-radius:24px;
border:1px solid rgba(142,35,31,.14);
background:linear-gradient(145deg,#fff,#f6f2f1);
overflow:hidden;
box-shadow:var(–shadow-md);
}
#tech-ites-cybersecurity .architecture-visual .layer{
position:absolute;
left:50%;
transform:translateX(-50%);
width:76%;
padding:15px 18px;
border:1px solid #e2dddb;
background:#fff;
border-radius:12px;
box-shadow:0 8px 20px rgba(34,30,31,.06);
display:flex;align-items:center;gap:12px;
}
#tech-ites-cybersecurity .architecture-visual .layer i{color:var(–primary);width:28px;text-align:center}
#tech-ites-cybersecurity .architecture-visual .layer strong{font-size:12px}
#tech-ites-cybersecurity .architecture-visual .layer small{display:block;color:#888;font-size:9px}
#tech-ites-cybersecurity .layer.l1{top:42px}
#tech-ites-cybersecurity .layer.l2{top:128px}
#tech-ites-cybersecurity .layer.l3{top:214px}
#tech-ites-cybersecurity .layer.l4{top:300px}
#tech-ites-cybersecurity .architecture-visual:before{
content:””;
position:absolute;left:50%;top:98px;height:250px;
border-left:1px dashed rgba(142,35,31,.28);
}
#tech-ites-cybersecurity .split-copy>p{color:var(–muted);font-size:14px;line-height:1.7;margin-bottom:15px}
#tech-ites-cybersecurity .points{display:grid;gap:11px;margin-top:22px}
#tech-ites-cybersecurity .points li{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#555}
#tech-ites-cybersecurity .points i{color:var(–primary);margin-top:4px}
/* =========================================================
COMPLIANCE
========================================================= */
#tech-ites-cybersecurity .regulatory{background:var(–off)}
#tech-ites-cybersecurity .framework-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
margin-top:44px;
}
#tech-ites-cybersecurity .framework{
padding:22px;
border:1px solid var(–border);
background:#fff;
border-radius:14px;
transition:var(–ease);
}
#tech-ites-cybersecurity .framework:hover{transform:translateY(-4px);border-color:rgba(142,35,31,.32);box-shadow:var(–shadow-sm)}
#tech-ites-cybersecurity .framework strong{display:block;font-size:14px;margin-bottom:6px}
#tech-ites-cybersecurity .framework p{color:var(–muted);font-size:11px;line-height:1.5}
/* =========================================================
OUTCOMES
========================================================= */
#tech-ites-cybersecurity .outcome-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
margin-top:44px;
}
#tech-ites-cybersecurity .outcome{
padding:24px;
border-radius:14px;
background:#fff;
border:1px solid var(–border);
}
#tech-ites-cybersecurity .outcome-num{font-size:28px;font-weight:800;color:var(–primary);line-height:1;margin-bottom:13px}
#tech-ites-cybersecurity .outcome h3{font-size:15px;margin-bottom:7px}
#tech-ites-cybersecurity .outcome p{font-size:11px;color:var(–muted);line-height:1.5}
/* =========================================================
PROCESS
========================================================= */
#tech-ites-cybersecurity .process{
background:#f7f5f4;
border-top:1px solid #e7e3e1;
border-bottom:1px solid #e7e3e1;
}
#tech-ites-cybersecurity .process-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:0;
margin-top:50px;
position:relative;
}
#tech-ites-cybersecurity .process-grid:before{
content:””;
position:absolute;top:25px;left:10%;right:10%;
border-top:1px dashed rgba(142,35,31,.35);
}
#tech-ites-cybersecurity .process-step{
position:relative;
z-index:2;
text-align:center;
padding:0 14px;
}
#tech-ites-cybersecurity .process-num{
width:50px;height:50px;
margin:0 auto 17px;
border-radius:50%;
display:grid;place-items:center;
background:#fff;color:var(–primary);
border:1px solid rgba(142,35,31,.25);
font-size:12px;font-weight:800;
box-shadow:0 7px 20px rgba(34,30,31,.06);
}
#tech-ites-cybersecurity .process-step h3{font-size:15px;margin-bottom:7px}
#tech-ites-cybersecurity .process-step p{font-size:11px;color:var(–muted);line-height:1.5}
/* =========================================================
WHO WE SERVE
========================================================= */
#tech-ites-cybersecurity .fit-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
margin-top:45px;
}
#tech-ites-cybersecurity .fit-card{
padding:23px;
border:1px solid var(–border);
background:#fff;
border-radius:14px;
transition:var(–ease);
}
#tech-ites-cybersecurity .fit-card:hover{transform:translateY(-4px);border-color:rgba(142,35,31,.32);box-shadow:var(–shadow-sm)}
#tech-ites-cybersecurity .fit-icon{
width:42px;height:42px;
display:grid;place-items:center;
background:var(–primary-soft);
color:var(–primary);
border-radius:10px;
margin-bottom:16px;
}
#tech-ites-cybersecurity .fit-card h3{font-size:15px;margin-bottom:6px}
#tech-ites-cybersecurity .fit-card p{font-size:11px;color:var(–muted);line-height:1.5}
#tech-ites-cybersecurity .seo-support{
margin-top:26px;
padding:20px 22px;
border-left:3px solid var(–primary);
background:#faf8f7;
border-radius:10px;
}
#tech-ites-cybersecurity .seo-support strong{font-size:12px;display:block;margin-bottom:5px}
#tech-ites-cybersecurity .seo-support p{font-size:11px;color:var(–muted);line-height:1.6}
/* =========================================================
FAQ
========================================================= */
#tech-ites-cybersecurity .faq-wrap{
max-width:900px;
margin:45px auto 0;
border-top:1px solid var(–border);
}
#tech-ites-cybersecurity .faq{
border-bottom:1px solid var(–border);
}
#tech-ites-cybersecurity .faq-question{
width:100%;
border:0;
background:transparent;
padding:20px 0;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
text-align:left;
color:var(–secondary);
font-size:14px;
font-weight:800;
cursor:pointer;
}
#tech-ites-cybersecurity .faq-question i{
color:var(–primary);
transition:transform .3s ease;
}
#tech-ites-cybersecurity .faq.active .faq-question i{transform:rotate(45deg)}
#tech-ites-cybersecurity .faq-answer{
max-height:0;
overflow:hidden;
transition:max-height .35s ease;
}
#tech-ites-cybersecurity .faq:hover .faq-answer{
max-height:500px ;
}
#tech-ites-cybersecurity .faq:hover .faq-question i{
transform:rotate(45deg) ;
}
#tech-ites-cybersecurity .faq-answer p{
padding:0 35px 20px 0;
color:var(–muted);
font-size:12px;
line-height:1.65;
}
/* =========================================================
CTA
========================================================= */
#tech-ites-cybersecurity .cta{
padding:0 0 84px;
}
#tech-ites-cybersecurity .cta-box{
width:100%;
padding:48px;
border-radius:25px;
background:
radial-gradient(circle at 88% 30%,rgba(142,35,31,.28),transparent 28%),
linear-gradient(135deg,#221E1F,#2c2526);
color:#fff;
display:flex;
align-items:center;
justify-content:space-between;
gap:35px;
overflow:hidden;
position:relative;
}
#tech-ites-cybersecurity .cta-box:after{
content:””;
position:absolute;right:-130px;bottom:-220px;
width:440px;height:440px;
border:1px solid rgba(255,255,255,.10);
border-radius:50%;
}
#tech-ites-cybersecurity .cta-box .eyebrow{color:#d98b87}
#tech-ites-cybersecurity .cta-box .eyebrow:before{background:#d98b87}
#tech-ites-cybersecurity .cta-box h2{
color:#fff;
font-size:clamp(28px,3vw,42px);
line-height:1.1;
letter-spacing:-1px;
margin-bottom:12px;
}
#tech-ites-cybersecurity .cta-box p{max-width:700px;color:#c7c1c1;font-size:13px;line-height:1.6}
#tech-ites-cybersecurity .cta-box .btn{position:relative;z-index:3;white-space:nowrap}
/* =========================================================
CENTERED FINAL CTA
========================================================= */
#tech-ites-cybersecurity .cta-box{
display:flex ;
flex-direction:column ;
align-items:center ;
justify-content:center ;
text-align:center ;
gap:22px ;
}
#tech-ites-cybersecurity .cta-box > div{
width:100% ;
display:flex ;
flex-direction:column ;
align-items:center ;
text-align:center ;
}
#tech-ites-cybersecurity .cta-box .eyebrow{
justify-content:center ;
text-align:center ;
}
#tech-ites-cybersecurity .cta-box h2{
text-align:center ;
margin-bottom:12px ;
}
#tech-ites-cybersecurity .cta-box p{
max-width:700px ;
margin-left:auto ;
margin-right:auto ;
text-align:center ;
}
/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:1050px){
#tech-ites-cybersecurity .hero-grid,
#tech-ites-cybersecurity .split{grid-template-columns:1fr}
#tech-ites-cybersecurity .hero{min-height:auto;padding:80px 0}
#tech-ites-cybersecurity .hero-visual{max-width:720px;width:100%;margin:15px auto 0}
#tech-ites-cybersecurity .surface-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#tech-ites-cybersecurity .framework-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#tech-ites-cybersecurity .outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#tech-ites-cybersecurity .split.reverse .split-copy{order:0}
}
@media(max-width:1000px){
#tech-ites-cybersecurity .capability-inner{grid-template-columns:repeat(2,minmax(0,1fr))}
#tech-ites-cybersecurity .services-grid{
justify-content:center;
}
#tech-ites-cybersecurity .services-grid .service-card{
width:calc((100% – 16px) / 2);
}
#tech-ites-cybersecurity .risk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#tech-ites-cybersecurity .fit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#tech-ites-cybersecurity .process-grid{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;padding-bottom:12px}
#tech-ites-cybersecurity .process-grid:before{display:none}
}
@media(max-width:650px){
#tech-ites-cybersecurity .container{width:calc(100% – 28px)}
#tech-ites-cybersecurity .section{padding:60px 0}
#tech-ites-cybersecurity .section-sm{padding:45px 0}
#tech-ites-cybersecurity .hero{padding:60px 0}
#tech-ites-cybersecurity .hero h1{letter-spacing:-2.2px}
#tech-ites-cybersecurity .hero-subtitle{font-size:16px}
#tech-ites-cybersecurity .hero-visual{min-height:430px;border-radius:20px}
#tech-ites-cybersecurity .orbit.o1{width:350px;height:350px}
#tech-ites-cybersecurity .orbit.o2{width:255px;height:255px}
#tech-ites-cybersecurity .orbit.o3{width:160px;height:160px}
#tech-ites-cybersecurity .tech-core{width:105px;height:105px;border-radius:22px}
#tech-ites-cybersecurity .hero-node{width:112px;padding:10px 7px}
#tech-ites-cybersecurity .node-app{top:28px;left:12px}
#tech-ites-cybersecurity .node-cloud{top:28px;right:12px}
#tech-ites-cybersecurity .node-api{bottom:28px;left:12px}
#tech-ites-cybersecurity .node-soc{bottom:28px;right:12px}
#tech-ites-cybersecurity .node-code{top:12px}
#tech-ites-cybersecurity .signal{width:340px}
#tech-ites-cybersecurity .capability-inner{width:calc(100% – 28px);grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#tech-ites-cybersecurity .capability-card{min-height:135px;padding:18px 15px;border-radius:12px}
#tech-ites-cybersecurity .capability-icon{width:36px;height:36px;flex-basis:36px;font-size:14px;margin-bottom:13px}
#tech-ites-cybersecurity .capability-content h3{font-size:13px}
#tech-ites-cybersecurity .capability-content p{font-size:10px}
#tech-ites-cybersecurity .risk-section{margin:0 10px;width:calc(100% – 20px);padding:55px 0;border-radius:22px}
#tech-ites-cybersecurity .risk-grid,
#tech-ites-cybersecurity .surface-grid,
#tech-ites-cybersecurity .services-grid,
#tech-ites-cybersecurity .fit-grid,
#tech-ites-cybersecurity .framework-grid,
#tech-ites-cybersecurity .outcome-grid{grid-template-columns:1fr}
#tech-ites-cybersecurity .split{gap:38px}
#tech-ites-cybersecurity .architecture-visual{min-height:380px}
#tech-ites-cybersecurity .architecture-visual .layer{width:86%}
#tech-ites-cybersecurity .cta-box{
padding:32px 24px ;
flex-direction:column ;
align-items:center ;
text-align:center ;
}
#tech-ites-cybersecurity .cta-box > div{
align-items:center ;
text-align:center ;
}
#tech-ites-cybersecurity .cta-box p{
text-align:center ;
}
#tech-ites-cybersecurity .cta-box .btn{
width:auto ;
min-width:240px ;
}
#tech-ites-cybersecurity .process-grid{grid-template-columns:repeat(5,150px)}
}
@media(prefers-reduced-motion:reduce){
#tech-ites-cybersecurity *,
#tech-ites-cybersecurity *:before,
#tech-ites-cybersecurity *:after{
animation:none;
transition:none;
scroll-behavior:auto;
}
#tech-ites-cybersecurity .reveal{opacity:1;transform:none}
}
/* =========================================================
FIRST 3 SECTIONS — BFSI WORDPRESS-HARDENED SYSTEM APPLIED TO TECHNOLOGY / IT / ITES
Same sizing, spacing, isolation, formatting and responsive behaviour.
Content and scope are Technology / IT / ITES-specific.
========================================================= */
/* =========================================================
BFSI HERO — MARITIME V3 MATCH / WORDPRESS HARDENING
Same structure, sizing, spacing and responsive behaviour
as the Maritime V3 hero. Only content/image are BFSI-specific.
========================================================= */
html body #tech-ites-cybersecurity .hero-v3{
width:100% ;
min-height:720px ;
display:flex ;
align-items:center ;
position:relative ;
overflow:hidden ;
padding:0 ;
margin:0 ;
clear:both ;
box-sizing:border-box ;
}
html body #tech-ites-cybersecurity .hero-v3::after{
display:none ;
content:none ;
}
html body #tech-ites-cybersecurity .hero-v3-grid{
width:100% ;
max-width:1180px ;
display:grid ;
grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr) ;
align-items:center ;
gap:10px ;
margin:0 auto ;
padding:0 ;
position:relative ;
z-index:2 ;
box-sizing:border-box ;
}
html body #tech-ites-cybersecurity .hero-v3-grid > *{
min-width:0 ;
max-width:none ;
float:none ;
clear:none ;
box-sizing:border-box ;
}
html body #tech-ites-cybersecurity .hero-content{
width:100% ;
order:1 ;
margin:0 ;
padding:0 ;
text-align:left ;
position:relative ;
box-sizing:border-box ;
}
html body #tech-ites-cybersecurity .hero-kicker{
display:inline-flex ;
align-items:center ;
gap:9px ;
padding:8px 13px ;
margin:10px 0 22px 0 ;
border-radius:50px ;
background:#f8eceb ;
color:#8e231f ;
font-size:12px ;
font-weight:800 ;
letter-spacing:0 ;
width:auto ;
max-width:max-content ;
box-sizing:border-box ;
}
html body #tech-ites-cybersecurity .hero-kicker i{
font-size:13px ;
}
html body #tech-ites-cybersecurity .hero h1{
display:block ;
width:100% ;
max-width:800px ;
margin:0 0 25px 0 ;
padding:0 ;
font-family:”Inter”,Arial,sans-serif ;
font-size:clamp(44px,4vw,72px) ;
line-height:1.02 ;
letter-spacing:-3px ;
font-weight:700 ;
color:#221e1f ;
text-align:left ;
white-space:normal ;
box-sizing:border-box ;
}
html body #tech-ites-cybersecurity .hero h1 span{
display:inline ;
color:#8e231f ;
font-weight:700 ;
}
html body #tech-ites-cybersecurity .hero-subtitle{
display:block ;
width:100% ;
max-width:690px ;
margin:0 0 35px 0 ;
padding:0 ;
color:#555 ;
font-size:15px ;
line-height:1.65 ;
text-align:left ;
box-sizing:border-box ;
}
html body #tech-ites-cybersecurity .hero-actions{
display:flex ;
flex-direction:row ;
flex-wrap:wrap ;
align-items:center ;
width:100% ;
gap:13px ;
margin:0 ;
padding:0 ;
box-sizing:border-box ;
}
html body #tech-ites-cybersecurity .hero-actions .btn{
display:inline-flex ;
align-items:center ;
justify-content:center ;
gap:9px ;
min-height:50px ;
padding:0 23px ;
border-radius:8px ;
border:1px solid transparent ;
font-size:13px ;
font-weight:800 ;
transition:all .3s ease ;
cursor:pointer ;
box-sizing:border-box ;
}
html body #tech-ites-cybersecurity .hero-actions .btn-primary{
background:#8e231f ;
color:#fff ;
}
html body #tech-ites-cybersecurity .hero-actions .btn-primary:hover{
background:#6e1714 ;
transform:translateY(-2px) ;
}
html body #tech-ites-cybersecurity .hero-actions .btn-outline{
border-color:#d4d0ce ;
color:#221e1f ;
background:#fff ;
}
html body #tech-ites-cybersecurity .hero-actions .btn-outline:hover{
border-color:#8e231f ;
color:#8e231f ;
}
html body #tech-ites-cybersecurity .hero-v3-visual{
width:100% ;
display:block ;
order:2 ;
margin:0 ;
padding:0 ;
transform:translateY(10px) ;
position:relative ;
box-sizing:border-box ;
}
html body #tech-ites-cybersecurity .hero-visual-image{
width:88% ;
max-width:88% ;
display:block ;
margin:100px auto auto auto ;
box-sizing:border-box ;
}
/* Prevent old BFSI hero illustration styles from affecting the Maritime-style image hero. */
html body #tech-ites-cybersecurity .hero-v3 .hero-visual,
html body #tech-ites-cybersecurity .hero-v3 .hero-orbit,
html body #tech-ites-cybersecurity .hero-v3 .hero-signal,
html body #tech-ites-cybersecurity .hero-v3 .bank-core,
html body #tech-ites-cybersecurity .hero-v3 .hero-node,
html body #tech-ites-cybersecurity .hero-v3 .hero-label{
display:none ;
}
@media (max-width:1000px){
html body #tech-ites-cybersecurity .hero-v3{
min-height:auto ;
padding:80px 0 ;
}
html body #tech-ites-cybersecurity .hero-v3-grid{
grid-template-columns:1fr ;
}
html body #tech-ites-cybersecurity .hero-content{
order:1 ;
}
html body #tech-ites-cybersecurity .hero-v3-visual{
order:2 ;
max-width:760px ;
margin:0 auto ;
}
}
@media (max-width:1000px){
html body #tech-ites-cybersecurity .hero-visual-image{
width:100% ;
max-width:100% ;
margin:0 auto ;
}
}
@media (max-width:650px){
html body #tech-ites-cybersecurity .hero-v3{
padding:65px 0 ;
}
html body #tech-ites-cybersecurity .hero-v3-grid{
width:calc(100% – 28px) ;
max-width:none ;
gap:30px ;
}
html body #tech-ites-cybersecurity .hero-kicker{
margin-top:0 ;
}
html body #tech-ites-cybersecurity .hero h1{
font-size:43px ;
letter-spacing:-2.2px ;
}
html body #tech-ites-cybersecurity .hero-subtitle{
font-size:15px ;
}
html body #tech-ites-cybersecurity .hero-v3-visual{
margin-top:15px ;
}
}
#tech-ites-cybersecurity .bfsi-capability-strip {
width:100% ;
display:block ;
position:relative ;
padding:30px 0 32px ;
background:#f7f5f4 ;
border-top:1px solid #e7e3e1 ;
border-bottom:1px solid #e7e3e1 ;
overflow:hidden ;
}
/* Slider heading */
#tech-ites-cybersecurity .bfsi-capability-heading {
width:calc(100% – 40px) ;
max-width:1180px ;
margin:0 auto 20px ;
display:flex ;
align-items:end ;
justify-content:space-between ;
gap:20px ;
}
#tech-ites-cybersecurity .bfsi-capability-heading-text {
min-width:0 ;
}
#tech-ites-cybersecurity .bfsi-capability-eyebrow {
display:flex ;
align-items:center ;
gap:8px ;
color:#8E231F ;
font-size:10px ;
font-weight:800 ;
letter-spacing:1.4px ;
text-transform:uppercase ;
margin-bottom:5px ;
}
#tech-ites-cybersecurity .bfsi-capability-eyebrow::before {
content:”” ;
width:22px ;
height:2px ;
background:#8E231F ;
}
#tech-ites-cybersecurity .bfsi-capability-heading h2 {
margin:0 ;
padding:0 ;
color:#221E1F ;
font-size:22px ;
line-height:1.2 ;
font-weight:800 ;
letter-spacing:-.5px ;
}
#tech-ites-cybersecurity .bfsi-capability-heading p {
margin:4px 0 0 ;
color:#878787 ;
font-size:11px ;
line-height:1.45 ;
}
/* Arrow controls */
#tech-ites-cybersecurity .bfsi-capability-controls {
display:flex ;
gap:7px ;
flex:0 0 auto ;
}
#tech-ites-cybersecurity .bfsi-capability-arrow {
width:34px ;
height:34px ;
display:grid ;
place-items:center ;
border:1px solid #ddd8d6 ;
border-radius:50% ;
background:#fff ;
color:#221E1F ;
cursor:pointer ;
transition:all .25s ease ;
}
#tech-ites-cybersecurity .bfsi-capability-arrow:hover {
background:#8E231F ;
border-color:#8E231F ;
color:#fff ;
}
/* =========================================================
HORIZONTAL TRACK
========================================================= */
#tech-ites-cybersecurity .bfsi-capability-inner {
width:calc(100% – 40px) ;
max-width:1180px ;
margin:0 auto ;
padding:4px 0 8px ;
display:flex ;
gap:12px ;
overflow-x:auto ;
overflow-y:hidden ;
scroll-behavior:smooth ;
scroll-snap-type:x mandatory ;
scrollbar-width:none ;
-ms-overflow-style:none ;
}
#tech-ites-cybersecurity .bfsi-capability-inner::-webkit-scrollbar {
display:none ;
}
/* =========================================================
CARDS
========================================================= */
#tech-ites-cybersecurity .bfsi-capability-card {
position:relative ;
flex:0 0 calc((100% – 36px) / 4) ;
width:calc((100% – 36px) / 4) ;
min-width:calc((100% – 36px) / 4) ;
min-height:145px ;
padding:21px 19px 19px ;
background:#fff ;
border:1px solid #e5e1df ;
border-radius:14px ;
display:flex ;
flex-direction:column ;
justify-content:space-between ;
overflow:hidden ;
scroll-snap-align:start ;
transition:
transform .25s ease,
box-shadow .25s ease,
border-color .25s ease ;
box-sizing:border-box ;
}
#tech-ites-cybersecurity .bfsi-capability-card:hover {
transform:translateY(-4px) ;
border-color:rgba(142,35,31,.35) ;
box-shadow:0 15px 35px rgba(34,30,31,.09) ;
}
#tech-ites-cybersecurity .bfsi-capability-card::before {
content:”” ;
position:absolute ;
top:0 ;
left:0 ;
width:100% ;
height:3px ;
background:#8E231F ;
transform:scaleX(0) ;
transform-origin:left ;
transition:transform .3s ease ;
}
#tech-ites-cybersecurity .bfsi-capability-card:hover::before {
transform:scaleX(1) ;
}
/* Icon */
#tech-ites-cybersecurity .bfsi-capability-icon {
width:42px ;
height:42px ;
display:flex ;
align-items:center ;
justify-content:center ;
flex:0 0 42px ;
background:#f8eceb ;
color:#8E231F ;
border-radius:10px ;
font-size:16px ;
margin:0 0 17px 0 ;
}
#tech-ites-cybersecurity .bfsi-capability-card:hover .bfsi-capability-icon {
background:#8E231F ;
color:#fff ;
}
/* Content */
#tech-ites-cybersecurity .bfsi-capability-content {
width:100% ;
min-width:0 ;
margin:0 ;
padding:0 ;
}
#tech-ites-cybersecurity .bfsi-capability-content h3 {
margin:0 0 5px 0 ;
padding:0 ;
font-size:14px ;
line-height:1.25 ;
font-weight:800 ;
color:#221E1F ;
}
#tech-ites-cybersecurity .bfsi-capability-content p {
margin:0 ;
padding:0 ;
font-size:10.5px ;
line-height:1.45 ;
color:#878787 ;
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:1000px) {
#tech-ites-cybersecurity .bfsi-capability-card {
flex:0 0 calc((100% – 24px) / 3) ;
width:calc((100% – 24px) / 3) ;
min-width:calc((100% – 24px) / 3) ;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:650px) {
#tech-ites-cybersecurity .bfsi-capability-strip {
padding:24px 0 26px ;
}
#tech-ites-cybersecurity .bfsi-capability-heading {
width:calc(100% – 28px) ;
margin-bottom:16px ;
align-items:center ;
}
#tech-ites-cybersecurity .bfsi-capability-heading h2 {
font-size:19px ;
}
#tech-ites-cybersecurity .bfsi-capability-heading p {
font-size:10px ;
}
#tech-ites-cybersecurity .bfsi-capability-controls {
display:none ;
}
#tech-ites-cybersecurity .bfsi-capability-inner {
width:calc(100% – 28px) ;
gap:9px ;
scroll-padding-left:0 ;
}
#tech-ites-cybersecurity .bfsi-capability-card {
flex:0 0 82% ;
width:82% ;
min-width:82% ;
min-height:137px ;
padding:18px 15px ;
border-radius:12px ;
}
#tech-ites-cybersecurity .bfsi-capability-icon {
width:36px ;
height:36px ;
flex-basis:36px ;
font-size:14px ;
margin-bottom:13px ;
}
#tech-ites-cybersecurity .bfsi-capability-content h3 {
font-size:13px ;
}
#tech-ites-cybersecurity .bfsi-capability-content p {
font-size:10px ;
}
}
/* =========================================================
BFSI INTRO ALIGNMENT HARDENING FOR WORDPRESS / JEVLIN
Keep the intro layout identical to the protected Maritime split layout.
========================================================= */
html body #tech-ites-cybersecurity .intro-grid {
width:100% ;
display:grid ;
grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr) ;
gap:60px ;
align-items:center ;
direction:ltr ;
}
html body #tech-ites-cybersecurity .intro-grid > .reveal:first-child {
width:100% ;
min-width:0 ;
max-width:none ;
float:none ;
clear:none ;
order:1 ;
grid-column:1 ;
}
html body #tech-ites-cybersecurity .intro-grid > .intro-copy {
width:100% ;
min-width:0 ;
max-width:none ;
float:none ;
clear:none ;
order:2 ;
grid-column:2 ;
}
html body #tech-ites-cybersecurity .intro-grid .eyebrow,
html body #tech-ites-cybersecurity .intro-grid .intro-lead,
html body #tech-ites-cybersecurity .intro-grid .intro-copy {
position:relative ;
left:auto ;
right:auto ;
transform:none ;
}
@media (max-width:1000px) {
html body #tech-ites-cybersecurity .intro-grid {
grid-template-columns:1fr ;
gap:35px ;
}
html body #tech-ites-cybersecurity .intro-grid > .reveal:first-child,
html body #tech-ites-cybersecurity .intro-grid > .intro-copy {
grid-column:1 ;
order:initial ;
}
}
/* Technology architecture visual compatibility */
html body #tech-ites-cybersecurity #security-architecture .architecture{
width:100% ;
box-sizing:border-box ;
}
html body #tech-ites-cybersecurity #security-architecture .architecture .arch-node{
box-sizing:border-box ;
}
/* =========================================================
TECHNOLOGY SECURITY ARCHITECTURE — WORDPRESS / JEVLIN HARDENED
Exact BFSI architecture layout/formatting adapted to the
Technology, IT & ITES scope and terminology.
========================================================= */
/* SPLIT VISUAL */
#tech-ites-cybersecurity .split{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:center}
#tech-ites-cybersecurity .split.reverse{grid-template-columns:1.05fr .95fr}
#tech-ites-cybersecurity .split.reverse .split-copy{order:2}
#tech-ites-cybersecurity .split-copy p{color:var(–muted);font-size:14px;line-height:1.7}
#tech-ites-cybersecurity .split-copy p+p{margin-top:15px}
#tech-ites-cybersecurity .points{list-style:none;display:grid;gap:8px;margin-top:20px}
#tech-ites-cybersecurity .points li{display:flex;gap:9px;font-size:12px;color:#4d4a49}
#tech-ites-cybersecurity .points i{color:var(–primary);margin-top:5px}
#tech-ites-cybersecurity .architecture{
min-height:390px;border:1px solid var(–border);border-radius:22px;
background:linear-gradient(145deg,#fff,#f6f2f1);position:relative;overflow:hidden;box-shadow:var(–shadow-md)
}
#tech-ites-cybersecurity .arch-line{position:absolute;background:rgba(142,35,31,.18);height:1px;transform-origin:left}
#tech-ites-cybersecurity .arch-line.l1{width:180px;left:26%;top:42%;transform:rotate(18deg)}
#tech-ites-cybersecurity .arch-line.l2{width:180px;left:51%;top:42%;transform:rotate(-18deg)}
#tech-ites-cybersecurity .arch-line.l3{width:150px;left:33%;top:59%;transform:rotate(-20deg)}
#tech-ites-cybersecurity .arch-line.l4{width:150px;left:49%;top:59%;transform:rotate(20deg)}
#tech-ites-cybersecurity .arch-node{
position:absolute;width:108px;padding:12px 8px;text-align:center;background:#fff;
border:1px solid #e4dfdd;border-radius:12px;box-shadow:0 9px 25px rgba(34,30,31,.07)
}
#tech-ites-cybersecurity .arch-node i{display:block;color:var(–primary);font-size:18px;margin-bottom:4px}
#tech-ites-cybersecurity .arch-node strong{font-size:10px;display:block}
#tech-ites-cybersecurity .arch-node small{font-size:8px;color:#888;display:block;line-height:1.35}
#tech-ites-cybersecurity .a1{left:7%;top:31%}#tech-ites-cybersecurity .a2{right:7%;top:31%}
#tech-ites-cybersecurity .a3{left:28%;bottom:10%}#tech-ites-cybersecurity .a4{right:28%;bottom:10%}
#tech-ites-cybersecurity .a5{left:50%;top:43%;transform:translateX(-50%);background:var(–secondary);color:#fff;border-color:var(–secondary)}
#tech-ites-cybersecurity .a5 i{color:#e7a09c}
/* =========================================================
BFSI SECURITY ARCHITECTURE — WORDPRESS / JEVElIN HARDENING
Forces the architecture section to remain a true 2-column
split on desktop and prevents theme column overrides.
========================================================= */
html body #tech-ites-cybersecurity #security-architecture{
width:100% ;
max-width:none ;
display:block ;
position:relative ;
clear:both ;
overflow:hidden ;
box-sizing:border-box ;
}
html body #tech-ites-cybersecurity #security-architecture > .container.split.reverse{
width:min(1180px,calc(100% – 40px)) ;
max-width:1180px ;
min-width:0 ;
margin-left:auto ;
margin-right:auto ;
padding:0 ;
display:grid ;
grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) ;
gap:60px ;
align-items:center ;
direction:ltr ;
float:none ;
clear:none ;
box-sizing:border-box ;
}
html body #tech-ites-cybersecurity #security-architecture > .container.split.reverse > .split-copy{
width:100% ;
min-width:0 ;
max-width:none ;
margin:0 ;
padding:0 ;
float:none ;
clear:none ;
order:2 ;
grid-column:2 ;
box-sizing:border-box ;
}
html body #tech-ites-cybersecurity #security-architecture > .container.split.reverse > .architecture-image-wrap{
width:100% ;
min-width:0 ;
max-width:none ;
margin:0 ;
padding:0 ;
float:none ;
clear:none ;
order:1 ;
grid-column:1 ;
align-self:center ;
justify-self:stretch ;
box-sizing:border-box ;
}
html body #tech-ites-cybersecurity #security-architecture > .container.split.reverse > .architecture-image-wrap .it-ecosystem-visual-image{
display:block ;
width:100% ;
max-width:100% ;
height:auto ;
min-width:0 ;
min-height:0 ;
margin:0 ;
padding:0 ;
float:none ;
box-sizing:border-box ;
object-fit:contain ;
}
html body #tech-ites-cybersecurity #security-architecture > .container.split.reverse > .architecture-image-wrap .it-ecosystem-visual-image{
display:block ;
width:100% ;
max-width:100% ;
height:auto ;
min-width:0 ;
min-height:0 ;
margin:0 ;
padding:0 ;
float:none ;
box-sizing:border-box ;
object-fit:contain ;
}
html body #tech-ites-cybersecurity #security-architecture .section-title-left{
width:100% ;
max-width:760px ;
margin:0 0 18px 0 ;
padding:0 ;
text-align:left ;
box-sizing:border-box ;
}
html body #tech-ites-cybersecurity #security-architecture .split-copy p{
width:100% ;
max-width:690px ;
margin:0 ;
padding:0 ;
box-sizing:border-box ;
}
html body #tech-ites-cybersecurity #security-architecture .split-copy p + p{
margin-top:15px ;
}
html body #tech-ites-cybersecurity #security-architecture .points{
width:100% ;
max-width:690px ;
margin:20px 0 0 0 ;
padding:0 ;
box-sizing:border-box ;
}
html body #tech-ites-cybersecurity #security-architecture .architecture *{
box-sizing:border-box ;
}
/* Keep the architecture diagram proportional inside its column. */
html body #tech-ites-cybersecurity #security-architecture .architecture{
aspect-ratio:1.18 / 1 ;
min-height:0 ;
}
/* Tablet / mobile: intentionally stack the two columns. */
@media (max-width:1000px){
html body #tech-ites-cybersecurity #security-architecture > .container.split.reverse{
width:calc(100% – 40px) ;
max-width:1180px ;
grid-template-columns:1fr ;
gap:35px ;
}
html body #tech-ites-cybersecurity #security-architecture > .container.split.reverse > .architecture-image-wrap{
grid-column:1 ;
order:1 ;
width:100% ;
max-width:none ;
}
html body #tech-ites-cybersecurity #security-architecture > .container.split.reverse > .split-copy{
grid-column:1 ;
order:2 ;
width:100% ;
}
}
@media (max-width:650px){
html body #tech-ites-cybersecurity #security-architecture > .container.split.reverse{
width:calc(100% – 28px) ;
gap:28px ;
}
html body #tech-ites-cybersecurity #security-architecture .architecture{
aspect-ratio:auto ;
min-height:340px ;
}
}
Protect your technology, IT or ITES business with risk-based cybersecurity services for
applications, SaaS platforms, APIs, cloud environments, infrastructure and digital services.
Varutra helps identify cyber risk, strengthen security controls and build measurable cyber resilience.
Cybersecurity services for each of the business models shown below.
Managed services, consulting, system integration and technology delivery organizations
Software products, SaaS platforms, applications, APIs and digital product businesses
Business process management, BPO, KPO, shared services and technology-enabled operations
Engineering services, product development, embedded technology and R&D environments
Digital platforms, fintech products, online services and technology-led business models
Cloud workloads, hosting environments, data centres, infrastructure and critical platforms
Telecom operators, network providers, communications platforms and connected infrastructure
Global capability centres, captive technology teams and enterprise shared technology operations
IT cybersecurity protects the applications, data, cloud environments, infrastructure and digital services that modern businesses rely on, helping reduce cyber risk and strengthen resilience against evolving threats.
The modern attack surface spans web and mobile applications, APIs, cloud environments, networks, identities, data, development pipelines, third-party technologies, connected systems, and more. These interconnected environments can create vulnerabilities that lead to unauthorized access, data exposure, service disruption and software supply-chain risks.
Varutra helps organizations identify and reduce these risks through VAPT of – Applications, APIs, cloud and infrastructure. We also provide continuous monitoring, incident response, GRC and strategic security advisory.
Because applications, APIs, cloud services, identities, infrastructure and software dependencies are
interconnected. A weakness in one layer can create access to other systems, expose data or disrupt
digital services. Cybersecurity helps identify, validate and reduce those risks.
Rapid software delivery, cloud adoption, connected services and third-party dependencies expand
the attack surface. Security programs need to address technical weaknesses and the business impact of compromise.
Broken access controls, insecure business logic, injection, authentication weaknesses and API abuse can expose applications and sensitive data.
Misconfiguration, excessive privilege, exposed services and weak identity controls can create paths into cloud workloads and data.
Phishing, credential theft, session abuse and privilege misuse can turn a single compromised account into wider enterprise access.
Dependencies, libraries, build systems, third-party integrations and CI/CD services can introduce security risk into software delivery.
Weak network controls, vulnerable systems, insecure configurations and remote-access pathways can increase attack surface.
Technology providers, outsourcing partners and connected services can extend trust boundaries beyond the organization’s direct control.
The assessment scope can be tailored to the organization’s architecture, business model,
technology stack, authorization and rules of engagement.
Customer portals, enterprise applications, SaaS interfaces and business-critical web platforms.
Mobile clients, application APIs, local storage, authentication and communication security.
Service-to-service trust, authorization, data exposure, business logic and API gateways.
Cloud configuration, IAM, storage, workloads, architecture, exposed services and data security.
Internet-facing assets, internal networks, servers, firewalls, wireless and remote access.
Source code, build pipelines, dependencies, secrets, deployment workflows and secure SDLC controls.
Authentication, authorization, privileged access, sensitive data flows and security controls.
Devices, firmware, communications and the web or mobile ecosystems that support connected products.
A risk-based approach focused on identifying material exposures, validating security vulnerabilities, strengthening critical controls and improving cyber resilience.
Identify and validate security weaknesses across networks, systems, infrastructure and externally exposed assets.
Assess web, mobile and API-driven applications for vulnerabilities that could expose data, functionality or business logic.
Assess cloud environments and configurations to identify weaknesses affecting applications, infrastructure, identities and data.
Evaluate security controls through authorized adversary simulation and realistic attack-path testing.
Strengthen security visibility, monitoring, threat detection and incident response across digital environments.
Strengthen cybersecurity governance, manage technology risk, improve security controls and prepare for customer, regulatory and compliance requirements.
Assess connected products and their supporting ecosystems across devices, firmware, communications and applications.
Provide cybersecurity leadership and strategic guidance for organizations building or maturing their security capabilities.
Targeted cybersecurity services for specific human, intelligence, defensive and attack-surface requirements.
Address security risks associated with AI applications, integrations, data flows and emerging technology environments.
Strengthen the human layer against phishing, social engineering and security practices that can increase cyber risk.
IT risk rarely stays inside one system. Customer applications connect to APIs;
APIs connect to services and data; developers connect to CI/CD platforms; employees connect
to enterprise infrastructure; and cloud environments connect to third-party services.
Security architecture review helps identify weak trust boundaries, unnecessary exposure,
excessive privileges and control gaps before they become exploitable attack paths.
Requirements vary by business model, customer commitments, geography, data handled and
services provided. A practical program maps applicable requirements to technology controls,
evidence and measurable remediation.
Information security management, risk treatment, controls, governance and continual improvement.
Security and related control considerations for technology and SaaS organizations where applicable.
Indian cybersecurity and incident-related requirements that may apply depending on organizational context.
Privacy and personal-data protection considerations relevant to organizations processing digital personal data.
Application, API and mobile security practices that can inform technical security testing and secure development.
Practical safeguards that can support security prioritization and enterprise control improvement.
Risk-management concepts and security practices useful for technology and enterprise environments.
Security questionnaires, contractual controls, supplier requirements and customer-specific assurance needs.
A useful cybersecurity engagement should do more than produce a vulnerability list.
It should help technology and IT leaders understand what matters, what can be exploited,
what should be fixed first and how improvement can be validated.
Identify exposed assets, unnecessary services, vulnerable pathways and weak configurations.
Strengthen applications, APIs, mobile products, SaaS platforms and supporting technology.
Build better visibility across identities, infrastructure, applications, cloud and security operations.
Map security improvements to applicable customer, contractual, privacy and compliance expectations.
A structured engagement connects scope, discovery, assessment and controlled validation
with practical remediation and revalidation.
Define systems, applications, environments, stakeholders and rules of engagement.
Identify assets, technologies, connectivity, identities and potential attack surfaces.
Evaluate vulnerabilities, controls, architecture and security maturity.
Perform controlled testing and validate exploitable weaknesses where authorized.
Prioritize remediation and validate that security improvements address material risk.
Varutra brings technology-focused cybersecurity assessment and advisory to help organizations
understand exposure, prioritize remediation and strengthen security over time.
Security findings identified through authorized assessment and testing engagements.
Experience supporting organizations with cybersecurity assessment and risk-reduction needs.
Our cybersecurity team brings certified expertise across security testing, risk assessment, compliance and cyber resilience.
14+ years of experience delivering cybersecurity services across diverse technology and business environments.
Clear answers about cybersecurity for technology companies, IT services,
ITES organizations, SaaS businesses and digital enterprises, including
VAPT, application security, API security, cloud security and compliance.
Varutra provides cybersecurity services for technology companies,
IT service providers, ITES organizations, SaaS businesses and digital
enterprises. Services include cyber risk assessment, vulnerability
assessment and penetration testing (VAPT), web and mobile application
security, API security testing, cloud and infrastructure security,
IoT security, red teaming, threat intelligence, SOC and managed
security, incident response, GRC, security awareness and virtual CISO
services.
VAPT for technology and software companies can assess internet-facing
infrastructure, internal networks, web applications, mobile applications,
APIs, authentication and authorization, cloud assets and other systems
within an approved testing scope. Vulnerability assessment identifies
security weaknesses, while penetration testing validates whether
vulnerabilities can be exploited and evaluates their potential
business impact through controlled testing.
Application security testing evaluates web and mobile applications
for vulnerabilities affecting authentication, authorization, access
control, input validation, business logic, session management,
sensitive data exposure and other security weaknesses. For IT and
SaaS companies, application security testing can help identify and
prioritize risks before they affect customers, users or business
operations.
API security testing evaluates APIs and connected services for
weaknesses involving authentication, authorization, access control,
input validation, business logic, rate limiting and sensitive data
exposure. For technology and SaaS companies, API security testing
helps identify risks across the interfaces that connect applications,
users, services and data.
SaaS and cloud companies can improve cybersecurity by assessing cloud
configurations, identity and access management, exposed services,
application and API security, tenant isolation, data protection,
logging and monitoring, containers and third-party integrations.
Regular security assessments can help identify weaknesses across
cloud infrastructure and technology environments.
Common cybersecurity risks for Technology, IT and ITES organizations
include application vulnerabilities, API abuse, credential theft,
identity and privilege misuse, cloud misconfiguration, exposed
infrastructure, ransomware, software supply-chain compromise,
insecure remote access, data exposure, insider risk, third-party
compromise and weaknesses across rapidly changing technology
environments.
Applicable cybersecurity and compliance requirements depend on an
organization’s services, customers, data, geography, contractual
obligations and industry. Technology, IT and ITES organizations in
India may consider ISO/IEC 27001, SOC 2 where relevant, applicable
CERT-In requirements, the Digital Personal Data Protection framework
where applicable, contractual security requirements and
customer-specific security standards. Organizations serving regulated
sectors may also need to address additional sector-specific
requirements.
Discuss your Technology, IT or ITES cybersecurity requirements with Varutra and identify
the right assessment, testing, monitoring, compliance or strategic security approach for
your applications, APIs, cloud environments, infrastructure, development lifecycle and critical services.