.footerBG,.bg-light-green{
	background-color:#4A818B;
}
.cardBox{
	box-shadow: 0px 0px 20px 0px #00000021;
	border-radius: 15px;
}
.cardBox h3{
	font-size: 1.12rem;
}
.cardBox img{
	width: 10rem;
}
.sectionHeading{
	font-size: 2.18rem;
}
.tallyLogo{
	margin-left: -12px;
    width: 10rem;
}
.sectionBg{
	background-image: url('/wp-content/themes/tally/assets/images/community-lead-generation/banner-bg.svg');
    background-size: cover;
    background-position: center bottom;
    /*margin-top: 75px;*/
}
.formBoxShadow{
	box-shadow: 0px 0px 30px 0px #00000040;
	border-radius: 1rem;
}
.bannerParaText{
	font-size:1.25rem;
}
.formHead {
    font-size: 1.6rem;
}
.featName{
	border-radius: 15px;
	box-shadow: inset 0 0 7px #c9c9c9;
    width: 100%;
    padding: .5rem;
    border: 1px solid #e7e7e7;
    outline: 0;
}
.form-control:focus {
	box-shadow: 0 0 0 0rem rgba(0, 123, 255, .25) !important;
	border-color: rgb(206 212 218) !important;
}
.btn:focus {
    outline: 0!important;
    box-shadow: 0 0 0 0rem rgba(0, 123, 255, .25)!important;
}
.modalBg{
	background-color:#DFF4F7;
	border: none;
}
.qrSection img{
	width: 12rem;
}
#qrDisplayModal .modal-dialog {
    max-width: 800px;
}
#qrDisplayModal .modal-header {
	position: absolute;
    right: 0px;
    top: 0px;
}
#qrDisplayModal .modalHeading{
	font-size:1.5rem;
}
.formBoxShadow br, .wpcf7-response-output {
    display: none !important;
}

@media (min-width:320px) {
	.sectionBg h1{
		font-size: 1.6rem;
	}
	#qrDisplayModal .modal-dialog {
	    top: 3rem;
	}
}

@media (min-width:1024px) {
	.sectionBg h1{
		font-size: 2rem;
	}
	#qrDisplayModal .modal-dialog{
		top: 12rem;
	}
}