.mt-20 {
    margin-top: 50px !important
}

.tab-vertical .nav.nav-tabs {
    float: left;
    display: block;
    margin-right: 0px;
    border-bottom: 0
}

.tab-vertical .nav.nav-tabs .nav-item {
    margin-bottom: 6px
}

.tab-vertical .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    background: #fff;
    padding: 17px 49px;
    color: #71748d;
    background-color: #dddde8;
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px
}

.tab-vertical .nav-tabs .nav-link.active {
    color: #131d7c;
    background-color: #fff !important;
    border-color: transparent !important
}

.tab-vertical .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 0px !important
}

.tab-vertical .tab-content {
    overflow: auto;
    -webkit-border-radius: 0px 4px 4px 4px;
    -moz-border-radius: 0px 4px 4px 4px;
    border-radius: 0px 4px 4px 4px;
    background: #fff;
    padding: 30px
}
.nav-tabs-responsive{
  display: none !important;
}
.tab-content{
  min-height: 45rem;
}




@media (max-width: 576px) {
  .tab-vertical .nav.nav-tabs {
    display: none;
  }
  .responsive-tab{
    display: block;
  }
  .nav-tabs-responsive{
    display: block !important;
    position: relative !important;
    width: 100vw;
    left: -2rem !important;
  }
  .nav-item{
    padding-left: 0px;
  }
  .tab-pane .active{
    position: relative;
    top: 4rem;
  }
  .tab-vertical .nav-tabs .nav-link.active{
    background: #85c6eb !important;
  }
  .tab-content{
    padding-top: 0 !important;
    height: auto;;
  }
}