/*
Theme Name:   Starter 1
Author:       DentalQore
Author URI: https://dentalqore.com/
Template:     charlie
Description:  Child theme for DentalQore Website Platform - can be edited 
Version: 2.0
*/
@import url('css/footer.css');
.bottom-section{
	background-color: #FAFCFC;
	min-height: 475px;
	position: relative;
	overflow: hidden;
}
.bottom-section .container{
	position: relative;
	z-index: 2;
}
.bottom-section:before{
	content: '';
	position: absolute;
	bottom: 0;
	top: 0;
	right: 0;
	min-height: 475px;
	max-width: 1349px;
	width: 100%;
	background-size: cover;
	background-position: top right;
	background-repeat: no-repeat;
}
.no-webp.loaded .bottom-section:before{
	background-image: url("./images/getstartedbg.png");
}
.webp.loaded .bottom-section:before{
	background-image: url("./images/getstartedbg.webp");
}
.bottom-section:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 50%;
	transform: translateY(50%);
	min-height: 238px;
	max-width: 234px;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top left;
}
.no-webp.loaded .bottom-section:after{
	background-image: url("./images/getstartedgreenlines.png");
}
.webp.loaded .bottom-section:after{
	background-image: url("./images/getstartedgreenlines.webp");
}

@media (max-width: 1450px){
	.bottom-section:after {
		min-height: 16vw;
		max-width: 16vw;
	}
}
@media (max-width: 1300px){
	.bottom-section:before {
		max-width: 100%;
		opacity: .5;
	}
}
@media (max-width: 991px){
	.bottom-section{
		text-align: center;
	}
}
@media (max-width: 767px){
	.bottom-section:before {
		width: 100%;
		max-width: 100%;
		background-position: 52%;
	}
}
@media (max-width: 600px){
	.bottom-section{
		min-height: auto;
	}
}


/* popup */
.ctamodal{
	width: 100%;
	max-width: 600px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999999999;
	/* transition-property: opacity, top; */
 	transition-duration: 0.3s;
	display: none;
}
.ctamodal.active{
	display: block;
}
.ctamodal.deactive{
	display: none;
}
.modalContent{
	background: #fff;
	padding: 20px;
	border-radius: 8px;
}
.modal-form textarea{
	height: 150px !important;
	max-height: 150px !important;
	min-height: 120px !important;
}
.modal-button-group{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.modal-button-group .close1{
	font-size: 40px;
	line-height: 1em;
	padding-right: 10px;
	cursor: pointer
}
.ctamodal .title{
 text-align: center;
}
.modal-form .gform_fields{
	row-gap: 10px !important;
}
.modal-form .datepicker{
	width: 100% !important;
}
.modal-form .gfield--type-time .ginput_container{
	flex-wrap: nowrap;
}
.modal-form .gfield--type-time .ginput_container > div{
	width: 33% !important;
}
.app-modal-shadow{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.75);
	transition-duration: 0.3s;
	display: none;
	z-index: 999999;
}


/* form */
form svg{
	display: none;
}
.gform_validation_errors, .gform_heading{
	display: none !important;
}

.footer_form input{
	background-color: #fff;
  line-height: 1.4;
  padding: 13px 18px;
  border: 1px solid #E2E4E9 !important;
  border-radius: 36px !important;
  max-width: 100%;
	color: #000;
}
.footer_form textarea{
	border: 1px solid #E2E4E9 !important;
  border-radius: 36px !important;
	color: #000;
	height: 80px !important;
	min-height: 80px !important;
	max-height: 80px !important;
}
.footer_form ::placeholder{
		color: #000 !important;
}
.gform_footer{
	justify-content: center !important;
	align-items: center !important
}
.footer_form .gform_fields{
	row-gap: 15px !important;
}


.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)){
	border: 3px solid #F6BD5B !important;
  border-radius: 36px;
  background: #F6BD5B !important;
  font-family: 'Helvetica';
  font-weight: bold !important;
  letter-spacing: 1.5px;
  text-transform: uppercase  !important;
  color: #000  !important;
  padding: 6px 1.5em  !important;
}

.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover{
	background: transparent !important 
}
.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)){
	border-radius: 36px !important;
}