/*
 * DARA Custom — migrated from WordPress Customizer "Additional CSS"
 * (was stored as post ID 121, tied to the old hello-elementor theme slug
 * and therefore didn't carry over when the active theme was switched to
 * dara-custom on 2026-07-25). Moved here so it lives in theme files
 * instead of the database.
 */

.wpcf7 label, input {
	width: 100%;
	font-size: 14px;
}

/* Elementor lightbox: bigger, easier-to-hit close button. The lightbox's
   content wrapper fills the whole screen, so there's no true "outside
   click" area for portrait/small videos to close on by default — this
   pairs with dara-lightbox-fix.js, which makes clicking the dark padding
   around the video act like clicking this button. */
.elementor-lightbox .dialog-lightbox-close-button {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	width: 2.2em;
	height: 2.2em;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	margin-top: 20px;
}

.membership-field {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.membership-field label {
	display: flex;
	margin-top: 10px;
}

.membership-field label input {
	margin-right: 6px;
}

/* Hero Section */
.hero {
/* 	min-height: 100vh; */
/* 	display: flex;
	align-items: center;
	justify-content: center; */
	position: relative;
	overflow: hidden;
	background: radial-gradient(circle at 20% 80%, #120078 0%, transparent 50%),
		radial-gradient(circle at 80% 20%, #0243c8 0%, transparent 50%),
		radial-gradient(circle at 40% 40%, #06B6D4 0%, transparent 50%),
		linear-gradient(135deg, #0F0F23 0%, #1A1A2E 100%);
}

.blob {
	position: absolute;
	border-radius: 50%;
	filter: blur(40px);
	mix-blend-mode: multiply;
	animation: blob 7s infinite;
}

.blob:nth-child(1) {
	width: 288px;
	height: 288px;
	background: #a855f7;
	top: 80px;
	left: 80px;
}

.blob:nth-child(2) {
	width: 384px;
	height: 384px;
	background: #3b82f6;
	bottom: 80px;
	right: 80px;
	animation-delay: -2s;
}

.blob:nth-child(3) {
	width: 256px;
	height: 256px;
	background: #06b6d4;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation-delay: -4s;
}

@keyframes blob {
	0%, 100% {
		transform: translate(0px, 0px) scale(1);
	}
	33% {
		transform: translate(30px, -50px) scale(1.1);
	}
	66% {
		transform: translate(-20px, 20px) scale(0.9);
	}
}

.hero-btn-primary {
            border: none;
            cursor: pointer;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;
        }

        .hero-btn-primary::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(0,0,0,0.1), transparent);
            transition: left 0.5s;
        }

        .hero-btn-primary:hover::before {
            left: 100%;
        }

        .hero-btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 32px 64px -12px rgba(0, 0, 0, 0.35);
        }

        .hero-btn-secondary {
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: white;
            border-radius: 50px;
            font-size: 18px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .hero-btn-secondary:hover {
            transform: translateY(-2px);
            background: rgba(255, 255, 255, 0.1);
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }

@media only screen and (max-width: 764px) {
  .blob:nth-child(2) {
	display:none;
}
}