.elementor-5107 .elementor-element.elementor-element-844c48a:not(.elementor-motion-effects-element-type-background), .elementor-5107 .elementor-element.elementor-element-844c48a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/vishaltechnopower.com/wp-content/uploads/2025/12/Home-Banner-1.jpg?fit=1980%2C1080&ssl=1");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5107 .elementor-element.elementor-element-844c48a > .elementor-background-overlay{background-color:#000000;opacity:0.59;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5107 .elementor-element.elementor-element-844c48a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:150px 50px 150px 50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5107 .elementor-element.elementor-element-0974222{text-align:center;}.elementor-5107 .elementor-element.elementor-element-0974222 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:65px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5107 .elementor-element.elementor-element-8f5be05{text-align:center;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-5107 .elementor-element.elementor-element-19ecaf1 > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-5107 .elementor-element.elementor-element-19ecaf1{text-align:center;}.elementor-5107 .elementor-element.elementor-element-19ecaf1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:600;color:#2957A4;}.elementor-5107 .elementor-element.elementor-element-9b1efc5 > .elementor-container{max-width:1347px;}.elementor-5107 .elementor-element.elementor-element-8b679ff > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-5107 .elementor-element.elementor-element-8b679ff{text-align:center;}.elementor-5107 .elementor-element.elementor-element-8b679ff .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:600;color:#2957A4;}.elementor-5107 .elementor-element.elementor-element-6264886 > .elementor-container{max-width:1347px;}.elementor-5107 .elementor-element.elementor-element-8e2e25f > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-5107 .elementor-element.elementor-element-8e2e25f{text-align:center;}.elementor-5107 .elementor-element.elementor-element-8e2e25f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:600;color:#2957A4;}.elementor-5107 .elementor-element.elementor-element-5a6ef96 > .elementor-container{max-width:1347px;}/* Start custom CSS for html, class: .elementor-element-b1fa811 */.fms-flow{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:70px 60px;
position:relative;
}

.flow-step{
position:relative;
background:#fff;
padding:40px 25px 30px;
border-radius:18px;
text-align:center;
border:1px solid #ececec;
box-shadow:0 8px 25px rgba(0,0,0,0.06);
transition:all .35s ease;
}

/* hover animation */

.flow-step:hover{
transform:translateY(-10px);
box-shadow:0 18px 40px rgba(0,0,0,0.12);
border-color:#1c66ff;
}

.flow-step:hover .step-number{
transform:translateX(-50%) scale(1.1);
}

/* number badge */

.step-number{
position:absolute;
top:-28px;
left:50%;
transform:translateX(-50%);
width:58px;
height:58px;
border-radius:50%;
background:linear-gradient(135deg,#0f3c8d,#1c66ff);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
font-size:18px;
box-shadow:0 8px 20px rgba(0,0,0,0.15);
transition:.3s;
}

/* text */

.flow-step h4{
font-size:16px;
font-weight:600;
margin-bottom:8px;
}

.flow-step p{
font-size:13px;
color:#666;
line-height:1.6;
}

/* horizontal lines */

.flow-step:not(:nth-child(3n))::after{
content:"";
position:absolute;
top:50%;
right:-60px;
width:60px;
height:2px;
background:#d9d9d9;
}

/* vertical lines */

.flow-step:nth-child(-n+3)::before{
content:"";
position:absolute;
bottom:-70px;
left:50%;
width:2px;
height:70px;
background:#d9d9d9;
transform:translateX(-50%);
}


@media(max-width:768px){

.fms-flow{
grid-template-columns:1fr;
}

.flow-step::after,
.flow-step::before{
display:none;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9c90fe9 */.feature-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:35px;
margin-top:40px;
}

.feature-card{
background:#fff;
border-radius:20px;
padding:35px;
position:relative;
overflow:hidden;
border:1px solid #e9e9e9;
transition:all .35s ease;
box-shadow:0 12px 35px rgba(0,0,0,0.06);
}

/* gradient glow background */

.feature-card::after{
content:"";
position:absolute;
top:-80px;
right:-80px;
width:160px;
height:160px;
background:linear-gradient(135deg,#1c66ff,#0f3c8d);
opacity:.08;
border-radius:50%;
transition:.4s;
}

.feature-card:hover::after{
transform:scale(1.4);
opacity:.15;
}

.feature-card:hover{
transform:translateY(-10px);
box-shadow:0 20px 50px rgba(0,0,0,0.12);
border-color:#1c66ff;
}

.feature-icon{
width:60px;
height:60px;
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
font-size:26px;
background:linear-gradient(135deg,#0f3c8d,#1c66ff);
color:#fff;
margin-bottom:20px;
box-shadow:0 10px 20px rgba(0,0,0,0.15);
}

.feature-card h4{
font-size:20px;
margin-bottom:15px;
font-weight:600;
}

.feature-card p{
font-size:14px;
line-height:1.6;
color:#555;
margin-bottom:8px;
}
@media(max-width:768px){

.feature-grid{
grid-template-columns:1fr;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d0bddc7 */.vishal-flow{
position:relative;
max-width:620px;
margin:auto;
padding:60px 0;
}

/* vertical line */

.vishal-flow::before{
content:"";
position:absolute;
left:50%;
top:0;
width:2px;
height:100%;
background:linear-gradient(to bottom,#dcdcdc,#bfbfbf);
transform:translateX(-50%);
}

/* step */

.vishal-step{
position:relative;
margin-bottom:90px;
display:flex;
justify-content:center;
}

/* dot */

.vishal-dot{
width:18px;
height:18px;
background:#1c66ff;
border-radius:50%;
position:absolute;
left:50%;
top:-39px;
transform:translateX(-50%);
box-shadow:0 0 0 6px rgba(28,102,255,0.12);
z-index:3;
}

/* premium card */

.vishal-card{
background:linear-gradient(145deg,#ffffff,#f7f9ff);
padding:38px 35px;
border-radius:20px;
text-align:center;
max-width:360px;
margin-top:10px;
border:1px solid #e6ebff;
box-shadow:
0 10px 25px rgba(0,0,0,0.06),
0 2px 8px rgba(0,0,0,0.04);
position:relative;
transition:all .35s ease;
overflow:hidden;
width:100%;
}

/* gradient glow */

.vishal-card::after{
content:"";
position:absolute;
top:-60px;
right:-60px;
width:140px;
height:140px;
background:radial-gradient(circle,#1c66ff22,transparent);
transition:.4s;
}

/* hover animation */

.vishal-card:hover{
transform:translateY(-10px) scale(1.02);
box-shadow:
0 20px 45px rgba(0,0,0,0.12),
0 4px 15px rgba(0,0,0,0.08);
border-color:#1c66ff;
}

.vishal-card:hover::after{
transform:scale(1.3);
}

/* heading */

.vishal-card h4{
font-size:19px;
font-weight:600;
margin-bottom:8px;
color:#1a1a1a;
}

/* text */

.vishal-card p{
font-size:14px;
color:#6a6a6a;
line-height:1.6;
}/* End custom CSS */