/*
Theme Name: Hello Biz Child
Theme URI: https://elementor.com/products/hello-biz/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-biz
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Biz is a free, user-friendly Hybrid WordPress Theme that was crafted for seamless integration with the Elementor site builder and tailored specifically for business websites. Perfect for beginners, but far from limited to just them, it features a dedicated beginner-oriented “Home” screen to simplify and streamline the web-building process. Hello Biz also integrates with Elementor’s premium features, giving you access to tools like AI, and accessibility enhancements in one place. Whether launching a startup site or refining a company portfolio, Hello Biz offers a solid, responsive foundation for all web creators. Report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team validates, triages, and handles vulnerabilities. Report here: https://patchstack.com/database/wordpress/theme/hello-biz/vdp.
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready,style-variations
Version: 1.1.1.1751360872
Updated: 2025-07-01 09:07:52

*/

#tooltip {
	position: absolute;
	pointer-events: none;
	color: white;
	padding: 6px 10px;
	border-radius: 4px;
	white-space: nowrap;
	z-index: 9999;
	display: none;
	transform: translate3d(0, 0, 0);
	background: radial-gradient(circle at top left, #2f3c4d, #1e2b43);
	color: white;
	padding: 10px 14px;
	border-radius: 12px;
	font-family: 'Poppins', sans-serif;
	font-size: 24px;
	font-weight: 600;
	max-width: 500px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
	white-space: normal;
	line-height: 1.4;
}

#tooltip p {
	font-size: 16px;
}

.htb_slider .swiper {
	width: 100%;
	height: 586px;
	box-sizing: border-box;
}

.htb_slider .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	transition: transform 0.3s ease;
	height: 100vh;
	margin-top: -129px;
	width: 681px;
}

.htb_slider_new .swiper-button-next,
.htb_slider_new .swiper-button-prev {
	color: #000000;
	width: 48px;
	height: 48px;
	background-repeat: no-repeat;
	background-position: center;
	position: unset;
	display: block;
	background-color: #fff;
	border-radius: 100px;
	background-size: 24px;
}

.htb_slider_new .swiper-button-prev {
	background-image: url('https://applicodes.com/vereon/wp-content/uploads/2025/07/arrow-left.svg');
}

.htb_slider_new .swiper-button-next {
	background-image: url('https://applicodes.com/vereon/wp-content/uploads/2025/07/arrow-right.svg');
}

.htb_slider_new .swiper-button-prev::after,
.htb_slider_new .swiper-button-next::after {
	display: none;
}

.htb_slider_new .swiper-button-prev {
	right: 70px;
	left: auto;
}

.htb_slider_new .swiper-button-next {
	right: 20px;
	left: auto;
}

.htb_slider .slide-box {
	background: url("https://applicodes.com/vereon/wp-content/uploads/2025/07/how-to-buy-card.png") no-repeat center center/ cover;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 400px;
	border-radius: 20px;
	padding: 64px;
	box-sizing: border-box;
}

.htb_slider .slide-head {
	color: #47a1ff !important;
	font-size: 60px !important;
	font-family: poppins !important;
	margin: 24px !important;
}

.htb_slider .slide-title {
	color: rgb(16, 24, 40) !important;
	margin-bottom: 24px !important;
	font-size: 36px !important;
	margin: 0 0 0 0;
}

.htb_slider .slide-txt {
	color: rgb(52, 64, 84) !important;
	font-size: 18px !important;
	text-align: center;
}

.htb_slider .slider-bg {
	height: 586px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: -583px;
	position: relative;
}

.htb_slider .monitor-bg {
	display: flex;
}

.htb_slider .monitor-bg img {
	height: 100%;
	width: 100%;
}

.htb_slider .swiper-wrapper {
	align-items: center;
	max-width: 100vh;
}

.htb_slider .hidden-imgs {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
	overflow: hidden;
}

.htb_slider .hidden-imgs>div {
	position: absolute;
	display: none;
}

.htb_slider .h-img-1 {
	top: 100px;
	left: 217px;
	transform: translateY(-92%);
	animation: 5s ease-in-out 0s infinite normal none running upDown;
	transition: 0.8s;
	opacity: 1;
}

.htb_slider .h-img-2 {
	top: 20px;
	left: 30%;
	transform: translate(-50%, -70%);
	width: 39.5%;
	animation: 5s ease-in-out 0s infinite normal none running upDown;
	transition: 0.8s;
	opacity: 1;
}

.htb_slider .h-img-3 {
	top: -90px;
	right: 10px;
	transform: translateY(-50%);
	animation: 5s ease-in-out 0s infinite normal none running upDown;
	transition: 0.8s;
	width: 37%;
	opacity: 1;
}

.htb_slider .h-img-1 img {
	width: 500px;
	max-width: 100%;
}

@keyframes upDown {

	0%,
	100% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(-20px);
	}
}

@media screen and (max-width: 1024px) {
	.htb_slider .hidden-imgs {
		display: none;
	}
}

@media screen and (min-width: 767px) {
	.htb_slider .monitor-bg img {
		object-fit: none;
	}
}

