.nav-tabs {
    display:none;
}

.tab-content .card-header {
	padding: 0;
	margin-bottom: 0;
	background-color: transparent;
	border-bottom: none;
  }
  .tab-content .card-header a{padding: 25px 30px 25px 30px;
	background: #ff6600;
	color: #fff;
	border-radius: 10px;
	width: 100%;
	display: block;
	margin-bottom: 20px;
	text-align: center;}


  .tab-content .tab-pane {
	border: none;  background: transparent;
  }
.collapse.show{ margin-bottom: 30px;}
.tab-content .card-header a.collapsed {
	padding: 15px 20px 15px 20px;
	background: #f3f3f3;
	color: #333;
	border-radius: 10px;
	width: 100%;
	display: block;
	margin-bottom: 20px;
	text-align: center;
	border: 1px solid #cfcfcf;
  }


@media(min-width:768px) {

    .nav-tabs {
        display: flex;
    }

	.card.tab-pane {
        border: none;
    }

    .card .card-header {
        display:none;
    }  

    .card .collapse{
        display:block;
    }



	.nav-tabs {
		display: flex;
		flex-flow: column nowrap;
	  }
	  .nav-tabs {
		border-bottom: none;
		display: flex;
		max-width: 25%;
	  }
	  .nav-tabs {
		margin: 0 15px;
	  }
	  .nav-tabs .nav-item + .nav-item {
		margin-top: 0.25rem;
	  }
	  .nav-tabs .nav-link {
		transition: border-color 0.125s ease-in;
		white-space: nowrap;
		padding: 15px 20px 15px 20px;
    background: transparent;
    color: #333;
    border-radius: 10px;    border: none;
	display: flex;
    align-items: center;
	position: relative;
	  }
	  .nav-tabs .nav-link:hover {
		background-color: #f7f7f7;
		border-color: transparent;
	  }
	  .nav-tabs .nav-link.active {
		padding: 15px 20px 15px 20px;
		background: #ff6600;
		color: #fff;
		border-radius: 10px;

	  }


.nav-tabs .nav-item {
	margin-bottom: -1px;
	min-width: 300px;
  }

  .nav-tabs .nav-link.active::after, .nav-tabs .nav-link:hover:after  {
	content: "\f054";
    font-family: "Font Awesome 6 Pro";
    right: 15px;
    position: absolute;
    font-weight: bold;
  }



	  .nav-tabs .nav-link:hover {
		padding: 15px 20px 15px 20px;
		background: #ff6600;
		color: #fff;
		border-radius: 10px;
	  }
	
	  .card.tab-pane {
		border: none;    
	  }
	  .card.tab-pane{background: transparent;}
	
	  .card .card-header {
		display: none;
	  }
	
	  .card .collapse {
		display: block;padding-left: 50px;
	  }




}

@media(max-width:767px){
    /* 
     * Changed selector to `.tab-content > .tab-pane` in order to override `.fade:not(.show)`
     * In BS4 Beta `.tab-pane`s were rendered hidden by just `.fade`
     */
    .tab-content > .tab-pane {
        display: block;
        opacity: 1;
    }
}