/* Shared Dimension – brand layer on top of the Invena template */
@import url("https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap");

:root {
  --color-primary: #572F8F;
  --color-secondary: #1E1033;
  --color-title: #1E1033;
  --color-heading-dark: #1E1033;
  --sd-purple: #572F8F;
  --sd-purple-700: #3F2069;
  --sd-purple-900: #1E1033;
  --sd-green: #37B989;
  --sd-soft: #F6F2FB;
}

/* ---- bilingual switching ---- */
body[dir="rtl"] .en { display: none !important; }
body:not([dir="rtl"]) .ar { display: none !important; }

/* ---- Arabic typography: Almarai ---- */
body[dir="rtl"],
body[dir="rtl"] h1, body[dir="rtl"] h2, body[dir="rtl"] h3, body[dir="rtl"] h4,
body[dir="rtl"] h5, body[dir="rtl"] h6, body[dir="rtl"] p, body[dir="rtl"] a,
body[dir="rtl"] span, body[dir="rtl"] li, body[dir="rtl"] button,
body[dir="rtl"] input, body[dir="rtl"] textarea, body[dir="rtl"] select,
body[dir="rtl"] label, body[dir="rtl"] div {
  font-family: "Almarai", sans-serif !important;
}
body[dir="rtl"] h1, body[dir="rtl"] h2, body[dir="rtl"] h3,
body[dir="rtl"] h4, body[dir="rtl"] h5 { letter-spacing: 0; line-height: 1.4; }
body[dir="rtl"] .banner-one-inner .title { line-height: 1.35; }

html { scroll-behavior: auto !important; }
section[id], div[id] { scroll-margin-top: 90px; }

/* ---- logos ---- */
.header-main-one-wrapper .thumbnail img { height: 44px; width: auto; max-width: none; }
.rts-sidebar-menu-desktop .logo { height: 40px; width: auto; }
.sd-footer-logo { height: 44px; width: auto; margin-bottom: 24px; }

