/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
.right-border-high, .top-border-high, .bottom-border-high {
    position: relative;
}
.right-border-high {
    position: relative;
}
@property --border-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}
.right-border-high::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1.5px;
    border-radius: inherit;
    background: conic-gradient(
        from var(--border-angle),
        transparent 0deg,
        transparent 280deg,
        #38ffff 330deg,
        transparent 360deg
    );
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;

    animation: rotateBorder 5s linear infinite;
}
@keyframes rotateBorder {
    to {
        --border-angle: 360deg;
    }
}
.top-border-high {
    position: relative;
}
@property --top-border-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}
.top-border-high::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1.5px;
    border-radius: inherit;
    background: conic-gradient(
        from var(--top-border-angle),
        transparent 0deg,
        transparent 280deg,
        #38ffff 330deg,
        transparent 360deg
    );
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    animation: topBorderRotate 5s linear infinite;
}
@keyframes topBorderRotate {
    to {
        --top-border-angle: 360deg;
    }
}
.bottom-border-high {
    position: relative;
}
@property --bottom-border-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

.bottom-border-high::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1.5px;
    border-radius: inherit;
    background: conic-gradient(
        from var(--bottom-border-angle),
        transparent 0deg 275deg,
        rgba(255, 57, 75, 0.15) 295deg,
        #38ffff 325deg,
        #38ffff 340deg,
        rgba(255, 57, 75, 0.15) 352deg,
        transparent 360deg
    );
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    animation: bottomBorderRotate 5s linear infinite;
}
@keyframes bottomBorderRotate {
    to {
        --bottom-border-angle: 360deg;
    }
}
.finger-card::after {
    content: "";
    position: absolute;
    top: 0;
    right: -89px;
    z-index: 1;
	width: 89px;
	height: 100%;
	background: url(https://fingerprint.simplifiedsite.com/wp-content/uploads/2026/08/scrws.png);
}
.finger-card-right::after {
	content: "";
    position: absolute;
    top: 0;
    left: -89px;
    z-index: 1;
	width: 89px;
	height: 100%;
	transform: scaleX(-1);
	background: url(https://fingerprint.simplifiedsite.com/wp-content/uploads/2026/08/scrws.png);
}
.red-title span {
	color: #FF394B;
}
.myicon-box .elementor-icon-box-icon {
	margin-bottom: -3px;
}
.hero-section {
    width: 100%;
    background: linear-gradient(
        90deg,
        #0B0738,
        #3355FF,
        #38FFFF,
        #FF3B5C,
        #8B5CFF,
        #0B0738
    );
    background-size: 600% 100%;
    animation: AwesomeBG 18s ease infinite;
    overflow: hidden;
}
@keyframes AwesomeBG {
    0% {
        background-position: 0% 0;
    }
    25% {
        background-position: 50% 0;
    }
    50% {
        background-position: 100% 0;
    }
    75% {
        background-position: 50% 0;
    }
    100% {
        background-position: 0% 0;
    }
}


.workflow-cards {
    overflow: hidden;
}
.workflow-card {
    flex: 1 1 0 !important;
	position: relative;
    transition: flex-grow 0.7s cubic-bezier(.22, 1, .36, 1)!important;
    will-change: flex-grow!important;
}
.workflow-card::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(132,220,255,0.35), rgba(132,220,255,0));
  transition: transform 0.5s ease, opacity 0.5s ease;
  opacity: 1;
}
.workflow-card.active::after,
.workflow-card:hover::after {
  opacity: 1;
  left: -20%;
  top: -20%;
  transform: scale(1.15);
}
.workflow-card.active {
    flex-grow: 1.6 !important;
}
.workflow-card .workflow-card-image {
    width: 100% !important;
    height: 250px !important;
    min-height: 250px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition:
        opacity 0.6s ease,
        visibility 0s linear 0.6s;
}
.workflow-card .workflow-card-image img {
    display: block;
    width: 100%;
    height: 250px;
    min-height: 250px;
    object-fit: cover;
    object-position: center;
}
.workflow-card.active .workflow-card-image {
    opacity: 1!important;
    visibility: visible!important;
    transition:
        opacity 0.6s ease 0.1s,
        visibility 0s;
}
@media (max-width: 1024px) {
    .finger-card::after {
        top: auto;
        right: 0;
        left: 0;
		bottom: -89px;
        width: 100%;
        height: 89px;
        background: url(https://fingerprint.simplifiedsite.com/wp-content/uploads/2026/08/mobile-scrws.png) no-repeat;
        background-size: 100% 100%;
    }
	.finger-card-right::after {
        top: -89px;
        right: 0;
        left: 0;
        width: 100%;
        height: 89px;
        transform: scaleX(1);
        background: url(https://fingerprint.simplifiedsite.com/wp-content/uploads/2026/08/mobile-r-scrws.png) no-repeat;
        background-size: 100% 100%;
    }
}