/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
  .rental-yield-wrapper *{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
 }

 .rental-yield-wrapper{
  max-width: 750px;
  margin: 0 auto;
    background: #F5EADF;
    border-radius: 20px;
 }
 .rental-yield-wrapper .main_wrpr{
  padding: 20px;
 }
.rental-yield-header h1 {
      margin: 0;
    text-align: center;
    font-size: 30px;
    padding: 20px 0 0;
    color: #f16421;
    margin: 0 !important;
    font-weight: 600;
}

.rental-yield-input-area{
  margin-bottom: 20px;
}
.rental-yield-output-area input {
    border: none;
    background: #f2f2f2;
}
.rental-yield-input-area input::-webkit-input-placeholder { /* Edge */
  color: rgb(78 78 78);
  opacity: 0.6;
      font-size: 16px;
}
.main_wrpr input:focus {
      outline: none;
    border-color: #f16421;
    color: #3e3e3e;
    box-shadow: none;
}
.rental-yield-input-area input:-ms-input-placeholder { /* Internet Explorer 10-11 */
     color: rgb(78 78 78);
  opacity: 0.6;
      font-size: 16px;
}

.rental-yield-input-area input::placeholder {
      color: rgb(78 78 78);
   opacity: 0.6;
       font-size: 14px;
}
.rental-yield-input-area, .rental-yield-output-area{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
        justify-content: center;
}
.input-section input, .rental-yield-output-area input {
           height: 40px;
    border-radius: 5px;
    width: 100%;
    padding: 0px 15px;    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
}
.rental-yield-input-area .input-section, .rental-yield-output-area .input-section {
    flex-basis: 50%;
    padding: 10px;
}
.rental-yield-output-area {
  background: #f2f2f2;
    padding: 15px;box-shadow: 1px 3px 29px 0px rgb(31 31 31 / 10%);
}
.input-section label {
    font-size: 14px;
    padding-bottom: 10px;
    display: inline-block;
}
.rental-yield-output-area input {
       height: 40px;
    border: 1px solid #999;
    border-radius: 0px;
    width: 100%;
    padding: 0px 25px;   
}
/*button.calculate-button {*/
/*    height: 50px;*/
/*    text-transform: capitalize;*/
/*    font-weight: 600;*/
/*    display: inline-block;*/
/*    line-height: 25px;*/
/*    font-size: 14px;*/
/*    transition: all 1s ease 0s;*/
/*    background: rgb(241, 100, 33);*/
/*    border-radius: 30px;*/
/*    padding: 10px 40px;*/
/*    color: #fff;*/
/*    font-weight: bold;*/
/*    display: inline-block;*/
/*    cursor: pointer;    border: 1px solid #f16421;*/
/*    text-decoration: none;*/
/*}button.calculate-button:hover{color: #f16421;*/
/*    background: #333! important;*/
/*    border: 1px solid #f16421;*/
/*    transition: all ease 0.5s;}*/