/* ---- language button ---- */
.sd-lang {
  height: 50px; padding: 0 20px; border-radius: 6px; border: 1px solid var(--color-border);
  background: #fff; color: var(--sd-purple); font-weight: 700; cursor: pointer; transition: .25s;
}
.sd-lang:hover { background: var(--sd-purple); color: #fff; border-color: var(--sd-purple); }

/* ---- accents ---- */
.title-style-one .pre { color: var(--sd-green); }
.banner-one-inner .pre-title span,
.banner-one-inner .title span { color: var(--sd-green); }
.sd-ico { font-size: 34px; color: var(--sd-purple); line-height: 1; }
.sd-ico.green { color: var(--sd-green); }
.single-feature-one i { color: var(--sd-green); }

/* ---- price cards (no prices published) ---- */
.pricing-wrapper-one .plane-process .title { font-size: 26px; }

/* ---- contact section ---- */
.sd-contact { background: var(--sd-soft); }
.sd-contact-box { display: grid; grid-template-columns: .9fr 1.1fr; border-radius: 24px; overflow: hidden; background: #fff; box-shadow: 0 30px 70px -30px rgba(87,47,143,.4); }
.sd-contact-info { background: linear-gradient(160deg, var(--sd-purple-900), var(--sd-purple-700)); color: #fff; padding: 54px 44px; }
.sd-contact-info h3 { color: #fff; font-size: 30px; margin-bottom: 14px; }
.sd-contact-info p { color: rgba(255,255,255,.85); margin-bottom: 30px; }
.sd-contact-info li { display: flex; gap: 14px; align-items: center; margin-bottom: 18px; color: #fff; }
.sd-contact-info li i { color: var(--sd-green); width: 22px; text-align: center; }
.sd-contact-info a { color: #fff; }
.sd-form { padding: 54px 44px; display: grid; gap: 18px; }
.sd-form label { font-weight: 700; color: var(--sd-purple-900); display: grid; gap: 8px; }
.sd-form input, .sd-form select, .sd-form textarea {
  width: 100%; padding: 14px 16px; border: 1.5px solid var(--color-border); border-radius: 10px; background: #fff; color: var(--sd-purple-900); font-size: 16px;
}
.sd-form input:focus, .sd-form select:focus, .sd-form textarea:focus { outline: none; border-color: var(--sd-purple); box-shadow: 0 0 0 4px rgba(87,47,143,.12); }
.sd-form textarea { min-height: 110px; resize: vertical; }
@media (max-width: 900px) {
  .sd-contact-box { grid-template-columns: 1fr; }
  .sd-contact-info, .sd-form { padding: 34px 24px; }
}

/* ---- green accents ---- */
.rts-btn.btn-primary::before { background: var(--sd-green) !important; }
.quote-btn, .quote-btn.rts-btn.btn-primary { background: var(--sd-green) !important; }
.quote-btn::before { background: var(--sd-purple) !important; }
.sd-form .rts-btn.btn-primary, .pricing-body .rts-btn.btn-primary { background: var(--sd-purple); }
.pricing-wrapper-one .plane-process { background: var(--sd-green) !important; }
.pricing-wrapper-one .plane-process span, .pricing-wrapper-one .plane-process .title { color: #fff !important; }
.single-pricing.available .icon { background: var(--sd-green) !important; color: #fff !important; }
.single-pricing.available .icon i { color: #fff !important; }
.single-working-process-one .number-main .number { color: var(--sd-green); }
.single-working-process-one .left .icon { background: rgba(55,185,137,.15); }
.sticky-statement .right .arrow { background: var(--sd-green) !important; }
.sticky-statement:hover .right .arrow, .sticky-statement .right .arrow:hover { background: var(--sd-purple) !important; }
.single-feature-one i { color: var(--sd-green); }
.single-feature-one.active { border-color: var(--sd-green); }
.progress-wrap::after { color: var(--sd-green); }
.progress-wrap svg.progress-circle path { stroke: var(--sd-green); }
.footer-two-single-wized .title span { color: var(--sd-green); }
.footer-two-single-wized .wized-title-area h5 { border-bottom: 2px solid var(--sd-green); display: inline-block; padding-bottom: 6px; }
.call-area .icon { background: var(--sd-green) !important; }
.sd-contact-info { border-bottom: 6px solid var(--sd-green); }
.sd-contact-info h3::after { content: ""; display: block; width: 56px; height: 4px; border-radius: 4px; background: var(--sd-green); margin-top: 14px; }
.title-style-one .pre { background: rgba(55,185,137,.12); padding: 6px 16px; border-radius: 999px; }
.thumbnail-about-1 img { box-shadow: 0 0 0 10px rgba(55,185,137,.18); }
.single-pricing.available .icon i { background: transparent !important; }
.single-working-process-one .number-main .number { background: var(--sd-green) !important; color: #fff !important; }

/* services stack: template height is fixed for 4 cards; we have 6 */
section.main-wrapper-sticky { height: auto; padding-bottom: 40px; }
section.main-wrapper-sticky .sticky-statement:last-child { top: 150px !important; }

/* services cards: depth so stacked cards separate cleanly */
section.main-wrapper-sticky .sticky-statement {
  border-radius: 14px;
  box-shadow: 0 -14px 30px -12px rgba(30,16,51,.22), 0 22px 40px -22px rgba(87,47,143,.45);
  border-top: 3px solid var(--sd-green);
}
section.main-wrapper-sticky .sticky-statement:nth-child(1) { top: 110px; }
section.main-wrapper-sticky .sticky-statement:nth-child(2) { top: 126px; }
section.main-wrapper-sticky .sticky-statement:nth-child(3) { top: 142px; }
section.main-wrapper-sticky .sticky-statement:nth-child(4) { top: 158px; }
section.main-wrapper-sticky .sticky-statement:nth-child(5) { top: 174px; }
section.main-wrapper-sticky .sticky-statement:nth-child(6),
section.main-wrapper-sticky .sticky-statement:last-child { top: 190px !important; }

/* services cards: purple */
section.main-wrapper-sticky .sticky-statement {
  background-color: var(--sd-purple);
  background-image: linear-gradient(135deg, #6A3DAA 0%, #572F8F 55%, #3F2069 100%);
  box-shadow: 0 -14px 30px -12px rgba(30,16,51,.35), 0 22px 40px -22px rgba(30,16,51,.7);
}
section.main-wrapper-sticky .sticky-statement:hover { background-image: linear-gradient(135deg, #7A4BC0 0%, #6A3DAA 55%, #4A2780 100%); }
section.main-wrapper-sticky .sticky-statement .left-side .title,
section.main-wrapper-sticky .sticky-statement:hover * { color: #fff; }
section.main-wrapper-sticky .sticky-statement .right p { color: rgba(255,255,255,.85); }
section.main-wrapper-sticky .sticky-statement .left-side .icon {
  width: 64px; height: 64px; border-radius: 16px; background: rgba(255,255,255,.14); display: grid; place-items: center;
}
section.main-wrapper-sticky .sticky-statement .sd-ico,
section.main-wrapper-sticky .sticky-statement .sd-ico.green { color: #fff; }
section.main-wrapper-sticky .sticky-statement:nth-child(even) .sd-ico { color: var(--sd-green); }
section.main-wrapper-sticky .sticky-statement:hover .right .arrow { background: var(--sd-green) !important; }
section.main-wrapper-sticky .sticky-statement:hover .right .arrow i { color: #fff; }

/* ---- blur-in on scroll ---- */
.sd-reveal {
  opacity: 0;
  filter: blur(14px);
  transform: translateY(46px) scale(.985);
  transition: opacity 1s cubic-bezier(.22,.61,.36,1), filter 1.1s cubic-bezier(.22,.61,.36,1), transform 1.1s cubic-bezier(.22,.61,.36,1);
  transition-delay: var(--sd-delay, 0ms);
  will-change: opacity, filter, transform;
}
.sd-reveal.in { opacity: 1; filter: blur(0); transform: none; }
@media (prefers-reduced-motion: reduce) {
  .sd-reveal { opacity: 1; filter: none; transform: none; transition: none; }
}

/* ---- footer: dark rounded card ---- */
.sd-footer-wrap { padding: 0 24px 24px; background: #fff; }
.sd-footer { position: relative; overflow: hidden; background: var(--sd-purple-900); border-radius: 32px; padding: 90px 0 0; color: rgba(255,255,255,.72); }
.sd-footer-glow { position: absolute; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(87,47,143,.55), transparent 70%); top: -220px; inset-inline-start: -120px; pointer-events: none; }
.sd-footer::after { content: ""; position: absolute; width: 380px; height: 380px; border-radius: 50%; background: radial-gradient(circle, rgba(55,185,137,.22), transparent 70%); bottom: -200px; inset-inline-end: -80px; pointer-events: none; }
.sd-footer .container { position: relative; z-index: 1; }
.sd-footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.5fr; gap: 48px; padding-bottom: 70px; }
.sd-footer-brand img { height: 46px; width: auto; margin-bottom: 26px; }
.sd-footer-brand p, .sd-footer-news p { color: rgba(255,255,255,.7); line-height: 1.8; margin-bottom: 26px; max-width: 340px; }
.sd-footer h5 { color: #fff; font-size: 22px; margin-bottom: 26px; position: relative; padding-bottom: 14px; }
.sd-footer h5::after { content: ""; position: absolute; bottom: 0; inset-inline-start: 0; width: 34px; height: 3px; border-radius: 3px; background: var(--sd-green); }
.sd-footer ul { list-style: none; padding: 0; margin: 0; }
.sd-footer li { margin-bottom: 14px; }
.sd-footer a { color: rgba(255,255,255,.72); transition: .25s; }
.sd-footer-col ul a:hover { color: var(--sd-green); padding-inline-start: 6px; }
.sd-social { display: flex; gap: 12px; }
.sd-social a { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.08); color: #fff; }
.sd-social a:hover { background: var(--sd-green); transform: translateY(-3px); }
.sd-footer-form { display: flex; align-items: center; gap: 10px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); border-radius: 12px; padding: 8px 8px 8px 16px; margin-bottom: 22px; }
body[dir="rtl"] .sd-footer-form { padding: 8px 16px 8px 8px; }
.sd-footer-form > i { color: rgba(255,255,255,.6); }
.sd-footer-form input { flex: 1; min-width: 0; background: transparent; border: 0; outline: 0; color: #fff; height: 46px; font-size: 15px; }
.sd-footer-form input::placeholder { color: rgba(255,255,255,.5); }
.sd-footer-form button { width: 46px; height: 46px; flex: none; border: 0; border-radius: 10px; background: var(--sd-green); color: #fff; cursor: pointer; transition: .25s; }
.sd-footer-form button:hover { background: var(--sd-purple); }
body[dir="rtl"] .sd-footer-form button i { transform: scaleX(-1); }
.sd-footer-contact li { display: flex; align-items: center; gap: 12px; }
.sd-footer-contact i { color: var(--sd-green); width: 18px; text-align: center; }
.sd-footer-bottom { border-top: 1px solid rgba(255,255,255,.1); padding: 26px 0 30px; text-align: center; }
.sd-footer-bottom p { margin: 0; color: rgba(255,255,255,.6); }
.sd-footer-bottom b { color: #fff; }
@media (max-width: 991px) {
  .sd-footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .sd-footer-wrap { padding: 0 12px 12px; }
  .sd-footer { border-radius: 24px; padding-top: 60px; }
  .sd-footer-grid { grid-template-columns: 1fr; gap: 36px; }
}

/* ---- plans (onepage-three style) ---- */
.sd-plans { background: var(--sd-soft); }
.sd-plans .title-style-three .bg-title { color: rgba(87,47,143,.07); }
.sd-plans .title-style-three .bg-title::after { background: none; }
.sd-plans .title-style-three .pre { color: var(--sd-green); font-weight: 700; }
.pricing-wrapper-one.home-two { background: #fff; }
.pricing-wrapper-one.home-two:hover { transform: translateY(-8px); box-shadow: 0 25px 50px -25px rgba(87,47,143,.4); }
.pricing-wrapper-one.home-two.active { border-color: var(--sd-purple); box-shadow: 0 30px 60px -28px rgba(87,47,143,.55); }
.pricing-wrapper-one.home-two .pric-area .title { font-size: 36px; line-height: 1.4; color: var(--sd-purple); }
.pricing-wrapper-one.home-two .pricing-body a.rts-btn.active { background: var(--sd-purple); color: #fff; border-color: var(--sd-purple); }
.pricing-wrapper-one.home-two .pricing-body a.rts-btn:hover { background: var(--sd-green); border-color: var(--sd-green); color: #fff; }
.pricing-wrapper-one.home-two .pricing-body .single-pricing:not(.available) .icon i { background: #E9ECF1 !important; color: #9aa1ab !important; }
body[dir="rtl"] .pricing-wrapper-one.home-two .pric-area span { margin-left: 0; margin-right: 7px; }
.pricing-wrapper-one.home-two .pric-area .title span { font-size: inherit; margin: 0; color: inherit; font-weight: inherit; }

/* plan check icons: one clean green circle (no square behind it) */
.pricing-wrapper-one .single-pricing .icon,
.pricing-wrapper-one .single-pricing.available .icon { background: transparent !important; border-radius: 0; line-height: 0; flex: none; }
.pricing-wrapper-one .single-pricing .icon i,
.pricing-wrapper-one .single-pricing.available .icon i {
  width: 24px; height: 24px; padding: 0 !important; display: inline-grid; place-items: center;
  border-radius: 50%; font-size: 12px; line-height: 1;
}
.pricing-wrapper-one .single-pricing.available .icon i { background: var(--sd-green) !important; border: 0 !important; color: #fff !important; }
.pricing-wrapper-one .single-pricing:not(.available) .icon i { background: #E9ECF1 !important; border: 0 !important; color: #9aa1ab !important; }
.pricing-wrapper-one .single-pricing .price-details { line-height: 1.5; }

/* ---- images: rounded rectangles instead of circles ---- */
.thumbnail-about-1 { border-radius: 24px; box-shadow: 0 30px 60px -30px rgba(30,16,51,.45); }
.thumbnail-about-1 img { border-radius: 24px; }
.consultancy-thumbnail-area .large-image { border-radius: 24px; max-width: 570px; box-shadow: 0 30px 60px -30px rgba(30,16,51,.45); }
.consultancy-thumbnail-area .large-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 24px; }
.consultancy-thumbnail-area .small-iamge { border-radius: 20px; box-shadow: 0 20px 40px -18px rgba(30,16,51,.5); }
.consultancy-thumbnail-area .small-iamge img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
.thumbnail-working-procss-one img { border-radius: 24px; box-shadow: 0 30px 60px -30px rgba(0,0,0,.55); }
.business-boost-wrapper-main .business-marklting-area-thumb img {
  clip-path: none; border-radius: 24px; width: 100%; height: 480px; object-fit: cover; box-shadow: 0 30px 60px -30px rgba(30,16,51,.45);
}
@media (max-width: 575px) { .business-boost-wrapper-main .business-marklting-area-thumb img { height: auto; } }

/* service arrow button: soft corners */
section.main-wrapper-sticky .sticky-statement .right .arrow { border-radius: 14px; overflow: hidden; }

/* ---- "three easy steps": same card style as services ---- */
.working-process-one.bg-main { background: var(--sd-soft); }
.bg-main .title-style-one .pre { border: 0; color: var(--sd-green); }
.bg-main .title-style-one .title { color: var(--sd-purple-900); }
.single-working-process-one {
  gap: 28px; margin-bottom: 28px; padding: 34px 40px; border-radius: 14px; position: relative;
  background-color: var(--sd-purple);
  background-image: linear-gradient(135deg, #6A3DAA 0%, #572F8F 55%, #3F2069 100%);
  border-top: 3px solid var(--sd-green);
  box-shadow: 0 -14px 30px -12px rgba(30,16,51,.3), 0 22px 40px -22px rgba(30,16,51,.65);
  transition: transform .3s, box-shadow .3s;
}
.single-working-process-one:hover { transform: translateY(-6px); box-shadow: 0 -14px 30px -12px rgba(30,16,51,.3), 0 30px 50px -22px rgba(30,16,51,.75); }
.single-working-process-one .left .icon { width: 68px; height: 68px; border-radius: 16px; background: rgba(255,255,255,.14); }
.single-working-process-one .left .icon::after { display: none; }
.single-working-process-one .left .icon img { width: 36px; height: 36px; object-fit: contain; }
.single-working-process-one .inner-content { background: transparent; padding: 0; border-radius: 0; }
.single-working-process-one .inner-content .number-main { position: static; transform: none; margin-bottom: 12px; }
.single-working-process-one .inner-content .number-main::before,
.single-working-process-one .inner-content .number-main::after { display: none; }
.single-working-process-one .inner-content .number-main .number {
  position: static; transform: none; width: 36px; height: 36px; border-radius: 10px; font-size: 15px; z-index: auto;
}
.single-working-process-one .inner-content .title { color: #fff; }
.single-working-process-one .inner-content p.disc { color: rgba(255,255,255,.85); margin: 0; }
@media (max-width: 575px) {
  .single-working-process-one { padding: 24px 20px; gap: 16px; align-items: flex-start; }
  .single-working-process-one .left .icon { width: 54px; height: 54px; }
}

/* ---- steps: full-width stacking cards (no image) ---- */
.working-process-main-wrapper { padding-bottom: 20px; }
.working-process-one .single-working-process-one {
  position: sticky; gap: 36px; padding: 40px 48px; margin-bottom: 40px;
}
.working-process-one .single-working-process-one:nth-child(1) { top: 110px; }
.working-process-one .single-working-process-one:nth-child(2) { top: 126px; }
.working-process-one .single-working-process-one:nth-child(3) { top: 142px; margin-bottom: 0; }
.working-process-one .single-working-process-one:hover { transform: none; }
.working-process-one .single-working-process-one .left .icon { width: 72px; height: 72px; }
.working-process-one .single-working-process-one .inner-content {
  flex: 1; display: grid; grid-template-columns: minmax(200px, 300px) 1fr; column-gap: 48px; align-items: center;
}
.working-process-one .single-working-process-one .inner-content .number-main { grid-column: 1; grid-row: 1; margin-bottom: 10px; }
.working-process-one .single-working-process-one .inner-content .title { grid-column: 1; grid-row: 2; margin: 0; font-size: 24px; }
.working-process-one .single-working-process-one .inner-content p.disc { grid-column: 2; grid-row: 1 / span 2; }
@media (max-width: 767px) {
  .working-process-one .single-working-process-one { flex-direction: column; align-items: flex-start; padding: 26px 22px; }
  .working-process-one .single-working-process-one .inner-content { grid-template-columns: 1fr; row-gap: 10px; }
  .working-process-one .single-working-process-one .inner-content p.disc { grid-column: 1; grid-row: auto; }
}

/* ---- services slider (onepage-one style) ---- */
.mySwiper-service-1 { direction: ltr; }
.single-service-signle-wrapper { text-align: start; }
body[dir="rtl"] .single-service-signle-wrapper { direction: rtl; text-align: right; }
body[dir="rtl"] .single-service-signle-wrapper .arrow-right i { transform: scaleX(-1); }
.title-style-two .bg-content { color: rgba(87,47,143,.06); }
.title-style-two .pre { color: var(--sd-green); font-weight: 700; }
.single-service-signle-wrapper .icons img { width: 72px; height: 72px; object-fit: contain; }
.service-style-swiper-wrapper-two .swiper-slide-active .single-service-signle-wrapper { box-shadow: 0 30px 60px -28px rgba(87,47,143,.45); }
.service-style-swiper-wrapper-two .swiper-slide-active .single-service-signle-wrapper .arrow-right i { background: var(--sd-purple); color: #fff; }
.service-style-swiper-wrapper-two .swiper-pagination-bullet-active { background: var(--sd-green); border-color: var(--sd-green); }

/* steps cards v2: icon + title/description together, big numeral at the far end */
.working-process-one .single-working-process-one .inner-content {
  grid-template-columns: 1fr auto; column-gap: 24px; row-gap: 6px; align-items: center;
}
.working-process-one .single-working-process-one .inner-content .title { grid-column: 1; grid-row: 1; margin: 0; align-self: end; }
.working-process-one .single-working-process-one .inner-content p.disc { grid-column: 1; grid-row: 2; align-self: start; max-width: 640px; }
.working-process-one .single-working-process-one .inner-content .number-main { grid-column: 2; grid-row: 1 / span 2; margin: 0; }
.working-process-one .single-working-process-one .inner-content .number-main .number {
  width: auto; height: auto; background: transparent !important; color: rgba(255,255,255,.16) !important;
  font-size: 84px; line-height: 1; font-weight: 800; border-radius: 0; display: block;
}
.working-process-one .single-working-process-one:hover .inner-content .number-main .number { color: var(--sd-green) !important; }
.working-process-one .single-working-process-one .inner-content .number-main .number { transition: color .3s; }
@media (max-width: 767px) {
  .working-process-one .single-working-process-one .inner-content { grid-template-columns: 1fr auto; }
  .working-process-one .single-working-process-one .inner-content p.disc { grid-column: 1 / span 2; grid-row: 2; }
  .working-process-one .single-working-process-one .inner-content .number-main { grid-row: 1; }
  .working-process-one .single-working-process-one .inner-content .number-main .number { font-size: 44px; }
}

/* ---- section headings: unified, centered, with accent ---- */
.title-style-one.center, .title-style-two.center, .title-style-three.center { text-align: center; margin-bottom: 56px; }
.title-style-one .pre, .title-style-two .pre, .title-style-three .pre, .bg-main .title-style-one .pre {
  display: inline-flex; align-items: center; gap: 8px; margin: 0 auto 18px; padding: 8px 20px;
  border: 1px solid rgba(55,185,137,.35) !important; border-radius: 999px; background: rgba(55,185,137,.1);
  color: #1f9a72 !important; font-size: 15px; font-weight: 700; letter-spacing: 0;
}
.title-style-one .pre::before, .title-style-two .pre::before, .title-style-three .pre::before {
  content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--sd-green);
}
.title-style-one .title, .title-style-two .title, .title-style-three .title, .bg-main .title-style-one .title {
  color: var(--sd-purple-900) !important; font-size: clamp(30px, 4vw, 46px); line-height: 1.35; margin: 0 auto; max-width: 780px; position: relative; padding-bottom: 26px;
}
.title-style-one.center .title::after, .title-style-two.center .title::after, .title-style-three.center .title::after {
  content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 84px; height: 5px; border-radius: 5px;
  background: linear-gradient(90deg, var(--sd-purple) 0 62%, var(--sd-green) 62% 100%);
}
.title-style-one.left .title::after { content: ""; position: absolute; bottom: 0; inset-inline-start: 0; width: 64px; height: 5px; border-radius: 5px; background: linear-gradient(90deg, var(--sd-purple) 0 62%, var(--sd-green) 62% 100%); }
body[dir="rtl"] .title-style-one.center .title::after { background: linear-gradient(270deg, var(--sd-purple) 0 62%, var(--sd-green) 62% 100%); }
.title-style-one.center + *, .title-style-one.center ~ * { }
.working-process-one { padding-top: 110px; padding-bottom: 110px; }
.working-process-one .title-style-one.center { margin-bottom: 24px; }

/* ---- one page background everywhere (change this variable to switch, e.g. #fff) ---- */
:root { --sd-page-bg: #FFFFFF; }
body, html { background: var(--sd-page-bg); }
.rts-about-area, .rts-service-area, .service-bg-style-one-wrapper, .just-a-consultancy-area,
.working-process-one.bg-main, .boost-your-business-today, .business-boost-wrapper-main,
.rts-pricing-plane.sd-plans, .sd-contact, .sd-footer-wrap, .rts-latest-service-area {
  background: var(--sd-page-bg) !important;
  background-image: none !important;
}
.sd-plans .title-style-three .bg-title::after { background: none; }
/* on a white page, give white cards a visible edge */
.pricing-wrapper-one.home-two { border-color: #E4DCEF; box-shadow: 0 18px 40px -26px rgba(87,47,143,.28); }
.sd-contact-box { border: 1px solid #E4DCEF; }
.service-style-swiper-wrapper-two .single-service-signle-wrapper { border: 1px solid transparent; }
.service-style-swiper-wrapper-two .swiper-slide-active .single-service-signle-wrapper { border-color: #E4DCEF; }

/* "included" section: no bottom line, no frame/shadow */
.business-boost-wrapper-main { border-bottom: 0 !important; box-shadow: none !important; }
.boost-your-business-today { box-shadow: none !important; border: 0 !important; }

/* left/start-aligned headings: put the accent bar right under the text start */
.title-style-one.left .title { margin: 0; max-width: none; }
.title-style-one.left .title::after { inset-inline-start: auto; left: 0; right: auto; }
body[dir="rtl"] .title-style-one.left .title::after { left: auto; right: 0; background: linear-gradient(270deg, var(--sd-purple) 0 62%, var(--sd-green) 62% 100%); }
body[dir="rtl"] .title-style-one.left { direction: rtl; text-align: right; }

/* ---- hero: green accents ---- */
.banner-one-inner .title > span { color: var(--sd-purple) !important; }
.banner-one-inner .title > span > span {
  color: var(--sd-green) !important;
  background: linear-gradient(transparent 82%, rgba(55,185,137,.28) 82%);
  padding: 0 6px; border-radius: 6px;
}
.banner-one-inner .pre-title > span > span { color: #1f9a72 !important; background: rgba(55,185,137,.14); padding: 4px 14px; border-radius: 999px; margin-inline-end: 8px; font-weight: 700; }
.banner-one-inner .rts-btn.btn-primary { background: var(--sd-green) !important; box-shadow: 0 16px 30px -14px rgba(55,185,137,.8); }
.banner-one-inner .rts-btn.btn-primary::before { background: var(--sd-purple) !important; }

/* ---- inner pages ---- */
header .nav-area ul li.main-nav.active > a { color: var(--sd-purple) !important; font-weight: 700; }
.sd-page-banner-wrap { padding: 16px 24px 0; background: var(--sd-page-bg); }
.sd-page-banner {
  position: relative; overflow: hidden; border-radius: 32px; padding: 90px 0 84px; color: #fff;
  background: linear-gradient(135deg, #1E1033 0%, #3F2069 55%, #572F8F 100%);
}
.sd-page-banner .container { position: relative; z-index: 2; }
.sd-blob { position: absolute; border-radius: 50%; pointer-events: none; z-index: 1; }
.sd-blob.b1 { width: 460px; height: 460px; background: radial-gradient(circle, rgba(55,185,137,.35), transparent 70%); top: -180px; inset-inline-end: -80px; }
.sd-blob.b2 { width: 380px; height: 380px; background: radial-gradient(circle, rgba(122,75,192,.5), transparent 70%); bottom: -190px; inset-inline-start: 6%; }
.sd-crumbs { display: flex; align-items: center; gap: 10px; margin-bottom: 26px; color: rgba(255,255,255,.7); font-size: 15px; }
.sd-crumbs a { color: rgba(255,255,255,.85); transition: .25s; }
.sd-crumbs a:hover { color: var(--sd-green); }
.sd-crumbs i { font-size: 11px; }
body[dir="rtl"] .sd-crumbs i { transform: none; }
body:not([dir="rtl"]) .sd-crumbs i { transform: scaleX(-1); }
.sd-crumbs span { color: var(--sd-green); font-weight: 700; }
.sd-page-banner .pre {
  display: inline-flex; align-items: center; gap: 8px; padding: 8px 20px; border-radius: 999px; margin-bottom: 18px;
  background: rgba(55,185,137,.16); border: 1px solid rgba(55,185,137,.4); color: #7be3bd; font-weight: 700; font-size: 15px;
}
.sd-page-banner .pre::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--sd-green); }
.sd-page-banner .title { color: #fff; font-size: clamp(32px, 5vw, 56px); line-height: 1.3; max-width: 820px; margin: 0 0 18px; }
.sd-page-banner .lead { color: rgba(255,255,255,.8); font-size: 18px; line-height: 1.8; max-width: 640px; margin: 0; }

.sd-cta-wrap { padding: 20px 0 90px; background: var(--sd-page-bg); }
.sd-cta {
  display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap;
  padding: 48px 56px; border-radius: 28px; position: relative; overflow: hidden;
  background: linear-gradient(135deg, #572F8F, #3F2069); box-shadow: 0 30px 60px -30px rgba(87,47,143,.7);
  border-top: 4px solid var(--sd-green);
}
.sd-cta h2 { color: #fff; font-size: clamp(24px, 3vw, 34px); margin: 0 0 8px; }
.sd-cta p { color: rgba(255,255,255,.8); margin: 0; }
.sd-cta .rts-btn { background: var(--sd-green) !important; flex: none; }
.sd-cta .rts-btn::before { background: #fff !important; }
.sd-cta .rts-btn:hover { color: var(--sd-purple) !important; }
@media (max-width: 767px) { .sd-cta { padding: 32px 24px; } }

.sd-info-wrap { padding: 70px 0 0; background: var(--sd-page-bg); }
.sd-info-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.sd-info { display: flex; align-items: center; gap: 18px; padding: 26px 28px; border-radius: 20px; border: 1px solid #E4DCEF; background: #fff; transition: .3s; color: inherit; }
.sd-info:hover { transform: translateY(-6px); box-shadow: 0 25px 50px -28px rgba(87,47,143,.45); }
.sd-info i { width: 56px; height: 56px; flex: none; display: grid; place-items: center; border-radius: 16px; background: linear-gradient(135deg, var(--sd-green), #5BD3A7); color: #fff; font-size: 20px; }
.sd-info span { display: block; color: #6b6478; font-size: 14px; }
.sd-info b { color: var(--sd-purple-900); font-size: 17px; }
@media (max-width: 900px) { .sd-info-grid { grid-template-columns: 1fr; } }

.sd-services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.sd-services-grid > div { display: flex; }
.sd-services-grid .single-service-signle-wrapper {
  width: 100%; background: #fff; border: 1px solid #E4DCEF; border-radius: 22px; padding: 38px 32px; box-shadow: none; transition: .3s;
}
.sd-services-grid .single-service-signle-wrapper:hover { transform: translateY(-8px); border-color: transparent; box-shadow: 0 30px 60px -28px rgba(87,47,143,.5); }
.sd-services-grid .single-service-signle-wrapper .arrow-right i { background: var(--sd-purple); color: #fff; }
@media (max-width: 991px) { .sd-services-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .sd-services-grid { grid-template-columns: 1fr; } }
@media (max-width: 575px) { .sd-page-banner-wrap { padding: 12px 12px 0; } .sd-page-banner { padding: 60px 0 56px; border-radius: 24px; } }