/*
Theme Name: Hello Biz Child
Theme URI: https://github.com/elementor/hello-biz-child/
Description: Hello Biz Child is a child theme of Hello Biz, created by Elementor team
Author: Elementor Team
Template: hello-biz
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Version: 1.0.0
Stable tag: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hello-biz-child
Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, style-variations
*/

/* Add your custom styles here */

body,html{
	overflow-x:hidden;
}
a{
	text-decoration:none !important;
}

.blue-txt{
	color:#1A72FF !important; 
}

.site-header{
	    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-block-end: 1rem;
    padding-block-start: 1rem;
    position: absolute;
    top: 10px;
    z-index: 99;
    width: 94%;
    max-width: 1440px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.elementor-field-type-email label{
	display:none;
}

.site-navigation ul.menu{
	gap:15px;
}

.schedule-btn {
    background: #dff0fb;
    border-radius: 50px;
    color: #EEF6FB !important;
    margin-left: 15px !important;
	padding-left: 10px !important;
    padding-right: 10px !important;
}

.schedule-btn:hover{
	background:#003B77 !important;
	 color: #fff !important;
}
.schedule-btn a{
	color:#003B77 !important;
	font-weight:500 !important;
}
.schedule-btn:hover a, .schedule-btn a:hover{
	color:#fff !important;
}
.hfe-nav-menu .schedule-btn a:hover{
	color:#fff !important;
}
.step1{
	position:relative !important;
}
.step1::after,.step2::after{
	content: "";
    position: absolute;
  	 top: 27%;
    right: -31%;
    width: 57%;
    display: block;
    height: 10px;
    z-index: 9;
	background:url('/wp-content/uploads/2025/06/Line-15.svg');
	background-repeat:no-repeat;
	background-size:100%;
}

#return .elementor-widget-icon-box .elementor-icon-box-icon
{
	margin-top:10px !important;
}
.contact-container{
	max-width:680px;
	width:100%;
}

.contact-container button#wpforms-submit-52 {
    width: 100%;
    height: 60px;
}

.contact-container button#wpforms-submit-52::after{
	content:"";
	width:24px;
	height:24px;
	display:inline-block;
	background:url('/wp-content/uploads/2025/06/arrow_forward.svg');
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	margin-left:10px;
	transition:all 0.3s ease;
}

.contact-container button#wpforms-submit-52:hover::after{
	margin-left:15px;
}

.name-field, .email-field, .phone-field, .company-field{
	position:relative;
}

.contact-container .elementor-field-group-name label,
.contact-container .elementor-field-group-company label,
.contact-container .elementor-field-group-email label,
.contact-container .elementor-field-group-phone label
{
	display:none;
}

.contact-container .elementor-field-group-name::after{
	content:"";
	width:24px;
	height:24px;
	display:inline-block;
	background:url('/wp-content/uploads/2025/06/small-icons.svg');
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	margin-left:10px;
	transition:all 0.3s ease;
	right: 15px;
       top: 7px;
}

.contact-container .elementor-field-group-company::after{
	content:"";
	width:24px;
	height:24px;
	display:inline-block;
	background:url('/wp-content/uploads/2025/06/small-icons-3.svg');
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	margin-left:10px;
	transition:all 0.3s ease;
	right: 15px;
      top: 7px;
}
.contact-container .elementor-field-type-email::after{
	content:"";
	width:24px;
	height:24px;
	display:inline-block;
	background:url('/wp-content/uploads/2025/06/small-icons-1.svg');
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	margin-left:10px;
	transition:all 0.3s ease;
	right: 15px;
       top: 7px;
}

.contact-container .elementor-field-group-phone::after{
	content:"";
	width:24px;
	height:24px;
	display:inline-block;
	background:url('/wp-content/uploads/2025/06/small-icons-2.svg');
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	margin-left:10px;
	transition:all 0.3s ease;
	right: 15px;
   top: 7px;
}


