body {
    --bs-navbar-color: white;
    --bs-navbar-brand-color: white;
    --bs-navbar-brand-hover-color: white;
    --bs-body-color: #fff;
    background: linear-gradient( 90deg , #0c0c0c 0.8%, #2f3338 1%, #2f3338 50%, #2f3338 99%, #0c0c0c 99.2% );
}
@media (min-width: 992px) {
    body {
        background: linear-gradient( 90deg , #0c0c0c 0.4%, #2f3338 0.5%, #2f3338 50%, #2f3338 99.5%, #0c0c0c 99.6% );
    }
}  

a {
    color: #222222;
}

a:hover {
    color: #fff;
}

.card-section .card a {
    color: #0c0c0c;
}
 
.card-section .card a:hover {
    color: #222222;
}
 
.bg-primary {
    background-image: linear-gradient(90deg, #0c0c0c, #0c0c0c);
}

.navbar.bg-primary {
    border-color: #373737;
}

.navbar {
    border: none;
}    
 
.navbar .nav-item.active .nav-link {
    background-color: rgba(0,0,0,0);
}

.navbar .nav-link:hover, .navbar .nav-link:focus {
    background-image: linear-gradient(90deg, #000, #4a4a4a, #5f5f5f, #6c6c6c, #5f5f5f, #4a4a4a, #000);
}
  
.card-section {
    background: linear-gradient( 90deg , #0c0c0c 0.8%, #2f3338 1%, #2f3338 50%, #2f3338 99%, #0c0c0c 99.2% );
}
@media (min-width: 992px) {
    .card-section {
        background: linear-gradient( 90deg , #0c0c0c 0.4%, #2f3338 0.5%, #2f3338 50%, #2f3338 99.5%, #0c0c0c 99.6% );
    }
}  
  
.passeio-completo .card-section {
    background: linear-gradient( 90deg , #0c0c0c 0.8%, #2f3338 1%, #2f3338 50%, #2f3338 99%, #0c0c0c 99.2% );
}
@media (min-width: 992px) {
    .passeio-completo .card-section {
        background: linear-gradient( 90deg , #0c0c0c 0.4%, #2f3338 0.5%, #2f3338 50%, #2f3338 99.5%, #0c0c0c 99.6% );
    }
}  
  
.card-section .titulo {
    color: #fff;
}

.card-section .card {
    color: #000;
    background-image: linear-gradient(109deg, #fff 15%, #d0d0d0, #7a7a7a);
}
  
.card-section .card .cartao-texto {
    color: #fff;
    background-image: none;
    background: #565656;
    background: linear-gradient(90deg, #4c4c4c 15%, #6c6c6c);
    box-shadow: inset 4px 4px 5px #010101,
                inset -4px -4px 5px #010101;
}
  
.silver-theme .card-menu-box .cartao-texto ul.nav.nav-pills {
    background: linear-gradient(90deg, #4c4c4c 15%, #6c6c6c, #7a7a7a);
    box-shadow: inset 5px 5px 4px #9f9f9f,
                inset -5px -5px 4px #9f9f9f;
}

.card-section .card-menu-box .card {
    background: linear-gradient(90deg, #3d3d3d 25%, #4b4b4b, #6c6c6c);
}

.card-menu-box .card .cartao-texto {
    background: linear-gradient(90deg, #4c4c4c 15%, #6c6c6c, #7a7a7a);
}

.card-menu-box .cartao-texto ul.nav.nav-pills {
    background: linear-gradient(90deg, #4c4c4c 15%, #6c6c6c, #7a7a7a);
    box-shadow: inset 5px 5px 4px #9f9f9f,
                inset -5px -5px 4px #9f9f9f;
}

.card-menu-box .cartao-texto .nav-pills .nav-link {
    color: #fff;
}

.card-section .card .titulo {
    color: #000;
}

.card-section .card-fundo .card {
    color: #fff;
    background-image: none;
    background: #1f1f1f;
}
  
.card-section .card-fundo .card .titulo {
    color: #fff;
}
  
.card-section .card-livre-detail .card {
    background: linear-gradient(90deg, #303030 15%, #4a4a4a, #7a7a7a);
    color:rgba(255, 255, 255, 0.9);
}
  
.card-section .card-livre-detail .card:hover {
    background: linear-gradient(90deg, #4c4c4c 15%, #6c6c6c, #7a7a7a);
    color:rgba(255, 255, 255, 0.9);
}
  
.card-section .card-livre-detail .card {
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        color: #fff;
    }
}

.card-section .card-livre-detail .card:hover {
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        color: #fff;
    }
}

.card .form-label {
    color: #fff;
}

.nav-pills .nav-link {
    color: #dfdfdf;
}
  
.nav-pills .nav-link:hover {
    color: #fff;
    background-image: linear-gradient(90deg, #000, #424242, #545454, #7e7e7e, #545454, #424242, #000);
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-image: linear-gradient(90deg, #000, #424242, #545454, #7e7e7e, #545454, #424242, #000);
    color: #fff !important;
}
  
ul.nav.nav-pills {
    background-image: linear-gradient(90deg, #303030 15%, #4a4a4a, #7a7a7a);
}

