/* =========================== common css =======================*/
.mutual-wrapper {
	padding-top: 220px;
}

.top_banner_style{
    position: relative;
   }
  .bannerMain{
    position: absolute;
    content: "";
    max-width: 100%;
    height: auto;
    display: block;
    top: -115px;
    z-index: -999;
  }

  .cal-header{
    position: absolute;
    top: -200px;
    left:40%;
    /* transform: translate(-35%, -45%); */
   
  }

  .cal-header h3{
    color: #fff;
    font-size: 2rem;   
  }
  .cal-border {
	height: 5px;
	width: 70px;
	background-color: #B02A30;
	margin: 0 auto;
}

/* ============== /calculator css ============== */
/* ============== /icofont css ============== */
.currency-icon {
	color: #cac2bc;
	position: relative;
	font-size: 25px;
	top: 27%;
	left: 27%;
	transform: translate(-27%,-27%);
}
 /* ============================ RETURN CALCULATOR SECTION START ============================== */
     /* top section */
     .cal-header{
        position: absolute;
        top: -135px;
        left: 45%;
        transform: translate(-35%, -45%);
        color: #fff;
        font-size: 3.6rem;
      }
.cal-border{
             height: 5px;  
             width: 70px;
             background-color: #B02A30;
             margin: 0 auto;
      }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cal-header{
  position: absolute;
  top: -160px;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 2.6rem;
}
.cal-border{
  height: 5px;  
  width: 70px;
  background-color: #B02A30;
  margin: 0 auto;
}
}
.top_banner_style{
position: relative;
}
.bannerMain{
position: absolute;
content: "";
max-width: 100%;
height: auto;
display: block;
top: -115px;
z-index: -999;
}

/* mid section */
.mid-section{
       padding-top: 158px;
}
.mid-title{
   color: #174082;
}
/* .titleWithInfo h6{
       font-weight: bold;
       font-size: 25px;
} */
.titleWithInfo {
  font-size: 15px;
  font-weight: bold;
  color: #5b5858;
}
.mid-sub-title{
      line-height: 25px;
}
.card{
 margin-top: 10px;
}
.card-content{
padding: 70px;
}
.header-title{
color: #174082;
text-align: center;
padding-top: 50px;
}
.btn-link:focus,
.btn-link:hover {
text-decoration: none;

}
.inputBox{
    width: 100%;
    height: auto;
    border: 1px solid #cac2bc;
    border-radius: 50px;
    padding: 10px;
}
.cal-icon1{
width: 55px;
height: 55px;
border: 2px solid #cac2bc;
border-radius: 50%;
position: relative;
}
.cal-icon2{
color: #cac2bc;
position: relative;
font-size: 25px;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%,-50%);
}
@media screen and (max-width: 392px) {
    .cal-icon2{
        top: 35%;
        left: 38%; 
        }
  }
/* .cal-des{
position: absolute;
top: 48%;
left: 60%;
transform: translate(-80%,-60%);
} */


.cal-des{
/* position: absolute; */
 margin-top: -47px;
 margin-left: 75px;

}
.cal-des h6{
          font-size: 13px;
}
.custom-input{
border: none;
display: inline;
/* margin-top: -30px; */
/* margin-left: -20px; */
font-weight: bold;
font-size: 16px;
color: #174082;
max-width: 100px;
}
.cal-icon1:hover{
       border: 2px solid #ff6600;
       transition: 1s;
       cursor: text;
}
.inputBox:hover {
       border: 1px solid #ff6600;
       transition: 1s;
       cursor: text;
}
.cal-icon1 i:hover{
        color: #ff6600;
        transition: 1s;
}

.custom-range{
  -webkit-appearance: none;
  outline: none;
  border: none;

}
.start-end-range{
   display: flex;
   justify-content: space-between;
   margin-top: -10px;
}
.card-mid-sec {
  background-color: #ffffffc2;
padding: 20px;
margin-top: 20px;
  border: 1px solid #dfdcdc;
}
.card-mid-sec h5{
        text-align: center !important;
}
.card-mid-sec b{ 
    color: #DD4F13;
}
.mid-button{
       display: flex;
       justify-content: space-between;
       margin: 30px 50px -10px  50px;
}
.cal-invest-sec{
       display: flex;
       justify-content: space-between;
       padding-top: 10px;
}
.cal-btn {
 padding: 10px 40px;
  background-color: #fc751e;
  border: 1px solid #fc751e;
border-radius: 50px;
color: #fff;
}
.cal-btn:hover{
       background-color: #DD4F13;
       transition: 1s;
       color: #fff;
}


/* bottom section start */
.bottom-section{
       padding-bottom: 100px;    
}
.bottom-section-container{
width: auto;
height: auto;
background-color: #FFFFFF;
border-radius: 5px;
}
.bottom-top-sec{
text-align: center;
color: #174082;
}
.bottom-top-sec h5{
       padding-top: 25px;
}
.bottom-contact-sec{
       padding: 70px;
}
.bottom-top-sec h6{
      text-align: center;
      padding-top: 5px;
      color: #174082;
}
.mid-position{
      margin: 20px auto;
}
.contact-paragraph{
color: #174082;
text-align: center;
font-size: 10px;
margin: 0 auto;
line-height: 1rem;
}
.contact-paragraph button{
      font-size: 18px;
}
.custom-input-form{
border: none;

font-size: 16px;
color: #ababac;
}
.cal-des2{
position: absolute;
top: 60%;
left: 44%;
transform: translate(-60%,-42%);
}
/* wealth calculator */
.cal-des-col-6{
  position: absolute;
  /* top: 48%;
  left: 55%; */
  /* transform: translate(-80%,-55%);    */
  margin-top: -55px;
  margin-left: 67px;
}
.cal-des-col-6 h6{
  font-size: 13px;
}
.mid-button{
     justify-content: space-around;
}
.border{
          border: 0.5px solid #42423f !important;
}
/* .right-mid-button b{
           color:  #DD4F13;;
}
.left-mid-button b,i{
           color:  #DD4F13;;
} */
.submit-btn{
  display: flex;
  justify-content: center;
  padding-top: 20px;
}