@import "app/styles/style-flat-variables"

#choose-account-type-view
  .choose-type-title
    display: flex
    flex-direction: column
    flex-grow: 0.5
    justify-content: flex-end

  h4
    padding-bottom: 10px

  .path-cards
    display: flex
    
  .path-card ~ .path-card
    margin-left: 6.5px

  .path-card
    display: flex
    flex-direction: column
    justify-content: space-between
    width: 235px
    height: 340px
    max-height: 42vh
    border-style: solid
    border-width: thin
    border-radius: 5px
    
    &.navy
      border-color: $navy
      .card-title
        background-color: $navy
      
    &.forest
      border-color: $forest
      .card-title
        background-color: $forest
    
    
    .card-title
      display: flex
      flex-direction: column
      align-items: center
      justify-content: center
      height: 50px
      max-height: 5vh
      color: white
      font-weight: bold
      text-align: center

    .card-content
      flex-grow: 1
      display: flex
      flex-direction: column
      justify-content: center
      margin: 0 20px
      
      ul
        align-self: center
        text-align: left
        padding-left: 20px
        li
          span
            position: relative
            left: -5px

    .card-footer
      margin: 0 20px 20px
      min-height: 62px
      display: flex
      flex-direction: column
      justify-content: flex-end
  
  .individual-section
    display: flex
    flex-grow: 1
    flex-direction: column
    align-items: center
    justify-content: center
    max-width: 425px

  .individual-title
    font-weight: bold
    
  .individual-description
    margin: 0
    flex-grow: 0.2

  .text-h6
    color: white
