/*
Theme Name: Digimantra
Theme URI: https://digimantralabs.com/
Author: Digimantra
Author URI: https://digimantralabs.com/
Description: A custom theme.
Version: 1.0
Text Domain: DMltheme
*/

	select.input-field option {
		background-color: #09131D;
		color: #fff;
	}

	.wpcf7-spinner {
		position: absolute;
		top: 53px;
		left: 0;
	}

	.wpcf7-textarea {
		resize: vertical;
		height: 153px;
	}

	.wpcf7-not-valid-tip {
		position: absolute;
		margin-top: 10px;
		font-size: 10px;
	}

	.flag-item img,
	.pin {
		transition: transform 0.3s ease, box-shadow 0.3s ease;
	}

	.flag-item:hover img,
	.flag-item.active img,
	.pin:hover,
	.pin.active {
		transform: scale(1.1);
		box-shadow: 0 0 10px rgba(0, 123, 255, 0.6);
		/* blue glow effect */
		border-radius: 50%;
		/* if you want circular glow */
	}

	@media (max-width: 768px) {
		.hero-section h1 {
			font-size: 48px;
			text-align: left !important;
			line-height: 58px;
		}

		.hero-section p {
			text-align: left !important;
			font-size: 24px;
		}

	}

/* ----------------POPUP STYLING START-------------------- */
	.custom-popup-overlay {
		display: none;
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, 0.6);
		/* justify-content: center; */
		align-items: end;
		z-index: 9999;
		padding-left: 10px;
		padding-bottom: 5px;
	}

	.custom-popup-content {
		position: relative;
		/* background: #fff; */
		border-radius: 10px;
		padding: 0;
		/* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); */
		max-width: 400px;
		width: 90%;
		/* animation: fadeIn 0.6s ease-in-out; */
		transform: translateY(50px);
		opacity: 0;
		animation-fill-mode: forwards;
	}

	.custom-popup-content img {
		width: 100%;
		display: block;
		border-radius: 10px;
		cursor: pointer;
	}

	.popup-close {
		position: absolute;
		top: -13px;
		right: -13px;
		background: #fff;
		border: none;
		border-radius: 50%;
		font-size: 20px;
		width: 31px;
		height: 31px;
		cursor: pointer;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	}

	/* Slide Up (on open) */
	.custom-popup-content.slide-up {
		animation: slideUp 0.5s ease-out forwards;
	}

	@keyframes slideUp {
		from {
			opacity: 0;
			transform: translateY(60px);
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	/* Slide Down (on close) */
	.custom-popup-content.slide-down {
		animation: slideDown 0.3s ease-in forwards;
	}

	@keyframes slideDown {
		from {
			opacity: 1;
			transform: translateY(0);
		}

		to {
			opacity: 0;
			transform: translateY(60px);
		}
	}
	/* ----------------POPUP STYLING END-------------------- */

	#mathCaptcha {
  background: #fff;
  color: #000;
}
.mathCaptcha {
  background: #fff !important;
  color: #000 !important;
}

.math-captcha-wrapper::before{
	position: static !important;
	background: none !important;
}