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

* Theme Name: Aivora Child
* Theme URI: https://themeforest.net/user/xpressbuddy
* Author: XpressBuddy
* Author URI: https://wp.xpressbuddy.com/aivora/
* Description: Aivora is a modern AI Agency & Technology WordPress theme with multiple demos, Elementor support, and responsive design.
* Version: 1.0.0
* Template: aivora
* 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

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

* Why use Child theme?

* Because of future 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{
	--primary-blue-color:#31c3ed;
	--secondary-blue-color:#4badbb;
	--button-blue-color:#0186dd;
}

/* Heading underline animation*/
.quantum-animation-underline{position:relative;display:inline-block;color:#00bfff;padding-bottom:10px}
.quantum-animation-underline::after{content:"";position:absolute;left:0;width:60%;height:2px;bottom:0;background:linear-gradient(90deg,transparent,#00bfff 20%,#00eaff 50%,#00bfff 80%,transparent);box-shadow:0 0 4px #00bfff,0 0 8px #00bfff,0 0 15px rgba(0,220,255,.8),0 0 25px rgba(0,200,255,.45);clip-path:inset(0 100% 0 0);animation:quantumLine 4s ease-in-out 3s infinite}
@keyframes quantumLine{0%,100%{clip-path:inset(0 100% 0 0)}25%,45%{clip-path:inset(0)}65%{clip-path:inset(0 50% 0 0)}75%{clip-path:inset(0 100% 0 0)}76%{clip-path:inset(0 100% 0 0)}}

/*Explore QSM button*/
.qsm-wave-button{position:relative;overflow:hidden;isolation:isolate}
.qsm-wave-button::after{content:"";position:absolute;top:-20%;left:-80%;width:45%;height:140%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-20deg);animation:qsmButtonShimmer 3.5s ease-in-out infinite;z-index:1;pointer-events:none}
@keyframes qsmButtonShimmer{0%{left:-80%}35%,100%{left:130%}}
.qsm-wave-button::before{content:"";position:absolute;z-index:-1;width:150%;height:180%;left:-170%;top:-40%;background:#fff;border-radius:50%;transform:rotate(-12deg);transition:left .7s cubic-bezier(.22,1,.36,1)}.qsm-wave-button .elementor-button-content-wrapper,.qsm-wave-button .elementor-button-text,.qsm-wave-button .elementor-button-icon{position:relative;z-index:3}.qsm-wave-button:hover::before{left:-20%}.qsm-wave-button:hover{color:#008bd2!important;z-index:9}

/*TALK TO OUR EXPERTS button*/
.electric-button{position:relative!important;overflow:hidden!important;border:1px solid rgba(0,210,255,.75)!important;border-radius:5px!important}.electric-button:after{content:"";position:absolute;width:10px;height:5px;background:linear-gradient(90deg,transparent,#39eaff 30%,#fff 50%,#39eaff 70%,transparent);border-radius:50%;box-shadow:0 0 2px #fff,0 0 5px #00d9ff,0 0 10px rgba(0,217,255,.9);pointer-events:none;z-index:10;offset-path:inset(0 round 5px);offset-distance:0%;animation:electric-border 5s linear infinite}@keyframes electric-border{from{offset-distance:0%}to{offset-distance:100%}}