/* =================================
   PAGE BANNER
================================= */

/* =================================
   PAGE BANNER
================================= */

.page-banner{

padding:140px 0 120px;

background:
linear-gradient(
135deg,
#6C63FF,
#4FD1C5
);

position:relative;

overflow:hidden;

text-align:center;

}


/* Heading */

.breadcrumb-content h1{

font-size:72px;

font-weight:800;

color:#ffffff;

margin-bottom:25px;

line-height:1.2;

}


/* Breadcrumb */

.custom-breadcrumb{

display:flex;

justify-content:center;

align-items:center;

gap:14px;

padding:0;

margin:0;

list-style:none;

flex-wrap:wrap;

}


/* Breadcrumb Items */

.custom-breadcrumb li{

position:relative;

font-size:19px;

font-weight:500;

color:#e2e8f0;

}


/* Slash Separator */

.custom-breadcrumb li:not(:last-child)::after{

content:"/";

margin-left:14px;

color:#ffffff;

font-weight:600;

}


/* Links */

.custom-breadcrumb li a{

color:#ffffff;

text-decoration:none;

font-weight:700;

transition:0.3s ease;

}


/* Hover */

.custom-breadcrumb li a:hover{

color:#0f172a;

}


/* =================================
   ABOUT SECTION
================================= */

.about-page-section{

padding:100px 0;

background:#f8fafc;

}

.about-image img{

width:100%;

border-radius:30px;

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

}

.about-tag{

display:inline-block;

padding:10px 18px;

background:
rgba(108,99,255,0.1);

color:#6C63FF;

border-radius:30px;

font-weight:600;

margin-bottom:20px;

}

.about-content h2{

font-size:48px;

font-weight:800;

line-height:1.3;

margin-bottom:25px;

color:#0f172a;

}

.about-content p{

font-size:17px;

line-height:1.9;

color:#475569;

margin-bottom:18px;

}

.about-points{

margin-top:30px;

}

.about-point{

display:flex;

align-items:center;

gap:12px;

margin-bottom:18px;

font-size:17px;

font-weight:600;

color:#0f172a;

}

.about-point i{

color:#4FD1C5;

font-size:20px;

}


/* =================================
   WHY CHOOSE US
================================= */

.why-choose-section{

padding:100px 0;

background:
linear-gradient(
135deg,
#071132,
#0f172a
);

}

.section-title span{

color:#4FD1C5;

font-size:18px;

font-weight:700;

display:block;

margin-bottom:15px;

}

.section-title h2{

font-size:48px;

font-weight:800;

color:#fff;

margin-bottom:20px;

}

.section-title p{

color:#cbd5e1;

font-size:18px;

max-width:700px;

margin:auto;

margin-bottom:60px;

}

.choose-card{

background:
rgba(255,255,255,0.08);

backdrop-filter:blur(16px);

padding:45px 35px;

border-radius:24px;

text-align:center;

border:
1px solid rgba(255,255,255,0.08);

transition:0.4s ease;

height:100%;

}

.choose-card:hover{

transform:
translateY(-10px);

box-shadow:
0 20px 50px rgba(79,209,197,0.2);

}

.choose-card i{

font-size:52px;

color:#4FD1C5;

margin-bottom:25px;

}

.choose-card h4{

font-size:26px;

font-weight:700;

color:#fff;

margin-bottom:15px;

}

.choose-card p{

color:#cbd5e1;

line-height:1.8;

font-size:16px;

}
/* =========================
   NAVBAR Z-INDEX FIX
========================= */

.header-area,
.navbar,
.navbar-area,
.main-header{

position:relative;

z-index:99999;

}

/* Dropdown */

.custom-dropdown-menu{

z-index:999999 !important;

}

/* Banner */

.page-banner,
.hero-section,
.slider-section{

position:relative;

z-index:1;

}
/* =================================
   SERVICE DETAILS
================================= */

.service-details-section{

padding:100px 0;

background:#f8fafc;

}

.service-image img{

width:100%;

border-radius:30px;

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

}

