		<div data-elementor-type="wp-page" data-elementor-id="2525" class="elementor elementor-2525">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-7322748 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="7322748" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-28668bb" data-id="28668bb" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-c2bf2ac elementor-widget elementor-widget-heading" data-id="c2bf2ac" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<style>/*! elementor - v3.20.0 - 26-03-2024 */
.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}</style><h2 class="elementor-heading-title elementor-size-default">Pricing Calculator</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-e06b775 elementor-widget elementor-widget-heading" data-id="e06b775" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Pricing<br> Calculator</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-5f5dcde elementor-widget elementor-widget-html" data-id="5f5dcde" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<div class="row">
    <style>
        .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.demo {
    margin: 33px auto;
    overflow: hidden;
    width: 700px;
}
.resp-tabs-container {
    box-sizing: border-box;
    clear: left;
    color: #672812;
    float: left;
    width: 100%;
}
.form-outer-info {
    background-color: #ececec;
    border-radius: 0;
    box-sizing: border-box;
    clear: left;
    color: #672812;
    float: left;
    padding: 15px;
    width: 100%;
}
.fild-wrap {
    background: #f3f3f3 none repeat scroll 0 0;
    box-sizing: border-box;
    float: left;
    margin: 14px 0 0;
    padding: 15px;
    width: 100%;
}
.input-outer {
    float: left;
    margin: 0 0 9px 0px;
    text-align: center;
    width: 100%;
    
}
.col-fm-1 {
    float: left;
    font-size: 15px;
    font-style: italic;
    width: 35%;
    clear: both;
}
.col-fm-2 {
    float: left;
    width: 44%;
}

input:not([type=range]) {
    width: 100%;
    padding: 5px
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
[role=button], a, area, button, input:not([type=range]), label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    color: #989898;
}
label {
    display: block;
    margin-bottom: 5px;
    font-weight: normal;
    line-height: 20px;
}

[role=button], a, area, button, input:not([type=range]), label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    color: #989898;
}
.col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
@media screen and (max-width: 360px) {   
    .col-sm-4 {
     flex: 100%;
    max-width:100%;
}
}
    </style>
<div class="demo">
<div class="resp-tabs-container">
<form class="form-outer-info" action="" method="post">
<div class="fild-wrap">
<div class="input-outer">
<label class="col-fm-1">Country</label>
<div class="col-fm-2">
<input type="text" name="country" id="country" value="Qatar" disabled="disabled">
</div>
</div>
<div class="input-outer">
<label class="col-fm-1">No of Vehicles</label>
<div class="col-fm-2">
<input type="text" min="0" name="noofveh" id="noofveh" class="qty" onkeypress="return (event.which >= 48 &amp;&amp; event.which <= 57) || event.which == 8 || event.which == 46 || event.which == 37 || event.which == 39" onchange="ValueChanged()" required=""><br>
</div>
</div>
</div>
<div class="fild-wrap">
<div class="col-sm-4">
<div class="radio">
<label style="font-size:17px;font-style:italic;">Contract Based<input class="device_category" id="c_based" type="radio" name="device_category" value="Contract Based" checked="checked" required="">
</label>
</div>
</div>
<div class="col-sm-4">
<div class="radio">
<label style="font-size:17px;font-style:italic;">Non-Contract Based<input class="device_category" id="nc_based" type="radio" name="device_category" value="Non-Contract Based" required="">
</label>
</div>
</div>
<div class="col-sm-4">
<div class="radio">
<label style="font-size:17px;font-style:italic;">Mobile Based Solution<input class="device_category" id="mob_based" type="radio" name="device_category" value="Mobile Based Solution" required="">
</label>
<input type="text" name="hide_device_category" id="hide_device_category">
</div>
</div>
</div>
<div class="fild-wrap">
<div class="input-outer">
<label class="col-fm-1">Subscription Cost</label>
<div class="col-fm-3">
<span name="subscribe_cost" id="subscribe_cost">
5
</span>
<input type="text" name="hide_subscribe_cost" id="hide_subscribe_cost">
</div>
</div>
<div class="input-outer">
<label class="col-fm-1">Total Cost</label>
<div class="col-fm-3">
<span name="total_cost" id="total_cost">
0
</span>
<input type="text" name="hide_total_cost" id="hide_total_cost">
</div>
</div>
</div>
<div class="input-outer">
<input class="col-fm-2" type="input" name="email" placeholder="Enter your mail ID" style="width:67%;margin-top:15px; margin-left: 25px;" required="">
<input class="pricing-btn1" type="submit" value="Send Quote" style="margin-top:15px;" name="submit_a">
</div>
</form>
</div>
</div>
</div>		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		

Pricing Calculator

Pricing
Calculator

About

Our Sister Sites

Ecommerce

Industries

Hire Link Developer

App Cost Calculator

Contact Us

Our Services

Our Blogs

Subscribe

Probytes in Social Media