/*
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.1.1.1732547311
Updated: 2024-11-25 15:08:31

*/

.brand--performance-form {
	width: 100%;
}

.brand--performance-form .gform_heading, .brand--performance-form form .gform_page_fields .gfield_label {
	display: none;
}

.brand--performance-form .form--title {
    color: #FFFFFF;
    font-family: "Poppins", Sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
	text-align: center;
}

.brand--performance-form .form--paragraph {
	color: #FFFFFF;
    font-family: "Nunito Sans", Sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
	text-align: center;
}

.brand--performance-form .img--wrap {
	width: 100%;
    margin: auto;
    max-width: 300px;
}

.brand--performance-form .img--wrap img {
	width: 100%;
    object-fit: contain;
}

.brand--performance-form .download--pdf-wrap {
	text-align: center;
	margin-top: 60px;
}

.brand--performance-form .download--pdf-wrap a {
	background-color: #6558F5;
    font-family: "Nunito Sans", Sans-serif;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 20px;
    fill: #FFFFFF;
    color: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    padding: 16px 24px 16px 24px;
}


.brand--performance-form #gform_page_1_8 .gform-page-footer {
	display: none;
}

.brand--performance-form form .gform_page_fields .gform_fields .gfield {
	max-width: 586px;
    margin: auto;
	padding: 0px 15px;
    width: 100%;
}

.brand--performance-form form .gform_page_fields .gform_fields .gfield.gfield--type-html {
	max-width: none;
}

.brand--performance-form form .gform_page_fields .gform_fields .gfield .ginput_container .gfield_checkbox {
	flex-wrap: wrap;
    flex-direction: row;
    gap: 0;
}

.brand--performance-form form .gform_page_fields .gform_fields .gfield .ginput_container input, .brand--performance-form form .gform_page_fields .gform_fields .gfield .ginput_container .gfield_radio  .gform-field-label, .brand--performance-form form .gform_page_fields .gform_fields .gfield .ginput_container .gfield_checkbox .gform-field-label  {
	border-radius: 8px;
    border: 1px solid #3ED7E8;
    outline: none;
    color: #000;
    font-size: 20px;
	min-height: 62px;
}

.brand--performance-form form .gform_page_fields .gform_fields .gfield .ginput_container .gfield_radio  .gform-field-label, .brand--performance-form form .gform_page_fields .gform_fields .gfield .ginput_container .gfield_checkbox .gform-field-label {
	padding: 0px 15px;
	background: #fff;
	display: flex;
	align-items: center;
}

.brand--performance-form form .gform_page_fields .gform_fields .ginput_container input::placeholder {
	color: #8A92A2;
}

.brand--performance-form form .gform_page_fields .gform_fields .gfield .ginput_container .gfield_radio .gchoice {
	display: block;
}

.brand--performance-form form .gform_page_fields .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice {
	flex-basis: 50%;
	display: block;
	margin-top: 10px;
}

.brand--performance-form form .gform_page_fields .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice:last-child {
	flex-basis: 100%;
}

.brand--performance-form form .gform_page_fields .gform_fields .gfield .ginput_container .gfield_radio .gfield-choice-input, .brand--performance-form form .gform_page_fields .gform_fields .gfield .ginput_container .gfield_checkbox .gfield-choice-input {
	width: 100%;
	display: none;
}

.brand--performance-form form .gform_page_fields .gform_fields .gfield .ginput_container .gfield_radio .gfield-choice-input:checked ~ .gform-field-label, .brand--performance-form form .gform_page_fields .gform_fields .gfield .ginput_container .gfield_checkbox .gfield-choice-input:checked ~ .gform-field-label {
	background: #3ED7E8;
}

.brand--performance-form form .gf_page_steps .gf_step .gf_step_number, .brand--performance-form form .gf_page_steps .gf_step .gf_step_label {
	display: none;
}

.brand--performance-form form .gf_page_steps .gf_step .gf_step_number, .brand--performance-form form .gf_page_steps {
	justify-content: center;
}

.brand--performance-form form .gf_page_steps .gf_step .gf_step_number, .brand--performance-form form .gf_page_steps .gf_step {
	border: 1px solid #8A92A2;
    width: 20px;
    height: 20px;
    border-radius: 50px;
}

.brand--performance-form form .gf_page_steps .gf_step.gf_step_active, .brand--performance-form form .gf_page_steps .gf_step.gf_step_completed {
	background: #B099FF;
}

.brand--performance-form form .gf_page_steps .gf_step.gf_step_completed {
	position: relative;
}

.brand--performance-form form .gf_page_steps .gf_step::after {
	content: "";
    position: absolute;
    height: 2px;
    width: calc(100% + 8px);
    right: calc(-100% - 8px);
    top: 50%;
    transform: translateY(-50%);
    background: #8A92A2;
}

.brand--performance-form form .gf_page_steps .gf_step:last-child::after {
    display: none;
}

.brand--performance-form form .gf_page_steps .gf_step.gf_step_completed::after, .brand--performance-form form .gf_page_steps .gf_step.gf_step_previous::after {
	background: #B099FF;
}

.brand--performance-form form .gform_page_footer {
	justify-content: center;
}

.brand--performance-form form .gform-body .gform_page .gform-page-footer.gform_page_footer input, .brand--performance-form form .gform-body .gform_page .gform-page-footer.gform_page_footer input[type="submit"] {
	background-color: #6558F5;
    font-family: "Nunito Sans", Sans-serif;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 20px;
    fill: #FFFFFF;
    color: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    padding: 16px 24px 16px 24px;
}

.brand--performance-form form .gf_page_steps .gf_step {
    position: relative;
}

.brand--performance-form form .gform_page_fields .gform_fields .gfield.industry--type-gform .ginput_container .gfield_radio .gchoice {
	flex-basis: 50%;
	margin-top: 10px;
}

.brand--performance-form form .gform_page_fields .gform_fields .gfield.industry--type-gform .ginput_container .gfield_radio {
	flex-direction: row;
    flex-wrap: wrap;
	gap: 0px;
}

.brand--performance-form .gform_confirmation_message {
	color: #FFFFFF;
    font-family: "Nunito Sans", Sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
}

.brand--performance-form .gform_confirmation_message br {
    display: none;
}

@media (max-width: 767px) {
	.brand--performance-form form .gf_page_steps {
		display: none;
	}
	
	
	.brand--performance-form form .gform_page_fields .gform_fields  {
		row-gap: 10px !important;
	}
	
	.brand--performance-form .form--title {
		font-size: 42px;
		line-height: 50px;
	}
}

@media (max-width: 576px) {
	.brand--performance-form form .gform_page_fields .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice, 	.brand--performance-form form .gform_page_fields .gform_fields .gfield.industry--type-gform .ginput_container 		.gfield_radio .gchoice {
		flex-basis: 100%;
	}
	
	.brand--performance-form form .gform_page_fields .gform_fields .gfield {
		padding: 0px;
	}
	
	.brand--performance-form form .gform_page_fields .gform_fields .gfield .ginput_container .gfield_radio .gform-field-label, .brand--performance-form form .gform_page_fields .gform_fields .gfield .ginput_container .gfield_checkbox .gform-field-label {
		margin-left: 0px;
	}
}