/* =====================================================================
   MUNCHTECHNOZ — MASTER STYLESHEET (v2, restructured)
   Paste this ENTIRE file into: Appearance -> Customize -> Additional CSS
   Replaces every previous block. Single source of truth.

   Brand tokens:
     Background (page)   : #241F3D
     Card / panel         : #322b52
     Chip / pill on card  : #241F3D
     Text primary         : #f4f1ea
     Text muted           : #c9c4d9
     Accent (amber)       : #f0b429  |  hover: #c98f13
     Tag / category link  : #2BB3A3 (teal)  — project pages use amber instead
     Line / border         : rgba(244,241,234,0.08–0.15)

   TABLE OF CONTENTS
     0. Global sitewide fixes
     1. Portfolio hub page        (page-id-16)
     2. Custom-HTML project pages (Drift Escape / Arrow Puzzle Quest — note only)
     3. Elementor-widget project pages (single-techco_project)
     4. Contact page              (page-id-20)
     5. About Us page             (page-id-2285)
     6. All Service pages         (single-techco_service)
     7. Home page                 (page-id-1908)
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');


/* =====================================================================
   0. GLOBAL SITEWIDE FIXES
   ===================================================================== */
.feature_partners_section,
.feature_partners_section .title_text,
.feature_partners_section::before {
  background-color: #413977;
}
.navmanuhome,
.porto {
  margin-top: 1.5px;
}
.blog_post_block.layout_2 .post_meta {
  display: none;
}
.servv {
  margin-top: -2.5px;
}
.breadcrumb-container {
  display: none;
}
.elementor-16 .elementor-element.elementor-element-33a3715:not(.elementor-motion-effects-element-type-background),
.elementor-16 .elementor-element.elementor-element-33a3715 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: #413977;
}
.wp-post-nav #post-nav-previous-switched #post-nav-previous-button,
.wp-post-nav #post-nav-next-switched #post-nav-next-button {
  background: #413977;
}


/* =====================================================================
   1. PORTFOLIO HUB PAGE (page-id-16)
   ===================================================================== */
body.page-id-16 .page_banner {
  background-color: #241F3D !important;
}
body.page-id-16 .page_title {
  color: #f4f1ea !important;
  font-family: 'Anton', Impact, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

body.page-id-16 .filter_elements_nav {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  background: #14121f;
  padding: 8px;
  border-radius: 999px;
}
body.page-id-16 .filter_elements_nav button {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #a9a3c2;
  background: transparent;
  border: none;
  padding: 12px 22px;
  border-radius: 999px;
  cursor: pointer;
  transition: background .2s, color .2s;
}
body.page-id-16 .filter_elements_nav button:hover {
  color: #f4f1ea;
}
body.page-id-16 .filter_elements_nav button.active {
  background: #f0b429;
  color: #14121f;
}

body.page-id-16 .portfolio_block {
  background: #14121f;
  border: 1px solid rgba(244,241,234,0.08);
  border-radius: 4px;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}
body.page-id-16 .portfolio_block:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 32px rgba(0,0,0,0.28);
}
body.page-id-16 .portfolio_image {
  overflow: hidden;
}
body.page-id-16 .portfolio_image img {
  transition: transform .4s ease;
  width: 100%;
  display: block;
}
body.page-id-16 .portfolio_block:hover .portfolio_image img {
  transform: scale(1.06);
}
body.page-id-16 .portfolio_content {
  padding: 22px 24px 26px;
}
body.page-id-16 .portfolio_title {
  margin: 0 0 12px;
}
body.page-id-16 .portfolio_title a {
  font-family: 'Anton', Impact, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 1.15;
  color: #f4f1ea;
  transition: color .2s;
}
body.page-id-16 .portfolio_title a:hover {
  color: #f0b429;
}
body.page-id-16 .category_list {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.page-id-16 .category_list li a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #2BB3A3;
}