.service-tag{

display:inline-block;

padding:10px 18px;

background:
rgba(108,99,255,0.1);

color:#6C63FF;

border-radius:30px;

font-weight:600;

margin-bottom:20px;

}

.service-content h2{

font-size:48px;

font-weight:800;

line-height:1.3;

margin-bottom:25px;

color:#0f172a;

}

.service-content p{

font-size:17px;

line-height:1.9;

color:#475569;

margin-bottom:18px;

}

.service-points{

margin-top:30px;

}

.service-point{

display:flex;

align-items:center;

gap:12px;

margin-bottom:18px;

font-size:17px;

font-weight:600;

color:#0f172a;

}

.service-point i{

color:#4FD1C5;

font-size:20px;

}


/* =================================
   FEATURES SECTION
================================= */

.website-features-section{

padding:100px 0;

background:
linear-gradient(
135deg,
#071132,
#0f172a
);

}

.feature-box{

background:
rgba(255,255,255,0.08);

backdrop-filter:blur(14px);

padding:40px 25px;

border-radius:24px;

text-align:center;

border:
1px solid rgba(255,255,255,0.08);

transition:0.4s ease;

height:100%;

}

.feature-box:hover{

transform:
translateY(-10px);

box-shadow:
0 20px 50px rgba(79,209,197,0.18);

}

.feature-box i{

font-size:52px;

color:#4FD1C5;

margin-bottom:25px;

}

.feature-box h4{

font-size:24px;

font-weight:700;

color:#fff;

margin-bottom:15px;

}

.feature-box p{

color:#cbd5e1;

line-height:1.8;

}


/* =================================
   CTA SECTION
================================= */

.cta-section{

padding:100px 0;

background:#f8fafc;

}

.cta-box{

padding:80px 50px;

border-radius:30px;

background:
linear-gradient(
135deg,
#6C63FF,
#4FD1C5
);

}

.cta-box h2{

font-size:48px;

font-weight:800;

color:#fff;

margin-bottom:20px;

}

.cta-box p{

font-size:18px;

color:#e2e8f0;

margin-bottom:35px;

}

.cta-btn{

display:inline-flex;

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

height:56px;

padding:0 35px;

border-radius:14px;

background:#fff;

color:#0f172a;

font-weight:700;

text-decoration:none;

transition:0.4s ease;

}

.cta-btn:hover{

transform:translateY(-4px);

}

/* =================================
   PROCESS SECTION
================================= */

.process-section{

padding:100px 0;

background:#f8fafc;

}

.process-card{

background:#ffffff;

padding:35px 20px;

border-radius:24px;

text-align:center;

box-shadow:
0 10px 30px rgba(0,0,0,0.05);

transition:0.4s ease;

height:100%;

}

.process-card:hover{

transform:
translateY(-10px);

box-shadow:
0 20px 50px rgba(79,209,197,0.15);

}

.process-card i{

font-size:48px;

color:#4FD1C5;

margin-bottom:20px;

}

.process-card h5{

font-size:18px;

font-weight:700;

line-height:1.5;

color:#0f172a;

}

/* =========================
   ABOUT SECTION
========================= */

.about-section{

padding:100px 0;

background:#f8fafc;

}

.about-content h2{

font-size:46px;

font-weight:800;

color:#0f172a;

margin-bottom:25px;

}

.about-content p{

font-size:17px;

line-height:1.9;

color:#475569;

margin-bottom:20px;

}

.about-img img{

width:100%;

border-radius:25px;

}

/* =========================
   SERVICES
========================= */

.service-section{

padding:100px 0;

background:
linear-gradient(
135deg,
#071132,
#0b1d4d
);

}

.section-title{

text-align:center;

margin-bottom:70px;

}

.section-title h2{

font-size:48px;

font-weight:800;

color:#fff;

}

.service-card{

background:
rgba(255,255,255,0.08);

backdrop-filter:blur(14px);

border:
1px solid rgba(255,255,255,0.1);

padding:40px 30px;

border-radius:24px;

text-align:center;

transition:0.4s ease;

height:100%;

}

