/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 08 2026 | 20:28:31 */
.page-id-1576 h1, .page-id-1576 h2, .page-id-1576 h3, .page-id-1576 h4, .page-id-1576 h5, .page-id-1576 h6, .page-id-1576 a {
    font-family: "Space Grotesk" !important;
}

.process_svg svg {
    color: #2578f4;
}

.industry
 {
    height: 170px;
}

h2 span {
    color: #2578f4;
}
.our_process:before{
	content:"";
	position:absolute;
	width:1px;
	height:100%;
	top:0;
	left:50%;
	transform:translatex(-50%);
	background-color:#2578f4;
		
}
.our_process_card_left h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: -92px;
    background: url(https://evolviq.co/wp-content/uploads/2026/04/dot-2.webp) no-repeat;
    background-position: left center;
    background-size: cover;
    width: 30px;
    height: 30px;
}
.our_process_card_right h2:before
 {
    content: "";
    position: absolute;
    top: 0;
    right: -92px;
    background: url(https://evolviq.co/wp-content/uploads/2026/04/dot-2.webp) no-repeat;
    background-position: left center;
    background-size: cover;
    width: 30px;
    height: 30px;
}

.process-line {
  position: relative;
	
}

/* Static background line */
.process-line::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 3px;
  height: 100%;
  background: rgba(255,255,255,0.1);
}

/* Animated fill line */
.process-line::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 3px;
  height: var(--fill-height, 0px);
  background: #3b82f6;
  transition: height 0.15s linear;
}
.scrolled {
    background-color: #000 !important;
	box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
.main-header .elementor-nav-menu .sub-arrow .e-font-icon-svg {
    fill: #fff;
}
@media (max-width: 1024px){
	.our_process:before{
	content:"";
	position:absolute;
	width:1px;
	height:100%;
	top:0;
	left:50%;
	transform:translatex(-50%);
	background-color:#2578f4;
		
}
    .our_process_card_left h2:before {
        left: -86px;
        width: 30px;
        height: 30px;
    }
    .our_process_card_right h2:before {
        right: -86px;
        width: 30px;
        height: 30px;
    }

}

@media (max-width: 576px){

.process-line::before {
    left: -25px;
    transform: initial;
}
	.process-line::after {
    left: -25px;
    transform: initial;
}
	    .our_process_card_right h2:before, .our_process_card_left h2:before {
        left: -70px;
    }
}