/* =====================================================================
   2. CUSTOM-HTML PROJECT PAGES (Drift Escape / Arrow Puzzle Quest style)
   These pages carry their own <style> block INSIDE the pasted HTML —
   no site-wide CSS needed. If rebuilding one, set inside its own style
   block:  --ink: #241F3D;   to match the current brand background.
   ===================================================================== */


/* =====================================================================
   3. ELEMENTOR-WIDGET PROJECT PAGES (single-techco_project)
   e.g. Being Veda, Sports Portal, Social Media App, etc.
   ===================================================================== */
.single-techco_project .breadcrumb.project-banner {
  display: none !important;
}

.single-techco_project .content-area,
.single-techco_project .content-area .elementor-section,
.single-techco_project .content-area .elementor-container,
.single-techco_project .content-area .elementor-column,
.single-techco_project .content-area .elementor-widget-wrap {
  background-color: #241F3D !important;
}
.single-techco_project .content-area .elementor-container {
  max-width: 900px;
}

.single-techco_project .xb-heading {
  font-family: 'Anton', Impact, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  color: #f0b429;
  font-size: 28px;
  margin: 44px 0 20px;
}
.single-techco_project .content-area .elementor-widget-int-heading:first-of-type .xb-heading {
  margin-top: 20px;
}

.single-techco_project .xb-content-wrap p {
  color: #c9c4d9;
  font-size: 16px;
  line-height: 1.7;
}
.single-techco_project .xb-content-wrap strong {
  color: #f0b429;
  font-family: 'Inter', sans-serif;
}
.single-techco_project .xb-content-wrap ul,
.single-techco_project .xb-content-wrap ol {
  color: #c9c4d9;
}
.single-techco_project .xb-content-wrap li::marker {
  color: #f0b429;
}

.single-techco_project .portfolio_details_info_list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  background: #1d1a30;
  border: 1px solid rgba(244,241,234,0.1);
  border-radius: 4px;
  padding: 20px 24px;
  margin: 24px 0;
}
.single-techco_project .portfolio_details_info_list li {
  list-style: none;
}
.single-techco_project .portfolio_details_info_list strong {
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #f0b429;
  display: block;
  margin-bottom: 4px;
}
.single-techco_project .portfolio_details_info_list span,
.single-techco_project .portfolio_details_info_list .icon_list_text {
  color: #f4f1ea !important;
}
.single-techco_project .portfolio_details_info_list .text-dark {
  color: #f0b429 !important;
}

.single-techco_project .elementor-widget-image img {
  border: 2px solid #1d1a30;
  border-radius: 4px;
  margin: 24px 0;
}

.single-techco_project .portfolio_block {
  background: #1d1a30;
  border: 1px solid rgba(244,241,234,0.08);
  border-radius: 4px;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}
.single-techco_project .portfolio_block:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 32px rgba(0,0,0,0.28);
}
.single-techco_project .portfolio_block .portfolio_content {
  padding: 20px 22px 24px;
}
.single-techco_project .portfolio_title a {
  font-family: 'Anton', Impact, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 19px;
  color: #f4f1ea;
}
.single-techco_project .portfolio_title a:hover {
  color: #f0b429;
}
.single-techco_project .category_list li a {
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #f0b429;
}


/* =====================================================================
   4. CONTACT PAGE (page-id-20)
   ===================================================================== */
body.page-id-20 #elementor_page_builder .elementor-element-0683cfb,
body.page-id-20 #elementor_page_builder .elementor-element-2ca94aa,
body.page-id-20 #elementor_page_builder .elementor-element-2ca94aa .elementor-container,
body.page-id-20 #elementor_page_builder .elementor-element-2ca94aa .elementor-column,
body.page-id-20 #elementor_page_builder .elementor-element-2ca94aa .elementor-widget-wrap {
  background-color: #241F3D !important;
}