.service-card:hover{

transform:translateY(-10px);

box-shadow:
0 0 30px rgba(79,209,197,0.25);

}

.service-card i{

font-size:45px;

color:#4FD1C5;

margin-bottom:25px;

}

.service-card h4{

font-size:24px;

font-weight:700;

color:#fff;

margin-bottom:15px;

}

.service-card p{

color:#cbd5e1;

line-height:1.8;

}

/* =========================
   BENEFITS
========================= */

.benefit-section{

padding:100px 0;

background:#ffffff;

}

.benefit-box{

background:#fff;

padding:35px;

border-radius:20px;

box-shadow:
0 10px 30px rgba(0,0,0,0.06);

transition:0.3s;

height:100%;

}

.benefit-box:hover{

transform:translateY(-8px);

}

.benefit-box i{

font-size:40px;

color:#6C63FF;

margin-bottom:20px;

}

.benefit-box h4{

font-size:22px;

font-weight:700;

margin-bottom:15px;

}

/* =========================
   CTA SECTION
========================= */

.cta-section{

padding:100px 0;

text-align:center;

background:
linear-gradient(
135deg,
#6C63FF,
#4FD1C5
);

}

.cta-section h2{

font-size:50px;

font-weight:800;

color:#fff;

margin-bottom:20px;

}

.cta-section p{

font-size:18px;

color:#fff;

margin-bottom:35px;

}

.theme-btn{

display:inline-block;

padding:16px 38px;

background:#fff;

color:#0f172a;

font-size:18px;

font-weight:600;

border-radius:12px;

text-decoration:none;

transition:0.3s;

}

.theme-btn:hover{

background:#0f172a;

color:#fff;

}
/* =========================
   GRAPHICS DESIGN PAGE
========================= */

.graphics-about{

padding:100px 0;

background:#f8fafc;

}

/* Content */

.graphics-content h2{

font-size:48px;

font-weight:800;

color:#0f172a;

margin-bottom:25px;

line-height:1.3;

}

.graphics-content p{

font-size:17px;

line-height:1.9;

color:#475569;

margin-bottom:20px;

}

/* Image */

.graphics-image img{

width:100%;

border-radius:25px;

box-shadow:
0 20px 40px rgba(0,0,0,0.08);

}


/* =========================
   DESIGN SERVICES
========================= */

.design-services{

padding:100px 0;

background:
linear-gradient(
135deg,
#071132,
#0b1d4d
);

}

/* Section Title */

.section-title{

text-align:center;

margin-bottom:70px;

}

.section-title h2{

font-size:48px;

font-weight:800;

color:#fff;

line-height:1.3;

}

.section-title p{

color:#cbd5e1;

font-size:18px;

max-width:700px;

margin:auto;

margin-top:15px;

}


/* Service Card */

.design-card{

background:
rgba(255,255,255,0.08);

backdrop-filter:blur(14px);

border:
1px solid rgba(255,255,255,0.1);

padding:40px 30px;

border-radius:24px;

text-align:center;

transition:0.4s ease;

height:100%;

position:relative;

overflow:hidden;

}

/* Hover */

.design-card:hover{

transform:
translateY(-10px);

box-shadow:
0 0 35px rgba(79,209,197,0.25);

}

/* Icon */

.design-card i{

font-size:48px;

color:#4FD1C5;

margin-bottom:25px;

}

/* Heading */

.design-card h4{

font-size:24px;

font-weight:700;

color:#fff;

margin-bottom:15px;

}

/* Text */

.design-card p{

color:#cbd5e1;

line-height:1.8;

font-size:16px;

}


/* =========================
   BENEFITS SECTION
========================= */

.benefit-section{

padding:100px 0;

background:#ffffff;

}

/* Benefit Card */

.benefit-box{

background:#fff;

padding:35px;

border-radius:22px;

box-shadow:
0 10px 30px rgba(0,0,0,0.06);

transition:0.4s ease;

height:100%;

text-align:center;

border:
1px solid #e2e8f0;

}

/* Hover */

