/* 
Theme Name: QCT - Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: QCT Wordpress, Woocommerce, SEO, UI UX, Frontend Designer
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
*/

/* Add your custom styles here */
.stepRow:before {
    content: '';
    position: absolute;
    top: -20px;
    left: 136px;
    width: calc(100% - 270px);
    height: 3px;
    /* background: #352E80; */
    background: linear-gradient(0deg, rgba(53, 46, 128, 0) 0%, rgba(53, 46, 128, 1) 50%, rgba(0, 0, 0, 0) 100%);
    z-index: 0;
}
.c-step:before {
    content: '';
    position: absolute;
    top: -30px;
    left: 50%;
    width: 30px;
    height: 30px;
    border: 3px solid #352E80;
    border-radius: 50%;
    background: rgb(53 46 128 / 20%);
    transform: translate(-50%, -50%);
    box-shadow: 0 0 40px 10px rgb(100 87 244 / 40%);
    z-index: 5;
}
.headingLine:after {
    content: '';
    position: absolute;
    bottom: -30px;
    width: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: linear-gradient(90deg, rgba(106, 92, 255, 0) 0%, rgba(106, 92, 255, 1) 50%, rgba(106, 92, 255, 0) 100%);
    display: inline-block;
    height: 3px;
}
.headingLine2:after {
    content: '';
    position: absolute;
    bottom: 20px;
    width: 190px;
    left: 130px;
    margin: 0 auto;
    background: linear-gradient(90deg, rgba(106, 92, 255, 0) 0%, rgba(106, 92, 255, 1) 50%, rgba(106, 92, 255, 0) 100%);
    display: block;
    height: 1px;
}
.headingLine2:before {
    content: '';
    position: absolute;
    bottom: 20px;
    width: 190px;
    right: 130px;
    margin: 0 auto;
    background: linear-gradient(90deg, rgba(106, 92, 255, 0) 0%, rgba(106, 92, 255, 1) 50%, rgba(106, 92, 255, 0) 100%);
    display: block;
    height: 1px;
}
.c-step.m-step:before {
    background: #612DC7;
    box-shadow: 0 0 20px 10px rgb(255 255 255 / 40%);
}

.hoverBox {
    transition: all 0.4s ease 0s;
}
.hoverBox:hover {
    transform: scale(1.05);
}

.border4:before {
    content: '';
    background: linear-gradient(90deg, rgba(106, 92, 255, 0) 0%, rgba(106, 92, 255, 1) 50%, rgba(106, 92, 255, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
}

.border4:after {
    content: '';
    background: linear-gradient(90deg, rgba(106, 92, 255, 0) 0%, rgba(106, 92, 255, 1) 50%, rgba(106, 92, 255, 0) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
}

/*.border4 > .elementor-element:after{*/
/*    content: '';*/
/*    background: linear-gradient(90deg, rgba(106, 92, 255, 0) 0%, rgba(106, 92, 255, 1) 50%, rgba(106, 92, 255, 0) 100%);*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    width: 2px;*/
/*    height: 100%;*/
/*}*/

/*reponsive device css*/

@media screen and (max-width: 1024px) {
    .removebr br,
    .headingLine2:after, .headingLine2:before{
        display:none;   
    }
}

@media screen and (max-width: 767px) {
   
    .c-step {
        min-height: 120px;
    }
}