body.page-id-20 .page_banner {
  background-color: #241F3D !important;
}
body.page-id-20 .page_title {
  color: #f4f1ea !important;
  font-family: 'Anton', Impact, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

body.page-id-20 .xb-heading {
  font-family: 'Anton', Impact, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  color: #f0b429;
  font-size: 28px;
}
body.page-id-20 .xb-content-wrap p {
  color: #c9c4d9;
  font-size: 16px;
}

body.page-id-20 .input_title {
  color: #c9c4d9;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 8px;
  display: block;
}

body.page-id-20 .wpcf7-form-control.form-control {
  background: #f4f1ea !important;
  color: #241F3D !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  padding: 12px 14px !important;
}
body.page-id-20 .wpcf7-form-control.form-control::placeholder {
  color: #6b6a75;
}
body.page-id-20 .wpcf7-form-control.form-control:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(240,180,41,0.35) !important;
}

body.page-id-20 .xb-contact-form .btn.btn-primary {
  background: #f0b429 !important;
  color: #241F3D !important;
  border: none !important;
  font-weight: 700;
  border-radius: 4px;
}
body.page-id-20 .xb-contact-form .btn.btn-primary:hover {
  background: #c98f13 !important;
}

body.page-id-20 .cf7ic_instructions,
body.page-id-20 .captcha-image label {
  color: #c9c4d9 !important;
}
body.page-id-20 .captcha-image svg {
  color: #f4f1ea;
}

body.page-id-20 .elementor-custom-embed iframe {
  border: 2px solid #1d1a30;
  border-radius: 4px;
}


/* =====================================================================
   5. ABOUT US PAGE (page-id-2285)
   ===================================================================== */
