/*Web Modal*/
.let-us-call-you .modal h4 {
    margin-top: 0rem;
    margin-bottom: 1rem;
    font-size: 2.375rem !important;
}

.let-us-call-you .modal p {
    margin-top: 0rem;
    margin-bottom: 1.5em;
    font-size: 1.155rem !important;
}

.let-us-call-you .modal {
    background: rgb(0 0 0 / 85%)!important;
    padding: 0px !important;
}

/*Web Modal*/

/*Web Leads form*/

.let-us-call-you {
	padding-top: 9rem;
}

.let-us-call-you .col-66.col-s-100 .row.sub-grid {
	padding: 30px 15px 15px 15px;
	background-color: white;
}

.let-us-call-you .col-33.col-s-100 .row.sub-grid {
	padding: 30px 15px 15px 15px;
	padding: 1.25rem;
	border-radius: .156rem;
	-webkit-backdrop-filter: blur(1.563rem);
	backdrop-filter: blur(1.563rem);
	border: solid .031rem rgba(255, 255, 255, .1);
	background-color: rgba(175, 176, 185, .05);
}

.let-us-call-you .txt-white {
	color: #e7e7e7;
}

.let-us-call-you .txt-size {
	font-size: 1.1rem;
	color: #e7e7e7;
}

.banner-slider-content-h2 {
	text-align: justify;
	font-size: 2.260rem !important;
}

h4 {
	font-weight: 600 !important;
	margin-bottom: 0rem;
	font-size: 1.5rem !important;
	margin-top: 3rem;
}

.get-con p {
	font-size: 1.1rem;
	font-weight: 400;
}

.get-con a {
	color: #111 !important;
	text-decoration: underline;
}

.get-con a:hover, .get-con a:focus, .get-con a:active, .get-con a:visited {
	color: #007e3c !important;
	text-decoration: underline;
}

/* form css */

.let-us-call-you .dstvcontactform .form {
	width: 100%;
	position: relative;
	height: 70px;
	margin-bottom: 20px;
	/* overflow: hidden; */
	/* border: 1px solid; */
}

.let-us-call-you .dstvcontactform .form-2 {
	height: 57px;
}

.let-us-call-you .dstvcontactform .form input {
	width: 100%;
	height: 75%;
	color: #0a121d;
	padding-top: 0px;
	border: none;
	padding-left: 0px;
	/* background-color: grey; */
	margin-top: 0px;
	margin-bottom: 6px;
	padding-top: 27px;
}

.let-us-call-you .dstvcontactform .form input:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 126, 60, .21);
}

.let-us-call-you .dstvcontactform .form label {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 70%;
	pointer-events: none;
	border-bottom: 1px solid white;
	top: 0%;
}

.let-us-call-you .dstvcontactform .form label::after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-bottom: 1px solid rgba(10, 18, 29, .4);
}

.content-name {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding-bottom: 5px;
	transition: all 0.3s ease;
	font-weight: 500;
	font-size: 1rem;
	color: #9e9e9e;
	letter-spacing: normal;
}

.form input {
	margin-bottom: 0em;
}

.let-us-call-you .dstvcontactform .form input:focus {
	outline: none;
}

.let-us-call-you .dstvcontactform .form input:focus+.label-name .content-name,
.let-us-call-you .dstvcontactform .form input:valid+.label-name .content-name {
	transform: translateY(-177%);
	font-size: 11px;
	left: 0px;
	color: #007e3c;
}


.let-us-call-you .dstvcontactform .form.form-2 input:focus+.label-name .content-name,
.let-us-call-you .dstvcontactform .form.form-2 input:valid+.label-name .content-name {
	transform: translateY(-144%);
}

.let-us-call-you .dstvcontactform .form input:focus+.label-name::after,
.let-us-call-you .dstvcontactform .form input:valid+.label-name::after {
	transform: translateX(0%);
}


.form-label-group-dstv input::-webkit-input-placeholder {
	color: transparent;
}

.form-label-group-dstv input:-moz-placeholder {
	color: transparent;
}

.form-label-group-dstv input::-moz-placeholder {
	color: transparent;
}

.form-label-group-dstv input:-ms-input-placeholder {
	color: transparent;
}

.form-label-group-dstv {
	position: relative;
	margin-bottom: 1rem;
}

