.h1, .h2, .h3, .h4, .h5, .h6 {margin: 0;}

.carousel-item {transition: transform 3s ease-in-out;}  
.carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {transition: opacity 0s 3s;}

.ratio {overflow: hidden;}
.ratio > img {object-fit: cover;}

.dropdown-item.active:hover, .dropdown-item:active {color: #FFF !important;}
.card {overflow: hidden;}
.table thead td, .table thead th {padding-top: .75rem; padding-bottom: .75rem;}
.modal-title {text-transform: uppercase; font-weight: bold;}
.accordion-flush .accordion-body {padding: 1.5rem 0;}
.accordion-button:not(.collapsed) {color: var(--bs-primary) !important;}
.alert a {color: currentColor !important;}
.text-white a:not(.btn) {color: currentColor !important;}
.text-dark a:not(.btn) {color: currentColor !important;}
.page-item.active .page-link {background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important;}
.progress-bar {background-color: var(--bs-primary) !important;}
.list-group-item.active {background-color: var(--bs-primary) !important;  border-color: var(--bs-primary) !important;}

.form-check-input:checked {background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important;}
.form-check-input[type=checkbox]:indeterminate {background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important;}
.form-range::-webkit-slider-thumb, .form-range::-moz-range-thumb {background-color: var(--bs-primary) !important;}

.btn {font-weight: bold; text-transform: uppercase;}
.btn-link {color: var(--bs-primary) !important;}
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important; color: #FFF !important;
}

.btn-primary, .btn-primary:hover {background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important;}
.btn-outline-primary {color: var(--bs-primary) !important; border-color: var(--bs-primary) !important;}
.btn-outline-primary:hover {background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important; color: #FFF !important;}
.btn-check:focus + .btn-primary, .btn-primary:focus {background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important;}
.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
    background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important;
}

.btn-secondary, .btn-secondary:hover {background-color: var(--bs-secondary) !important; border-color: var(--bs-secondary) !important;}
.btn-outline-secondary {color: var(--bs-secondary) !important; border-color: var(--bs-secondary) !important;}
.btn-outline-secondary:hover {background-color: var(--bs-secondary) !important; border-color: var(--bs-secondary) !important; color: #FFF !important;}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important;}
.btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
    background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important;
}

.btn-dark, .btn-dark:hover {background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important;}
.btn-outline-dark {color: var(--bs-dark) !important; border-color: var(--bs-dark) !important;}
.btn-outline-dark:hover {background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important; color: #FFF !important;}
.btn-check:focus + .btn-dark, .btn-dark:focus {background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important;}
.btn-check:active + .btn-dark, .btn-check:checked + .btn-dark, .btn-dark.active, .btn-dark:active, .show > .btn-dark.dropdown-toggle {
    background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important;
}

.text-white .btn-light {color: var(--bs-body-color) !important;}
.btn-light:hover {background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important; color: #FFF !important;}

.dropdown-menu a {color: var(--bs-dark) !important;}
.dropdown-item {white-space: inherit;}
.dropdown-item:hover {color: #FFF !important;}
.dropdown-item:focus, .dropdown-item:hover {background: none;}
.dropdown-item:hover, .dropdown-item.active, .dropdown-item:active, .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {background-color: var(--bs-primary) !important;}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: var(--bs-primary) !important;}
.text-white .nav-tabs .nav-link {color: #FFF !important; border-color: var(--bs-nav-tabs-link-hover-border-color);}
.text-white .nav-tabs .nav-link:focus-within {color: #000 !important;}
.text-white .nav-tabs .nav-link:hover {color: var(--bs-body-color) !important; background: #FFF;}
.text-white .nav-tabs .nav-link.active {color: var(--bs-body-color) !important; background: #FFF;}
.text-white .nav-tabs .nav-link.active::before {content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; width: 0; height: 0; border-top: 10px solid #FFF; border-left: 10px solid transparent; border-right: 10px solid transparent;}

.nav-link, .page-link {color: var(--bs-dark) !important;}
.nav-link:focus, .nav-link:hover, .page-link:focus, .page-link:hover {color: var(--bs-primary) !important;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color: var(--bs-primary) !important;}

.link-primary {color: var(--bs-primary) !important;}
.link-secondary {color: var(--bs-secondary) !important;}
.border-primary {border-color: var(--bs-primary) !important;}
.border-secondary {border-color: var(--bs-secondary) !important;}
.text-primary {color: var(--bs-primary) !important;}
.text-secondary {color: var(--bs-secondary) !important;}
.text-dark {color: var(--bs-dark) !important;}
.links-dark a:not(.btn-dark):not(.btn-icon) {color: var(--bs-dark) !important;}
.text-body {color: var(--bs-body-color) !important;}
.text-link {color: var(--bs-link-color) !important;}
.bg-primary {background-color: var(--bs-primary) !important;}
.bg-secondary {background-color: var(--bs-secondary) !important;}
.bg-light {background-color: var(--bs-light) !important;}
.bg-dark {background-color: var(--bs-dark) !important;}