@media screen and (max-width: 768px) {
	.htb_slider .slide-box {
		height: auto;
	}

	.htb_slider .slide-title {
		font-size: 28px !important;
	}

	.htb_slider .slide-txt {
		font-size: 16px !important;
	}

	.htb_slider .slide-head {
		font-size: 40px !important;
	}

	.htb_slider .slider-bg {
		display: none;
	}
}

@media screen and (min-width: 1340px) and (max-width: 1600px) {
	.htb_slider .h-img-1 {
		left: 12px;
	}

	.htb_slider .h-img-2 {
		left: 27%;
		width: 45%;
	}
}

@media screen and (min-width: 300px) and (max-width: 600px) {
	.htb_slider .swiper-slide {
		width: 100%;
		height: auto;
	}

	.htb_slider .monitor-bg img {
		height: auto !important;
		width: 425px !important;
	}

	.htb_slider .swiper {
		padding-top: 200px;
		height: auto;
	}

	.htb_slider .slide-head {
		font-size: 24px !important;
		margin: 0px !important;
	}

	.htb_slider .slide-title {
		margin-bottom: 0px !important;
		font-size: 18px !important;
	}

	.htb_slider .slide-txt {
		font-size: 12px !important;
	}

	.htb_slider .slide-box {
		padding: 20px;
	}

}

/* Hero Section */

.presale_wedgit {
	border: 1px solid white;
	background: rgba(210, 237, 254, 0.05);
	backdrop-filter: blur(4px);
	padding: 30px;
	border-radius: 16px;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
	text-align: center;
	border: 1px solid #2e2f4c;
	max-width: 548px;
	width: 100%;
	min-height: 540px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.presale_wedgit .stats {
	font-size: 14px;
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	flex-direction: column !important;
}

.stats p {
	margin: 0px;
	font-family: Poppins, sans-serif;
	line-height: 1.5;
	color: white;
	font-weight: 700;
	text-align: center;
	font-size: 18px;
}

.presale_wedgit .progress-bar {
	background: #2c2e40;
	height: 6px;
	border-radius: 3px;
	overflow: hidden;
	margin: 10px 0 20px;
}

.presale_wedgit .progress {
	width: 10%;
	height: 100%;
	background: #00bfff;
}

.presale_wedgit .checkout-sec {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	gap: 0px 10px;
	margin-bottom: 18px;
}

.presale_wedgit .checkout-sec h3 {
	margin: 0px;
	font-family: Poppins, sans-serif;
	line-height: 1.5;
	color: white;
	font-weight: 700;
	font-size: 18px;
}

.checkout-sec div {
	height: 1px;
	width: 100%;
	background: white;
}

.presale_wedgit .payment-options {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	flex-wrap: wrap;
	align-items: center;
	row-gap: 20px;
}

.presale_wedgit .payment-options .token img {
	width: 30px;
}

.presale_wedgit .token {
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
	padding: 12px 20px;
	cursor: pointer;
	flex: 1;
	margin: 0 5px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.presale_wedgit .input-section {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	flex-direction: column;
	row-gap: 30px;
}

.presale_wedgit .input-section div {
	flex: 1;
	text-align: left;
}

.presale_wedgit .input-section label {
	margin: 0px 0px 4px;
	line-height: 1.5;
	color: white;
	font-family: Poppins;
	align-items: center;
	font-size: 14px;
	font-weight: 600;
}

.presale_wedgit .input-section input {
	font-size: 14px;
	color: #344054;
	margin: 0;
	display: block;
	width: 100%;
	animation-duration: 10ms;
	padding: 8.5px 14px;
	padding-right: 0;
	background-color: white;
	height: 48px;
	border-radius: 10px;
}

.input_group {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.input_group img {
	width: 30px;
	margin-top: -40px;
	margin-right: 5px;
}

.presale_wedgit .action-buttons {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

.presale_wedgit .connect {
	flex: 1;
	padding: 12px;
	font-size: 14px;
	border: none;
	border-radius: 20px;
	cursor: pointer;
	background: #0448D1;
	color: white;
	margin-top: 10px;
}

.presale_wedgit h2 {
	margin: 0px 0px 24px;
	font-family: Poppins, sans-serif;
	line-height: 1.5;
	color: white;
	font-size: 42px;
	text-align: center;
	font-weight: 700;
}

/* Hero Section */

/* Payment Page */
.payment-container {
	max-width: 460px;
	margin: 0 auto;
	background: #181c23;
	padding: 30px;
	border-radius: 16px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
	text-align: center;
}

.payment-container h2 {
	font-size: 24px;
	margin-bottom: 20px;
	color: #fff;
}

.payment-container .wallet-address {
	background: #fff;
	padding: 10px 15px;
	border-radius: 8px;
	font-size: 14px;
	margin-bottom: 20px;
	word-break: break-all;
}

.payment-container .qr-code {
	width: 200px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.payment-container .calculated-msg {
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: 500;
	color: #fff;
}

.payment-container .pay-btn {
	background: #3b82f6;
	border: none;
	border-radius: 50px;
	padding: 14px 24px;
	color: white;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.3s;
}

.payment-container .pay-btn:hover {
	background: transparent;
	border: 2px solid #49b7fa;
	color: #49b7fa;
}
.payment-container .qr-code img {
	border-radius: 20px;
}

/* Payment Page */