.mobile-block {
	display:none !important;
}

.roi_calculator_header {
    text-align: left !important;
    font-family: 'Urbanist', sans-serif !important;
	background-color:#E8E6FE!important;
	background-image:none!important;
	padding: 40px 0px 140px!important;
}

.roi_calculator_header h1,
.roi_calculator_header h2,
.roi_calculator_header p {
    color: #000043 !important;
}

.roi_calculator_header h1 {
    font-family: 'Urbanist', sans-serif !important;
    font-weight: 700 !important;
}

.roi_calculator_header h2 {
    font-family: 'Urbanist', sans-serif !important;
}

.roi_calculator_header p {
	 font-family: 'Urbanist', sans-serif !important;
}

.roi-banner-cont {
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100%;
}

.roi-banner-img {
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    padding-left: 50px;
}

.roi-banner-img img{
	width:100%;
	height:auto;
}

.roi_calculator_wrap #app {
	background-color:transparent;
}

.roi_calculator_form_wrap.step_01 {
	background-color:#fff!important;
	border-radius: 10px 10px 0 0;
}

.roi_calculator_form_wrap.step_01 .title_1a{
	color:#000043;
}

.roi_calculator_form_wrap .goal_box .image i {
    background: #000043 !important;
    font-family: 'Urbanist', sans-serif !important;
}

.roi_calculator_form_wrap .goal_box p {
	font-family: 'Urbanist', sans-serif !important;
	color:#000043!important;
	justify-content:center;
}

.roi_calculator_form_wrap .goal_box .image img {
    max-height: 150px !important;
}

.roi_calculator_form_wrap ul.activated .goal_box .image {
    padding-left: 46px!important;
}

.roi_calculator_form_wrap ul.activated .goal_box .image i {
    bottom: 0!important;
    height: max-content!important;
    margin-left: -5px!important;
    margin-top: auto!important;
    margin-bottom: auto!important;
}

.roi_calculator_form_wrap .goal_box>button {
    background: #7327CC !important;
    border-radius: 4px !important;
    border: none !important;
    color: #FAFAFA !important;
    font-family: 'Urbanist', sans-serif !important;
	box-shadow: none!important;
}

.roi_calculator_form_wrap .goal_box>button:hover {
    background: #000044 !important;
	box-shadow: none!important;
}

.roi_calculator_form_wrap .goal_box>button:focus {
	background-color: #24247F!important;
    box-shadow: none!important;
}

.roi_calculator_form_wrap .goal_box .change_goal_btn {
    font-family: 'Urbanist', sans-serif !important;
    color: #7327CC !important;
}

.roi_calculator_form_wrap label {
    font-family: 'Urbanist', sans-serif !important;
}

.roi_form_wrap ul li .title_wrap:before {
    display: none !important;
}

.roi_form_wrap ul li .title_wrap h4 {
    background: #000043 !important;
    border-radius: 50px !important;
    border: none !important;
    font-size: 24px !important;
}

.roi_calculator_form_wrap .slider-connect {
    background: #7327cc !important;
}

.roi_calculator_form_wrap .slider-touch-area {
    border: none !important;
    background: #7327cc !important;
}

.roi_calculator_form_wrap .slider-base {
    background-color: #979696 !important;
	cursor:pointer;
}

.roi_calculator_form_wrap .placeholder {
    background: #e5e3fd !important;
    border: none !important;
    font-weight: bold !important;
}

.roi_calculator_form_wrap .placeholder .placeholder-input {
	background: #e5e3fd !important;
    border: none !important;
    font-weight: bold !important;
	text-align: center;
    width: 100%;
	color: #000044;
	font-family: 'Urbanist', sans-serif;
}

/* Chrome, Safari, Edge, Opera */
.roi_calculator_form_wrap .placeholder .placeholder-input::-webkit-outer-spin-button,
.roi_calculator_form_wrap .placeholder .placeholder-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.roi_calculator_form_wrap .placeholder .placeholder-input[type=number] {
  -moz-appearance: textfield;
}

.roi_calculator_form_wrap .radio_input input+hr,
.roi_calculator_form_wrap .radio_input input:checked+hr {
    background: #7327cc !important;
}

.roi_calculator_form_wrap .active label {
    color: #7327cc !important;
}

.score_widget_number {
	background: #7327CC !important;
	outline-color: #7327CC!important;
}

.roi_form_wrap button {
    background: #7327CC !important;
    border-radius: 4px !important;
    border: none !important;
    color: #fff !important;
    font-family: 'Urbanist', sans-serif !important;
	box-shadow: none!important;
}

.roi_form_wrap button:hover {
	background: #000044 !important;
	box-shadow: none!important;
}

.roi_form_wrap button:focus {
	background-color: #24247F!important;
    box-shadow: none!important;
}

.results_wrapper {
	color:#656565!important;
}

.results_wrapper p b {
	color:#656565!important;
}

.results_wrapper small {
	color:#656565!important;
}

.results_wrapper button{
	background: #7327CC !important;
    border-radius: 4px !important;
    border: none !important;
    color: #fff !important;
    font-family: 'Urbanist', sans-serif !important;
	box-shadow: none!important;
}

.results_wrapper button:hover {
	background: #000044 !important;
	box-shadow: none!important;
}

.results_wrapper button:focus {
	background-color: #24247F!important;
    box-shadow: none!important;
}

.result_description p{
	font-family: 'Urbanist', sans-serif !important;
}

.result_description b.score, .result_description p b.score {
	color: #7327CC !important;
}