body.page-id-2285 .page_banner {
  background-color: #241F3D !important;
}
body.page-id-2285 .page_title {
  color: #f4f1ea !important;
  font-family: 'Anton', Impact, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
body.page-id-2285 .elementor-section[data-settings*="background_background"],
body.page-id-2285 .elementor-inner-section {
  background-color: #241F3D !important;
}

body.page-id-2285 .heading_text {
  font-family: 'Anton', Impact, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  color: #f0b429 !important;
}
body.page-id-2285 .xb-content-wrap p {
  color: #c9c4d9 !important;
}

body.page-id-2285 .iconbox_block,
body.page-id-2285 .funfact_block,
body.page-id-2285 .review_block {
  background: #322b52;
  border-radius: 8px;
  padding: 28px 24px;
}

body.page-id-2285 .iconbox_icon svg,
body.page-id-2285 .funfact_icon svg,
body.page-id-2285 .service_facilities_group .iconbox_icon svg {
  filter: brightness(0) invert(1);
  opacity: 0.92;
  width: 40px;
  height: 40px;
}

body.page-id-2285 .iconbox_title {
  color: #f4f1ea !important;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
}
body.page-id-2285 .iconbox_content p,
body.page-id-2285 .iconbox_content .mb-0 {
  color: #c9c4d9 !important;
}
body.page-id-2285 .funfact_title,
body.page-id-2285 .counter_value {
  color: #f4f1ea !important;
}

body.page-id-2285 .service_facilities_group .iconbox_block {
  background: #322b52;
  padding: 14px 18px;
}
body.page-id-2285 .service_facilities_group .iconbox_title {
  color: #f4f1ea !important;
}

body.page-id-2285 .review_admin_info {
  background: linear-gradient(to bottom, transparent 0%, #322b52 55%, #322b52 100%) !important;
}
body.page-id-2285 .review_title,
body.page-id-2285 .review_admin_name {
  color: #f4f1ea !important;
}
body.page-id-2285 .review_commtent,
body.page-id-2285 .review_admin_designation {
  color: #c9c4d9 !important;
}


/* =====================================================================
   6. ALL SERVICE PAGES (single-techco_service)
   Applies to every service post at once (IT Staff Augmentation, Web App
   Development, Mobile App Development, etc.)
   ===================================================================== */

/* Title banner hidden — replaced by "Back to Home" HTML widget added
   manually to the top of each service page */
.single-techco_service .breadcrumb.service-banner {
  display: none !important;
}
.single-techco_service .content-area .elementor-widget-int-heading:first-of-type .xb-heading {
  margin-top: 58px;
}

.single-techco_service .content-area,
.single-techco_service .content-area .elementor-section,
.single-techco_service .content-area .elementor-container,
.single-techco_service .content-area .elementor-column,
.single-techco_service .content-area .elementor-widget-wrap {
  background-color: #241F3D !important;
}

.single-techco_service .xb-heading,
.single-techco_service .heading_text {
  font-family: 'Anton', Impact, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  color: #f0b429 !important;
}
.single-techco_service .heading_focus_text {
  color: #f0b429 !important;
  font-family: 'Space Mono', monospace;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.single-techco_service .xb-content-wrap p,
.single-techco_service .xb-content-wrap li {
  color: #c9c4d9 !important;
}
.single-techco_service .xb-content-wrap strong {
  color: #f0b429;
}
/* Centered content lists — no bullet marker */
.single-techco_service .xb-content-wrap ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.single-techco_service .xb-content-wrap ul li::marker {
  content: none;
}

/* Process accordion (left column) */
.single-techco_service .accordion-item {
  background: #322b52 !important;
  border: 1px solid rgba(244,241,234,0.08);
  border-radius: 4px;
  margin-bottom: 10px;
  overflow: hidden;
}
.single-techco_service .accordion-button {
  color: #f4f1ea !important;
  background: transparent !important;
}
.single-techco_service .accordion-button[aria-expanded="true"] {
  color: #f0b429 !important;
}
.single-techco_service .accordion-body {
  background: #322b52 !important;
}
.single-techco_service .accordion-body,
.single-techco_service .accordion-body p {
  color: #c9c4d9 !important;
}

/* Vertical step list (right column) — standard replacement for the
   theme's default oval/wave "content_layer_group" artwork */
.single-techco_service .content_layer_group {
  background: none !important;
  display: flex;
  flex-direction: column;
  gap: 42px;
  list-style: none;
  padding: 0;
  text-align: left !important;
}
.single-techco_service .content_layer_group li.accordion-button {
  height: auto !important;
  max-width: 100% !important;
  border-radius: 12px !important;
  background: #322b52 !important;
  border: 1px solid rgba(244,241,234,0.12) !important;
  padding: 18px 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 22px;
  transition: background .2s ease, border-color .2s ease;
}
.single-techco_service .content_layer_group li.accordion-button span {
  border: none !important;
  border-radius: 0 !important;
  height: auto !important;
  max-width: 100% !important;
  display: block !important;
  text-align: left !important;
  justify-content: flex-start !important;
  color: #c9c4d9 !important;
  font-weight: 500 !important;
  font-size: 15px !important;
}
.single-techco_service .content_layer_group li.accordion-button[aria-expanded="true"] {
  border: 2px solid #f0b429 !important;
}
.single-techco_service .content_layer_group li.accordion-button[aria-expanded="true"] span {
  color: #f0b429 !important;
  background-color: #322B52 !important;
  font-weight: 700 !important;
}

/* Tech-stack tab switcher (Web Apps / Mobile Apps / Gaming...) */
.single-techco_service .tab_block_wrapper .nav {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  background: #14121f !important;
  padding: 8px;
  border-radius: 999px;
  border: none !important;
}
.single-techco_service .tab_block_wrapper .nav-link {
  color: #a9a3c2 !important;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: transparent !important;
  border: none !important;
  border-radius: 999px;
  padding: 12px 22px;
}
.single-techco_service .tab_block_wrapper .nav-link.active {
  background: #f0b429 !important;
  color: #14121f !important;
}

/* Tech icon grid — icons already sit on white plates, leave untouched */
.single-techco_service .iconbox_block.bg-transparent .iconbox_icon svg {
  filter: none !important;
}
.single-techco_service .iconbox_block.bg-transparent .iconbox_title {
  color: #f4f1ea !important;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
}

/* "Latest Work" project cards */
.single-techco_service .portfolio_block {
  background: #322b52;
  border: 1px solid rgba(244,241,234,0.08);
  border-radius: 4px;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}
.single-techco_service .portfolio_block:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 32px rgba(0,0,0,0.28);
}
.single-techco_service .portfolio_title a {
  color: #f4f1ea !important;
  font-family: 'Anton', Impact, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 19px;
}
.single-techco_service .portfolio_title a:hover {
  color: #f0b429 !important;
}
.single-techco_service .category_list li a {
  color: #2BB3A3 !important;
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  text-transform: uppercase;
}

/* Testimonial cards */
.single-techco_service .review_block {
  background: #322b52;
  border-radius: 8px;
  padding: 28px 24px;
}
.single-techco_service .review_admin_info {
  background: linear-gradient(to bottom, transparent 0%, #322b52 55%, #322b52 100%) !important;
}
.single-techco_service .review_title,
.single-techco_service .review_admin_name {
  color: #f4f1ea !important;
}
.single-techco_service .review_commtent,
.single-techco_service .review_admin_designation {
  color: #c9c4d9 !important;
}


/* =====================================================================
   7. HOME PAGE (page-id-1908)
   ===================================================================== */

/* Force dark background through every Elementor wrapper level */
body.page-id-1908 #elementor_page_builder,
body.page-id-1908 #elementor_page_builder .elementor-section,
body.page-id-1908 #elementor_page_builder .elementor-container,
body.page-id-1908 #elementor_page_builder .elementor-column,
body.page-id-1908 #elementor_page_builder .elementor-widget-wrap {
  background-color: #241F3D !important;
}

/* Hero section */
body.page-id-1908 .software_company_hero_section {
  background-color: #241F3D !important;
}
body.page-id-1908 .software_company_hero_section h1,
body.page-id-1908 .software_company_hero_section p,
body.page-id-1908 .software_company_hero_section li {
  color: #f4f1ea !important;
}
body.page-id-1908 .software_company_hero_section .heading_focus_text {
  color: #f0b429 !important;
}
body.page-id-1908 .software_company_hero_section .btn {
  background: #f0b429 !important;
  color: #241F3D !important;
}
body.page-id-1908 .hotline_block,
body.page-id-1908 .hotline_content strong {
  color: #f4f1ea !important;
}

/* Client logo strip */
body.page-id-1908 .client_logo_carousel {
  background-color: #241F3D !important;
}
body.page-id-1908 .client_logo_item {
  background: #f4f1ea;
  border-radius: 6px;
  padding: 10px 16px;
}

/* Headings sitewide on this page */
body.page-id-1908 .heading_text,
body.page-id-1908 .xb-heading {
  font-family: 'Anton', Impact, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  color: #f0b429 !important;
}
body.page-id-1908 .heading_focus_text {
  color: #f0b429 !important;
  font-family: 'Space Mono', monospace;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
body.page-id-1908 .heading_description {
  color: #c9c4d9 !important;
}

/* "Catering to Your IT Needs" service cards */
body.page-id-1908 .service_block_2 {
  background: #322b52 !important;
  border-radius: 8px;
  padding: 28px 24px;
}
body.page-id-1908 .service_icon svg {
  filter: brightness(0) invert(1);
  opacity: 0.92;
  width: 44px;
  height: 44px;
}
body.page-id-1908 .service_title a {
  color: #f4f1ea !important;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
}
body.page-id-1908 .service_title a:hover {
  color: #f0b429 !important;
}
body.page-id-1908 .service_title a i,
body.page-id-1908 .service_title a svg,
body.page-id-1908 .service_title .fa-arrow-right,
body.page-id-1908 .service_title::after {
  color: #f0b429 !important;
}
body.page-id-1908 .service_block_2 .icon_list li {
  background: #241F3D !important;
  border-radius: 999px;
  padding: 10px 16px;
  margin-bottom: 8px;
}
body.page-id-1908 .service_block_2 .icon_list_text {
  color: #f4f1ea !important;
}
body.page-id-1908 .service_block_2 .icon_list_icon i {
  color: #f0b429 !important;
}

/* "Our Latest Case Studies" cards + View More button */
body.page-id-1908 .case_study_block {
  background: #322b52 !important;
  border-radius: 8px;
  overflow: hidden;
}
body.page-id-1908 .case_title a {
  color: #f4f1ea !important;
  font-family: 'Anton', Impact, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
body.page-id-1908 .case_title a:hover {
  color: #f0b429 !important;
}
body.page-id-1908 .case_study_content p {
  color: #c9c4d9 !important;
}
body.page-id-1908 .case_study_block .category_list li a {
  color: #ec407a !important;
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.08em;
}
body.page-id-1908 .case_study_block .btn.btn-primary {
  background: #f0b429 !important;
  color: #241F3D !important;
  border: none !important;
}
body.page-id-1908 .case_study_block .btn.btn-primary:hover {
  background: #c98f13 !important;
}
body.page-id-1908 .xb-btn-wrap .btn {
  background: #f0b429 !important;
  color: #241F3D !important;
  border: none !important;
}
body.page-id-1908 .xb-btn-wrap .btn:hover {
  background: #c98f13 !important;
}
body.page-id-1908 .xb-btn-wrap {
  margin-top: -12px;
}

/* "Our Approach" step accordion + vertical step list */
body.page-id-1908 #service_process_faq .accordion-item {
  background: #322b52 !important;
  border: 1px solid rgba(244,241,234,0.08);
  border-radius: 4px;
  margin-bottom: 10px;
  overflow: hidden;
}
body.page-id-1908 #service_process_faq .accordion-button {
  color: #f4f1ea !important;
  background: transparent !important;
}
body.page-id-1908 #service_process_faq .accordion-button[aria-expanded="true"] {
  color: #f0b429 !important;
}
body.page-id-1908 #service_process_faq .accordion-body {
  background: #322b52 !important;
}
body.page-id-1908 #service_process_faq .accordion-body,
body.page-id-1908 #service_process_faq .accordion-body p,
body.page-id-1908 #service_process_faq .accordion-body li {
  color: #c9c4d9 !important;
}

