/*--------------------------------------------------------------

# Features Section

--------------------------------------------------------------*/

.features .nav-tabs {

  border: 0;

}



.features .nav-link {

  border: 0;

  padding: 25px 20px;

  color: #48566A;

  box-shadow: 5px 5px 25px rgba(72, 86, 100, 0.15);

  border-radius: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  transition: 0s;

  cursor: pointer;

  height: 100%;

}



.features .nav-link i {

  font-size: 32px;

  line-height: 0;

}



.features .nav-link h4 {

  font-size: 20px;

  font-weight: 600;

  margin: 10px 0 0 0;

  color: #48566A;

}



.features .nav-link:hover {

  color: #0ea2bd;

}



.features .nav-link.active {

  transition: 0.3s;

  background: #485664 linear-gradient(rgba(14, 162, 189, 0.95), rgba(14, 162, 189, 0.6));

  border-color: #0ea2bd;

}



.features .nav-link.active h4 {

  color: #fff;

}



.features .nav-link.active i {

  color: #fff !important;

}



.features .tab-content {

  margin-top: 30px;

}



.features .tab-pane.active {

  animation: fadeIn 0.5s ease-out;

}



.features .tab-pane h3 {

  font-weight: 600;

  font-size: 26px;

  color: #485664;

}



.features .tab-pane ul {

  list-style: none;

  padding: 0;

}



.features .tab-pane ul li {

  padding-bottom: 10px;

}



.features .tab-pane ul i {

  font-size: 24px;

  margin-right: 4px;

  color: #0ea2bd;

}



.features .tab-pane p:last-child {

  margin-bottom: 0;

}



@keyframes fadeIn {

  0% {

    opacity: 0;

  }



  100% {

    opacity: 1;

  }

}





/****** EMI ********/ 



.emi-calc .container {

  height: auto;

  width: 55%;

  border-radius: 20px;

  padding: 20px;

  margin: 20px auto;

  background-image: linear-gradient(to bottom left, #e4dfec, white, white);

}

.emi-calc .sub-container {

  display: flex;

  width: 100%;

  gap: 50px;

  height: max-content;

}



.emi-calc .header {

  width: 100%;

  height: auto;

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 30px;

}



.emi-calc .header button {

  height: max-content;

  width: max-content;

  padding: 10px;

  border: none;

  background-color: transparent;

  font-size: 35px;

  color: #9088d2;

}



.emi-calc .header button:hover {

  cursor: pointer;

}



.emi-calc .view,

.emi-calc .breakup {

  width: 50%;

}

.emi-calc .details input {

  width: 100%;

}



.emi-calc .detail {

  display: flex;

  justify-content: space-between;

}



.emi-calc .footer {

  display: flex;

  justify-content: space-between;

}

.emi-calc p {

    margin-bottom: 0;

}

.emi-calc .details > div {

    margin-bottom: 15px;

}



/*----- Styling the sliders ----*/



.emi-calc emi-calcinput[type="range"] {

  -webkit-appearance: none;

  margin: 10px 0;

  width: 100%;

}



.emi-calc input[type="range"]:focus {

  outline: none;

}



.emi-calc input[type="range"]::-webkit-slider-runnable-track {

  width: 100%;

  height: 6px;

  cursor: pointer;

  background: #9088d2;

  border-radius: 10px;

}



.emi-calc input[type="range"]::-webkit-slider-thumb {

  box-shadow: 2px 2px 5px #b3b3b3, -1px -1px 3px grey;

  border: 5px solid #ffffff;

  height: 20px;

  width: 20px;

  border-radius: 50%;

  background: #9088d2;

  cursor: pointer;

  margin-top: -6px;

  -webkit-appearance: none;

}



.emi-calc input[type="range"]:focus::-webkit-slider-runnable-track {

  background: #b3b3b3;

}



.emi-calc input[type="range"]::-moz-range-track {

  width: 100%;

  height: 6px;

  cursor: pointer;

  background: #9088d2;

  border-color: transparent;

  border-width: 16px 0;

  color: transparent;

  border-radius: 10px;

}



.emi-calc input[type="range"]::-moz-range-thumb {

  box-shadow: 2px 2px 5px #b3b3b3, -1px -1px 3px grey;

  border: 5px solid #ffffff;

  height: 20px;

  width: 20px;

  border-radius: 50%;

  background: #9088d2;

  cursor: pointer;

  margin-top: -6px;

}



.emi-calc input[type="range"]::-ms-track {

  width: 100%;

  height: 6px;

  cursor: pointer;

  background: #9088d2;

  border-color: transparent;

  border-width: 16px 0;

  color: transparent;

  border-radius: 10px;

}



.emi-calc input[type="range"]::-ms-fill-lower {

  background: #9088d2;

  border-radius: 5px;

}



.emi-calc input[type="range"]::-ms-fill-upper {

  background: #9088d2;

  border-radius: 5px;

}



.emi-calc input[type="range"]::-ms-thumb {

  box-shadow: 2px 2px 5px #b3b3b3, -1px -1px 3px grey;

  border: 5px solid #ffffff;

  height: 20px;

  width: 20px;

  border-radius: 50%;

  background: #9088d2;

  cursor: pointer;

  margin-top: -6px;

}



.emi-calc input[type="range"]:focus::-ms-fill-lower {

  background: #9088d2;

}



.emi-calc input[type="range"]:focus::-ms-fill-upper {

  background: #9088d2;

}



/*-------------------------------------*/

.emi-calc #price {

  color: #130f31;

  font-size: 25px;

}



.emi-calc .loan-details {

  width: 90%;

  display: flex;

  justify-content: space-between;

  gap: 30px;

}



.emi-calc #price-container {

  color: #9088d2;

  margin-top: 50px;

}



.emi-calc #price-container::before {

  content: "Monthly Payable:";

  font-size: 12px;

  display: block;

}



.team .member .member-info {
    padding-left: 30px;
    flex-grow: 1;
    flex-basis: 75%;
}

.team .member .pic {
    overflow: hidden;
    width: 180px;
    border-radius: 50%;
    flex-grow: 1;
    flex-basis: 25%;
}