/* popup-style */

.get-a-demo-popup_overlay {
	position: fixed;
    top: 0;
    right: 0;
	bottom:0;
    left: 0;
    width: 100%;
    height: 100%!important;
	background-color: rgba(0,0,0,.8);
    margin: 0;
	opacity:1;
}

.get-a-demo-popup > .container{
    margin: auto;
    z-index: 1;
    position: relative;
    padding: 30px 22px 25px 22px;
/*     background: url(/wp-content/themes/smartkarrot/new_homepage/images/bg-5.png); */
	background:#fff;
    background-size: cover;
    width: 540px;
    max-width: 100%;
    border-radius: 20px;
	max-height:100vh;
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: max-content;
}

.get-a-demo-popup>.container .row .col-md-5 {
	width: 100%;
    max-width: 100%!important;
    flex: 1;
}

.get-a-demo-popup {
	position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
	bottom:0;
    display: none;
    z-index: 9999999;
    min-height: 100vh;
    transition: all ease-in-out 0.3s;
    background: none;
    margin: 0;
	padding:0px;
	opacity: 1!important;
}

.get-a-demo-popup .close_get_a_demo {
	font-family: Arial;
    font-style: normal;
/*     background: #fff; */
   	color: #E0E0E0;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    text-align: center;
    position: absolute;
    cursor: pointer;
    font-size: 28px;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 4px;
    right: 4px;
}

.get-a-demo-popup .card-header h4 {
	font-size: 20px;
}

.get-a-demo-popup.form-section .platform-form {
	margin:0px;
	border: none;
	box-shadow:none;
}

.get-a-demo-popup.form-section .section-title {
	margin-bottom:0px!important;
	font-weight:700;
	font-size: 36px !important;
	padding: 0px 35px 0px 35px;
    line-height: 1.2em;
	color: #101828 !important;
}

.get-a-demo-popup.form-section .section-title span {
	font-weight:700;
}

.get-a-demo-popup.form-section .platform-form .card-header {
	background:#fff;
	border-bottom:none;
	padding-bottom: 0px;
}

.get-a-demo-popup.form-section .platform-form h4 {
	color: #667085;
    margin-top: 0px;
	margin-bottom: 0px;
    padding-top: 12px;
	padding-bottom: 4px;
	font-weight:400;
	font-size: 1.1em !important;
}

.get-a-demo-popup.form-section .platform-form h4 span {
	font-weight:400;
}

.get-a-demo-popup.form-section .platform-form .card-body {
	padding: 0px 20px 10px;
	background-color:#fff;
	font-family: "Urbanist","Poppins",sans-serif;
}

.get-a-demo-popup.form-section .platform-form .form-group {
	margin-bottom:16px!important;
}

.get-a-demo-popup.form-section .platform-form .form-control{
	border: 1px solid #c1b9b9!important;
	border-radius: 4px!important;
	height: 56px!important;
	font-family: 'Urbanist', sans-serif;
}

.get-a-demo-popup.form-section .platform-form textarea.form-control{
	min-height: 98px !important;
}

.get-a-demo-popup.form-section .platform-form .btn-primary {
	margin-top:5px;
}

.get-a-demo-popup.form-section .platform-form .form-control::placeholder {
 	color: #9A9A9A!important;
 	opacity: 1; /* Firefox */
	font-size:18px;
}

.get-a-demo-popup.form-section .platform-form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #9A9A9A!important;
	font-size:18px;
}

.get-a-demo-popup.form-section .platform-form .form-control::-ms-input-placeholder { /* Microsoft Edge */
	color: #9A9A9A!important;
	font-size:18px;
}

.get-a-demo-popup .form-row {
	margin: 0px -12px
}

.get-a-demo-popup .form-col {
	padding:0px 12px
}

.text-grey {
	color:#656565;
}

.btn-primary {
	font-family: "Urbanist", 'Poppins', sans-serif;
}

.annual-growth .placeholder {
	padding-left: 30px;
}

.expected-growth .placeholder, .what-percent .placeholder {
	padding-right: 30px;
}

.annual-growth .placeholder:before, .expected-growth .placeholder:before, .what-percent .placeholder:before {
    background: #f2f2f2;
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
	color: #000044;
	font-family: 'Urbanist', sans-serif;
}

.annual-growth .placeholder:before {
	content: '$';
	left: 0;
	border-radius: 8px 0px 0px 8px;
}

.expected-growth .placeholder:before{
	content: '%';
	right:0;
	border-radius: 0px 8px 8px 0px;
}

.what-percent .placeholder:before {
	content: '%';
	right:0;
	border-radius: 0px 8px 8px 0px;
}

.error-loader {
/* 	height:auto; */
	width:auto;
}

/* @media (min-width:768px) {
	.roi_calculator_header {
		background-size: contain!important;
    	background-position: center !important;
	}
} */

@media (max-width:1199px) {
	.mobile-block {
		display:block !important;
	}
}

@media (max-width:991px) {
	.roi-banner-img {
		padding-left:0px;
	}
	.get-a-demo-popup>.container .row .col-md-5 {
		max-width:100%!important;
	}
}

@media (max-width:767px) {
	.roi-banner-img {
		padding-top:30px;
	}
	.roi-banner-img img{
		max-width:300px;
		margin:auto;
	}
}

/* @media (max-width:767px) {
	.roi_calculator_header {
		background-image:none;
	}
}  */

@media (max-width:575px) {
	.get-a-demo-popup>.container .row .col-md-5 {
		max-width:100%!important;
	}
}