:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-bfc3c0f *//* ===================================
PAGE LOADER
=================================== */

#page-loader{

    position:fixed;

    inset:0;

    background:
    linear-gradient(
    135deg,
    #071329,
    #10254d,
    #2563eb
    );

    z-index:99999;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:1s ease;
}

.loader-content{

    text-align:center;
}

.loader-logo{

    width:100px;
    height:100px;

    border-radius:30px;

    background:
    rgba(255,255,255,.08);

    border:
    1px solid rgba(255,255,255,.12);

    backdrop-filter:blur(20px);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    font-weight:800;

    color:white;

    margin:auto auto 25px;

    animation:logoPulse 1.8s infinite;
}

@keyframes logoPulse{

50%{

transform:scale(1.05);

}

}

.loader-line{

    width:220px;

    height:5px;

    margin:auto;

    border-radius:50px;

    overflow:hidden;

    background:
    rgba(255,255,255,.12);

    position:relative;
}

.loader-line::before{

    content:'';

    position:absolute;

    left:-50%;

    width:50%;

    height:100%;

    border-radius:50px;

    background:
    linear-gradient(
    90deg,
    #20c4ff,
    white
    );

    animation:loadingLine 1.5s linear infinite;
}

@keyframes loadingLine{

from{

left:-50%;

}

to{

left:100%;

}

}

.loader-content p{

    margin-top:20px;

    color:
    rgba(255,255,255,.75);

    letter-spacing:1px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6a4dd1f *//* =====================================
HERO SECTION
===================================== */

.sbs-hero{
    position:relative;
    overflow:hidden;
    padding:120px 0 90px;

    background:
    linear-gradient(
    135deg,
    #071329 0%,
    #081a37 50%,
    #061121 100%
    );
}

/* =====================================
CONTAINER
===================================== */

.container{

    width:min(90%,1400px);

    margin:auto;

    display:grid;

    grid-template-columns:1.1fr .9fr;

    align-items:center;

    gap:70px;

    position:relative;

    z-index:2;
}

/* =====================================
GRID BACKGROUND
===================================== */

.grid-bg{

    position:absolute;

    inset:0;

    background-image:
    linear-gradient(
    rgba(255,255,255,.04) 1px,
    transparent 1px
    ),
    linear-gradient(
    90deg,
    rgba(255,255,255,.04) 1px,
    transparent 1px
    );

    background-size:56px 56px;

    animation:gridMove 18s linear infinite;
}

@keyframes gridMove{

    from{
        transform:translateY(0);
    }

    to{
        transform:translateY(56px);
    }

}

/* =====================================
GLOW EFFECTS
===================================== */

.glow{

    position:absolute;

    border-radius:50%;

    filter:blur(120px);
}

.glow1{

    width:500px;
    height:500px;

    background:#00bfff;

    opacity:.15;

    right:-150px;
    bottom:-150px;
}

.glow2{

    width:400px;
    height:400px;

    background:#2563eb;

    opacity:.15;

    left:-150px;
    top:-150px;
}

/* =====================================
LEFT CONTENT
===================================== */

.hero-content{

    max-width:720px;
}

.hero-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:12px 22px;

    border-radius:50px;

    background:
    rgba(255,255,255,.06);

    backdrop-filter:blur(15px);

    border:
    1px solid rgba(255,255,255,.08);

    color:#22d3ee;

    font-size:14px;

    font-weight:600;

    margin-bottom:25px;
}

.hero-content h1{

    font-size:clamp(42px,6vw,78px);

    line-height:1.05;

    font-weight:800;

    color:#ffffff;

    letter-spacing:-2px;

    margin-bottom:24px;
}