.benefit-box:hover{

transform:
translateY(-8px);

box-shadow:
0 15px 40px rgba(79,209,197,0.12);

}

/* Icon */

.benefit-box i{

font-size:42px;

color:#6C63FF;

margin-bottom:20px;

}

/* Heading */

.benefit-box h4{

font-size:22px;

font-weight:700;

margin-bottom:15px;

color:#0f172a;

}

/* Text */

.benefit-box p{

color:#64748b;

line-height:1.8;

font-size:16px;

}


/* =========================
   CTA SECTION
========================= */

.cta-section{

padding:100px 0;

text-align:center;

background:
linear-gradient(
135deg,
#6C63FF,
#4FD1C5
);

}

/* Heading */

.cta-section h2{

font-size:52px;

font-weight:800;

color:#fff;

margin-bottom:20px;

line-height:1.3;

}

/* Text */

.cta-section p{

font-size:18px;

color:#fff;

margin-bottom:35px;

}

/* Button */

.theme-btn{

display:inline-flex;

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

padding:16px 38px;

background:#fff;

color:#0f172a;

font-size:18px;

font-weight:600;

border-radius:14px;

text-decoration:none;

transition:0.4s ease;

}

/* Hover */

.theme-btn:hover{

background:#0f172a;

color:#fff;

transform:translateY(-4px);

}

/* =========================
   SCHOOL ERP PAGE
========================= */

.school-about{

padding:100px 0;

background:#f8fafc;

}

/* Content */

.school-content h2{

font-size:48px;

font-weight:800;

color:#0f172a;

margin-bottom:25px;

line-height:1.3;

}

.school-content p{

font-size:17px;

line-height:1.9;

color:#475569;

margin-bottom:20px;

}

/* Image */

.school-image img{

width:100%;

border-radius:25px;

box-shadow:
0 20px 40px rgba(0,0,0,0.08);

}


/* =========================
   ERP TYPES
========================= */

.erp-type-section{

padding:80px 0;

background:#ffffff;

}

.erp-box{

padding:40px;

border-radius:24px;

background:
linear-gradient(
135deg,
#6C63FF,
#4FD1C5
);

text-align:center;

color:#fff;

height:100%;

transition:0.4s ease;

}

.erp-box:hover{

transform:translateY(-8px);

}

.erp-box i{

font-size:55px;

margin-bottom:20px;

}

.erp-box h3{

font-size:30px;

font-weight:700;

margin-bottom:15px;

}

.erp-box p{

font-size:16px;

line-height:1.8;

}


/* =========================
   FEATURES
========================= */

.feature-section{

padding:100px 0;

background:
linear-gradient(
135deg,
#071132,
#0b1d4d
);

}

.section-title{

text-align:center;

margin-bottom:70px;

}

.section-title h2{

font-size:48px;

font-weight:800;

color:#fff;

line-height:1.3;

}

.feature-card{

background:
rgba(255,255,255,0.08);

backdrop-filter:blur(14px);

border:
1px solid rgba(255,255,255,0.1);

padding:35px 25px;

border-radius:22px;

text-align:center;

transition:0.4s ease;

height:100%;

}

.feature-card:hover{

transform:
translateY(-10px);

box-shadow:
0 0 35px rgba(79,209,197,0.25);

}

.feature-card i{

font-size:42px;

color:#4FD1C5;

margin-bottom:20px;

}

.feature-card h4{

font-size:22px;

font-weight:700;

color:#fff;

line-height:1.5;

}


/* =========================
   ADVANTAGES
========================= */

.advantage-section{

padding:100px 0;

background:#ffffff;

}

.advantage-box{

background:#fff;

padding:35px;

border-radius:20px;

box-shadow:
0 10px 30px rgba(0,0,0,0.06);

transition:0.3s;

height:100%;

text-align:center;

}

.advantage-box:hover{

transform:translateY(-8px);

}

.advantage-box i{

font-size:42px;

color:#6C63FF;

margin-bottom:20px;

}

.advantage-box h4{

font-size:22px;

font-weight:700;

margin-bottom:15px;

color:#0f172a;

}