body.page-id-1908 .content_layer_group {
  background: none !important;
  display: flex;
  flex-direction: column;
  gap: 42px;
  list-style: none;
  padding: 0;
  text-align: left !important;
}
body.page-id-1908 .content_layer_group li.accordion-button {
  height: auto !important;
  max-width: 100% !important;
  border-radius: 12px !important;
  background: #322b52 !important;
  border: 1px solid rgba(244,241,234,0.12) !important;
  padding: 18px 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 22px;
  transition: background .2s ease, border-color .2s ease;
}
body.page-id-1908 .content_layer_group li.accordion-button span {
  border: none !important;
  border-radius: 0 !important;
  height: auto !important;
  max-width: 100% !important;
  display: block !important;
  text-align: left !important;
  justify-content: flex-start !important;
  color: #c9c4d9 !important;
  font-weight: 500 !important;
  font-size: 15px !important;
}
body.page-id-1908 .content_layer_group li.accordion-button[aria-expanded="true"] {
  border: 2px solid #f0b429 !important;
}
body.page-id-1908 .content_layer_group li.accordion-button[aria-expanded="true"] span {
  color: #f0b429 !important;
  background-color: #322B52 !important;
  font-weight: 700 !important;
}

/* "We Master Technologies" tab switcher + icon grid */
body.page-id-1908 .tab_block_wrapper .nav {
  display: inline-flex !important;
  flex-wrap: wrap;
  gap: 6px;
  background: #14121f !important;
  padding: 8px;
  border-radius: 999px;
  border: none !important;
}
body.page-id-1908 .tab_block_wrapper .nav-link {
  color: #a9a3c2 !important;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: transparent !important;
  border: none !important;
  border-radius: 999px;
  padding: 12px 22px;
}
body.page-id-1908 .tab_block_wrapper .nav-link.active {
  background: #f0b429 !important;
  color: #14121f !important;
}
body.page-id-1908 .iconbox_block.bg-transparent .iconbox_icon svg {
  filter: none !important;
}
body.page-id-1908 .iconbox_block.bg-transparent .iconbox_title {
  color: #f4f1ea !important;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
}

