@import "../../../../assets/scss/variables";


.gender-box {

  border: 1px solid #D9D9D9;
  display: flex;
  align-items: center;
  height: 78px;
  border-radius: 5px;
  justify-content: center;


  & > div {
    flex: 1 1 50%;
    display: flex;
    padding: 0 35px;
    content: $main-color;
    align-items: center;
    & .label{
      font-size: 1.4rem;
    }
    & .value{
      font-size: 2.5rem;
      font-weight: $bold;
      margin-left: 55px;
      margin-right: 4px;
    }
    & .year{
      font-weight: $bold;
      font-size: 1.5rem;
    }

    & .rate-box{
      margin-left: auto;
    }

    &:first-child:after{
      content: "";
      position: relative;
      right: -35px;
      height: 50px;
      width: 1px;
      background-color: $main-color;
    }
  }

  & .divider {

  }

}