.advantage-box p{

color:#64748b;

line-height:1.8;

}


/* =========================
   CTA SECTION
========================= */

.cta-section{

padding:100px 0;

text-align:center;

background:
linear-gradient(
135deg,
#6C63FF,
#4FD1C5
);

}

.cta-section h2{

font-size:52px;

font-weight:800;

color:#fff;

margin-bottom:20px;

}

.cta-section p{

font-size:18px;

color:#fff;

margin-bottom:35px;

}

.theme-btn{

display:inline-flex;

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

padding:16px 38px;

background:#fff;

color:#0f172a;

font-size:18px;

font-weight:600;

border-radius:14px;

text-decoration:none;

transition:0.4s ease;

}

.theme-btn:hover{

background:#0f172a;

color:#fff;

transform:translateY(-4px);

}

/* =========================
   SECTION
========================= */

.py-100{

padding:100px 0;

}

.section-title{

margin-bottom:60px;

}

.section-title h2{

font-size:42px;
font-weight:800;
color:#0f172a;
margin-bottom:15px;

}

.section-title p{

font-size:17px;
color:#64748b;

}


/* =========================
   ABOUT ERP
========================= */

.erp-about{

background:#ffffff;

}

.erp-image img{

border-radius:25px;
box-shadow:0 20px 50px rgba(0,0,0,0.12);

}

.erp-content{

padding-left:20px;

}

.section-tag{

display:inline-block;
padding:10px 22px;
background:rgba(108,99,255,0.1);
color:#6C63FF;
border-radius:50px;
font-weight:600;
margin-bottom:20px;

}

.erp-content h2{

font-size:52px;
font-weight:800;
line-height:1.2;
margin-bottom:25px;
color:#0f172a;

}

.erp-content p{

font-size:17px;
line-height:1.9;
color:#475569;
margin-bottom:20px;

}


/* =========================
   BADGES
========================= */

.erp-badges{

display:flex;
flex-wrap:wrap;
gap:15px;
margin-top:30px;
margin-bottom:35px;

}

.erp-badges span{

padding:12px 22px;
border-radius:50px;
background:linear-gradient(
135deg,
#6C63FF,
#4FD1C5
);

color:#fff;
font-weight:600;
font-size:14px;

}


/* =========================
   BUTTON
========================= */

.theme-btn{

display:inline-block;
padding:15px 35px;
border-radius:14px;

background:linear-gradient(
135deg,
#6C63FF,
#4FD1C5
);

color:#fff;
font-weight:600;
text-decoration:none;
transition:0.4s ease;

}

.theme-btn:hover{

transform:translateY(-5px);
color:#fff;

box-shadow:
0 10px 30px rgba(108,99,255,0.35);

}


/* =========================
   FEATURES
========================= */

.erp-features{

padding:100px 0;

background:
linear-gradient(
135deg,
#020617,
#081229,
#0f172a
);

}

.erp-features .section-title h2{

color:#fff;

}

.erp-features .section-title p{

color:#cbd5e1;

}

.feature-card{

background:
rgba(255,255,255,0.08);

border:
1px solid rgba(255,255,255,0.08);

backdrop-filter:blur(12px);

padding:40px 25px;

border-radius:24px;

text-align:center;

margin-bottom:30px;

transition:0.4s ease;

position:relative;
overflow:hidden;

}

.feature-card:hover{

transform:
translateY(-12px)
scale(1.03);

box-shadow:

0 0 20px rgba(79,209,197,0.35),

0 0 40px rgba(108,99,255,0.25);

}

.feature-card i{

font-size:42px;
margin-bottom:20px;

background:
linear-gradient(
135deg,
#6C63FF,
#4FD1C5
);

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

}

.feature-card h4{

font-size:20px;
font-weight:600;
line-height:1.6;
color:#fff;

}


/* =========================
   BENEFITS
========================= */

.erp-benefits{

background:#f8fafc;

}

