/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 06 2024 | 12:06:21 */
/******** calculator *********/
.range-labels {
    box-shadow: 0 0 10px 0 #0000003d;
    border-radius: 10px !important;
    padding: 30px 50px;
}

.range-labels label {
    font-size: 24px !IMPORTANT;
    font-weight: 700;
}

input#hourlyRate {
    width: 100%;
    max-width: 93%;
    margin: 0 auto;
}

.devrange-labels {
    box-shadow: 0 0 10px 0 #0000003d;
    border-radius: 10px !important;
    padding: 30px 50px;
    margin-top: 30px;
}

.devrange-labels label {
    font-size: 24px !IMPORTANT;
    font-weight: 700;
}

input#devRate {
    width: 100%;
    max-width: 96%;
    margin: 0 auto;
}

.devrange-labels span {
    font-size: 18px !important;
    font-weight: 500;
}
div#hourlyExperience {
    color: #111731 !important;
    font-size: 18px !important;
    border-radius: 10px !important;
    padding: 20px 30px;
    background: #f59d2aab !important;
    margin: 20px 0 40px;
    width: 100%;
    max-width: 50%;
    text-align: center;
    font-weight: 700 !IMPORTANT;
    box-shadow: 0 0 10px 0 #00000042;
}
div#devExperience {
	color: #111731 !important;
    font-size: 18px !important;
    border-radius: 10px !important;
    padding: 20px 30px;
    background: #f59d2aab !important;
    margin: 20px 0 40px;
    width: 100%;
    max-width: 50%;
    text-align: center;
    font-weight: 700 !IMPORTANT;
    box-shadow: 0 0 10px 0 #00000042;
}
div#total-amount {
    color: #111731 !important;
    font-size: 18px !important;
    border-radius: 10px !important;
    padding: 40px 50px;
    background: #f59d2a !important;
    margin: 20px 0 40px;
    width: 100%;
    max-width: 30%;
    text-align: center;
    font-weight: 700 !IMPORTANT;
    box-shadow: 0 0 10px 0 #00000042;
    float: right;
}

/******** calculator *********/


/*Media Query*/
@media only screen and (max-width: 1366px) and (min-width:768px) {
	input#hourlyRate, input#devRate {
    max-width: 85%;
}
	.range-labels, .devrange-labels {
    margin: 0 auto;
    text-align: center;
}
	div#hourlyExperience, div#devExperience {
    font-size: 14px !important;
}
	.devrange-labels {
    margin-top: 50px;
}
	div#total-amount {
    font-size: 16px !important;
    padding: 30px 40px;
}
}


@media only screen and (max-width: 500px){
	.tabs-services .elementor-tab-content {
    padding: 20px 20px !IMPORTANT;
    border-top: 5px solid #fff !important;
}
	.tabs-services .elementor-tab-title {
    padding: 25px 10px !IMPORTANT;
    margin: 0 !important;
		border-top: 5px solid #fff !important;
    border-radius: 0 !IMPORTANT;
}
	.range-labels {
    padding: 30px 20px;
}
	input#hourlyRate {
    max-width: 63%;
}
	.devrange-labels {
    padding: 30px 20px;
}
	input#devRate {
    width: 100%;
    max-width: 76%;
}
	div#hourlyExperience {
    color: #111731 !important;
    font-size: 14px !important;
    border-radius: 10px !important;
    padding: 20px 30px;
    background: #f59d2aab !important;
    margin: 20px 0 40px;
    width: 100%;
    max-width: 100%;
    text-align: center;
    font-weight: 700 !IMPORTANT;
    box-shadow: 0 0 10px 0 #00000042;
}
	div#devExperience {
    color: #111731 !important;
    font-size: 14px !important;
    border-radius: 10px !important;
    padding: 20px 30px;
    background: #f59d2aab !important;
    margin: 20px 0 40px;
    width: 100%;
    max-width: 100%;
    text-align: center;
    font-weight: 700 !IMPORTANT;
    box-shadow: 0 0 10px 0 #00000042;
}
	div#total-amount {
    color: #111731 !important;
    font-size: 16px !important;
    border-radius: 10px !important;
    padding: 40px 20px;
    background: #f59d2a !important;
    margin: 20px 0 40px;
    width: 100%;
    max-width: 100%;
    text-align: center;
    font-weight: 700 !IMPORTANT;
    box-shadow: 0 0 10px 0 #00000042;
    float: right;
}
	.range-labels label, .devrange-labels label {
    font-size: 18px !IMPORTANT;
    font-weight: 700;
}
	.range-labels, .devrange-labels {
    text-align: center;
    margin: 0 auto;
}
	.devrange-labels {
    margin-top: 50px;
}
	
}