.form-label-group-dstv>label {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	font-size: 16px;
	width: 100%;
	margin-bottom: 0;
	line-height: 1.5;
	color: rgba(10, 18, 29, .4);
	cursor: text;
	padding: .75rem .95rem;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.form-label-group-dstv input {
	font-size: 1rem;
	padding: .75rem 0;
}

.form-label-group-dstv input:focus,
.form-label-group-dstv input:not(:placeholder-shown) {
	padding-top: calc(.75rem + .75rem * (2 / 3));
	padding-bottom: calc(.75rem / 3);
	border-color: #0a121d;
}

.form-label-group-dstv input:focus~label,
.form-label-group-dstv input:not(:placeholder-shown)~label {
	padding-top: calc(.75rem / 3);
	padding-bottom: calc(.75rem / 3);
	font-size: 10px;
}

.form-label-group-dstv input:focus {
	border-color: #007e3c !important;
}

.form-label-group-dstv input:focus~label {
	color: #007e3c !important;
}

.form-label-group-dstv input:hover {
	border-color: #0a121d;
}

.form-label-group-dstv input:hover~label {
	color: #0a121d;
}

.form-label-group-dstv input.input-validation-error {
	border-color: #ff2d55 !important;
}

.form-label-group-dstv input.input-validation-error+.jcf-select {
	border-color: #ff2d55 !important;
}

.form-label-group-dstv.dropdown {
	/*Styling for the dropdown part*/
}

.form-label-group-dstv.dropdown :not([value=""]):valid~label {
	font-size: 10px;
}

.form-label-group-dstv.dropdown .jcf-select {
	width: 100%;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0 !important;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1rem;
	border-bottom: 1px solid rgba(10, 18, 29, .4);
	height: auto;
	background: #fff;
	border-radius: inherit;
}

.form-label-group-dstv.dropdown .jcf-select .jcf-select-text {
	font-size: 1rem;
	line-height: 1;
	display: inline-block;
	padding-top: calc(1rem + .75rem * (2 / 3));
	padding-bottom: calc(1.1rem / 3);
	width: 90%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #9e9e9e;
	font-weight: 400;

	margin: 0 0 0 0px;
}

.form-label-group-dstv.dropdown .jcf-select .jcf-select-text>span {
	line-height: 1;
	font-size: 1rem;
	color: #0a121d;
}

.form-label-group-dstv.dropdown .jcf-select .jcf-select-text .jcf-option-default-select-option {
	color: #9E9E9E;
}

.form-label-group-dstv.dropdown .jcf-select .jcf-select-opener {
	height: auto;
	top: 1rem;
}

.form-label-group-dstv.dropdown .jcf-select .jcf-select-opener:before {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	border-color: rgba(10, 18, 29, .4);
}

.form-label-group-dstv.dropdown .jcf-focus~label,
.form-label-group-dstv.dropdown .jcf-drop-active~label {
	color: #007e3c !important;
}

.form-label-group-dstv.dropdown label {
	padding-top: calc(.75rem / 3);
	padding-bottom: calc(.75rem / 3);
	pointer-events: none;

	padding-left: 0px;
}

.form-label-group-dstv.dropdown:hover label {
	color: #0a121d;
}

.form-label-group-dstv.dropdown .jcf-select-drop .jcf-list {
	margin-top: 1px;
	background: #fff;
	border: 1px solid #cecfd1;
	border-top: none;
}

.jcf-list ul li {
    margin-bottom: 6px;
}

.form-label-group-dstv.dropdown .jcf-select-drop .jcf-list .jcf-option {
    white-space: unset;
    color: #474d56;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 700;
    padding: 11px 40px 0px 9px;
    line-height: 15px;
}

.form-label-group-dstv.dropdown .jcf-select-drop .jcf-list .jcf-option.jcf-hover {
	background: #f2f2f2;
	color: #007e3c;
}

.form-label-group-dstv.dropdown .jcf-select-drop .jcf-list .jcf-option.jcf-selected {
	color: #007e3c !important;
	font-weight: 400;
	background: #fff;
}

.form-label-group-dstv.dropdown .jcf-select-drop .jcf-list .jcf-list-content {
	border: 0;
    padding-bottom: 10px;
    padding-top: 5px;
}

.umbraco-forms-field-wrapper .cb-wrap a {
	color: #000 !important;
	text-decoration: underline;
}

.umbraco-forms-field-wrapper .cb-wrap a:hover {
	color: #007e3c !important;
	text-decoration: underline;
}

.error-class label {
	color: #ff2d55;
}

.validation-error {
	color: #ff2d55;
	-webkit-transition: color ease .3s;
	transition: color ease .3s;
	margin-top: 0rem;
	margin-bottom: 0;
	font-size: .75rem;
	font-weight: 500;
	line-height: 1;
	display: block;
	visibility: hidden;
	top: 6%;
}

.umbraco-forms-field-ack {
	margin-bottom: 3rem;
}

.styled-checkbox {
	position: absolute;
	opacity: 0;
}

.styled-checkbox+label {
	position: relative;
	cursor: pointer;
	padding: 0;
	margin-bottom: 0px;
	font-weight: 400;
	letter-spacing: 0em;
	padding-left: 30px;
}

.styled-checkbox+label:before {
	content: "";
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-top;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 1px solid #9e9e9e;
	border-radius: 5px;
	margin-left: -34px;
}
.validateCheckBox+label:before {
	border: 2px solid red !important;
}
/*.styled-checkbox:hover + label:before {*/
/*  background: #f35429;*/
/*}*/
.styled-checkbox:focus+label:before {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}

.styled-checkbox:checked+label:before {
	background: #004b24;
}

.styled-checkbox:checked+label:after {
	content: "";
	position: absolute;
	left: 1px;
	top: 9px;
	background: white;
	width: 2px;
	height: 2px;
	box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
	transform: rotate(45deg);
}

.get-con .button {
	color: #000 !important;
	background-color: transparent;
	border-color: #000;
	font-weight: 600;
}

.Alreadycustomer .button {
	background: transparent;
	color: #fff !important;
	border-color: #fff;
	margin-top: 20px;
	font-weight: 600;
	padding: 1em 3em;
}

.Alreadycustomer .button:hover {
	border-color: #007e3c;
}

.dstvcontactform input.button {
	color: #007e3c;
	width: 60%;
	margin: 0 auto;
}

.dstvcontactform a:hover,
.dstvcontactform a:focus,
.dstvcontactform a:active,
.dstvcontactform a:visited {
	color: #007e3c !important;
}

@media screen and (max-width:1400px) {
.form-label-group-dstv.dropdown .jcf-select-drop .jcf-list .jcf-option {
    font-size: 0.8rem;
    }
}

@media screen and (max-width:540px) {
	.let-us-call-you {
		padding-top: 7rem;
	}

	.get-con {
		margin-bottom: 3em;
	}

	.Alreadycustomer {
		margin-top: 2em;
	}
}