.benefit-card{

background:#fff;
padding:40px 30px;
border-radius:24px;

box-shadow:
0 10px 40px rgba(0,0,0,0.06);

text-align:center;

margin-bottom:30px;

transition:0.4s ease;

}

.benefit-card:hover{

transform:translateY(-10px);

}

.benefit-card i{

font-size:42px;
margin-bottom:20px;

background:
linear-gradient(
135deg,
#6C63FF,
#4FD1C5
);

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

}

.benefit-card h4{

font-size:24px;
font-weight:700;
margin-bottom:15px;
color:#0f172a;

}

.benefit-card p{

font-size:16px;
line-height:1.8;
color:#64748b;

}


/* =========================
   CTA
========================= */

.erp-cta{

padding:100px 0;

background:
linear-gradient(
135deg,
#6C63FF,
#4FD1C5
);

text-align:center;

}

.erp-cta h2{

font-size:52px;
font-weight:800;
color:#fff;
margin-bottom:20px;

}

.erp-cta p{

font-size:20px;
color:#fff;
margin-bottom:35px;

}

.erp-cta .theme-btn{

background:#fff;
color:#0f172a;

}

.erp-cta .theme-btn:hover{

background:#0f172a;
color:#fff;

}


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

@media(max-width:991px){

.breadcrumb-area h1{

font-size:42px;

}

.erp-content{

padding-left:0;
margin-top:40px;

}

.erp-content h2{

font-size:38px;

}

.section-title h2{

font-size:34px;

}

.erp-cta h2{

font-size:38px;

}

}

@media(max-width:767px){

.breadcrumb-area{

padding:90px 0;

}

.breadcrumb-area h1{

font-size:34px;

}

.erp-content h2{

font-size:30px;

}

.section-title h2{

font-size:28px;

}

.feature-card,
.benefit-card{

padding:30px 20px;

}

.erp-cta h2{

font-size:30px;

}

.erp-cta p{

font-size:16px;

}

}
    /* =========================
   GST SOFTWARE PAGE CSS
========================= */

body{

font-family:'Poppins',sans-serif;
background:#f8fafc;
color:#1e293b;

}


/* =========================
   BREADCRUMB
========================= */

.breadcrumb-area{

padding:120px 0;

background:
linear-gradient(
135deg,
#6C63FF,
#4FD1C5
);

text-align:center;
position:relative;
overflow:hidden;

}

.breadcrumb-area h1{

font-size:58px;
font-weight:800;
color:#fff;
margin-bottom:15px;

}

.breadcrumb-links{

font-size:18px;
color:#fff;

}

.breadcrumb-links a{

color:#fff;
text-decoration:none;
font-weight:500;

}

.breadcrumb-links span{

margin:0 10px;
opacity:0.7;

}


/* =========================
   COMMON SECTION
========================= */

.py-100{

padding:100px 0;

}

.section-title{

margin-bottom:60px;

}

.section-title h2{

font-size:42px;
font-weight:800;
color:#fff;
margin-bottom:15px;

}

.section-title p{

font-size:17px;
color:#cbd5e1;

}


/* =========================
   ABOUT SECTION
========================= */

.erp-about{

background:#ffffff;

}

.erp-image img{

border-radius:25px;

box-shadow:
0 20px 50px rgba(0,0,0,0.12);

}

.erp-content{

padding-left:20px;

}

.section-tag{

display:inline-block;

padding:10px 22px;

background:
rgba(108,99,255,0.12);

color:#6C63FF;

border-radius:50px;

font-weight:600;

margin-bottom:20px;

}

.erp-content h2{

font-size:52px;
font-weight:800;
line-height:1.2;
margin-bottom:25px;
color:#0f172a;

}

.erp-content p{

font-size:17px;
line-height:1.9;
color:#475569;
margin-bottom:20px;

}


/* =========================
   BADGES
========================= */

.erp-badges{

display:flex;
flex-wrap:wrap;
gap:15px;

margin-top:30px;
margin-bottom:35px;

}

.erp-badges span{

padding:12px 22px;

border-radius:50px;

background:
linear-gradient(
135deg,
#6C63FF,
#4FD1C5
);

color:#fff;

font-size:14px;
font-weight:600;

}


