/*
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.5.1768493311
Updated: 2026-01-15 16:08:31

*/
.page-id-926 header#site-header,
.page-id-926 #site-footer,
.page-id-943 header#site-header,
.page-id-943 #site-footer{
    display: none !important;
}

.custom_card_project {
    background-color: #ffffff;
    transition: background-color 0.9s ease;
    overflow: hidden;
}
.custom_card_project .elementor-heading-title {
    color: #222;
    opacity: 1;
    transform: translateX(-10px);
    transition:
        transform 0.9s ease,
        opacity 0.9s ease,
        color 0.9s ease;
}

.custom_card_project:hover {
    background-color: #1f2933;
}
.custom_card_project:hover .elementor-heading-title {
    color: #ffffff !important;
    transform: translateX(0);
    opacity: 1;
}






    .form-container { max-width: 650px; margin: 50px auto; padding: 0 20px; }
        .form-wrapper { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); border-radius: 12px; overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4); padding: 50px 40px; }
        .form-step { display: none; animation: slideIn 0.4s ease-in-out; }
        .form-step.active { display: block; }
        @keyframes slideIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
        .step-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 35px; border-bottom: 2px solid #334155; padding-bottom: 20px; }
        .step-header h2 { color: #ffffff; font-size: 26px; margin: 0; font-weight: 700; }
        .step-counter { background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); color: white; padding: 6px 16px; border-radius: 20px; font-weight: 700; font-size: 14px; }
        .step-content { margin-bottom: 30px; }
        .step-question { color: #cbd5e1; font-size: 16px; line-height: 1.7; margin: 0 0 25px 0; font-weight: 500; }
        .form-group { margin-bottom: 22px; }
        .form-group label { display: block; color: #e2e8f0; margin-bottom: 8px; font-weight: 600; font-size: 15px; }
        .form-input { width: 100%; padding: 12px 15px; background: #334155; border: 2px solid #475569; border-radius: 8px; color: #ffffff; font-size: 14px; transition: all 0.3s ease; font-family: inherit; box-sizing: border-box; }
        .form-input:focus { outline: none; border-color: #3b82f6; background: #3f475f; box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1); }
        .form-options { display: flex; flex-direction: column; gap: 12px; margin: 20px 0; }
        .form-option { display: flex; align-items: center; padding: 14px 16px; background: #334155; border: 2px solid #475569; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; }
        .form-option:hover { border-color: #3b82f6; background: #3f475f; transform: translateX(5px); }
        .form-option input[type="radio"] { margin-right: 12px; cursor: pointer; }
        .option-text { color: #e2e8f0; font-weight: 600; font-size: 15px; }
        .form-buttons { display: flex; gap: 15px; margin-top: 40px; justify-content: space-between; flex-wrap: wrap; }
        .btn-next, .btn-back, .btn-submit { padding: 13px 28px; border: none; border-radius: 8px; font-weight: 700; font-size: 15px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; gap: 8px; }
        .btn-next, .btn-submit { background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); color: white; }
        .btn-next:hover, .btn-submit:hover { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); transform: translateX(5px); box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3); }
        .btn-back { background: #475569; color: white; }
        .btn-back:hover { background: #64748b; transform: translateX(-5px); }

        .submissions-container { max-width: 1200px; margin: 40px auto; padding: 20px; }
        .filter-section { background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); border: 1px solid #334155; padding: 25px; border-radius: 10px; margin-bottom: 35px; }
        .filter-form { display: flex; gap: 15px; flex-wrap: wrap; align-items: flex-end; }
        .filter-group { flex: 1; min-width: 160px; }
        .filter-group label { display: block; color: #e2e8f0; margin-bottom: 6px; font-weight: 600; font-size: 14px; }
        .filter-select, .filter-input { width: 100%; padding: 10px 12px; background: #334155; border: 2px solid #475569; border-radius: 6px; color: #ffffff; font-size: 14px; transition: all 0.3s ease; box-sizing: border-box; }
        .filter-select:focus, .filter-input:focus { outline: none; border-color: #3b82f6; background: #3f475f; }
        .btn-filter { padding: 10px 24px; background: linear-gradient(135deg, #10b981 0%, #059669 100%); color: white; border: none; border-radius: 6px; font-weight: 700; cursor: pointer; transition: all 0.3s ease; font-size: 14px; }
        .btn-filter:hover { background: linear-gradient(135deg, #059669 0%, #047857 100%); transform: translateY(-2px); }

        .table-section { background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); border: 1px solid #334155; padding: 25px; border-radius: 10px; }
        .table-section h2 { color: #ffffff; margin-bottom: 25px; font-size: 20px; font-weight: 700; }
        .entry-count { color: #3b82f6; font-weight: 700; }
        .table-responsive { overflow-x: auto; }
        .submissions-table { width: 100%; border-collapse: collapse; background: #0f172a; border-radius: 8px; }
        .submissions-table thead { background: #334155; }
        .submissions-table th { padding: 16px; text-align: left; color: #e2e8f0; font-weight: 700; font-size: 14px; border-bottom: 2px solid #475569; }
        .submissions-table td { padding: 15px 16px; color: #cbd5e1; font-size: 14px; border-bottom: 1px solid #334155; }
        .submissions-table tbody tr:hover { background: #334155; }
        .btn-download { padding: 8px 14px; background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); color: white; border: none; border-radius: 6px; font-weight: 700; cursor: pointer; transition: all 0.3s ease; font-size: 13px; }
        .btn-download:hover { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); transform: scale(1.05); }

        .alert-box { padding: 16px 20px; border-radius: 8px; margin: 20px 0; font-size: 14px; border-left: 4px solid; }
        .alert-danger { background: #fee2e2; color: #991b1b; border-left-color: #dc2626; }
        .alert-danger a { color: #dc2626; font-weight: 700; text-decoration: none; }
        .alert-info { background: #dbeafe; color: #0c4a6e; border-left-color: #3b82f6; }

        @media (max-width: 768px) {
            .form-wrapper { padding: 30px 20px; }
            .step-header { flex-direction: column; text-align: center; gap: 15px; }
            .form-buttons { flex-direction: column; }
            .btn-next, .btn-back, .btn-submit { width: 100%; }
            .filter-form { flex-direction: column; }
            .filter-group { width: 100%; }
            .btn-filter { width: 100%; }
        }

        /* POPUP STYLING */
        .popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; z-index: 9999; }
        .popup-content { background: white; border-radius: 12px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); max-width: 500px; width: 90%; animation: popupSlide 0.4s ease-in-out; }
        @keyframes popupSlide { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } }
        .popup-header { background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); padding: 25px; border-radius: 12px 12px 0 0; }
        .popup-header h2 { color: #10b981; margin: 0; font-size: 22px; font-weight: 700; }
        .popup-body { padding: 30px; text-align: center; }
        .score-text { color: #64748b; font-size: 14px; margin: 0 0 15px 0; font-weight: 600; }
        .score-value { color: #0f172a; font-size: 28px; font-weight: 700; margin: 10px 0; }
        .score-category { color: #3b82f6; font-size: 16px; font-weight: 600; margin: 10px 0; }
        .score-desc { color: #64748b; font-size: 14px; line-height: 1.6; margin: 15px 0 0 0; }
        .popup-buttons { padding: 0 30px 30px 30px; display: flex; gap: 10px; justify-content: center; }
        .popup-btn { padding: 12px 32px; background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); color: white; border: none; border-radius: 8px; font-weight: 700; cursor: pointer; transition: all 0.3s ease; font-size: 14px; }
        .popup-btn:hover { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); transform: translateY(-2px); }






.quiz-step label {
    margin-bottom: 8px;
}




.quiz-step input{
    display: block;
    width: 100%;
    font-size: 16px;
    min-height: 40px;
    padding: 10px 20px;
}
.custom_checkbox input {
    width: 0;
}
input#strategy_call {
    width: 20px;
	height: 20px;
    min-height: auto;
}
.quiz-step  h3 { font-family: 'Montserrat'; font-weight: 700; color: #fff; font-size: 21px; line-height: 1.2; margin-bottom: 30px; }
.custom_checkbox { display: flex; }
.custom_checkbox label.option { border: 0; font-family: 'Montserrat'; font-size: 21px; color: #fff; font-weight: 600; }
.custom_checkbox label.option { margin-right: 20px; }
.btns button.btn { background-color: #007DC6 !important; font-family: "Manrope", Sans-serif; font-size: 18px; font-weight: 600; line-height: 1.2em; fill: #FFFFFF; color: #FFFFFF; border-radius: 0px 0px 0px 0px; padding: 15px 30px 15px 30px;display: flex;
    row-gap: var(--widgets-spacing-row, 20px);
    column-gap: var(--widgets-spacing-row, 20px); }
div#step_form_custom { background-size: 100% 100%; }
.quiz-radio {
  display: none;
}

.option {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.check-svg path {
  fill: #143B53;
  transition: fill .25s ease;
}
.quiz-radio:checked + .check-svg path {
  fill: #1BBF72; /* green */
}
.custom_checkbox label.option svg {
    width: 25px;
}


.quiz-step input, .quiz-step input:hover {
    border: 1px solid #ffffff5c !important;
    border-radius: 0 !important;
    background: unset !important;
    color: #ffffff5c !important;
    box-shadow: unset !important;
}

.quiz-step input::placeholder {
    color:#ffffff5c !important;
    font-family:'Manrope';
    font-size:14px;
}

.quiz-step[data-step="12"] h3 {
    text-align: center;
    font-family: 'Montserrat';
    font-size: 40px;
    font-weight: 700;
}

.quiz-step label {
    font-size: 15px;
    font-family: 'Manrope';
    font-weight: 400;
    color: #fff;
}

.quiz-step label .star_tag {
    color: #FF0000;
    margin-left: -8px;
}

.modal h3 {
    font-family: 'Montserrat';
    font-size: 48px;
    font-weight: 700;
    color: #031724;
    margin-bottom: 10px;
}

.modal p {
    font-family: 'Montserrat';
    font-size: 26px;
    color: #031724;
    font-weight: bold;
    margin-bottom: 0;
}

.short_desc {
    color: #03172459 !important;
    font-weight: 400 !important;
    font-size: 23px !important;
    margin-top: 10px;
    margin-bottom: 70px !important;
	max-width: 90%;
    margin: 0 auto;
}

button.btn.schedule_call {
    background-color: #007DC6 !important;
    font-family: "Manrope", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2em;
    fill: #FFFFFF;
    color: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    padding: 15px 30px 15px 30px;
}

.page-id-1542 header, .page-id-1542 footer, .page-id-1606 header, .page-id-1606 div#cms-ptitle, .page-id-1606 footer { display: none; }
.submission_table h3 {color:#fff; text-align:center; margin-bottom:20px;}
table th, table tbody tr td {color: #fff;}

table tbody tr td a {
    color: #fff;
}
.submission_table form button{
	background: #223140 !important;
	color:#fff;
	border:none;
}
.submission_table form input:hover {
    background: #fff !important;
}

.submission_table form button:hover {
    background: #fff !important;
    color: #000 !important;
}
.submission_table input, .submission_table button {
    border-radius: 45px;
    height: 58px;
    font-weight: bold;
}
p.login_text {
    color: #fff;
}

p.login_text a {
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
}
/* .elementor-element.elementor-element-d890a38.elementor-widget.elementor-widget-shortcode {
    height: 100vh;
} */


table tbody tr td a:hover {
    color: #fff !important;
}



.page-id-1562 div#cms-ptitle {
    display: none;
}

.page-id-1562 #cms-ptitle {
    display: none;
}

.attactment_section {
    background-attachment: unset;
}

.page-id-1562 header, .page-id-1562 footer, .page-id-1582 header, .page-id-1582 div#cms-ptitle, .page-id-1582 footer {
    display: none;
}

@media (max-width: 991px) {

	#step_form_custom { background-image: unset !important; background: #031724; }
	
	div#step_form_custom .e-con-inner { padding-top: 40px; padding-bottom: 0px; }
	
.custom_checkbox label.option { font-size: 16px;}
	
	div#header_section {
    padding: 1em 1em;
}

div#header_section .elementor-element-f9fdc6f {
    padding-right: 0;
}

div#header_section .elementor-element-f9fdc6f .e-con-inner {
    justify-content: flex-end;
}
	
	div#quiz_card_section { padding-bottom: 3em;  padding-top: 3em; }
	
	div#hero_section { background-image: url(https://thestagingdemo.com/excelsiorfinancialadvisors/wp-content/uploads/2026/01/Group-2106257514-1.png); }
	
		.modal {
    max-width: 90%;
    padding: 10px;
}


}



@media (max-width: 766px) { 

	.custom_checkbox label.option { margin-right: 10px; }
	
	.quiz-wrap { margin-top: 0 !important; }
	
	div#quiz_card_section { padding-bottom: 3em; }
	
	.quiz-wrap { margin: 0px auto 40px !important; padding: 15px 15px !important; }
	
div#header_section { display: block; }

div#header_section .elementor-widget-image { text-align: center; }

div#header_section .elementor-element-f9fdc6f .e-con-inner { justify-content: center;         padding-bottom: 0; }
	
	div#header_section .elementor-element-f9fdc6f .e-con-inner h2 { margin-right: 15px; }
	
	
	.quiz-step[data-step="12"] h3 {
		font-size: 25px;}
	
	.modal {
    max-width: 100%;
    padding: 10px;
}

.modal h3 {
    font-size: 25px;
}

.modal p, .short_desc {
    font-size: 16px !important;
    margin-bottom: 10px !important;
    max-width: 100%;
}



button.btn.schedule_call {
    font-size: 16px;
    padding: 0 20px;
}

}

@media (max-width: 600px) { 

	
div#header_section { display: block; }

div#header_section .elementor-widget-image { text-align: center; }

div#header_section .elementor-element-f9fdc6f .e-con-inner { justify-content: center;         padding-bottom: 0; }
	
	div#header_section .elementor-element-f9fdc6f .e-con-inner h2 { margin-right: 15px; }
	
	.custom_checkbox { display: block; }
	
	.quiz-step h3 { font-size: 16px; }
	
.btns button.btn { padding: 10px 10px; font-size: 16px; }

.btns button.btn img { width: 20px; }

	#hero_section .elementor-widget-heading {
    width: 100%;
}

#hero_section .elementor-widget-text-editor {
    width: 100%;
}
	
	.btns { margin-top: 10px;}
	
}

@media (max-width: 480px) { 

	.quiz-step h3 { font-size: 14px; }
	
	body .counter { font-size: 15px; margin-bottom: -22px; }
	
	.custom_checkbox label.option { font-size: 14px;}

}