/* "Need a Support?" FAQ */
body.page-id-1908 #faq_accordion.faq_accordion {
  background: transparent !important;
}
body.page-id-1908 #faq_accordion .accordion-item {
  background: #322b52 !important;
  border-radius: 4px;
  margin-bottom: 10px;
  overflow: hidden;
}
body.page-id-1908 #faq_accordion .accordion-button {
  color: #f4f1ea !important;
  background: transparent !important;
  font-size: 15px !important;
}
body.page-id-1908 #faq_accordion .accordion-body {
  background: #322b52 !important;
}
body.page-id-1908 #faq_accordion .accordion-body,
body.page-id-1908 #faq_accordion .accordion-body p {
  color: #c9c4d9 !important;
  font-size: 14px !important;
}
body.page-id-1908 .text_a {
  color: #f0b429 !important;
  font-weight: 700;
}

/* Accordion toggle icons — clean +/- for both "Our Approach" and FAQ */
body.page-id-1908 #service_process_faq .accordion-button::after,
body.page-id-1908 #faq_accordion .accordion-button::after {
  background-image: none !important;
  background-color: transparent !important;
  color: #f0b429 !important;
  content: "+" !important;
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 700;
  width: 24px;
  height: 24px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
body.page-id-1908 #service_process_faq .accordion-button[aria-expanded="true"]::after,
body.page-id-1908 #faq_accordion .accordion-button[aria-expanded="true"]::after {
  content: "–" !important;
}

