/* 
Theme Name: Wellstrong
Theme URI: https://github.com/elementor/hello-theme-child/
Author: Brainbox Creative
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

 /* Homepage Styles */
.main-headline span, .headline-color span {
	color: var(--e-global-color-primary);
}

.grey-button .elementor-widget-button, .blue-button .elementor-widget-button {
box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
}

.button-min .elementor-button {
	min-width: 268px !important;
width: 268px !important;
}
	
.login-nav {
	border-radius: 10px;
border: 1px solid E1E4ED;
background: #26ABE2;
box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
margin-left: 15px !important;
}

.login-nav:hover {
	background: #26ABE2C7;
}

.login-nav a {
	color: #E2EDEF !important;
line-height: 1.42em;
font-size: 15px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.login-nav a.elementor-item.elementor-item-anchor::after {
	background-color: none !important;
	height: 0px !important;
}

.join-nav {
	border-radius: 10px;
background: #38383B;
box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
	margin-left: 10px !important;
}

.join-nav:hover {
	background-color: #38383BE0;
}

.join-nav a:after {
    content: " \e829" !important;
	color: #E2EDEF !important;
	font-family: feather !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
	display: contents;
	background-color: none !important;
}

.join-nav a {
	color: #E2EDEF !important;
line-height: 1.42em;
font-size: 15px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
	padding-right: 15px !important;
}

.homepage-video .elementor-video {
	min-height: 634px;
}

ul li::marker {
	color: #26ABE2;
	font-size: 20px;
}

ul {
	list-style-type: square;
	    padding-inline-start: 20px;
}

.testimonial-slide {
	border-radius: 8px 0px 0px 0px;
border: 1px solid #E1E4ED;
box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
padding: 25px 25px 25px 25px;
}

.testimonial p {
	margin-left: 25px;
	font-size: 18px;
	line-height: 1.4em;
}

.video-play p {
	    margin-block-end: 0em !important;
}

#casestudy {
	cursor: pointer;
}

.section-right-image img, .section-left-image img {
	box-shadow: 0px 15px 15px 0px rgba(225, 228, 237, 0.20);
}

.section-right-image .no-shadow img, .section-left-image .no-shadow img {
    box-shadow: 0px 15px 15px 0px rgba(225, 228, 237, 0.0);
}

 /* Form styles */
	.gf_progressbar_title {
	display: none;
}

.gform-theme--framework .gf_progressbar .gf_progressbar_percentage {
	background-color: #26ABE2;
	height: 20px;
}

.gform_wrapper .heading-form {
	font-family: Lexend;
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 0.8em;
text-align: left;
display: block;
margin-top: 30px;
}
.gform_wrapper .form-intro {
	text-align: left;
	line-height: 60px;
}


input[type="checkbox"] + label {
	width: 268px;
height: 65px;
padding: 14px 0px;
display: flex;
justify-content: center;
align-items: center;
gap: 3px;
flex-shrink: 0;
border-radius: 20px;
border: 1px solid #38383B;
}

.gfield--type-checkbox .gform-field-label {
	color: #38383B;
text-align: center;
font-family: Lexend;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 2em;
margin-left: 0px;
}

.gform-theme--api, .gform-theme--foundation {
    --gf-form-gap-y: 20px;
}

.gform_next_button, #gform_submit_button_1 {
	border-radius: 20px !important;
background: #38383B !important;
box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08) !important;
display: flex;
width: 179px !important;
height: 53px !important;
padding: 14px 10px !important;
justify-content: center;
align-items: center;
gap: 3px;
flex-shrink: 0;
}

.gform_previous_button {
		border-radius: 20px !important;
border: 1px solid #38383B !important;
box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08) !important;
display: flex;
width: 179px !important;
height: 53px !important;
padding: 14px 10px !important;
justify-content: center;
align-items: center;
gap: 3px;
flex-shrink: 0;
}

.gfield--type-name .gfield_label, .gform-field-label--type-sub {
	text-align: left;
}

.ginput_container_name input, .gfield--type-email input, .gfield--type-phone input, .gfield--type-textarea input {
	text-align: left;
}

.gform-field-label {
	font-family: Lexend !important;
font-size: 16px !important;
font-style: normal;
font-weight: 600;
line-height: 2em !important;
margin-left: 0px;
}

.gform_page_footer {
	display: inline-flex !important;
}

input[type="checkbox"]:checked + label, input[type="checkbox"]:checked + label:before {
	background-color: #26ABE2;
	width: 275px;
height: 65px;
padding: 14px 0px;
border: 1px solid #26ABE2;
color: #FFFFFF !important;
}

.gfield--type-checkbox .gfield-choice-input {
	display: none !important;
}

.gform-theme--framework .gfield--type-choice .gfield_checkbox, .gform-theme--framework .gfield--type-choice .gfield_radio {
    flex-direction: row;
    flex-flow: wrap;
}

.gform-theme--framework .gf_progressbar span {
	color: #FFFFFF;
	clip: auto !important;
	overflow: visible !important;
    font-size: 14px !important;
    font-style: italic !important;
    line-height: 20px !important;
}

.gform-theme--framework .gf_progressbar {
	background-color: #E2EDEF;
	height: 20px;
}




@media only screen and (max-width: 1023px) {
	.join-nav {
		margin-bottom: 20px !important;
		margin-left: 0px !important;
		width: 95%;
    margin-left: auto !important;
	margin-right: auto !important;		
}

	.login-nav {
		margin-bottom: 15px !important;
		margin-left: 0px !important;
		width: 95%;
    margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 20px !important;
}
}

@media only screen and (max-width: 767px) {
.homepage-video .elementor-video {
	min-height: 400px;
	width: 100% !important;
}
}

@media only screen and (max-width: 620px) {
.elementor-element-bf924b7 p {
	margin-block-end: 0px !important;
}

.elementor-564 .elementor-element.elementor-element-35953b0 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {
    margin-top: 50px !important;
}
}