.hero-content h1 span{

    background:
    linear-gradient(
    135deg,
    #22d3ee,
    #3b82f6
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.hero-content p{

    font-size:18px;

    line-height:1.9;

    color:#cbd5e1;

    max-width:650px;
}

/* =====================================
BUTTONS
===================================== */

.hero-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:16px;

    margin-top:35px;
}

.btn-primary{

    padding:18px 34px;

    border-radius:14px;

    background:
    linear-gradient(
    135deg,
    #22d3ee,
    #2563eb
    );

    color:white;

    text-decoration:none;

    font-weight:600;

    transition:.35s;
}

.btn-primary:hover{

    transform:translateY(-3px);
}

.btn-secondary{

    padding:18px 34px;

    border-radius:14px;

    color:white;

    text-decoration:none;

    border:
    1px solid rgba(255,255,255,.12);

    background:
    rgba(255,255,255,.04);

    backdrop-filter:blur(20px);
}

/* =====================================
STATS
===================================== */

.hero-stats{

    display:grid;

    grid-template-columns:
    repeat(3,minmax(140px,1fr));

    gap:20px;

    margin-top:55px;
}

.hero-stats div{

    padding:20px;

    border-radius:20px;

    background:
    rgba(255,255,255,.04);

    backdrop-filter:blur(15px);

    border:
    1px solid rgba(255,255,255,.06);
}

.hero-stats h3{

    margin:0 0 8px;

    font-size:36px;

    color:#22d3ee;
}

.hero-stats span{

    color:#cbd5e1;

    font-size:14px;
}

/* =====================================
RIGHT SIDE
===================================== */

.hero-right{

    display:flex;

    flex-direction:column;

    gap:20px;
}

.card1,
.card2,
.card3{

    width:100%;

    position:relative;
}

/* =====================================
GLASS CARDS
===================================== */

.glass-card{

    padding:35px;

    border-radius:28px;

    background:
    rgba(255,255,255,.05);

    backdrop-filter:blur(25px);

    border:
    1px solid rgba(255,255,255,.08);

    box-shadow:
    0 20px 60px rgba(0,0,0,.18);

    transition:.35s;
}

.glass-card:hover{

    border-color:
    rgba(34,211,238,.25);

    transform:
    translateY(-4px);
}

.glass-card h4{

    color:#ffffff;

    font-size:28px;

    margin-bottom:12px;
}

.glass-card p{

    color:#cbd5e1;

    font-size:16px;

    line-height:1.8;
}

/* =====================================
TABLET
===================================== */

@media(max-width:1024px){

.container{

    grid-template-columns:1fr;

    gap:50px;
}

.hero-content{

    max-width:100%;
}

.hero-right{

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:15px;
}

.glass-card{

    padding:25px;
}

.glass-card h4{

    font-size:22px;
}

}

/* =====================================
MOBILE
===================================== */

@media(max-width:767px){

.sbs-hero{

    padding:100px 0 70px;
}

.container{

    width:92%;
}

.hero-content{

    text-align:center;
}

.hero-content p{

    margin:auto;
}

.hero-buttons{

    justify-content:center;
}

.hero-stats{

    grid-template-columns:1fr;
}

.hero-right{

    grid-template-columns:1fr;
}

.glass-card{

    padding:24px;
}

.glass-card h4{

    font-size:22px;
}

.glass-card p{

    font-size:14px;
}

}

/* =====================================
SMALL MOBILE
===================================== */

@media(max-width:480px){

.hero-content h1{

    font-size:38px;
}

.hero-content p{

    font-size:15px;
}

.btn-primary,
.btn-secondary{

    width:100%;

    justify-content:center;

    text-align:center;
}

.hero-stats h3{

    font-size:30px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-459df45 *//* ==========================
SECTION
========================== */

.solution-section{
    position:relative;
    overflow:hidden;
    padding:140px 0;

    background:
    radial-gradient(
    circle at top right,
    rgba(37,99,235,.08),
    transparent 25%
    ),

    radial-gradient(
    circle at bottom left,
    rgba(14,165,233,.08),
    transparent 25%
    ),

    linear-gradient(
    180deg,
    #ffffff,
    #f7fbff,
    #eef6ff
    );
}

/* ==========================
ANIMATED GRID
========================== */

.solution-section::before{
    content:'';
    position:absolute;
    inset:0;

    background-image:
    linear-gradient(
    rgba(37,99,235,.04) 1px,
    transparent 1px
    ),
    linear-gradient(
    90deg,
    rgba(37,99,235,.04) 1px,
    transparent 1px
    );

    background-size:60px 60px;

    mask-image:
    radial-gradient(
    circle,
    black 45%,
    transparent 100%
    );

    animation:gridMove 15s linear infinite;
}

@keyframes gridMove{
    from{
        transform:translateY(0);
    }
    to{
        transform:translateY(60px);
    }
}

/* ==========================
GLOW EFFECTS
========================== */

.section-glow{
    position:absolute;
    border-radius:50%;
    filter:blur(120px);
}

.glow-1{
    width:450px;
    height:450px;
    background:#bfdbfe;
    top:-200px;
    right:-100px;
    opacity:.5;
}

.glow-2{
    width:400px;
    height:400px;
    background:#a5f3fc;
    bottom:-150px;
    left:-100px;
    opacity:.4;
}

/* ==========================
TITLE
========================== */

.section-title{
    max-width:900px;
    margin:auto;
    text-align:center;
    margin-bottom:100px;
    position:relative;
    z-index:2;
    padding:0 20px;
}

.section-badge{
    display:inline-block;
    padding:12px 24px;
    border-radius:50px;
    background:rgba(255,255,255,.7);
    backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,.8);
    color:#2563eb;
    font-weight:700;
}

.section-title h2{
    font-size:clamp(28px,5vw,64px);
    line-height:1.1;
    margin:25px 0;
    color:#0f172a;
    font-weight:800;
}

.section-title p{
    color:#64748b;
    line-height:1.9;
    font-size:18px;
}

/* ==========================
WRAPPER
========================== */

.solution-wrapper{
    width:90%;
    max-width:1400px;
    margin:auto;
    position:relative;
    z-index:2;
}

/* ==========================
CARD
========================== */

.solution-card{

    display:grid;
    grid-template-columns:520px 1fr;

    gap:80px;

    align-items:center;

    margin-bottom:70px;

    padding:35px;

    border-radius:40px;

    background:
    linear-gradient(
    135deg,
    rgba(255,255,255,.95),
    rgba(255,255,255,.75)
    );

    backdrop-filter:blur(25px);

    border:1px solid rgba(255,255,255,.8);

    box-shadow:
    0 25px 70px rgba(15,23,42,.06);

    position:relative;

    overflow:hidden;

    transition:.4s;
}

.solution-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;

    background:
    linear-gradient(
    90deg,
    #2563eb,
    #06b6d4,
    #60a5fa
    );
}

.solution-card:hover{
    box-shadow:
    0 40px 100px rgba(37,99,235,.12);
}

.reverse .solution-image{
    order:2;
}

.reverse .solution-content{
    order:1;
}

/* ==========================
IMAGE
========================== */

.solution-image{

    position:relative;

    height:420px;

    border-radius:30px;

    overflow:hidden;

    background:
    linear-gradient(
    135deg,
    #2563eb,
    #1d4ed8,
    #0ea5e9
    );

    display:flex;
    align-items:center;
    justify-content:center;
}

.solution-image::before{

    content:'';

    position:absolute;

    width:320px;
    height:320px;

    border-radius:50%;

    border:1px solid rgba(255,255,255,.25);

    animation:ring1 10s linear infinite;
}

.solution-image::after{

    content:'';

    position:absolute;

    width:220px;
    height:220px;

    border-radius:50%;

    border:1px solid rgba(255,255,255,.35);

    animation:ring2 7s linear infinite;
}

@keyframes ring1{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}

@keyframes ring2{
    from{transform:rotate(360deg);}
    to{transform:rotate(0deg);}
}

.solution-icon{

    width:150px;
    height:150px;

    border-radius:35px;

    background:
    rgba(255,255,255,.15);

    backdrop-filter:blur(20px);

    border:1px solid rgba(255,255,255,.2);

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:70px;

    z-index:2;
}

/* ==========================
CONTENT
========================== */

.solution-number{

    display:block;

    font-size:clamp(38px,8vw,90px);

    font-weight:800;

    line-height:1;

    color:rgba(37,99,235,.08);
}

.solution-content h3{

    font-size:clamp(24px,4vw,58px);

    line-height:1.05;

    margin:-15px 0 20px;

    color:#0f172a;
}

.solution-content p{

    color:#64748b;

    line-height:1.9;

    margin-bottom:25px;
}

.solution-content ul{

    list-style:none;

    padding:0;

    margin:0 0 30px;
}

.solution-content ul li{

    padding:10px 0;

    color:#475569;

    font-size:16px;
}

.solution-content ul li::before{

    content:"✓";

    color:#2563eb;

    margin-right:10px;

    font-weight:700;
}

.solution-content a{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:16px 28px;

    border-radius:14px;

    background:
    linear-gradient(
    135deg,
    #2563eb,
    #06b6d4
    );

    color:white;

    text-decoration:none;

    font-weight:600;

    transition:.35s;
}

.solution-content a:hover{

    gap:20px;

    box-shadow:
    0 15px 35px rgba(37,99,235,.25);
}

/* ==========================
TABLET
========================== */

@media(max-width:1200px){

.solution-card{
    grid-template-columns:450px 1fr;
    gap:50px;
}

}

/* ==========================
MOBILE
========================== */

@media(max-width:991px){

.solution-section{
    padding:90px 0;
}

.solution-title{
    margin-bottom:60px;
}

.solution-wrapper{
    width:92%;
}

.solution-card{

    grid-template-columns:1fr;

    gap:30px;

    padding:25px;

    border-radius:25px;
}

.reverse .solution-image{
    order:1;
}

.reverse .solution-content{
    order:2;
}

.solution-image{
    height:260px;
}

.solution-icon{

    width:90px;
    height:90px;

    font-size:40px;

    border-radius:20px;
}

.solution-content{
    text-align:center;
}

.solution-content p{
    font-size:15px;
}

.solution-content a{

    width:100%;

    justify-content:center;
}

}

/* ==========================
SMALL MOBILE
========================== */

@media(max-width:767px){

.solution-section{
    padding:70px 0;
}

.section-badge{
    font-size:12px;
    padding:10px 18px;
}

.solution-card{
    padding:20px;
}

.solution-image{
    height:220px;
}

.solution-image::before{
    width:220px;
    height:220px;
}

.solution-image::after{
    width:150px;
    height:150px;
}

.solution-icon{
    width:80px;
    height:80px;
    font-size:36px;
}

}

/* ==========================
EXTRA SMALL
========================== */

@media(max-width:480px){

.solution-wrapper{
    width:95%;
}

.solution-card{
    padding:18px;
    border-radius:20px;
}

.solution-image{
    height:200px;
}

.solution-icon{
    width:75px;
    height:75px;
    font-size:32px;
}

.section-title p{
    font-size:14px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-503fec0 *//* ==========================
JOURNEY SECTION
========================== */

.journey-section{
    position:relative;
    overflow:hidden;
    padding:clamp(80px,10vw,140px) 0;

    background:
    linear-gradient(
    180deg,
    #eef6ff,
    #ffffff
    );
}

/* ==========================
GRID BACKGROUND
========================== */

.journey-bg{
    position:absolute;
    inset:0;

    background-image:
    linear-gradient(
    rgba(37,99,235,.04) 1px,
    transparent 1px
    ),
    linear-gradient(
    90deg,
    rgba(37,99,235,.04) 1px,
    transparent 1px
    );

    background-size:60px 60px;

    animation:gridMove 15s linear infinite;
}

@keyframes gridMove{
    from{
        transform:translateY(0);
    }
    to{
        transform:translateY(60px);
    }
}

/* ==========================
HEADING
========================== */

.journey-heading{
    text-align:center;
    max-width:850px;
    margin:auto auto 80px;
    position:relative;
    z-index:2;
    padding:0 20px;
}

.journey-heading span{
    display:inline-block;
    padding:10px 18px;

    border-radius:50px;

    background:
    rgba(255,255,255,.7);

    backdrop-filter:blur(15px);

    border:
    1px solid rgba(255,255,255,.8);

    color:#2563eb;

    font-weight:700;

    letter-spacing:1px;
}

.journey-heading h2{
    font-size:clamp(32px,5vw,64px);
    color:#0f172a;
    margin:20px 0;
    line-height:1.1;
}

.journey-heading p{
    color:#64748b;
    line-height:1.9;
    font-size:16px;
}

/* ==========================
WRAPPER
========================== */

.journey-wrapper{
    width:min(90%,1400px);

    margin:auto;

    display:grid;

    grid-template-columns:
    repeat(4,1fr);

    gap:25px;

    position:relative;

    z-index:2;
}

/* ==========================
STEP CARD
========================== */

.journey-step{

    background:
    rgba(255,255,255,.65);

    backdrop-filter:blur(20px);

    border:
    1px solid rgba(255,255,255,.9);

    border-radius:30px;

    padding:30px;

    text-align:center;

    transition:.35s;

    height:100%;
}

.journey-step:hover{

    transform:translateY(-5px);

    box-shadow:
    0 20px 50px rgba(37,99,235,.12);
}

/* ==========================
NUMBER
========================== */

.step-number{

    font-size:clamp(40px,6vw,70px);

    font-weight:800;

    line-height:1;

    color:
    rgba(37,99,235,.08);

    margin-bottom:10px;
}

/* ==========================
ICON
========================== */

.step-icon{

    width:90px;
    height:90px;

    margin:auto;

    border-radius:24px;

    background:
    linear-gradient(
    135deg,
    #2563eb,
    #06b6d4
    );

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:40px;

    margin-bottom:20px;

    color:#fff;
}

/* ==========================
TEXT
========================== */

.journey-step h3{

    font-size:clamp(22px,3vw,28px);

    color:#0f172a;

    margin-bottom:15px;
}

.journey-step p{

    color:#64748b;

    line-height:1.8;

    font-size:15px;
}

/* ==========================
CONNECTOR LINE
========================== */

.journey-line{
    display:none;
}

/* ==========================
LAPTOP
========================== */

@media(max-width:1200px){

.journey-wrapper{
    grid-template-columns:
    repeat(2,1fr);
}

}

/* ==========================
TABLET
========================== */

@media(max-width:991px){

.journey-section{
    padding:90px 0;
}

.journey-wrapper{
    grid-template-columns:
    repeat(2,1fr);

    gap:20px;
}

.journey-step{
    padding:25px;
}

.step-icon{
    width:80px;
    height:80px;
    font-size:34px;
}

}

/* ==========================
MOBILE
========================== */

@media(max-width:767px){

.journey-heading{
    margin-bottom:50px;
}

.journey-wrapper{
    grid-template-columns:1fr;
}

.journey-step{
    padding:22px;
}

.step-icon{
    width:70px;
    height:70px;
    font-size:30px;
}

}

/* ==========================
SMALL MOBILE
========================== */

@media(max-width:480px){

.journey-section{
    padding:70px 0;
}

.journey-heading p{
    font-size:14px;
}

.journey-step{
    padding:20px;
    border-radius:20px;
}

.step-icon{
    width:60px;
    height:60px;
    font-size:26px;
    border-radius:16px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-483b479 */.industry-showcase{

    padding:140px 0;

    background:
    linear-gradient(
    180deg,
    #ffffff,
    #f8fbff
    );
}

.showcase-header{

    max-width:900px;

    margin:auto auto 100px;

    text-align:center;
}

.showcase-header span{

    color:#2563eb;

    font-weight:700;
}

.showcase-header h2{

    font-size:clamp(38px,5vw,68px);

    color:#0f172a;

    margin:20px 0;
}

.showcase-header p{

    color:#64748b;

    line-height:1.9;
}

.industry-row{

    width:min(90%,1400px);

    margin:auto auto 80px;

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:60px;

    align-items:center;
}

.reverse .industry-image{
    order:2;
}

.reverse .industry-info{
    order:1;
}

.industry-image{

    height:500px;

    border-radius:35px;

    overflow:hidden;
}

.industry-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:.6s;
}

.industry-row:hover img{

    transform:scale(1.06);
}

.industry-info span{

    font-size:90px;

    font-weight:800;

    color:
    rgba(37,99,235,.08);
}

.industry-info h3{

    font-size:56px;

    line-height:1.1;

    margin:10px 0 20px;

    color:#0f172a;
}

.industry-info p{

    color:#64748b;

    line-height:1.9;

    max-width:500px;

    margin-bottom:30px;
}

.industry-info a{

    display:inline-block;

    padding:16px 28px;

    border-radius:14px;

    background:
    linear-gradient(
    135deg,
    #2563eb,
    #06b6d4
    );

    color:white;

    text-decoration:none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be03002 *//* ===================================
BUSINESS INSIGHTS
=================================== */

.insights-section{

    position:relative;

    overflow:hidden;

    padding:120px 0;

    background:
    linear-gradient(
    180deg,
    #ffffff,
    #f8fbff,
    #eef6ff
    );
}

/* Background */

.insights-bg{

    position:absolute;

    inset:0;

    background-image:
    linear-gradient(
    rgba(37,99,235,.04) 1px,
    transparent 1px
    ),
    linear-gradient(
    90deg,
    rgba(37,99,235,.04) 1px,
    transparent 1px
    );

    background-size:60px 60px;

    animation:gridMove 18s linear infinite;
}

/* Container */

.insights-container{

    width:min(90%,1400px);

    margin:auto;

    position:relative;

    z-index:2;
}

/* Header */

.insights-header{

    max-width:850px;

    margin:auto auto 70px;

    text-align:center;
}

.insights-header span{

    display:inline-block;

    padding:10px 18px;

    border-radius:50px;

    background:#eef6ff;

    color:#2563eb;

    font-weight:700;
}

.insights-header h2{

    font-size:clamp(34px,5vw,60px);

    line-height:1.1;

    color:#0f172a;

    margin:20px 0;
}

.insights-header p{

    color:#64748b;

    line-height:1.8;
}

/* Layout */

.insights-layout{

    display:grid;

    grid-template-columns:1.2fr .8fr;

    gap:30px;
}

/* Featured */

.featured-post{

    background:white;

    border-radius:30px;

    overflow:hidden;

    box-shadow:
    0 20px 50px rgba(15,23,42,.05);

    transition:.35s;
}

.featured-post:hover{

    transform:translateY(-6px);
}

.featured-image{

    height:320px;
}

.featured-image img{

    width:100%;
    height:100%;

    object-fit:cover;
}

.featured-content{

    padding:35px;
}

.featured-content span{

    color:#2563eb;

    font-weight:700;
}

.featured-content h3{

    font-size:34px;

    line-height:1.2;

    margin:15px 0;
}

.featured-content p{

    color:#64748b;

    line-height:1.8;

    margin-bottom:25px;
}

.featured-content a{

    color:#2563eb;

    font-weight:600;

    text-decoration:none;
}

/* Side */

.side-posts{

    display:flex;

    flex-direction:column;

    gap:20px;
}

.mini-post{

    padding:30px;

    background:white;

    border-radius:24px;

    box-shadow:
    0 15px 40px rgba(15,23,42,.05);

    transition:.3s;
}

.mini-post:hover{

    transform:translateX(8px);
}

.mini-post h4{

    font-size:22px;

    color:#0f172a;

    line-height:1.4;

    margin-bottom:15px;
}

.mini-post a{

    color:#2563eb;

    text-decoration:none;

    font-weight:600;
}

/* Tablet */

@media(max-width:991px){

.insights-layout{

    grid-template-columns:1fr;
}

}

/* Mobile */

@media(max-width:767px){

.insights-section{

    padding:80px 0;
}

.featured-image{

    height:220px;
}

.featured-content{

    padding:25px;
}

.featured-content h3{

    font-size:26px;
}

.mini-post{

    padding:20px;
}

.mini-post h4{

    font-size:18px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ff1ba9 *//* ===================================
NETWORK SECTION
=================================== */

.sbs-network-section{

    position:relative;

    overflow:hidden;

    padding:140px 0;

    background:
    linear-gradient(
    180deg,
    #ffffff,
    #f8fbff,
    #eef6ff
    );
}

/* ===================================
GRID BACKGROUND
=================================== */

.network-bg-grid{

    position:absolute;

    inset:0;

    background-image:
    linear-gradient(
    rgba(37,99,235,.03) 1px,
    transparent 1px
    ),
    linear-gradient(
    90deg,
    rgba(37,99,235,.03) 1px,
    transparent 1px
    );

    background-size:60px 60px;

    animation:gridMove 18s linear infinite;
}

@keyframes gridMove{

    from{
        transform:translateY(0);
    }

    to{
        transform:translateY(60px);
    }

}

/* ===================================
GLOW EFFECTS
=================================== */

.sbs-network-section::before{

    content:'';

    position:absolute;

    width:500px;
    height:500px;

    border-radius:50%;

    background:
    radial-gradient(
    circle,
    rgba(37,99,235,.12),
    transparent 70%
    );

    left:-150px;
    top:-150px;

    filter:blur(60px);
}

.sbs-network-section::after{

    content:'';

    position:absolute;

    width:450px;
    height:450px;

    border-radius:50%;

    background:
    radial-gradient(
    circle,
    rgba(6,182,212,.10),
    transparent 70%
    );

    right:-100px;
    bottom:-100px;

    filter:blur(60px);
}

/* ===================================
CONTAINER
=================================== */

.sbs-network-container{

    width:min(90%,1400px);

    margin:auto;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

    position:relative;

    z-index:2;
}

/* ===================================
LEFT
=================================== */

.network-tag{

    display:inline-block;

    padding:12px 20px;

    border-radius:50px;

    background:#eef6ff;

    color:#2563eb;

    font-size:14px;

    font-weight:700;
}

.typing-title{

    font-size:clamp(38px,5vw,64px);

    line-height:1.1;

    color:#0f172a;

    margin:20px 0;
}

.typing-title::after{

    content:'';

    width:3px;

    height:1em;

    background:#2563eb;

    display:inline-block;

    margin-left:8px;

    animation:blink 1s infinite;
}

@keyframes blink{

    50%{
        opacity:0;
    }

}

.network-content p{

    color:#64748b;

    line-height:1.9;

    margin-bottom:35px;
}

.network-highlights{

    display:flex;

    flex-direction:column;

    gap:18px;
}

.highlight-item{

    display:flex;

    gap:18px;

    align-items:flex-start;

    padding:22px;

    border-radius:22px;

    background:white;

    border:1px solid #e2e8f0;

    transition:.35s;
}

.highlight-item:hover{

    transform:translateX(10px);

    border-color:#2563eb;
}

.highlight-icon{

    min-width:55px;

    height:55px;

    border-radius:16px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:
    linear-gradient(
    135deg,
    #2563eb,
    #06b6d4
    );

    color:white;

    font-weight:700;
}

.highlight-item h4{

    margin-bottom:8px;

    color:#0f172a;
}

.highlight-item p{

    margin:0;
}

/* ===================================
DASHBOARD
=================================== */

.network-dashboard{

    padding:35px;

    border-radius:32px;

    background:
    rgba(255,255,255,.75);

    backdrop-filter:blur(20px);

    border:
    1px solid rgba(255,255,255,.9);

    box-shadow:
    0 30px 80px rgba(15,23,42,.08);
}

.dashboard-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:30px;
}

.dashboard-top h3{

    font-size:32px;

    color:#0f172a;
}

.live-status{

    color:#64748b;

    font-size:14px;

    margin-top:5px;
}

.status-badge{

    padding:10px 18px;

    border-radius:50px;

    background:#dcfce7;

    color:#15803d;

    font-weight:600;
}

/* ===================================
CITY GRID
=================================== */

.coverage-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

    margin-bottom:25px;
}

.coverage-card{

    padding:24px;

    border-radius:22px;

    background:white;

    border:1px solid #e2e8f0;

    transition:.35s;
}

.coverage-card:hover{

    transform:translateY(-6px);

    border-color:#2563eb;
}

.pulse-dot{

    width:12px;
    height:12px;

    border-radius:50%;

    background:#22c55e;

    margin-bottom:15px;

    animation:pulseDot 2s infinite;
}

@keyframes pulseDot{

    50%{
        transform:scale(1.5);
        opacity:.6;
    }

}

.coverage-card h4{

    color:#2563eb;

    margin-bottom:8px;
}

.coverage-card p{

    color:#64748b;

    line-height:1.7;
}

/* ===================================
BOTTOM PANEL
=================================== */

.network-bottom{

    padding:25px;

    border-radius:24px;

    background:
    linear-gradient(
    135deg,
    #2563eb,
    #06b6d4
    );
}

.bottom-item{

    display:flex;

    justify-content:space-between;

    color:white;

    padding:12px 0;
}

.bottom-item:not(:last-child){

    border-bottom:
    1px solid rgba(255,255,255,.15);
}

/* ===================================
RESPONSIVE
=================================== */

@media(max-width:1024px){

.sbs-network-container{

    grid-template-columns:1fr;

    gap:50px;
}

}

@media(max-width:767px){

.sbs-network-section{

    padding:90px 0;
}

.network-content{

    text-align:center;
}

.coverage-grid{

    grid-template-columns:1fr;
}

.dashboard-top{

    flex-direction:column;

    gap:12px;

    text-align:center;
}

.highlight-item{

    text-align:left;
}

.network-dashboard{

    padding:25px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2cb1b2a *//* ==================================
GMB REVIEW SECTION
================================== */

.gmb-review-section{

    position:relative;

    overflow:hidden;

    padding:140px 0;

    background:
    linear-gradient(
    180deg,
    #eef6ff,
    #ffffff
    );
}

/* GRID */

.review-grid-bg{

    position:absolute;

    inset:0;

    background-image:
    linear-gradient(
    rgba(37,99,235,.03) 1px,
    transparent 1px
    ),
    linear-gradient(
    90deg,
    rgba(37,99,235,.03) 1px,
    transparent 1px
    );

    background-size:60px 60px;

    animation:gridMove 18s linear infinite;
}

/* HEADER */

.review-container{

    width:min(90%,1400px);

    margin:auto;

    position:relative;

    z-index:2;
}

.review-header{

    text-align:center;

    max-width:850px;

    margin:auto auto 70px;
}

.review-header span{

    display:inline-block;

    padding:12px 20px;

    border-radius:50px;

    background:#eef6ff;

    color:#2563eb;

    font-weight:700;
}

.review-header h2{

    font-size:clamp(38px,5vw,64px);

    margin:20px 0;

    color:#0f172a;
}

.review-header p{

    color:#64748b;

    line-height:1.9;
}

/* REVIEW GRID */

.review-showcase{

    display:grid;

    grid-template-columns:1.3fr .7fr;

    gap:25px;

    margin-bottom:40px;
}

/* MAIN */

.main-review{

    border-radius:30px;

    overflow:hidden;

    background:white;

    padding:15px;

    box-shadow:
    0 25px 60px rgba(15,23,42,.08);

    transition:.4s;
}

.main-review:hover{

    transform:translateY(-8px);
}

.main-review img{

    width:100%;

    display:block;

    border-radius:20px;
}

/* SIDE */

.review-side{

    display:flex;

    flex-direction:column;

    gap:25px;
}

.review-shot{

    flex:1;

    border-radius:25px;

    overflow:hidden;

    background:white;

    padding:12px;

    box-shadow:
    0 20px 50px rgba(15,23,42,.06);

    transition:.4s;
}

.review-shot:hover{

    transform:translateY(-6px);
}

.review-shot img{

    width:100%;

    height:100%;

    object-fit:cover;

    border-radius:16px;
}

/* BOTTOM */

.review-bottom{

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:20px;
}

.rating-box{

    text-align:center;

    padding:30px;

    border-radius:24px;

    background:
    rgba(255,255,255,.75);

    backdrop-filter:blur(20px);

    border:
    1px solid rgba(255,255,255,.8);

    box-shadow:
    0 15px 40px rgba(15,23,42,.05);
}

.rating-box h3{

    color:#2563eb;

    font-size:32px;

    margin-bottom:10px;
}

.rating-box span{

    color:#64748b;
}

/* MOBILE */

@media(max-width:991px){

.review-showcase{

    grid-template-columns:1fr;
}

.review-side{

    flex-direction:row;
}

}

@media(max-width:767px){

.gmb-review-section{

    padding:90px 0;
}

.review-bottom{

    grid-template-columns:1fr;
}

.review-side{

    flex-direction:column;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6e5b3a9 *//* ==================================
TRANSFORMATION SECTION
================================== */

.transformation-section{

    position:relative;

    overflow:hidden;

    padding:140px 0;

    background:
    linear-gradient(
    180deg,
    #ffffff,
    #f8fbff,
    #eef6ff
    );
}

/* GRID */

.transform-grid{

    position:absolute;

    inset:0;

    background-image:
    linear-gradient(
    rgba(37,99,235,.03) 1px,
    transparent 1px
    ),
    linear-gradient(
    90deg,
    rgba(37,99,235,.03) 1px,
    transparent 1px
    );

    background-size:60px 60px;

    animation:gridMove 20s linear infinite;
}

@keyframes gridMove{

    from{
        transform:translateY(0);
    }

    to{
        transform:translateY(60px);
    }

}

/* GLOWS */

.transform-glow{

    position:absolute;

    border-radius:50%;

    filter:blur(90px);
}

.glow-1{

    width:450px;
    height:450px;

    background:
    rgba(37,99,235,.10);

    top:-150px;
    left:-150px;
}

.glow-2{

    width:400px;
    height:400px;

    background:
    rgba(6,182,212,.10);

    right:-100px;
    bottom:-100px;
}

/* CONTAINER */

.transform-container{

    width:min(90%,1300px);

    margin:auto;

    position:relative;

    z-index:2;
}

/* HEADER */

.transform-header{

    text-align:center;

    max-width:850px;

    margin:auto auto 80px;
}

.transform-header span{

    display:inline-block;

    padding:12px 20px;

    border-radius:50px;

    background:#eef6ff;

    color:#2563eb;

    font-weight:700;
}

.transform-header h2{

    font-size:clamp(40px,5vw,70px);

    line-height:1.1;

    margin:20px 0;

    color:#0f172a;
}

.transform-header p{

    color:#64748b;

    line-height:1.9;
}

/* JOURNEY */

.journey-wrapper{

    display:flex;

    flex-direction:column;

    gap:22px;
}

.journey-row{

    display:grid;

    grid-template-columns:1fr 150px 1fr;

    gap:25px;

    align-items:center;
}

/* BEFORE */

.before-box{

    padding:28px;

    border-radius:22px;

    background:
    rgba(255,255,255,.8);

    backdrop-filter:blur(20px);

    border-left:5px solid #ef4444;

    border-top:
    1px solid rgba(255,255,255,.8);

    border-right:
    1px solid rgba(255,255,255,.8);

    border-bottom:
    1px solid rgba(255,255,255,.8);

    box-shadow:
    0 20px 50px rgba(15,23,42,.05);

    transition:.35s;

    font-weight:600;

    color:#334155;
}

.before-box:hover{

    transform:translateX(-10px);
}

.before-box span{

    color:#ef4444;

    margin-right:10px;

    font-weight:700;
}

/* AFTER */

.after-box{

    padding:28px;

    border-radius:22px;

    background:
    rgba(255,255,255,.8);

    backdrop-filter:blur(20px);

    border-left:5px solid #22c55e;

    border-top:
    1px solid rgba(255,255,255,.8);

    border-right:
    1px solid rgba(255,255,255,.8);

    border-bottom:
    1px solid rgba(255,255,255,.8);

    box-shadow:
    0 20px 50px rgba(15,23,42,.05);

    transition:.35s;

    font-weight:600;

    color:#334155;
}

.after-box:hover{

    transform:translateX(10px);
}

.after-box span{

    color:#22c55e;

    margin-right:10px;

    font-weight:700;
}

/* LINE */

.transform-line{

    position:relative;

    height:4px;

    border-radius:30px;

    background:
    linear-gradient(
    90deg,
    #2563eb,
    #06b6d4
    );

    overflow:hidden;
}

.transform-line::after{

    content:'';

    position:absolute;

    width:100px;
    height:100%;

    background:
    rgba(255,255,255,.8);

    filter:blur(2px);

    animation:moveLight 3s linear infinite;
}

@keyframes moveLight{

    from{
        left:-100px;
    }

    to{
        left:150%;
    }

}

/* REVEAL */

.reveal{

    opacity:0;

    transform:translateY(60px);

    transition:.8s ease;
}

.reveal.active{

    opacity:1;

    transform:translateY(0);
}

/* MOBILE */

@media(max-width:991px){

.journey-row{

    grid-template-columns:1fr;

    gap:15px;
}

.transform-line{

    width:4px;
    height:70px;

    margin:auto;
}

.transform-line::after{

    width:100%;
    height:60px;

    animation:moveVertical 3s linear infinite;
}

@keyframes moveVertical{

    from{
        top:-60px;
    }

    to{
        top:120px;
    }

}

}

@media(max-width:767px){

.transformation-section{

    padding:90px 0;
}

.transform-header h2{

    font-size:38px;
}

.before-box,
.after-box{

    padding:20px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d283cf7 *//* ==================================
FINAL CTA SECTION
================================== */

.cta-section{

    position:relative;

    overflow:hidden;

    padding:140px 0;

    background:
    linear-gradient(
    135deg,
    #0f172a,
    #10254d,
    #2563eb
    );
}

/* GRID */

.cta-grid{

    position:absolute;

    inset:0;

    background-image:
    linear-gradient(
    rgba(255,255,255,.05) 1px,
    transparent 1px
    ),
    linear-gradient(
    90deg,
    rgba(255,255,255,.05) 1px,
    transparent 1px
    );

    background-size:60px 60px;

    animation:gridMove 18s linear infinite;
}

/* GLOWS */

.cta-glow{

    position:absolute;

    border-radius:50%;

    filter:blur(100px);
}

.cta-glow-1{

    width:450px;
    height:450px;

    background:
    rgba(0,191,255,.20);

    left:-120px;
    top:-120px;
}

.cta-glow-2{

    width:400px;
    height:400px;

    background:
    rgba(37,99,235,.20);

    right:-100px;
    bottom:-100px;
}

/* CONTAINER */

.cta-container{

    width:min(90%,1000px);

    margin:auto;

    text-align:center;

    position:relative;

    z-index:2;
}

/* BADGE */

.cta-badge{

    display:inline-block;

    padding:12px 22px;

    border-radius:50px;

    background:
    rgba(255,255,255,.08);

    border:
    1px solid rgba(255,255,255,.12);

    color:#7dd3fc;

    font-weight:700;

    letter-spacing:1px;

    backdrop-filter:blur(20px);
}

/* TITLE */

.cta-container h2{

    font-size:clamp(42px,6vw,82px);

    line-height:1.05;

    color:white;

    margin:25px 0;
}

/* TEXT */

.cta-container p{

    max-width:750px;

    margin:auto;

    color:
    rgba(255,255,255,.80);

    font-size:20px;

    line-height:1.9;
}

/* SERVICES */

.cta-services{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:15px;

    margin-top:45px;
}

.service-pill{

    padding:14px 22px;

    border-radius:50px;

    background:
    rgba(255,255,255,.08);

    border:
    1px solid rgba(255,255,255,.10);

    color:white;

    backdrop-filter:blur(20px);
}

/* BUTTONS */

.cta-buttons{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:18px;

    margin-top:50px;
}

.cta-buttons a{

    text-decoration:none;

    font-weight:700;

    transition:.35s;
}

/* PRIMARY */

.cta-btn-primary{

    padding:18px 35px;

    border-radius:14px;

    background:white;

    color:#2563eb;
}

.cta-btn-primary:hover{

    transform:translateY(-4px);
}

/* WHATSAPP */

.cta-btn-whatsapp{

    padding:18px 35px;

    border-radius:14px;

    background:
    rgba(255,255,255,.10);

    border:
    1px solid rgba(255,255,255,.15);

    color:white;

    backdrop-filter:blur(20px);
}

.cta-btn-whatsapp:hover{

    background:
    rgba(255,255,255,.18);
}

/* CALL */

.cta-btn-call{

    padding:18px 35px;

    border-radius:14px;

    background:
    rgba(255,255,255,.10);

    border:
    1px solid rgba(255,255,255,.15);

    color:white;

    backdrop-filter:blur(20px);
}

.cta-btn-call:hover{

    background:
    rgba(255,255,255,.18);
}

/* MOBILE */

@media(max-width:767px){

.cta-section{

    padding:90px 0;
}

.cta-container p{

    font-size:16px;
}

.cta-buttons{

    flex-direction:column;
}

.cta-buttons a{

    width:100%;
}

.service-pill{

    width:100%;
}

}/* End custom CSS */