/* Blog cards */
body.page-id-1908 .blog_post_block.layout_2 {
  background: #322b52 !important;
  border-radius: 8px;
  overflow: hidden;
}
body.page-id-1908 .blog_post_title a {
  color: #f4f1ea !important;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
}
body.page-id-1908 .blog_post_title a:hover {
  color: #f0b429 !important;
}

/* "You Are Here" contact info panel */
body.page-id-1908 .contact_method_box {
  background: #322b52 !important;
  border-radius: 8px;
  padding: 32px;
}
body.page-id-1908 .contact_method_list .text p,
body.page-id-1908 .contact_method_list .text p a {
  color: #f4f1ea !important;
}
body.page-id-1908 .contact_method_list .icon svg {
  filter: brightness(0) invert(1);
}
body.page-id-1908 .support_step .serial_number {
  color: #f0b429 !important;
  font-family: 'Space Mono', monospace;
}
body.page-id-1908 .support_step .text {
  color: #c9c4d9 !important;
}

/* "Let's Connect" contact form panel — light fields on dark page */
body.page-id-1908 .instant_contact_form {
  background: #322b52 !important;
  border-radius: 8px;
  padding: 32px;
}
body.page-id-1908 .form_title {
  color: #f4f1ea !important;
}
body.page-id-1908 .small_title {
  color: #f0b429 !important;
}
body.page-id-1908 .small_title svg {
  filter: brightness(0) invert(1);
}
body.page-id-1908 .instant_contact_form .form-group {
  position: relative;
}
body.page-id-1908 .instant_contact_form .input_title {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  z-index: 2;
  pointer-events: none;
}
body.page-id-1908 .instant_contact_form .form-group:has(textarea) .input_title {
  top: 22px;
  transform: none;
}
body.page-id-1908 .instant_contact_form .input_title i {
  color: #6b6a75;
  font-size: 14px;
}
body.page-id-1908 .wpcf7-form-control.form-control {
  background: #f4f1ea !important;
  color: #241F3D !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  padding: 12px 14px 12px 42px !important;
}
body.page-id-1908 .wpcf7-form-control.form-control::placeholder {
  color: #6b6a75;
}
body.page-id-1908 .wpcf7-form-control.form-control:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(240,180,41,0.35) !important;
}
body.page-id-1908 .xb-contact-form .btn.btn-primary {
  background: #f0b429 !important;
  color: #241F3D !important;
  border: none !important;
  font-weight: 700;
}
body.page-id-1908 .xb-contact-form .btn.btn-primary:hover {
  background: #c98f13 !important;
}
body.page-id-1908 .cf7ic_instructions,
body.page-id-1908 .captcha-image label {
  color: #c9c4d9 !important;
}