/* =========================
   BUTTON
========================= */

.theme-btn{

display:inline-block;

padding:15px 35px;

border-radius:14px;

background:
linear-gradient(
135deg,
#6C63FF,
#4FD1C5
);

color:#fff;

font-weight:600;

text-decoration:none;

transition:0.4s ease;

}

.theme-btn:hover{

transform:translateY(-5px);

box-shadow:
0 12px 30px rgba(108,99,255,0.35);

color:#fff;

}


/* =========================
   FEATURES
========================= */

.erp-features{

padding:100px 0;

background:
linear-gradient(
135deg,
#020617,
#081229,
#0f172a
);

}

.feature-card{

background:
rgba(255,255,255,0.08);

border:
1px solid rgba(255,255,255,0.08);

backdrop-filter:blur(14px);

padding:40px 25px;

border-radius:24px;

text-align:center;

margin-bottom:30px;

transition:0.4s ease;

position:relative;
overflow:hidden;

}

.feature-card:hover{

transform:
translateY(-12px)
scale(1.03);

box-shadow:

0 0 20px rgba(79,209,197,0.35),

0 0 40px rgba(108,99,255,0.25);

}

.feature-card i{

font-size:42px;

margin-bottom:20px;

background:
linear-gradient(
135deg,
#6C63FF,
#4FD1C5
);

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

}

.feature-card h4{

font-size:20px;
font-weight:600;
line-height:1.6;
color:#fff;

}


/* =========================
   ADVANTAGES
========================= */

.erp-benefits{

background:#f8fafc;

}

.erp-benefits .section-title h2{

color:#0f172a;

}

.erp-benefits .section-title p{

color:#64748b;

}

.benefit-card{

background:#fff;

padding:40px 30px;

border-radius:24px;

box-shadow:
0 10px 40px rgba(0,0,0,0.06);

text-align:center;

margin-bottom:30px;

transition:0.4s ease;

}

.benefit-card:hover{

transform:translateY(-10px);

}

.benefit-card i{

font-size:42px;

margin-bottom:20px;

background:
linear-gradient(
135deg,
#6C63FF,
#4FD1C5
);

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

}

.benefit-card h4{

font-size:24px;
font-weight:700;
margin-bottom:15px;
color:#0f172a;

}

.benefit-card p{

font-size:16px;
line-height:1.8;
color:#64748b;

}


/* =========================
   CTA SECTION
========================= */

.erp-cta{

padding:100px 0;

background:
linear-gradient(
135deg,
#6C63FF,
#4FD1C5
);

text-align:center;

}

.erp-cta h2{

font-size:52px;
font-weight:800;
color:#fff;
margin-bottom:20px;

}

.erp-cta p{

font-size:20px;
color:#fff;
margin-bottom:35px;

}

.erp-cta .theme-btn{

background:#fff;
color:#0f172a;

}

.erp-cta .theme-btn:hover{

background:#0f172a;
color:#fff;

}


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

@media(max-width:991px){

.breadcrumb-area h1{

font-size:42px;

}

.erp-content{

padding-left:0;
margin-top:40px;

}

.erp-content h2{

font-size:38px;

}

.section-title h2{

font-size:34px;

}

.erp-cta h2{

font-size:38px;

}

}

@media(max-width:767px){

.breadcrumb-area{

padding:90px 0;

}

.breadcrumb-area h1{

font-size:34px;

}

.erp-content h2{

font-size:30px;

}

.section-title h2{

font-size:28px;

}

.feature-card,
.benefit-card{

padding:30px 20px;

}

.erp-cta h2{

font-size:30px;

}

.erp-cta p{

font-size:16px;

}

}
    .lab-section{

padding:90px 0;
background:#f8fbff;

}

/* Heading */

.lab-title{

font-size:46px;
font-weight:800;
line-height:1.3;

color:#0f172a;

margin-bottom:25px;

}

.lab-title span{

background:
linear-gradient(
135deg,
#6C63FF,
#4FD1C5
);

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

}

