/* ===================================================================================

* Theme Name: Saasking Child
* Theme URI: https://themexriver.com/wp/saasking
* Author: ThemeXriver
* Author URI: https://themeforest.net/user/themexriver
* Description: SaaS & Tech Startup WordPress Theme
* Version: 1.0.1
* Template: saasking
* Text Domain: saasking-child
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready
* Tested up to: 6.6
* Requires PHP: 7.4

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of saasking updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */
:root {
 /* gradient updated */
  --sk-clr-gd-2: linear-gradient(180deg, #2a0b3d 40.38%, #a855f7 100%);
}

/* glow */
.sk-features-2-item-1 .glow-1 {
  background: #a855f7 !important;
}
.sk-features-2-item-1 .glow-2 {
  background: #a855f7 !important;
}

/* favicon border */
.sk-features-2-item-2 .item-favicon-border {
  box-shadow: 
    0px 6px 10px rgba(0, 0, 0, 0.25), 
    inset 0px -4px 4px rgba(42, 11, 61, 0.3), 
    inset 0px 4px 4px #a855f7 !important;
}

/* main card */
.sk-features-2-item-3 {
  background: linear-gradient(180deg, #a855f7 0%, #2a0b3d 100%) !important;
}

/* icon circle */
.sk-features-2-item-3 .author-inner-icon {
  background: linear-gradient(180deg, #a855f7 0%, #2a0b3d 86.54%) !important;
  box-shadow: 0px 3px 7px #e9d5ff, inset 0px -4px 6px #FFFFFF !important;
}

/* CTA section */
.sk-cta-2-wrap {
  background: radial-gradient(50% 50% at 50% 50%, #a855f7 0%, #2a0b3d 100%) !important;
}

/* CTA button */
.sk-cta-2-sec-title .cta-btn {
  background: linear-gradient(92.67deg, #a855f7 0.2%, rgba(255, 255, 255, 0.48) 28.13%, rgba(255, 255, 255, 0.48) 74.52%, #a855f7 100.2%) !important;
  border: 1px solid #a855f7 !important;
  box-shadow: 6px 12px 14px rgba(168, 85, 247, 0.32) !important;
}

/* footer glow */
.sk-footer-2-area::after {
  background: #a855f7 !important;
}

/* ===== ONLY THIS SECTION GREEN → PURPLE ===== */

/* SVG gradient stops (main green source) */
.sk-features-2-item-1 svg stop[stop-color="#59D51D"] {
  stop-color: #a855f7 !important;
}

.sk-features-2-item-1 svg stop[stop-color="#2E6F0F"] {
  stop-color: #2a0b3d !important;
}

/* Glow effects */
.sk-features-2-item-1 .glow-1,
.sk-features-2-item-1 .glow-2 {
  background: #a855f7 !important;
}

/* Safety: agar kahin stroke me direct green ho */
.sk-features-2-item-1 svg path[stroke="#59D51D"] {
  stroke: #a855f7 !important;
}

.sk-features-2-item-1 svg path[stroke="#2E6F0F"] {
  stroke: #2a0b3d !important;
}



/* 2nd */

/* glow fix */
.sk-features-2-item-1 .glow-1,
.sk-features-2-item-1 .glow-2 {
  background: #a855f7 !important;
}

/* icon gradient fix */
.sk-features-2-item-1 .item-icon {
  background: linear-gradient(to right, #2a0b3d 0%, #a855f7 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* icon border (agar green ho) */
.sk-features-2-item-1 .item-icon-border {
  border-color: #a855f7 !important;
}

.sk-features-2-item-1 .circle-1  {
  border: 2px dashed rgba(168, 85, 247, 0.3) !important;
}

.sk-features-2-item-1 .circle-2  {
  border: 2px dashed rgba(168, 85, 247, 0.3) !important;
}

.sk-features-2-item-1 .circle-3  {
  border: 2px dashed rgba(168, 85, 247, 0.3) !important;
}

.sk-features-2-item-2 .item-features-single {
  box-shadow: 
    -4px -4px 12px #FFFFFF, 
    7px 5px 12px rgba(0, 0, 0, 0.14), 
    inset 0px 2px 4px #e9d5ff !important;
}


/* ===== SVG MOVING DOTS / LINES (GREEN → PURPLE) ===== */
.sk-features-2-item-2 svg stop[stop-color="#59D51D"] {
  stop-color: #a855f7 !important;
}

.sk-features-2-item-2 svg stop[stop-color="#2E6F0F"] {
  stop-color: #a855f7 !important;
}


/* all 3 border lines green → purple */
body.elementor-page-650 .item-favicon-border-line-1,
body.elementor-page-650 .item-favicon-border-line-2,
body.elementor-page-650 .item-favicon-border-line-3 {
  border-color: #a855f7 !important;
}

:root {
 /* gradient updated */
  --sk-clr-gd-2: linear-gradient(180deg, #2a0b3d 40.38%, #a855f7 100%);
}

/* glow */
.sk-features-2-item-1 .glow-1 {
  background: #a855f7 !important;
}
.sk-features-2-item-1 .glow-2 {
  background: #a855f7 !important;
}

/* favicon border */
.sk-features-2-item-2 .item-favicon-border {
  box-shadow: 
    0px 6px 10px rgba(0, 0, 0, 0.25), 
    inset 0px -4px 4px rgba(42, 11, 61, 0.3), 
    inset 0px 4px 4px #a855f7 !important;
}

/* main card */
.sk-features-2-item-3 {
  background: linear-gradient(180deg, #a855f7 0%, #2a0b3d 100%) !important;
}

/* icon circle */
.sk-features-2-item-3 .author-inner-icon {
  background: linear-gradient(180deg, #a855f7 0%, #2a0b3d 86.54%) !important;
  box-shadow: 0px 3px 7px #e9d5ff, inset 0px -4px 6px #FFFFFF !important;
}

/* CTA section */
.sk-cta-2-wrap {
  background: radial-gradient(50% 50% at 50% 50%, #a855f7 0%, #2a0b3d 100%) !important;
}

/* CTA button */
.sk-cta-2-sec-title .cta-btn {
  background: linear-gradient(92.67deg, #a855f7 0.2%, rgba(255, 255, 255, 0.48) 28.13%, rgba(255, 255, 255, 0.48) 74.52%, #a855f7 100.2%) !important;
  border: 1px solid #a855f7 !important;
  box-shadow: 6px 12px 14px rgba(168, 85, 247, 0.32) !important;
}

/* footer glow */
.sk-footer-2-area::after {
  background: #a855f7 !important;
}

/* ===== ONLY THIS SECTION SVG GREEN → PURPLE ===== */

.glow-line-svg stop[stop-color="#002101"] {
  stop-color: #2a0b3d !important;
}

.glow-line-svg stop[stop-color="#D7FFD8"] {
  stop-color: #a855f7 !important;
}

.glow-line-svg stop[stop-color="#6DAB56"] {
  stop-color: #a855f7 !important;
}

.glow-line-svg stop[stop-color="#A7FFA9"] {
  stop-color: #c084fc !important;
}

/* ================================
   GREEN BACKGROUND / GRADIENT FIX
   (Scoped + safe overrides)
   ================================ */

/* 1. Remove any green gradient layers (pseudo elements) */
.sk-features-2-container::before,
.sk-features-2-container::after,
.sk-features-2-container .row-2::before,
.sk-features-2-container .row-2::after,
.author-inner::before,
.author-inner::after {
    background: none !important;
    background-image: none !important;
}

/* 2. Force replace ANY green-based gradients */
[style*="linear-gradient"][style*="#2E6F0F"],
[style*="linear-gradient"][style*="#4AB815"],
[style*="linear-gradient"][style*="#59D51D"],
[style*="linear-gradient"][style*="rgb(46, 111, 15)"] {
    background: linear-gradient(135deg, #a855f7 0%, #2a0b3d 100%) !important;
}

/* 3. If green is coming from section/card background */
.sk-features-2-container,
.sk-features-2-container .row-2,
.author-inner {
    background-image: none !important;
}

/* 4. Glow / shadow green fix (common in Elementor effects) */
[style*="box-shadow"][style*="#2E6F0F"],
[style*="box-shadow"][style*="#4AB815"],
[style*="box-shadow"][style*="#59D51D"] {
    box-shadow: 0 0 25px rgba(168, 85, 247, 0.35) !important;
}

/* 5. SVG placeholder bars (keep design but neutralize unwanted tint) */
.author-inner-svg rect {
    fill: #d9d9d9 !important;
}

/* Green color replacements with !important */
.f2-svg-4-text rect[fill="#59D51D"],
rect[fill="#59D51D"] {
    fill: #a855f7 !important;
}

circle[fill="#59D51D"] {
    fill: #a855f7 !important;
}

circle[fill="#55BF22"] {
    fill: #a855f7 !important;
}

rect[fill="#55BF22"] {
    fill: #a855f7 !important;
}

/* Gradient replacements */
linearGradient stop[stop-color="#59D51D"] {
    stop-color: #a855f7 !important;
}

linearGradient stop[stop-color="#97CA7E"] {
    stop-color: #a855f7 !important;
}

linearGradient stop[stop-color="#55BF22"] {
    stop-color: #a855f7 !important;
}

/* Gradients by ID */
#paint0_linear_462_3671 stop[offset="1"][stop-color="#59D51D"] {
    stop-color: #a855f7 !important;
}

#paint1_linear_462_3671 stop[stop-color="#59D51D"] {
    stop-color: #a855f7 !important;
}

#paint1_linear_462_3671 stop[stop-color="#59D51D"][stop-opacity="0"] {
    stop-color: #a855f7 !important;
}

#paint0_linear_462_3706 stop[stop-color="#97CA7E"] {
    stop-color: #a855f7 !important;
}

#paint0_linear_462_3706 stop[stop-color="#59D51D"] {
    stop-color: #a855f7 !important;
}

/* Dark green fills */
circle[fill="#002101"] {
    fill: #2a0b3d !important;
}

/* Mask fill replacement */
mask rect[fill="#55BF22"] {
    fill: #a855f7 !important;
}

/* Any stroke with green */
circle[stroke="#7DCC5A"] {
    stroke: #a855f7 !important;
}

/* Gradient in item-svg-3 path */
.item-svg-3 path[fill="url(#paint0_linear_462_3706)"] {
    fill: url(#newGradient_3706) !important;
}

/* Create new gradient definitions as fallback */
svg item-svg-1 linearGradient,
svg item-svg-3 linearGradient {
    display: none;
}

/* Override any element with green background */
[fill="#59D51D"], 
[fill="#55BF22"],
[fill="#97CA7E"],
[stroke="#7DCC5A"],
[stop-color="#59D51D"],
[stop-color="#55BF22"],
[stop-color="#97CA7E"],
.bg-green, 
.has-green-bg {
    fill: #a855f7 !important;
    background-color: #a855f7 !important;
    stop-color: #a855f7 !important;
    stroke: #a855f7 !important;
}

/* Make text white on green/purple background */
.f2-svg-4-text rect[fill="#59D51D"] + g .f2-svg-text path,
.f2-svg-4-text rect[fill="#59D51D"] ~ .f2-svg-text path,
.f2-svg-text path,
g.f2-svg-text path {
    fill: white !important;
}

/* Target the specific text paths */
.f2-svg-text path[fill="white"] {
    fill: white !important;
}

/* Text in the black path - change to white */
path[d*="M57.858 55.0455C57.8153"] {
    fill: white !important;
}

/* Any black text on colored background */
.f2-svg-4-text ~ path[fill="black"],
path[fill="black"] {
    fill: white !important;
}

/* Ensure all text inside f2-svg-text group is white */
.f2-svg-text path,
g[clip-path] path {
    fill: white !important;
}

/* The main text path with black fill */
svg .f2-svg-4-text + path[fill="black"],
svg path[fill="black"][d*="M57.858"] {
    fill: white !important;
}

/* All text elements in the SVG */
.f2-svg-4-text + path,
.f2-svg-4-text ~ path[fill="black"] {
    fill: white !important;
}

.sk-subtitle-2-text {
    background: linear-gradient(180deg, #a855f7 0%, #2a0b3d 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.sk-services-2-tabs-btn .nav-link:is(.active) {
    background: #a855f7 !important;
    color: white !important;
    border-color: transparent !important;
    box-shadow: 4px 8px 14px rgba(168, 85, 247, 0.6), inset 0px 0px 9px rgba(42, 11, 61, 0.2) !important;
}

.sk-process-2-tabs-btn-single:is(.active),
.sk-process-2-tabs-btn-single:hover {
    background: #a855f7 !important;
    border-color: transparent !important;
    box-shadow: 4px 8px 14px rgba(168, 85, 247, 0.6), 4px -2px 6px #FFFFFF, -3px 4px 6px rgba(0, 0, 0, 0.1), inset 0px 0px 9px rgba(42, 11, 61, 0.2) !important;
    color: white !important;
}
.sk-process-2-card .icon {
    box-shadow: rgba(168, 85, 247, 0.4) 6px 10px 12px, rgb(255, 255, 255) 0px 0px 4px inset !important;
    background: #5B21B6  !important;
}

/* Card button gradient (green to purple) */
.sk-price-2-card .card-btn::before {
    background: linear-gradient(#a855f7 0%, #2a0b3d 100%) !important;
}

/* Button background gradient */
.sk-price-2-card .card-btn {
    background: linear-gradient(#a855f7 0%, #2a0b3d 100%) !important;
    color: white !important;
    box-shadow: rgb(255, 255, 255) 4px -2px 6px, rgba(168, 85, 247, 0.3) -3px 4px 6px !important;
}

/* Hover effect - text white */
.sk-price-2-card .card-btn:hover {
    color: white !important;
    background: linear-gradient(#2a0b3d 0%, #a855f7 100%) !important;
}