.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0, 0, 0, .125);
}
 .accordion-button:not(.collapsed) {
     box-shadow: none;
 }
.accordion-item {
    border: none;
}
:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}
 .title {
     color: #1a1a1a;
     text-align: center;
     margin-bottom: 10px
 }


 
 .card .content-overlay {
     background: rgba(0, 0, 0, 0.7);
     position: absolute;
     height: 100%;
     width: 100%;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     opacity: 0;
     border-radius: 5px;
     -webkit-transition: all 0.4s ease-in-out 0s;
     -moz-transition: all 0.4s ease-in-out 0s;
     transition: all 0.4s ease-in-out 0s
 }

 .card:hover .content-overlay {
     opacity: 1
 }

 .content-image {
     width: 100%
 }


 

 .content-details {
     position: absolute;
     text-align: center;
     padding-left: 1em;
     padding-right: 1em;
     width: 100%;
     top: 50%;
     left: 50%;
     opacity: 0;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
     transition: all 0.3s ease-in-out 0s
 }

 .card:hover .content-details {
     top: 50%;
     left: 50%;
     opacity: 1
 }

 .content-details h3 {
     color: #fff;
 
    
     margin-bottom: 0.5em;
      
 }

 .content-details p {
     color: #fff;
     font-size: 0.8em
 }

 .fadeIn-bottom {
     top: 80%
 }


.nav-tabs {
    border-bottom:0 !important;
}

.nav-tabs .nav-link {
    margin-bottom: calc(-1* var(--bs-nav-tabs-border-width));
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
    color: #fff !important;
        background-color: #ef7d00 !important;
        border-bottom: 0 !important;
        border-color: #f8e4be !important;
}
.nav-tabs .nav-link:hover {
    background-color: #ff941e !important;
   
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {

        color: #000 !important;
            background-color: #f8e4be !important;
    border-color: #f8e4be !important;
     
}





@media (max-width: 600px) {
    #myTab .nav-item {
        width: 100%;
    }
}