/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
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.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1785783375
Updated: 2026-08-03 18:56:15

*/

.bar-line p {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    color: #F4A825;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.bar-line p::before {
    content: "";
    width: 40px;
    height: 2px;
    background: #F4A825;
    display: block;
}
.agent-banner .banner-heading h2 b {
    color: #F4A825;
}
.agent-banner .banner-box:first-of-type::after,
.agent-banner .banner-box:nth-of-type(2)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 95px;
    background: rgba(255,255,255,.12);
}
.agent-banner .banner-box.active h2 {
    color: #F4A825;
}
.agent-banner .banner-box h2 {
    font-size: 46px;
    color: #fff;
    font-weight: 900;
    letter-spacing: 2px;
}
.agent-banner .banner-box p {
    font-size: 14px;
    color: rgb(143, 160, 188);
    letter-spacing: 1px;
}
.agent-banner .banner-boxes{
    display: flex;
    gap: 40px; /* Adjust spacing */
}

.agent-banner .banner-box{
    flex: 1;
}
.table-box:first-of-type::after,
.table-box:nth-of-type(2)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 95px;
    background: #e4e8ef;
}
.table-box.active h2 {
    color: #F4A825;
}
.table-box h2 {
    font-size: 46px;
    font-weight: 900;
    letter-spacing: 2px;
}
.table-box p {
    font-size: 12px;
    color: rgb(143, 160, 188);
    letter-spacing: 1px;
}
.table-boxes{
    display: flex;
    gap: 20px;
}

.table-box{
    flex: 1;
}
.icon-bg-orange span.elementor-icon {
    background: #f5a62324;
    padding: 10px;
    border-radius: 10px;
}
.icon-bg-darkb span.elementor-icon {
    background: #13284e;
    padding: 10px;
    border-radius: 10px;
}
.number-bg-orange h2 {
    background: #f5a623;
    padding: 15px 20px;
    border-radius: 10px;
    display: inline-block;
    font-size: 20px;
}
.one-line {
    display: flex;
    align-items: end;
	gap: 8px;
}
.optional-addon-price h3 {
    font-size: 22px;
    padding: 0;
    margin: 0px 0px 13px 0px;
    font-weight: 900;
}
/* FORM CSS */
/* Form Wrapper */
.dispatch-form {
    width: 100%;
    background: #0c1b38;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px 20px;
    border-radius: 10px;
}

/* Two Columns */
.dispatch-form .form-row{
    display:flex;
    gap:16px;
    margin-bottom:16px;
}

.dispatch-form .form-group{
    flex:1;
}

/* Remove CF7 wrapper spacing */
.dispatch-form .wpcf7-form-control-wrap{
    display:block;
    width:100%;
}

/* Inputs */
.dispatch-form input:not(.wpcf7-submit),
.dispatch-form textarea{
    width:100% !important;
    display:block;
    margin:0;
    padding:16px 20px;
    background:#1d2b4c !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:14px;
    color:#fff !important;
    font-size:16px;
    outline:none;
    box-sizing:border-box;
}

.dispatch-form input:not(.wpcf7-submit){
    height:58px;
}

.dispatch-form textarea{
    height:110px;
    resize:none;
}

.dispatch-form input::placeholder,
.dispatch-form textarea::placeholder{
    color:#9fb0c9;
    opacity:1;
}

.dispatch-form input:focus,
.dispatch-form textarea:focus{
    border-color:#f9aa1a !important;
}

/* Submit */
.dispatch-form .wpcf7-submit {
    width: 100%;
    height: 64px;
    border: none;
    border-radius: 14px;
    background: #f9aa1a;
    color: #09162f;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 10px;
	border: 1px solid #f9aa1a;
}
.dispatch-form .wpcf7-submit:hover{
	background:#fff;
	color:#f9aa1a;
}
p.lead-note {
    color: #7a879b;
    text-align: center;
}
/* Hide spinner */
.dispatch-form .wpcf7-spinner{
    display:none;
}

/* Mobile */
@media(max-width:767px){

.dispatch-form .form-row{
    flex-direction:column;
    gap:16px;
}
.agent-banner .banner-box:first-of-type::after,
.agent-banner .banner-box:nth-of-type(2)::after {
	display:none;
}
.table-box:first-of-type::after,
.table-box:nth-of-type(2)::after {
	display:none;
}	
.desktop-break {
	display: none;
}
.table-box p {
	font-size: 14px;
}
}