@media (prefers-color-scheme: dark) {
  body {
    background: #1a1a1a;
    color: #e0e0e0;
    --bg: #1a1a1a;
    --card: #2a2a2a;
    --muted: #a0a0a0;
    --quote-bg: #333333;
    --shadow: 0 8px 28px rgba(0, 0, 0, 0.3);
    --token-3a3b43c7-4f25-4f6f-ae4f-95d5ddf56023: #5b3ef6;
    --token-23e885d8-17a1-42be-baa8-cba44b2d905e: #2e2a3f;
    --token-2e87f3db-1eba-4d0b-978f-5694f391a4f9: #3b3f5e;
    --token-3167a983-02df-49ea-b905-4140603624da: #e0e0e0;
    --token-c55e17b6-a220-448e-8c7a-3498145ba9e7: #4a2b5b;
    --token-9e18fdaf-f914-4532-8aae-704aa301f051: #2f2f3b;
    --token-92ae7d48-8270-48b4-b8f0-dcff02886975: #ffffff;
    --token-b415b1de-2ced-4348-8185-37de999f7196: #5b3ef64d;
    --token-3e5793b4-338e-4f82-adb8-8e6f1e6ed9b7: #bd45e6;
    --token-b34c88fe-2cf9-4543-b1c4-32c3ba3320d5: #1a1a1a;
    --token-653fb8e6-ed8b-4fa1-aa7f-80b9b0ef4e78: #2e2a3f80;
    --token-9df5a416-ffb4-48d0-9fdd-336d53256c2b: #1a1a1a80;
    --token-491bdf2e-2d8c-4651-be75-b7342a6da547: #ffffff80;
    --token-efb08261-12c6-4aae-98bb-964bf28df1b6: #96b1ff;
    --token-28dddeac-9503-4cbc-8c00-17bea97dc719: #e0e0e0b3;
    --token-72036876-ebf3-4aa1-9dc8-fff4f4d01642: #e0e0e0;
    --token-a9c0d1fc-07e0-4911-a318-e994f661b077: #2a2a2a;
    --token-3b1e91f3-71b5-41d5-94e9-e37da7cf5f8a: #2a2a2a;
    --token-340fb4e1-8540-48e8-acd6-05498271d557: #a0a0a0;
  }

  .loader {
    background: #1a1a1a;
  }

  .spinner {
    border: 6px solid #333333;
    border-top: 6px solid #5b3ef6;
  }

  .loader p {
    background: linear-gradient(135deg, #e0e0e0 0%, #96b1ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  /* Glassmorphic Header */
  .glass-header {
    background: linear-gradient(
      180deg,
      rgba(46, 42, 63, 0.5) 0%,
      rgba(42, 42, 50, 0.5) 100%
    );
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  }

  .nav-links a {
    color: #e0e0e0;
  }

  .nav-links a:hover {
    color: #ffffff;
    background: rgba(91, 62, 246, 0.2);
  }

  .get-template-btn {
    background: rgb(0 0 111);
    box-shadow: 0 4px 14px rgba(91, 62, 246, 0.4);
  }

  .get-template-btn:hover {
    background: rgb(0 0 111);
    box-shadow: 0 6px 18px rgba(91, 62, 246, 0.6);
  }

  .highlight-text {
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.95),
      rgba(200, 200, 200, 0.85),
      rgba(255, 255, 255, 0.95)
    );
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .glass-container {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  }

  /* Floating Button and Menu */
  .floating-btn {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
  }

  .floating-btn.active {
    background: rgba(255, 255, 255, 0.2);
  }

  .menu-item {
    background: rgba(255, 255, 255, 0.15);
    border: 2px solid rgba(255, 255, 255, 0.2);
    color: #e0e0e0;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
  }

  .menu-item:hover {
    background: rgba(255, 255, 255, 0.25);
  }

  .menu-item a {
    color: #e0e0e0;
    text-shadow: none;
  }

  .nav-links a.active {
    color: rgba(200, 220, 255, 0.95);
    background: rgba(200, 220, 255, 0.1);
    box-shadow: inset 0 0 0 1px rgba(200, 220, 255, 0.2);
  }

  .floating-menu .menu-item a.active {
    color: rgba(200, 220, 255, 0.95);
    box-shadow: none;
  }
  .floating-menu .menu-item a.active::after {
    background-color: rgba(200, 220, 255, 0.9);
  }
  .menu-item:hover a {
    color: #96b1ff;
  }

  /* Hero Section */
  .hero {
    background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%);
  }

  .mani-section h1 {
    /* background: linear-gradient(135deg, #e0e0e0 0%, #96b1ff 100%); */
    background: linear-gradient(135deg, #96b1ff 0%, #00006a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .mani-section p {
    color: #a0a0a0;
  }

  .cta-btn {
    background: rgba(91, 62, 246, 0.3);
    color: #e0e0e0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
  }

  .cta-btn:hover {
    background: rgba(91, 62, 246, 0.5);
    color: #ffffff;
    box-shadow: 0 6px 20px rgba(91, 62, 246, 0.5);
  }

  .btn-primary {
    background: linear-gradient(135deg, #a78bfa, #f472b6);
    box-shadow: 0 10px 30px rgba(167, 139, 250, 0.3);
  }

  .btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(167, 139, 250, 0.5);
  }

  .btn-secondary {
    background: #1c1c1c;
    color: #fff;
    border: 2px solid #333;
  }

  .btn-secondary:hover {
    border-color: #a78bfa;
  }

  /* Cards and Elements */
  .paint-card,
  .palette-card,
  .chat-bubble,
  .status-card,
  .gen-card {
    background: #1a1a1a;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  }

  .paint-icon {
    background: linear-gradient(135deg, #1f1f1f, #2a2a2a);
  }

  .palette-card .color-label {
    color: #aaa;
  }

  .color-box {
    border-color: #333;
  }

  .slider-container {
    background: rgba(255, 255, 255, 0.05);
  }

  .slider-thumb {
    background: #fff;
    border: 4px solid #1a1a1a;
    box-shadow: 0 2px 8px rgba(255, 255, 255, 0.1);
  }

  .chat-text {
    color: #bbb;
  }

  .chat-text strong {
    color: #a78bfa;
  }

  .customer-text {
    color: #aaa;
  }

  .customer-text strong {
    color: #fff;
  }

  .avatar {
    border-color: #1a1a1a;
    background: linear-gradient(135deg, #333, #444);
  }

  .status-text {
    background: linear-gradient(90deg, #a78bfa 0%, #f472b6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .gen-text {
    color: #f5f5f5;
  }

  .sphere-container {
    filter: brightness(0.85);
  }
  .kod-image-wrapper {
    background: #000000 !important;
  }
  .kod-image-wrapper::after {
    background: #000000 !important;
  }
  .sphere img {
    filter: brightness(0.9);
  }

  .paint-card,
  .palette-card,
  .chat-bubble,
  .status-card,
  .gen-card,
  .btn {
    transition:
      background-color 0.3s ease,
      color 0.3s ease,
      box-shadow 0.3s ease;
  }
  /* Logos Section */
  .logos span {
    color: #a0a0a0;
  }

  .logos span:hover {
    color: #ffffff;
  }

  .logo-header h3 {
    background: #a0a0a0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .trusted-logos::before {
    background: linear-gradient(
      135deg,
      rgba(30, 41, 59, 0.8) 0%,
      rgba(91, 62, 246, 0.6) 100%
    );
  }

  /* Process Section */
  .process-section {
    background: radial-gradient(
      50% 50% at 50% 50%,
      #2e2a3f8a 0%,
      #1a1a1a00 100%
    );
  }

  .section-title h1 {
    color: #e0e0e0;
  }

  .section-title p {
    color: #a0a0a0;
  }

  .section-title span {
    color: #a0a0a0;
  }

  .service-card {
    background: #2a2a2a;
    border: 5px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.3);
  }

  .service-title {
    color: #e0e0e0;
    text-shadow: none;
  }

  .service-desc {
    color: #a0a0a0;
  }

  .expand-btn {
    background: rgb(0 0 111);
  }

  .expand-btn:hover {
    background: rgb(0 0 111);
  }

  /* Case Study Section */
  .case-study {
    background: radial-gradient(
      50% 50% at 50% 50%,
      #2e2a3f8a 0%,
      #1a1a1a00 100%
    );
  }

  .card {
    background: #2a2a2a;
    border: 6px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.3);
  }

  .portrait h3,
  .gear h3,
  .overlay h3 {
    color: #e0e0e0;
    text-shadow: none;
  }

  .portrait p,
  .gear p,
  .overlay p {
    color: #a0a0a0;
  }

  .tag {
    background: #333333;
    color: #e0e0e0;
    box-shadow: none;
  }

  .branding .overlay {
    background: #2a2a2a;
    border: 4px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.4);
  }

  .stat-box {
    background: #2a2a2a;
    border: 4px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
  }

  .stat-num {
    color: #e0e0e0;
  }

  .stat-label {
    color: #a0a0a0;
  }

  /* Client Cards */
  .client-card {
    background: #2a2a2a;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    border: 6px solid rgba(255, 255, 255, 0.1);
  }

  .quote {
    background: #333333;
    box-shadow: none;
  }

  .quote-title {
    color: #e0e0e0;
    text-shadow: none;
  }

  .quote-desc {
    color: #a0a0a0;
  }

  .profile-name .name {
    color: #e0e0e0;
  }

  .profile-name .role {
    color: #a0a0a0;
  }

  .trusted {
    background: rgba(255, 255, 255, 0.1);
    color: #e0e0e0;
  }

  .trusted strong {
    color: #ffffff;
  }

  .trusted .stars {
    color: #96b1ff;
  }

  /* Interactive Globe */
  .interactive-globe {
    /* background: rgba(0, 0, 0, 0.2); */
  }
  .product-item.active p {
    color: #2846ae;
  }
  .map-dot {
    background: radial-gradient(circle, #96b1ff 0%, #5b3ef6 100%);
    box-shadow: 0 0 12px #96b1ff;
  }

  .map-dot-title {
    color: #96b1ff;
  }

  /* FAQ Section */
  .faq-main {
    background: #1a1a1a;
  }

  .tag-faq {
    background: #333333;
    color: #e0e0e0;
  }

  .have-qa {
    color: #e0e0e0;
  }

  .contact {
    background: rgb(0 0 111);
  }

  .faq-card {
    background: transparent;
  }
  .faq-item {
    background: #2a2a2a;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.3);
  }

  .faq-title {
    color: #e0e0e0;
    text-shadow: none;
  }

  .faq-body {
    color: #a0a0a0;
  }

  p.lead {
    color: #a0a0a0;
  }

  /* Scroll Badges */
  .scroll-badges li {
    background: #2e2a3f;
    border-color: #2a2a2a;
    color: #e0e0e0;
  }

  .framer-styles-preset-x3nivf {
    color: #e0e0e0;
  }
  .footer-section {
    background: radial-gradient(
      50% 50% at 50% 50%,
      #2e2a3f8a 0%,
      #1a1a1a00 100%
    );
    color: #e0e0e0;
  }

  .footer {
    background: #2a2a2a;
    box-shadow:
      0 4px 16px rgba(0, 0, 0, 0.4),
      0 8px 32px rgba(0, 0, 0, 0.3);
  }

  .footer-left h4 {
    color: #e0e0e0;
  }

  .footer-left p {
    color: #a0a0a0;
  }

  .footer-logo span {
    color: #96b1ff;
  }

  .newsletter {
    border: 1px solid #444;
  }

  .newsletter input {
    background: #333333;
    color: #e0e0e0;
  }

  .newsletter button {
    background: #5b3ef6;
  }

  .newsletter button:hover {
    background: #7d5cff;
  }

  .footer-right {
    color: #e0e0e0;
  }

  .footer-column h5 {
    color: #e0e0e0;
  }

  .footer-column ul li {
    color: #a0a0a0;
  }

  .footer-column ul li:hover {
    color: #96b1ff;
  }

  .footer-column ul li i {
    color: #96b1ff;
  }

  .hiring {
    background: #2e7d32;
  }

  .count {
    background: #5b3ef6;
  }

  .footer-watermark {
    background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.04) 0%,
      rgb(42 42 42) 108%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .footer-bottom {
    border-top: 1px solid #444;
    color: #a0a0a0;
  }

  .footer-bottom a {
    color: #e0e0e0;
  }

  .footer-bottom a:hover {
    color: #96b1ff;
    text-decoration: underline;
  }
  .icon-container {
    background-color: rgba(45, 55, 72, 0.6);
  }
  .footer-column ul li i {
    color: rgb(214, 225, 252);
  }
  .footer-column ul li:hover .icon-container {
    background-color: rgba(74, 85, 104, 0.8);
  }
  .footer-column ul li:hover i {
    color: #fff;
  }

  /* appoinment form*/
  .appointment-overlay {
    background: rgba(26, 26, 26, 0.85);
    backdrop-filter: blur(10px);
  }

  .appointment-form {
    background: #2a2a2a;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
  }

  .close-btn {
    background: #333333;
    color: #a0a0a0;
  }

  .close-btn:hover {
    background: #444;
  }

  .progress-bar::before {
    background: #444;
  }

  .progress-line {
    background: linear-gradient(135deg, #2e2a3f 0%, #5b3ef6 100%);
  }

  .progress-step {
    background: #2a2a2a;
    border: 3px solid #444;
    color: #a0a0a0;
  }

  .progress-step.active {
    border-color: #96b1ff;
    color: #e0e0e0;
    background: #3b3f5e;
  }

  .progress-step.completed {
    border-color: #2e7d32;
    background: #2e7d32;
    color: #e0e0e0;
  }

  .form-step h2 {
    color: #e0e0e0;
    text-shadow: none;
  }

  .form-subtitle {
    color: #a0a0a0;
  }

  .time-slot {
    border: 2px solid #444;
    color: #e0e0e0;
  }

  .time-slot:hover {
    border-color: #96b1ff;
    background: #3b3f5e;
  }

  .time-slot.selected {
    border-color: #5b3ef6;
    background: rgba(91, 62, 246, 0.2);
    color: #e0e0e0;
  }

  .contact-method {
    border: 2px solid #444;
    color: #e0e0e0;
  }

  .contact-method:hover {
    border-color: #96b1ff;
    background: #3b3f5e;
  }

  .contact-method.selected {
    border-color: #5b3ef6;
    background: rgba(91, 62, 246, 0.2);
    color: #e0e0e0;
  }

  .contact-method-icon {
    color: #96b1ff;
  }

  .contact-method-title {
    color: #e0e0e0;
  }

  .form-step input,
  .form-step select,
  .form-step textarea {
    background: #333333;
    border: 2px solid #444;
    color: #e0e0e0;
  }

  .form-step label {
    color: #e0e0e0;
    text-shadow: none;
  }

  .calendar-header button {
    color: #96b1ff;
  }

  .calendar-header button:hover {
    background: #333333;
  }

  .calendar-month {
    color: #e0e0e0;
  }

  .calendar-day-header {
    color: #a0a0a0;
  }

  .calendar-day {
    border: 2px solid #444;
    color: #e0e0e0;
  }

  .calendar-day:hover:not(.disabled):not(.empty) {
    background: #333333;
    border-color: #96b1ff;
  }

  .calendar-day.selected {
    background: rgba(91, 62, 246, 0.2);
    color: #e0e0e0;
    border-color: #96b1ff;
  }

  .calendar-day.disabled {
    color: #666;
    background: #2a2a2a;
  }

  .calendar-day.empty {
    border: none;
  }

  .calendar-day.today {
    border-color: #c084fc;
    color: #e0e0e0;
  }

  .success-message h2 {
    color: #2e7d32;
  }

  .btn-primary {
    background: linear-gradient(135deg, #5b3ef6, #c084fc);
    box-shadow: 0 10px 30px rgba(91, 62, 246, 0.4);
  }

  .btn-primary:hover {
    box-shadow: 0 15px 40px rgba(91, 62, 246, 0.5);
  }

  /* conta */
  .hero-contact {
    /* background: #1a1a1a; */
    /* padding: 100px 20px 180px; */
  }

  .hero-contact-text h1 {
    /* background: linear-gradient(135deg, #96b1ff 0%, #c084fc 100%); */
    background: linear-gradient(135deg, #96b1ff 0%, #00006a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .ser-feature-item h3::before {
    color: #6e78f2;
  }
  .hero-contact-text p {
    color: #a0a0a0;
  }

  .container-contact {
    /* margin: -100px auto 80px; */
  }

  .card-contact {
    background: #2a2a2a;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.3);
  }

  .card-contact h2 {
    color: #e0e0e0;
    text-shadow: none;
  }

  .card-contact-desc {
    color: #a0a0a0;
  }

  .form-group label {
    color: #e0e0e0;
  }

  .form-group input,
  .form-group textarea {
    background: transparent;
    border-bottom: 1px solid #444;
    color: #e0e0e0;
  }

  .form-group input::placeholder,
  .form-group textarea::placeholder {
    color: #666;
  }

  .form-group input:focus,
  .form-group textarea:focus {
    border-color: #96b1ff;
    background: #2a2a2a;
  }

  .submit-btn {
    background: #5b3ef6;
    color: #fff;
  }

  .submit-btn:hover {
    background: #7d5cff;
    /* transform: translateY(-1px); */
  }

  .info-text h3 {
    color: #e0e0e0;
  }

  .info-text p {
    color: #a0a0a0;
  }

  .icon-box.purple {
    background: #3b3f5e;
  }

  .icon-box.blue {
    background: #2e3a5e;
  }

  .icon-box.pink {
    background: #5e3a5e;
  }

  .icon-box.purple i {
    color: #96b1ff;
  }

  .icon-box.blue i {
    color: #6b8ed9;
  }

  .icon-box.pink i {
    color: #c084fc;
  }

  .social-section h3 {
    color: #e0e0e0;
  }

  .social-btn {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  }

  .social-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
  }

  .social-btn.instagram {
    background: linear-gradient(
      45deg,
      #f09433 0%,
      #e6683c 25%,
      #dc2743 50%,
      #cc2366 75%,
      #bc1888 100%
    );
  }

  .social-btn.facebook,
  .social-btn.tiktok {
    background: #5e6ad2;
  }

  .social-btn.youtube {
    background: #ff0000;
  }
  .no-shadow {
    background: transparent;
    box-shadow: none;
  }

  /* about */
  .services-tagline {
    color: #a0a0a0;
  }

  .services-title .highlight {
    /* background: linear-gradient(135deg, #96b1ff 0%, #c084fc 100%); */
    background: linear-gradient(135deg, #96b1ff 0%, #00006a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .hero-contact-text-abt p,
  .services-text-row p {
    color: #a0a0a0;
  }

  .services-results .line {
    background: #444;
  }

  .services-results-label {
    color: #a0a0a0;
  }

  .services-stat {
    background: #2a2a2a;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.3);
    border: 6px solid rgba(255, 255, 255, 0.1);
  }

  .services-stat h2 {
    background: linear-gradient(135deg, #96b1ff 0%, #c084fc 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .services-stat .label {
    color: #e0e0e0;
  }

  .services-stat .desc {
    color: #a0a0a0;
  }

  .services-image-wrapper {
    background: linear-gradient(120deg, #5b3ef6, #7d5cff);
  }

  .service-wrap section {
    border: 6px solid rgba(255, 255, 255, 0.1);
  }
  .abt-card {
    background: #2a2a2a;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.3);
    border: 6px solid rgba(255, 255, 255, 0.1);
  }

  .abt-card-icon {
    background: linear-gradient(135deg, #5b3ef6 0%, #c084fc 100%);
    box-shadow: 0 10px 30px rgba(91, 62, 246, 0.4);
  }

  .abt-card-title {
    color: #e0e0e0;
    text-shadow: none;
  }

  .abt-card-content {
    color: #a0a0a0;
  }

  .feature-item {
    background: transparent;
  }

  .feature-item:hover {
    background: rgba(91, 62, 246, 0.2);
  }

  .feature-text {
    color: #e0e0e0;
  }

  .feature-icon {
    background: #5b3ef6;
    color: #fff;
  }

  .circle-1,
  .circle-2 {
    background: linear-gradient(
      135deg,
      rgba(91, 62, 246, 0.3) 0%,
      rgba(192, 132, 252, 0.3) 100%
    );
    opacity: 0.2;
  }
  .team-member p {
    color: #93969b;
  }

  .tools-section {
    /* background-color: #111;  */
    color: #eee;
  }

  .tools-left h2 {
    color: #fff;
  }

  .tools-left .bold {
    color: #fff;
  }

  .tools-left .highlight {
    background: linear-gradient(135deg, #5b3ef6 0%, #1e293b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .tools-left .italic {
    color: #ccc;
  }

  .tools-left p {
    color: #bbb;
  }

  .tools-right {
  }

  .tool-item {
    background-color: #1a1a1a;
    color: #ddd;
    /* border: 1px solid #333;  */
  }

  .tool-item i {
    color: #ddd;
  }

  .tool-item:hover {
    background-color: #2a2a2a;
  }

  .expand-btn-abt {
    background-color: #222b45;
    border: 1px solid #4456a1;
    color: #cbd5f7;
  }

  .service-t-h {
    color: #e2e8f0;
  }
  .eyebadge {
    background: #2d3748;
    color: #e2e8f0;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
  }
  p.lead-service {
    color: #a0aec0;
  }
  .learn {
    color: #e2e8f0;
  }
  .learn span {
    color: #a0aec0;
  }

  .ser-feature-item h3 {
    color: #e2e8f0;
    text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.2);
  }
  .ser-feature-item p {
    color: #a0aec0;
  }
  .testimonial {
    color: #a0aec0;
    border-left-color: #4a5568;
  }
  .service-title-m {
    color: #e2e8f0;
  }

  .service-wrap aside {
    background: #2d3748;
  }
  .service-wrap aside img {
    filter: brightness(0.85) contrast(1.1);
  }
  .process-section-ser {
    /* background: #0f172a;  */
  }

  .process-container::before {
    background: rgba(148, 163, 184, 0.15);
  }

  .timeline-progress {
    background: linear-gradient(135deg, #5eead4 0%, #5b3af6 100%);
    box-shadow: 0 0 8px rgba(91, 62, 246, 0.4);
  }

  /* Step Content Card */
  .step-content {
    background: #1e293b;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(71, 85, 105, 0.3);
  }

  .step-number {
    background: linear-gradient(135deg, #1e293b 0%, #5b3af6 100%);
    color: #e2e8f0;
    box-shadow: 0 0 12px rgba(91, 62, 246, 0.4);
  }

  .step-content h3 {
    color: #e2e8f0;
  }

  .step-content p {
    color: #94a3b8;
  }

  .feature-tag {
    background: rgba(91, 62, 246, 0.15);
    color: #c4b5fd;
    border-color: rgba(167, 139, 250, 0.4);
  }

  .visual-circle {
    background: linear-gradient(
      135deg,
      rgba(30, 41, 59, 0.15),
      rgba(91, 62, 246, 0.1)
    );
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
  }

  .visual-circle::before {
    border-color: rgba(139, 92, 246, 0.5);
    opacity: 0.4;
  }

  .visual-icon {
    color: #c4b5fd;
    filter: drop-shadow(0 0 8px rgba(139, 92, 246, 0.4));
  }

  /* product */

  .scroll-container,
  .product-item {
    background: black;
  }

  .feature-icon img {
    background: #222222;
  }
  /* .scroll-container, */
  .product-details,
  /* .product-item, */
  .feature-card,
  .chat-window {
    background: #2a2a2a;
    background: #1a1a1a;
    /* box-shadow: 0 8px 28px rgba(0, 0, 0, 0.3); */
    border-color: #444;
  }

  .product-item {
    color: #e0e0e0;
  }

  .product-item.active {
    color: #96b1ff;
    /* border-bottom: 2px solid #96b1ff; */
  }

  .product-item p {
    color: #e0e0e0;
  }

  .scroll-arrow {
    background: rgba(42, 42, 42, 0.9);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  }

  .scroll-arrow:hover {
    background: #444;
  }

  /* Product Info */
  .product-info h2 {
    color: #96b1ff;
  }

  .product-info p,
  .product-info ul {
    color: #a0a0a0;
  }

  /* Device Mockups */
  .laptop-screen,
  .mobile-screen,
  .laptop-base,
  .mobile-mockup {
    background: #000000;
  }

  .laptop-camera,
  .mobile-notch,
  .mobile-notch::before,
  .mobile-notch::after,
  .mobile-button {
    background: #000000;
  }

  .laptop-base {
    background: linear-gradient(to bottom, #444 0%, #333 100%);
  }

  .laptop-notch {
    background: #555;
  }

  /* Features Section */
  .feature-title {
    color: #e0e0e0;
    text-shadow: none;
  }

  .feature-subtitle,
  .feature-description {
    color: #a0a0a0;
  }

  .left-section-video {
    background: #2a2a2a;
    border: 1px solid #444;
  }

  .dot {
    background: #444;
  }

  .dot.active {
    background: #96b1ff;
  }

  .nav-button {
    background: #2a2a2a;
    border: 1px solid #444;
    color: #a0a0a0;
  }

  .nav-button:hover:not(:disabled) {
    background: #333;
    border-color: #96b1ff;
  }

  /* AI Chat Section */
  .new-badge-ct-box {
    background: #2e7d32;
  }

  .subtitle,
  .description-ct-box,
  .feature-content p {
    color: #a0a0a0;
  }

  .main-title-ct-box {
    color: #e0e0e0;
  }

  .main-title-ct-box .highlight {
    background: linear-gradient(135deg, #96b1ff 0%, #c084fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .feature-number {
    background: #3b3f5e;
    color: #96b1ff;
  }

  .feature-content h3 {
    color: #e0e0e0;
    text-shadow: none;
  }

  .chat-header,
  .chat-body {
    background: #2a2a2a;
  }

  .chat-body {
    background: linear-gradient(to bottom, #2a2a2a, #232323);
  }

  .message.user {
    background: #1e2a4a;
    border: 1px solid #2f3b66;
    color: #c7d4ff;
  }

  .message.ai {
    background: #333;
    color: #e0e0e0;
    border: 1px solid #444;
  }

  .typing {
    background: #3b3f5e;
    color: #a0a0a0;
  }

  .typing::after {
    background: #a0a0a0;
  }
  .feature-card {
    border: 6px solid rgba(255, 255, 255, 0.1);
    background: #2a2a2a;
  }

  .float-ct-boxing-card-content p {
    color: #a0a0a0;
  }

  .float-ct-boxing-card-content h2 {
    color: #e0e0e0;
  }

  .icon-ct-box {
    background: linear-gradient(135deg, #3b3f5e 0%, #4a4a6e 100%);
  }

  .stat-card .icon-ct-box {
    background: linear-gradient(135deg, #5e3a3a 0%, #6e4a4a 100%);
  }

  .team-card .icon-ct-box {
    background: linear-gradient(135deg, #3a5e3a 0%, #4a6e4a 100%);
  }

  .chat-input {
    background: linear-gradient(to top, #2a2a2a, #333);
    border-top: 1px solid #444;
  }

  .chat-input input {
    background: #333;
    border: 1px solid #444;
    color: #e0e0e0;
  }

  .chat-input input:focus {
    border-color: #96b1ff;
    box-shadow: 0 0 0 3px rgba(150, 177, 255, 0.2);
  }

  .send-btn {
    background: linear-gradient(135deg, #5b3ef6, #7d5cff);
  }

  .send-btn:hover {
    box-shadow: 0 6px 16px rgba(91, 62, 246, 0.5);
  }

  .bottom-border-line::after {
    background: linear-gradient(
      to right,
      transparent,
      rgba(255, 255, 255, 0.1),
      transparent
    );
  }
  .box-img-hms {
    border: 4px solid #919191;
  }

  .number-circle {
    background: #0b0b15;
    color: #d0d6ff;
    border: 2px solid #2b3170;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
  }

  .product-item.active .number-circle,
  .product-item:hover .number-circle {
    background: #1d47b5;
    color: #ffffff;
    transform: scale(1.1);
    border-color: #2a4de2;
  }

  /* portfolio */

  .mockup-image {
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);
  }

  /* Testimonial Card */
  .testimonial-foli {
    background: linear-gradient(
      180deg,
      rgba(42, 42, 42, 0.8),
      rgba(42, 42, 42, 0.6)
    );
    border: 3px solid rgba(150, 177, 255, 0.3);
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: #e0e0e0;
  }

  .testimonial-foli-text {
    color: #96b1ff;
    font-style: italic;
  }

  .avatar-foli {
    background: linear-gradient(135deg, #5b3ef6, #7d5cff);
  }

  /* Right Section */
  .badge-foli {
    background: #2e7d32;
    color: #e0e0e0;
  }

  .description-foli {
    color: #a0a0a0;
  }

  .cta-button-foli {
    color: #96b1ff;
  }

  .arrow-down {
    border-left: 2px solid #96b1ff;
    border-bottom: 2px solid #96b1ff;
  }

  .foli-h1 {
    color: #e0e0e0;
  }

  .visual-circle-foli {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  }

  .NeuroMatch {
    background: rgba(42, 42, 42, 0.3);
    color: #e0e0e0;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .NeuroMatch::before {
    background: linear-gradient(120deg, #5b3ef6, #7d5cff, #96b1ff, #c084fc);
    background-size: 400% 400%;
  }
  @media (max-width: 1024px) {
    .container-foli {
      border: 5px solid rgba(255, 255, 255, 0.1);
      box-shadow: 0 8px 28px rgba(0, 0, 0, 0.3);
    }
  }
  @media (max-width: 968px) {
    .right-section-ct-box {
      background: #2a2a2a;
    }
    .container-ct-box {
      background: #2a2a2a;
    }
    .container-ct-box {
      border: 6px solid rgba(255, 255, 255, 0.1);
    }
  }
  @media (max-width: 768px) {
    .services-stat h2 {
      background: linear-gradient(135deg, #96b1ff 10%, #c084fc 60%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .service-wrap {
      box-shadow: 0 8px 28px rgba(0, 0, 0, 0.3);
      border: 6px solid rgba(255, 255, 255, 0.1);
    }
    .service-wrap section {
      border: none;
    }
  }
}