/* Easy2Patch indigo brand overrides — applied only via index.html */

/* ---------------------------------------------------------------
   Help-desk theme CSS variables (green/teal -> indigo)
--------------------------------------------------------------- */
.help-desk {
  --color-primary: #5F42B3 !important;
  --color-secondary: #5F42B3 !important;
  --color-heading: #1C1740 !important;
  --color-default: #574C7A !important; }

/* ---------------------------------------------------------------
   Header (header-area--two)
--------------------------------------------------------------- */
.header-area--two .header__wrap {
  background: #F0EBF7 !important; }

.header-area--two .main-menu > ul > li:hover > a, .header-area--two .main-menu > ul > li.active > a {
  background: linear-gradient(180deg, #fff 2.54%, #E3D9EF 100%) !important; }

.header-area--two .xb-header-btn a:nth-child(1) {
  background: linear-gradient(180deg, #fff 2.54%, #E3D9EF 100%) !important; }

.header-area--two .xb-header-btn a:nth-child(2) {
  box-shadow: inset 0 1px 1px 0 rgba(214, 199, 230, 0.08), inset 0 -2px 1px 0 rgba(28, 23, 64, 0.24), 0 0 1px 0 rgba(28, 23, 64, 0.32), 0 2px 2px 0 rgba(28, 23, 64, 0.06), 0 4px 4px 0 rgba(28, 23, 64, 0.06), 0 8px 8px 0 rgba(28, 23, 64, 0.06) !important; }

/* ---------------------------------------------------------------
   Hero (hero-area--two, xb-hero-inner, xb-hero-bottom)
--------------------------------------------------------------- */
.hero-area--two {
  background: linear-gradient(181deg, #fff 0%, #F6F2FB 100%) !important; }

.hero-area--two .xb-hero-inner::before {
  background: linear-gradient(180deg, rgba(236, 233, 250, 0) 0%, #F0EBF7 58.56%, rgba(245, 242, 255, 0.97) 77.48%, #F6F2FB 100%) !important; }

.xb-hero-bottom .item.circle_up_down {
  background: linear-gradient(180deg, #fff 2.54%, #E3D9EF 100%) !important; }

/* ---------------------------------------------------------------
   Brand strip (xb-brand-top, xb-animate-leftRight)
--------------------------------------------------------------- */
.xb-brand-top .text {
  background: #E9E1F2 !important; }

.xb-brand-top .line {
  background: #E9E1F2 !important; }

.xb-animate-leftRight .line span {
  background: linear-gradient(90deg, #916AB1 0%, #E9E1F2 100%) !important; }

.xb-animate-leftRight .line--2 span {
  background: linear-gradient(90deg, #E9E1F2 0%, #916AB1 100%) !important; }

/* ---------------------------------------------------------------
   Dashboard (xb-dashboard-item)
--------------------------------------------------------------- */
.xb-dashboard-item {
  background: #E9E1F2 !important; }

.xb-dashboard-item .xb-item--arrow {
  background: linear-gradient(180deg, #5F42B3 0%, #1C1740 100%) !important; }

.xb-dashboard-item .xb-item--logo_content .logo::before {
  background: rgba(95, 66, 179, 0.26) !important; }

.xb-dashboard-item:hover .xb-item--arrow svg rect {
  fill: #2A2150 !important; }

/* ---------------------------------------------------------------
   Success story (xb-story-*)
--------------------------------------------------------------- */
.xb-story-item {
  background: #E9E1F2 !important; }

.xb-story-item.bg--6 {
  background: #5F42B3 !important; }

.xb-story-slider-wrap {
  border: 1px solid #E9E1F2 !important; }

.xb-story-slider-wrap .swiper-pagination {
  border: 1px solid #E9E1F2 !important; }

.xb-story-slider-wrap .swiper-pagination .swiper-pagination-bullet {
  background: #916AB1 !important; }

.xb-story-slide-content .xb-item--desig {
  color: rgba(95, 66, 179, 0.6) !important; }

/* ---------------------------------------------------------------
   Integration (xb-intigration-*)
--------------------------------------------------------------- */
.xb-intigration-inner {
  background: #5F42B3 !important; }

.xb-intigration-logo {
  background: rgba(28, 23, 64, 0.5) !important; }

/* ---------------------------------------------------------------
   Features (hd-feature, xbf-*)
--------------------------------------------------------------- */
.hd-feature-item:not(:last-child) {
  border-bottom: 1px solid #E9E1F2 !important; }

.xbf-mockup-frame {
  background: #2A2150 !important; }

.xbf-mockup-view::after {
  background: #5F42B3 !important; }

.xbf-rt-according-main {
  border-bottom: 1px solid #E9E1F2 !important; }

.xbf-rt-text-style-h5 {
  color: #2A2150 !important; }

/* ---------------------------------------------------------------
   Funfact (xb-funfact-*, funfact-col)
--------------------------------------------------------------- */
.xb-funfact-inner::before, .xb-funfact-inner::after {
  background: #E9E1F2 !important; }

.funfact-col:not(:last-child) {
  border-right: 1px solid #E9E1F2 !important; }

@media (max-width: 767px) {
  .funfact-col:not(:last-child) {
    border-bottom: 1px solid #E9E1F2 !important; } }

/* ---------------------------------------------------------------
   Pricing (xb-pricing-*, xb-table-*, pricing_toggle_btn, switch_btn, badge)
--------------------------------------------------------------- */
.xb-pricing-row {
  border: 1px solid #E9E1F2 !important; }

.xb-pricing-table tr th, .xb-pricing-table tr td {
  border-right: 1px solid #E9E1F2 !important; }

.xb-pricing-table tbody tr:nth-child(odd) {
  background: #F0EAF6 !important; }

.xb-table-btn {
  border: 1px solid #E9E1F2 !important; }

.xb-table-btn li:not(:last-child) {
  border-right: 1px solid #E9E1F2 !important; }

.xb-table-btn li a {
  color: #5F42B3 !important;
  border: 1px solid #E9E1F2 !important; }

.xb-table-btn li a:hover {
  background: #E9E1F2 !important; }

.pricing_toggle_btn .badge {
  border: 1px solid #E9E1F2 !important; }

.pricing_toggle_btn .switch_btn {
  background: #E9E1F2 !important; }

.pricing_toggle_btn .switch_btn:before {
  box-shadow: -2px 2px 7px 0 rgba(28, 23, 64, 0.17) !important; }

/* ---------------------------------------------------------------
   FAQ (xb-desk-faq, accordion, acc-btn, xb-faq-*)
--------------------------------------------------------------- */
.xb-desk-faq .accordion_box .block .acc-btn {
  background: #FFFFFF !important;
  color: var(--color-heading) !important;
  border: 1px solid rgba(95, 66, 179, 0.14) !important; }

.xb-desk-faq .accordion_box .block .content p {
  color: #574C7A !important; }

.xb-desk-faq .accordion_box .block.active-block .acc-btn {
  background: #FFFFFF !important;
  color: var(--color-heading) !important; }

.xb-desk-faq .accordion_box .block,
.xb-desk-faq .accordion_box .block .acc_body,
.xb-desk-faq .accordion_box .block .content {
  background: transparent !important; }

.xb-faq-left .xb-content {
  color: #574C7A !important; }

/* ---------------------------------------------------------------
   CTA (xb-cta-*)
--------------------------------------------------------------- */
.xb-cta-right::before {
  background: #2A2150 !important; }

/* ---------------------------------------------------------------
   Buttons (desk-btn, desk-btn--white, desk-btn--gradient, layer)
--------------------------------------------------------------- */
.desk-btn {
  color: #D6C7E6 !important;
  background: linear-gradient(180deg, #5F42B3 0%, #1C1740 100%) !important; }

.desk-btn .text {
  color: #D6C7E6 !important;
  text-shadow: 0 1.3em #D6C7E6 !important; }

.desk-btn--white .text {
  text-shadow: 0 1.3em #5F42B3 !important; }

.desk-btn--gradient .layer {
  background: linear-gradient(180deg, #5F42B3 0%, #1C1740 100%) !important; }

.desk-btn--gradient .layer.layer_white .text {
  color: #2A2150 !important;
  text-shadow: 0 1.3em #2A2150 !important; }

/* ---------------------------------------------------------------
   Footer (xb-contact-item, xb-social-media, linear_bg02)
--------------------------------------------------------------- */
.xb-contact-item {
  box-shadow: 0 4px 4px 0 #EEE7F5 !important; }

.xb-social-media li a {
  color: #5F42B3 !important;
  background: #E6DEF0 !important; }

.xb-social-media li a:hover {
  box-shadow: 0 11px 8px 0 rgba(214, 199, 230, 0.7) !important; }

.linear_bg02 {
  background: linear-gradient(181deg, #F6F2FB 0%, #fff 100%) !important; }