div.wpforms-container-full .wpforms-confirmation-container-full
{
	background: #CDE2E7 !important;
    border: 1px solid #004488 !important; 
    box-sizing: border-box ;
    border-radius: 8px !important; 
}


label.wpforms-field-label {
    font-weight: 500 !important;
    font-size: 20px !important;
}

.contact-container .wpforms-field-large
{
	padding-right:40px !important;
}

.resource-box.elementor-widget-image-box .elementor-image-box-title a{
	font-weight:500 !important;
}
.resource-box  .tag-container{
	display:flex;
	flex-direction:row;
	gap:10px;
	margin-top:20px;
}
.resource-box .tag{

    color: #6A838C;
    font-size: 12px;
    font-weight: 500;
    background: #E3EEF5;
    padding: 0px 6px;
    border-radius: 6px;

}

.hfe-nav-menu a:hover{
	color:#8ad2ff !important;
}
.icon-button .elementor-button-icon{
	transition:all 0.3s ease;
}

.icon-button a:hover .elementor-button-icon{
	    transform: translateX(10px);
	
}
div.wpforms-container .wpforms-form label{
	line-height: 30px !important; 
}

.tos h2{
	    margin-bottom: 20px !important;
    font-weight: 700 !important;
    font-size: 30px !important; 
}

.tos h3{
	    font-size: 1rem !important;
	margin-top:20px !important;
}

.p404::after{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	display:block;
	background:url('/wp-content/uploads/2025/06/Frame-1.png');
	background-position:bottom right;
	background-repeat:no-repeat;
	z-index:0;
	
	
}

.error404 .site-main
{
	margin-top: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

.footer-nav nav{
	display:flex;
	flex-direction:row;
	width:100% !important;
}
@media (min-width: 1600px){
	.hero-section{
		height:70vh !important;
	}
	.hero-section::before{
		background-size:55% !important;
/* 		background-position:68% 100% !important; */
	}
}
@media (max-width: 1200px){
	.step1::after, .step2::after
	{
		top: 23%;
    right: -26%;
    width: 46%;
	}
	
}
@media (max-width: 1025px){
	.hfe-nav-menu .hfe-nav-menu__toggle{
		margin-right:0px !important;
	}
	header .elementor-widget-site-logo{
		width:70%;
	}
	header .elementor-widget-navigation-menu{
		width:20% !important;
	}
	
	header .hfe-nav-menu__layout-horizontal{
		top: 65px !important;
      
        background: #004487 !important;
	}
	
	.schedule-btn
	{
    	width: fit-content !important;
	    margin: 20px !important;
	}
	 .schedule-btn a {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        font-weight: 600 !important;
    }
	
	ul.hfe-nav-menu{
		    justify-content: start !important;
		padding-top:10px !important;
	}
	.hfe-nav-menu li a{
		justify-content:start !important;
		font-weight:500 !important;
		padding-top:15px !important;
		
		padding-bottom:15px !important;
	}
	
	
	.step1::after, .step2::after
	{
		top: 24%;
    right: -26%;
    width: 45%;
	}
}

@media (max-width: 991px){
	.step1::after, .step2::after{
	         top: 22%;
        right: -23%;
        width: 38%;
	}
	.elementor-icon-box-description br{
		display:none !important;
	}
	.hero-section::before{
		background-size:66% !important;
	}
}

@media (max-width: 767px){
	
	.step1 img,	.step2 img,.step3 img, 
	.work-box img
	{
		width:160px !important;
	}
	.hero-section::before{
		background-size:70% !important;
/* 		background-position:68% 100% !important; */
	}
	
	.no-br br{
		display:none !important;
	}
	.step1::after, .step2::after{
		content:none !important;	
	}
	
}
@media (max-width: 640px){
	.hero-section::before{
		background-size:80% !important;
	}
}

@media (max-width: 460px){
	.hero-section::before{
		background-size:94% !important;
	}
	
}
@media (max-width: 390px){
	.hero-section::before{
		background-size:100% !important;
	}
}