/* ===== ROOT & RESET ===== */
		:root {
		    /* Logo gradient: teal → purple → pink/magenta */
		    --primary: #C030A0;           /* hot pink/magenta */
		    --primary-dark: #9B1E82;
		    --primary-light: #D955B8;
		    --secondary: #6A1FD4;         /* deep purple */
		    --secondary-dark: #4e16a0;
		    --teal: #0BBCD4;              /* teal/cyan from logo */
		    --teal-dark: #0893A8;
		    --accent: #0f0f2e;
		    --accent2: #1a0a3a;
		    --text-dark: #0f0b1a;
		    --text-gray: #4a4565;
		    --text-light: #7a72a0;
		    --bg-light: #f5f0ff;
		    --bg-white: #ffffff;
		    --border-color: #e0d5f5;

		    /* Main gradient: teal → purple → pink */
		    --gradient: linear-gradient(135deg, #0BBCD4 0%, #6A1FD4 50%, #C030A0 100%);
		    /* Reversed for variety */
		    --gradient-rev: linear-gradient(135deg, #C030A0 0%, #6A1FD4 50%, #0BBCD4 100%);
		    /* Dark hero gradient */
		    --gradient-dark: linear-gradient(135deg, #0f0f2e 0%, #1a0a3a 50%, #2a0a2a 100%);
		    /* Subtle teal→purple */
		    --gradient-soft: linear-gradient(135deg, #0BBCD4 0%, #6A1FD4 100%);
		    /* Purple→pink */
		    --gradient-warm: linear-gradient(135deg, #6A1FD4 0%, #C030A0 100%);
		}

		*,
		*::before,
		*::after {
		    box-sizing: border-box;
		    margin: 0;
		    padding: 0;
		}

		body {
		    font-family: 'Nunito Sans', sans-serif;
		    color: var(--text-dark);
		    overflow-x: hidden;
		}

		h1, h2, h3, h4, h5 {
		    font-family: 'Poppins', sans-serif;
		}

		a { text-decoration: none; }
		img { max-width: 100%; }
		.hidden { display: none !important; }

		::-webkit-scrollbar { width: 6px; }
		::-webkit-scrollbar-track { background: #f1f1f1; }
		::-webkit-scrollbar-thumb { background: var(--gradient); border-radius: 3px; }

		/* ===== HEADER ===== */
		header {
		    position: sticky;
		    top: 0;
		    z-index: 999;
		    background: #fff;
		    box-shadow: 0 2px 20px rgba(106,31,212,0.1);
		}

		.header_wrapper { padding: 12px 0; }

		.logoWrapper img {
		    height: 50px;
		    width: auto;
		}

		.contactWrapper {
		    display: flex;
		    justify-content: flex-end;
		    align-items: center;
		    gap: 16px;
		    flex-wrap: wrap;
		}

		.callus {
		    color: var(--secondary);
		    font-weight: 700;
		    font-size: 1rem;
		    transition: color 0.2s;
		}
		.callus:hover { color: var(--primary); }

		.bookcall_btn {
		    background: var(--gradient);
		    color: #fff !important;
		    border: none;
		    border-radius: 6px;
		    padding: 10px 24px;
		    font-weight: 700;
		    font-size: 0.9rem;
		    cursor: pointer;
		    transition: all 0.2s;
		    font-family: 'Poppins', sans-serif;
		}
		.bookcall_btn:hover {
		    transform: translateY(-2px);
		    box-shadow: 0 8px 20px rgba(192,48,160,0.4);
		}

		/* ===== MENU ANCHOR ===== */
		.menuanchor {
		    background: var(--gradient-dark);
		    padding: 0;
		}
		.menuanchor ul {
		    list-style: none;
		    display: flex;
		    flex-wrap: wrap;
		    margin: 0;
		    padding: 0;
		    justify-content: center;
		}
		.menuanchor ul li a {
		    display: block;
		    color: rgba(255,255,255,0.85);
		    font-size: 0.82rem;
		    font-weight: 600;
		    padding: 10px 18px;
		    transition: all 0.2s;
		    letter-spacing: 0.3px;
		    text-transform: uppercase;
		}
		.menuanchor ul li a:hover {
		    color: #fff;
		    background: rgba(11,188,212,0.2);
		}

		/* ===== ANIMATION BG ===== */
		.animation-bg_main {
		    position: fixed;
		    top: 0; left: 0;
		    width: 100%; height: 100%;
		    pointer-events: none;
		    z-index: -1;
		    overflow: hidden;
		}
		.animation-bg_main span {
		    position: absolute;
		    border-radius: 50%;
		    filter: blur(80px);
		    opacity: 0.07;
		    animation: floatBg 8s ease-in-out infinite;
		}
		.animation-bg_main .animation_1 { width:500px; height:500px; background:var(--primary); top:-100px; right:-100px; animation-delay:0s; }
		.animation-bg_main .animation_2 { width:400px; height:400px; background:var(--teal); bottom:20%; left:-100px; animation-delay:3s; }
		.animation-bg_main .animation_3 { width:300px; height:300px; background:var(--secondary); top:50%; right:20%; animation-delay:6s; }

		@keyframes floatBg {
		    0%,100% { transform: translateY(0) scale(1); }
		    50% { transform: translateY(-30px) scale(1.05); }
		}

		/* ===== BANNER ===== */
		.banner {
		    padding: 70px 0 60px;
		    background: linear-gradient(135deg, #f5f0ff 0%, #e8f8ff 50%, #fdf0ff 100%);
		    min-height: 88vh;
		    display: flex;
		    align-items: center;
		}
		.bannerContent h1 {
		    font-size: clamp(2rem, 4vw, 3rem);
		    font-weight: 800;
		    color: var(--text-dark);
		    line-height: 1.15;
		    margin-bottom: 12px;
		}
		.bannerContent h1 span {
		    background: var(--gradient);
		    -webkit-background-clip: text;
		    -webkit-text-fill-color: transparent;
		    background-clip: text;
		}
		.bannerContent h3 {
		    font-size: 1.1rem;
		    font-weight: 400;
		    color: #555;
		    margin-bottom: 28px;
		}

		.banner_ul_li ul {
		    list-style: none;
		    padding: 0;
		    display: flex;
		    flex-direction: column;
		    gap: 14px;
		}
		.banner_ul_li ul li {
		    display: flex;
		    align-items: center;
		    gap: 14px;
		    background: #fff;
		    border: 1px solid var(--border-color);
		    border-radius: 10px;
		    padding: 14px 18px;
		    box-shadow: 0 2px 12px rgba(106,31,212,0.06);
		    transition: all 0.2s;
		}
		.banner_ul_li ul li:hover { border-color: var(--secondary); box-shadow: 0 4px 20px rgba(106,31,212,0.14); }
		.banner_ul_li ul li .icon {
		    width: 42px; height: 42px;
		    background: var(--gradient);
		    border-radius: 8px;
		    display: flex; align-items: center; justify-content: center;
		    flex-shrink: 0; font-size: 1.2rem;
		}
		.banner_ul_li ul li span { font-size: 0.95rem; color: var(--text-gray); }
		.banner_ul_li ul li span strong {
		    background: var(--gradient-warm);
		    -webkit-background-clip: text;
		    -webkit-text-fill-color: transparent;
		    background-clip: text;
		    font-size: 1.2rem; font-family:'Poppins',sans-serif; display:block;
		}

		/* ===== FORM ===== */
		.form_wrapper {
		    background: #fff;
		    border-radius: 16px;
		    padding: 32px 28px;
		    box-shadow: 0 20px 60px rgba(106,31,212,0.15);
		    border: 1px solid var(--border-color);
		}
		.form_wrapper h4 {
		    font-size:1.15rem; font-weight:700; margin-bottom:6px;
		    background: var(--gradient);
		    -webkit-background-clip: text;
		    -webkit-text-fill-color: transparent;
		    background-clip: text;
		}
		.form_wrapper .free-badge {
		    display: inline-block;
		    background: linear-gradient(135deg, #e8f8ff, #f5f0ff);
		    color: var(--secondary);
		    border: 1px solid var(--border-color);
		    border-radius: 4px;
		    padding: 3px 10px;
		    font-size: 0.75rem;
		    font-weight: 700;
		    margin-bottom: 20px;
		}
		.form-floating>.form-control, .form-floating>.form-select {
		    border: 1.5px solid #ddd;
		    border-radius: 8px;
		    font-size: 0.9rem;
		}
		.form-floating>.form-control:focus, .form-floating>.form-select:focus {
		    border-color: var(--secondary);
		    box-shadow: 0 0 0 3px rgba(106,31,212,0.1);
		}
		.form-floating>label { font-size:0.88rem; color:#999; }

		.kill_the_icon2 {
		    width: 100%;
		    background: var(--gradient);
		    color: #fff;
		    border: none;
		    border-radius: 8px;
		    padding: 14px;
		    font-family: 'Poppins', sans-serif;
		    font-weight: 700;
		    font-size: 0.98rem;
		    cursor: pointer;
		    transition: all 0.2s;
		    margin-top: 8px;
		}
		.kill_the_icon2:hover { transform:translateY(-2px); box-shadow:0 10px 25px rgba(192,48,160,0.35); }
		.kill_the_icon2 span { display:flex; align-items:center; justify-content:center; gap:8px; }

		/* ===== SECTION TITLE ===== */
		.sectionTitle { margin-bottom: 40px; }
		.sectionTitle h2 { font-size: clamp(1.7rem,3vw,2.4rem); font-weight:800; color:var(--text-dark); line-height:1.2; }
		.sectionTitle h2 span {
		    background: var(--gradient-warm);
		    -webkit-background-clip: text;
		    -webkit-text-fill-color: transparent;
		    background-clip: text;
		}
		.sectionTitle p { color:var(--text-gray); margin-top:10px; font-size:0.97rem; }

		/* ===== ABOUT ===== */
		#about { padding: 80px 0; }
		#about ul { list-style: none; padding: 0; margin-top: 16px; }
		#about ul li { padding: 6px 0; color: var(--text-gray); font-size: 0.95rem; }

		/* ===== INDUSTRIES ===== */
		.case-study-lp { padding: 80px 0; background: var(--bg-light); }
		.cs-box-lp {
		    background: #fff;
		    border: 1px solid var(--border-color);
		    border-radius: 12px;
		    padding: 24px 16px;
		    text-align: center;
		    margin-bottom: 20px;
		    transition: all 0.3s;
		    cursor: pointer;
		}
		.cs-box-lp:hover { border-color:var(--secondary); transform:translateY(-4px); box-shadow:0 10px 30px rgba(106,31,212,0.14); }
		.cs-box-lp .ind-icon {
		    width: 56px; height: 56px;
		    background: var(--bg-light);
		    border-radius: 14px;
		    display: flex; align-items: center; justify-content: center;
		    margin: 0 auto 14px;
		    font-size: 1.6rem;
		    border: 1px solid var(--border-color);
		    transition: all 0.3s;
		}
		.cs-box-lp:hover .ind-icon { background: var(--gradient); color:#fff; border-color:transparent; }
		.cs-box-lp h3 { font-size:0.88rem; font-weight:700; color:var(--text-dark); margin:0; }

		/* ===== SERVICES ===== */
		.services { padding: 80px 0; background: #fff; }
		.serviceitem {
		    background: #fff;
		    border: 1px solid var(--border-color);
		    border-radius: 14px;
		    padding: 28px 24px;
		    height: 100%;
		    transition: all 0.3s;
		    position: relative;
		    overflow: hidden;
		    display: flex;
		    flex-direction: column;
		}
		.serviceitem::before {
		    content: '';
		    position: absolute;
		    top: 0; left: 0; right: 0;
		    height: 4px;
		    background: var(--gradient);
		    transform: scaleX(0);
		    transform-origin: left;
		    transition: transform 0.3s;
		}
		.serviceitem:hover::before { transform: scaleX(1); }
		.serviceitem:hover { border-color:var(--secondary); transform:translateY(-5px); box-shadow:0 15px 40px rgba(106,31,212,0.13); }
		.serviceitem .title { font-family:'Poppins',sans-serif; font-weight:700; font-size:1.05rem; color:var(--text-dark); margin-bottom:12px; }
		.serviceitem p { font-size:0.87rem; color:var(--text-gray); line-height:1.7; margin-bottom:4px; }
		.serviceitem .svc-cta {
		    margin-top: auto;
		    padding-top: 18px;
		}
		.svc-cta-btn {
		    display: inline-flex;
		    align-items: center;
		    gap: 8px;
		    background: var(--gradient);
		    color: #fff;
		    border: none;
		    border-radius: 8px;
		    padding: 10px 20px;
		    font-family: 'Poppins', sans-serif;
		    font-weight: 600;
		    font-size: 0.85rem;
		    cursor: pointer;
		    transition: all 0.2s;
		    text-decoration: none;
		    width: 100%;
		    justify-content: center;
		}
		.svc-cta-btn:hover { background: var(--gradient-rev); color:#fff; transform:translateY(-2px); box-shadow:0 6px 18px rgba(192,48,160,0.3); }

		/* ===== TESTIMONIALS ===== */
		.testimonial-home { padding:80px 0; background: linear-gradient(135deg, #f5f0ff 0%, #e8f8ff 100%); }
		.testimonial-card {
		    background: #fff;
		    border: 1px solid var(--border-color);
		    border-radius: 16px;
		    padding: 28px 24px;
		    margin: 12px 8px;
		    transition: all 0.3s;
		    box-shadow: 0 2px 15px rgba(0,0,0,0.05);
		}
		.testimonial-card:hover { border-color:var(--secondary); box-shadow:0 10px 35px rgba(106,31,212,0.12); }
		.test-head { display:flex; align-items:center; gap:14px; margin-bottom:16px; }
		.test-img {
		    width:50px; height:50px;
		    border-radius:50%;
		    background: var(--gradient);
		    display:flex; align-items:center; justify-content:center;
		    font-family:'Poppins',sans-serif; font-weight:800; font-size:1.1rem; color:#fff; flex-shrink:0;
		}
		.test-discription h3 { font-size:0.95rem; font-weight:700; color:var(--text-dark); margin:0; }
		.testimonial-quote p { font-size:0.88rem; color:var(--text-gray); line-height:1.7; font-style:italic; }
		.testimonial-quote::before { content:'"'; font-size:4rem; color:var(--secondary); opacity:0.15; line-height:0.5; display:block; margin-bottom:12px; font-family:Georgia,serif; }
		.stars { color:#f59e0b; font-size:0.85rem; margin-top:12px; }
		.test-carousel { display:flex; gap:20px; overflow-x:auto; padding:12px 4px; scroll-snap-type:x mandatory; scrollbar-width:none; }
		.test-carousel::-webkit-scrollbar { display:none; }
		.test-carousel .testimonial-card { min-width:320px; max-width:360px; scroll-snap-align:start; }
		.carousel-controls { display:flex; gap:12px; justify-content:center; margin-top:24px; }
		.carousel-btn {
		    width:44px; height:44px;
		    border-radius:50%;
		    border:2px solid var(--border-color);
		    background:#fff;
		    cursor:pointer;
		    display:flex; align-items:center; justify-content:center;
		    font-size:1.1rem; transition:all 0.2s; color:var(--secondary);
		}
		.carousel-btn:hover { background: var(--gradient); color:#fff; border-color:transparent; }

		/* ===== FAQ ===== */
		.faq_main { padding:80px 0; background:#fff; position:relative; overflow:hidden; }
		.animation-service { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; }
		.animation-service span { position:absolute; border-radius:50%; opacity:0.05; }
		.animation_s_1 { width:300px; height:300px; background:var(--teal); top:-50px; left:-100px; filter:blur(60px); }
		.animation_s_2 { width:200px; height:200px; background:var(--primary); bottom:-50px; right:10%; filter:blur(60px); }
		.faq-heading h2 { font-size:clamp(1.7rem,3vw,2.4rem); font-weight:800; color:var(--text-dark); margin-bottom:12px; }
		.faq-heading p { color:var(--text-gray); font-size:0.97rem; }
		.faq_home .accordion-item { border:1px solid var(--border-color); border-radius:10px !important; margin-bottom:12px; overflow:hidden; }
		.faq_home .accordion-button { font-family:'Poppins',sans-serif; font-weight:600; font-size:0.93rem; color:var(--text-dark); background:#fff; border-radius:10px !important; padding:16px 20px; }
		.faq_home .accordion-button:not(.collapsed) { color:var(--secondary); background:#f5f0ff; box-shadow:none; }
		.faq_home .accordion-button:focus { box-shadow:0 0 0 3px rgba(106,31,212,0.1); }
		.faq_home .accordion-body { font-size:0.9rem; color:var(--text-gray); line-height:1.8; padding:0 20px 16px; }

		/* ===== CTA ===== */
		.cta {
		    padding: 70px 0;
		    background: var(--gradient-dark);
		    position: relative;
		    overflow: hidden;
		}
		.cta::before {
		    content: '';
		    position: absolute;
		    width: 400px; height: 400px;
		    background: var(--gradient);
		    opacity: 0.12;
		    border-radius: 50%;
		    top: -100px; right: -100px;
		    filter: blur(40px);
		}
		.cta::after {
		    content: '';
		    position: absolute;
		    width: 300px; height: 300px;
		    background: var(--teal);
		    opacity: 0.08;
		    border-radius: 50%;
		    bottom: -80px; left: -80px;
		    filter: blur(40px);
		}
		.ctaContent h2 { font-size:clamp(1.4rem,2.5vw,2rem); font-weight:800; color:#fff; line-height:1.35; }
		.ctabtn { display:flex; align-items:center; height:100%; }
		.cta_btn {
		    display: inline-block;
		    background: var(--gradient);
		    color: #fff;
		    font-family: 'Poppins', sans-serif;
		    font-weight: 700;
		    font-size: 0.95rem;
		    padding: 14px 32px;
		    border-radius: 8px;
		    transition: all 0.2s;
		    border: 2px solid transparent;
		}
		.cta_btn:hover { background: transparent; color:#fff; border-color:rgba(255,255,255,0.6); transform:translateY(-2px); box-shadow:0 10px 25px rgba(0,0,0,0.25); }

		/* ===== FOOTER SCROLLER ===== */
		.scroller_footer {
		    position:fixed; bottom:0; left:0; right:0;
		    background:#fff;
		    border-top:3px solid transparent;
		    border-image: var(--gradient) 1;
		    padding:14px 0;
		    z-index:998;
		    display:flex; align-items:center;
		    transform:translateY(0);
		    transition:transform 0.3s;
		    box-shadow: 0 -4px 20px rgba(106,31,212,0.1);
		}
		.scroller_footer.hidden-bar { transform:translateY(100%); }
		.footercta { display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
		.ftclose-btn .ftclose_btn1 { background:none; border:none; font-size:1rem; color:#999; cursor:pointer; font-weight:700; }
		.ftimg { display:flex; align-items:center; }
		.ftimg-icon { width:42px; height:42px; background: var(--gradient); border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1.1rem; }
		.ctatext { font-weight:600; font-size:0.88rem; color:var(--text-dark); flex:1; }
		.scroller_footer .ctabtn { margin:0; }
		.scroller_footer .cta_btn { background: var(--gradient); color:#fff; border:none; font-size:0.85rem; padding:10px 22px; }
		.scroller_footer .cta_btn:hover { background: var(--gradient-rev); color:#fff; border-color:transparent; }

		/* ===== MODAL ===== */
		.modal-content { border-radius:16px; border:none; overflow:hidden; }
		.modal-header { background: var(--gradient); border:none; padding:24px 28px; }
		.modal-head h3 { color:#fff; font-size:1.2rem; font-weight:700; margin:0; }
		.modal-head p { color:rgba(255,255,255,0.75); font-size:0.82rem; margin:4px 0 0; }
		.modal-header .btn-close { filter:invert(1); opacity:0.8; }
		.modal-body { padding:28px; }

		body { padding-bottom:80px; }

		/* ===== CONTACT SECTION ===== */
		.contact-section {
		    padding: 80px 0;
		    background: linear-gradient(135deg, #f5f0ff 0%, #e8f8ff 100%);
		}
		.contact-info-card {
		    background: #fff;
		    border-radius: 14px;
		    padding: 32px 28px;
		    border: 1px solid var(--border-color);
		    box-shadow: 0 4px 25px rgba(106,31,212,0.08);
		    height: 100%;
		}
		.contact-info-card h4 {
		    font-weight:700; margin-bottom:20px;
		    background: var(--gradient);
		    -webkit-background-clip: text;
		    -webkit-text-fill-color: transparent;
		    background-clip: text;
		}
		.contact-item { display:flex; align-items:flex-start; gap:12px; margin-bottom:16px; }
		.contact-item-icon { width:38px; height:38px; background: var(--gradient); border-radius:8px; display:flex; align-items:center; justify-content:center; flex-shrink:0; color:#fff; }
		.contact-item-text { font-size:0.9rem; color:var(--text-gray); line-height:1.6; }
		.contact-item-text strong { color:var(--text-dark); display:block; font-size:0.82rem; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:2px; }

		.contact-form-card {
		    background: #fff;
		    border-radius: 14px;
		    padding: 32px 28px;
		    border: 1px solid var(--border-color);
		    box-shadow: 0 4px 25px rgba(106,31,212,0.08);
		}
		.contact-form-card h4 {
		    font-weight:700; margin-bottom:20px;
		    background: var(--gradient);
		    -webkit-background-clip: text;
		    -webkit-text-fill-color: transparent;
		    background-clip: text;
		}

		/* ===== FOOTER ===== */
		footer { background: var(--gradient-dark); color: #ccc; padding: 60px 0 30px; }
		footer h5, footer h6 { color:#fff; font-weight:700; margin-bottom:18px; }
		footer a { color:#aaa; transition:color 0.2s; }
		footer a:hover { color:var(--teal); }
		footer p { font-size:0.88rem; line-height:1.7; color:#aaa; }
		footer hr { border-color:rgba(255,255,255,0.1); }
		.social-icons a {
		    display: inline-flex; align-items:center; justify-content:center;
		    width:36px; height:36px;
		    background: rgba(255,255,255,0.08);
		    border-radius:8px;
		    color:#aaa;
		    margin-right:8px;
		    transition:all 0.2s;
		}
		.social-icons a:hover { background: var(--gradient); color:#fff; }

		/* ===== PRIVACY BADGE ===== */
		.privacy-link { color:#888; font-size:0.82rem; text-decoration:none; }
		.privacy-link:hover { color:var(--teal); }

		/* ===== SUCCESS MESSAGE ===== */
		.success-msg {
		    display:none;
		    background: #e8f5e9;
		    color: #2e7d32;
		    border-radius:8px;
		    padding:14px 18px;
		    margin-top:12px;
		    font-weight:600;
		    font-size:0.9rem;
		}

		/* ===== ABOUT SPAN ===== */
		.about-gradient-text {
		    background: var(--gradient-warm);
		    -webkit-background-clip: text;
		    -webkit-text-fill-color: transparent;
		    background-clip: text;
		}

		/* ===== RESPONSIVE ===== */
		@media (max-width:768px) {
		    .banner { padding:50px 0 40px; min-height:auto; }
		    .bannerContent { margin-bottom:40px; }
		    .menuanchor ul li a { padding:8px 12px; font-size:0.75rem; }
		    .scroller_footer .ctatext { display:none; }
		    .test-carousel .testimonial-card { min-width:280px; }
		}