/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

.coming-soonbg {
    position: relative;
}
.coming-soonbg::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    background: radial-gradient(ellipse 80% 60% at 15% 20%, rgba(27,184,212,.28) 0%, transparent 65%),
        radial-gradient(ellipse 60% 50% at 85% 75%, rgba(26,32,80,.9) 0%, transparent 70%),
        radial-gradient(ellipse 100% 80% at 50% 100%, rgba(13,17,51,1) 0%, transparent 80%),
        linear-gradient(145deg, #0d1a3a 0%, #0d1133 55%, #091228 100%);
    animation: bgShift 12s ease-in-out infinite alternate;
}
.coming-soonbg::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: linear-gradient(rgba(27,184,212,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(27,184,212,.04) 1px, transparent 1px);
    background-size: 60px 60px;
    pointer-events: none;
}
.coming-tag h4 {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(90deg, #7c3aed, #a855f7);
    border: 1px solid rgb(255 255 255 / 26%);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase;
    padding: 10px 14px;
    border-radius: 100px;
    animation: fadeUp .7s cubic-bezier(.22,1,.36,1) .4s forwards;
}
.coming-tag h4::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 8px #fff;
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0%, 100% {
    opacity: 1;
    transform: scale(1);
	}
	50% {
			opacity: .5;
			transform: scale(1.4);
	}
}
.form-bgcoming {
    width: 100%;
    max-width: 520px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.04);
    border-radius: 24px;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    box-shadow: 0 0 0 1px rgba(27,184,212,.08) inset,
        0 32px 80px rgba(0,0,0,.4),
        0 0 60px rgba(27,184,212,.06);
}
.wpcf7-form label {
    color: rgb(255 255 255 / 95%);
    width: 100%;
	font-family: 'Montserrat';
	font-size: 14px;
}
.wpcf7-form p {
	position: relative;
}
.wpcf7-form input {
	border-color: #ffffff2e;
    margin-top: 10px;
    border-radius: 20px !important;px;
    background: #ffffff2b;
    color: #fff;
    border-radius: 10px !important;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: linear-gradient(120deg, #1bb8d4 0%, #0fa8c8 50%, #0d8fb0 100%);
    width: 100%;
    border: none;
    font-weight: 600;
	padding: 12px;
}
.wpcf7 form .wpcf7-response-output {
    color: #fff;
}
.wpcf7-spinner {
	  background-color: #ffffff;
    position: absolute !important;
    top: 22px;
    right: 0;
}
span.blink {
    color: #f0e4f4;
    border: 1px solid #710993;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    background: linear-gradient(90deg, #a855f7 0% 40%, #fff 50%, #a855f7 60% 100%);
    background-repeat: no-repeat;
    background-position: 0%;
    background-size: 300%;
    animation: light 3s ease-in-out infinite;
    -webkit-animation: light 3s ease-in-out infinite;
}
@keyframes light {
    0% {
        background-position: 100%;
    }
    100% {
        background-position: 0%;
    }
}
@media (max-width: 767px) {
	span.blink {
			font-size: 9px;
	}
}