/* Text */

.lab-text{

font-size:17px;
line-height:1.9;

color:#475569;

margin-bottom:22px;

}

/* Image */

.lab-img img{

width:100%;

border-radius:25px;

box-shadow:
0 20px 50px rgba(0,0,0,0.12);

}

/* Features */

.lab-feature-card{

background:#ffffff;

padding:35px 28px;

border-radius:22px;

height:100%;

transition:0.4s ease;

position:relative;
overflow:hidden;

border:1px solid rgba(99,102,241,0.08);

box-shadow:
0 10px 30px rgba(0,0,0,0.05);

text-align:center;

}

.lab-feature-card:hover{

transform:
translateY(-10px);

background:
linear-gradient(
135deg,
#6C63FF,
#4FD1C5
);

}

.lab-feature-card:hover i,
.lab-feature-card:hover h4,
.lab-feature-card:hover p{

color:#ffffff;

}

/* Icon */

.lab-feature-card i{

font-size:46px;

color:#6C63FF;

margin-bottom:22px;

transition:0.4s;

}

/* Title */

.lab-feature-card h4{

font-size:24px;
font-weight:700;

margin-bottom:15px;

color:#0f172a;

transition:0.4s;

}

/* Text */

.lab-feature-card p{

font-size:15px;
line-height:1.8;

color:#64748b;

transition:0.4s;

}

/* Advantages */

.lab-advantages{

margin-top:20px;

}

.lab-advantages li{

list-style:none;

position:relative;

padding-left:35px;

margin-bottom:18px;

font-size:16px;

line-height:1.8;

color:#334155;

}

.lab-advantages li:before{

content:'✓';

position:absolute;

left:0;
top:0;

width:24px;
height:24px;

border-radius:50%;

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

background:
linear-gradient(
135deg,
#6C63FF,
#4FD1C5
);

color:#ffffff;

font-size:14px;
font-weight:bold;

}

/* CTA */

.lab-cta{

padding:90px 0;

text-align:center;

background:
linear-gradient(
135deg,
#6C63FF,
#4FD1C5
);

color:#ffffff;

}

.lab-cta h2{

font-size:44px;
font-weight:800;

margin-bottom:20px;

}

.lab-cta p{

font-size:18px;

margin-bottom:35px;

}

/* Button */

.lab-btn{

display:inline-block;

padding:16px 40px;

background:#ffffff;

color:#0f172a;

font-size:17px;
font-weight:700;

border-radius:50px;

text-decoration:none;

transition:0.4s ease;

}

.lab-btn:hover{

background:#0f172a;
color:#ffffff;

transform:translateY(-5px);

}

/* Responsive */

@media(max-width:991px){

.lab-title{

font-size:34px;

}

.lab-cta h2{

font-size:32px;

}

}

    .quote-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:140px;
    height:52px;

    padding:0 28px;

    white-space:nowrap;

    background:linear-gradient(135deg,#6C63FF,#4FD1C5);

    border-radius:14px;

    color:#fff !important;

    font-weight:600;
}
    .navbar-nav{
    margin-left:auto;
    align-items:center;
}

.navbar-nav .nav-link{
    white-space:nowrap;
}

.navbar-nav .nav-link{

font-size:17px;

font-weight:600;

padding:10px 10px !important;

white-space:nowrap;

color:#1e293b !important;

transition:0.3s ease;

}
.navbar-nav .nav-item{
    display:flex;
    align-items:center;
}

/* Hover */

/* =================================
   QUOTE BUTTON
================================= */

.quote-btn{

display:inline-flex;

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

min-width:130px;

height:52px;

padding:0 24px;

border-radius:14px;

background:
linear-gradient(
135deg,
#6C63FF,
#4FD1C5
);

color:#ffffff !important;

font-size:16px;

font-weight:600;

text-decoration:none;

white-space:nowrap;

margin-left:10px;

transition:0.4s ease;

}

.quote-btn:hover{

transform:translateY(-3px);

box-shadow:
0 10px 25px rgba(79,209,197,0.35);

}