.cal-txt{
	padding: 15px !important;
    color: #000;
    border: 1px solid #c9d5e1 !important;    
    font-size: 24px !important;
    cursor: not-allowed;
    width: 240px;
	background-color:#fff;
	margin-top:10px;
	text-align: center;
	color: #004E74;
	outline: none;
}
#calculator{
	padding: 17px !important;    
    font-size: 20px;
    border: 1px solid #c9d5e1 !important;
    width: 240px;
	color: #47484D;
	outline: none;
}
.dd-btn-group{
	display:flex;
}
.perform-calculation{
	padding: 16px !important;
    font-size: 20px;
    font-weight: 600;
    border: 1px solid #a4d137 !important;
    width: 200px;
    margin-top: 10px;
    cursor: pointer;
    color: #004E74;
    background: #a4d137;
} 
.Calculator-Section{
    margin: 0 auto;
    max-width: 1100px;
    width: 100%;
}
.Calculator-Section label{
	color:#fff;
	text-align: left;
    font-size: 13px;
}
.calculator-desc-heading p{
	width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}
.calculator-desc-line p {
    width: 100%;
    max-width: 1100px;
    margin: 25px auto 0 auto;
    margin-bottom: 0 !important;
}
.calculator-desc-line-small p {
    width: 100%;
    max-width: 1100px;
    margin: 0px auto 0 auto;
    margin-bottom: 0 !important;
}
.calculator-main-section{
	background-size: 100% 100% !important;
}
.Calculator-Section .div1{float: left;width: 45%;}
.Calculator-Section .div2{float: left;width: 25%;}
.Calculator-Section .div3{float: left;width: 25%;}

.styled-select {
  height: 58px;
  overflow: hidden;
  margin-top: 10px;
  background: url(https://avidxdev.wpengine.com/wp-content/uploads/2022/08/dd-icon-59.png) no-repeat right white;
}

.styled-select select {
  background: transparent;
  -webkit-appearance: none;
}
.calculator-desc-heading p,.calculator-desc-line p,.calculator-desc-line-small p {
	line-height: normal;
}
	
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.dd-btn-group {
		margin-bottom: 20px;
	}
	.Calculator-Section {
		margin: 0 auto;
		max-width: 50%;
		width: 100%;
	}
	  .Calculator-Section .div1{
		width: 90%;
	  }
	  .Calculator-Section .div2 {
		width: 80%;
		margin-bottom: 20px;
		float: unset;
	  }
	 .Calculator-Section .div3 {
		float: unset; 
		width: 80%;
	}
	#calculator {
		width: 300px;
	}
	.calculator-desc-heading p,.calculator-desc-line p,.calculator-desc-line-small p {
		max-width: 70%;
	}
}

@media only screen and (min-width: 491px) and (max-width: 767px) {
	.dd-btn-group {
		margin-bottom: 20px;
	}
	.Calculator-Section {
		margin: 0 auto;
		max-width: 70%;
		width: 100%;
	}
	.Calculator-Section .div1{
		width: 100%;
	  }
	.Calculator-Section .div2 {
		width: 70%;
		float: unset;
		margin-bottom: 20px;
	}
	.Calculator-Section .div3 {
		float: unset; 
		width: 70%;
	}
	.calculator-desc-heading p,.calculator-desc-line p,.calculator-desc-line-small p {
		max-width: 70%;
		line-height: normal;
	}
	.calculator-desc-heading p{
		font-size: 40px !important;
	}
}

@media only screen and (min-width: 320px) and (max-width: 490px) {
		.Calculator-Section {
			margin: 0 auto;
			max-width: 70%;
			width: 100%;
		}
		.dd-btn-group {
			margin-bottom: 20px;
			display: block;
		}
	
	  .Calculator-Section .div1{
		width: 240px;
		float: unset; 
	  }
	  .Calculator-Section .div2 {
		width: 100%;
		margin-bottom: 20px;
	  }
	 .Calculator-Section .div3 {
		float: unset; 
		width: 100%;
	}
	#calculator {
		width: 300px;
	}
	.calculator-desc-heading p,.calculator-desc-line p,.calculator-desc-line-small p {
		max-width: 70%;
		line-height: normal;
	}
	.calculator-desc-heading p{
		font-size: 35px !important;
	}
}