body{
    font-family: 'Satoshi', sans-serif, var(--bs-body-font-family);
    background-color: #f9fafb;
    font-size: 18px;
}

p {
    color: rgb(81, 88, 94);
}

h1, h2 {
    font-weight: 900 !important;
}

h6 {
    font-size: 18px;
}

.small {
    font-size: 14px;
    letter-spacing: .03rem;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    color: rgb(81, 88, 94);
}

th {
    color: grey;
    font-weight: 400;
}

.secondary-text-style {
    color: rgb(81, 88, 94);
}

.highlighted-text-secondary {
    color: khaki;
}

.table > :not(:first-child) {
    border-top: 1px solid  var(--bs-text-opacity);
}

hr:not([size]) {
    height: 24px;
    background-color: transparent;
}

.p-45 {
    padding: 36px !important;
}

.fw-semibold {
    font-weight: 500;
}

.fw-bolder {
    font-weight: 900 !important;
}

.link-secondary {
    text-decoration: 2px underline solid;
    color: var(--bs-body-font-family);
}

.card:hover {
    opacity: 0.85;
}

.btn:hover {
    opacity: 0.85;
}

.btn:focus {
    box-shadow: none;
}

.btn-light {
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid rgba(81, 88, 94, 0.5);
    font-size: 18px;
}

.btn-light:hover {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgba(81, 88, 94, 0.15);
}

.nav-link {
    padding: .5rem 0 .25rem 0;
}

.nav-link:hover {
    opacity: 0.75;
}

.nav-link.active {
    background-color: transparent !important;
    color: var(--bs-body-color) !important;
    border-radius: 0;
    border-bottom: 2px solid var(--bs-body-color);
    cursor: default;
}

.bg-pattern-01 {
    background-color: #DEE3F3;
}

.bg-pattern-01-light {
    background-color: rgba(222, 227, 243, 0.33);
}

.btn-genially {
    background-color: transparent;
    border: 1px solid rgb(82, 95, 255);
    color: rgb(82, 95, 255);
    font-weight: bold;
}

.btn-genially:hover {
    color: rgb(82, 95, 255);
}

.button-pattern-01 {
    background-color: #DEE3F3;
}

.text-primary {
    color: rgb(82, 95, 255) !important;
}

.highlighted-text-primary {
    background-color: #f788e52e;
    color: black;
}

.highlighted-text-primary-light {
    background-color: #f788e5da;
    color: black;
}

.bg-pattern-02 {
    background-color: #d6ece3;
}

.bg-pattern-02-light {
    background-color: #d6ece376;
}

.text-secondy {
    color: #0EB56A;
}

.highlighted-text-secondary {
    background-color: #f9cf4742;
    color: black;
}

.bg-pattern-03 {
    background-color: #DDEAF0;
}

.bg-pattern-03-light {
    background-color: #edf6fa;
}

.bg-pattern-04 {
    background-color: #e1e8ec;
}

.bg-pattern-04-light {
    background-color: #eef2f5;
}

.video-responsive {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.carousel-control-next, .carousel-control-prev {
    width: 10%;
}

.carousel-indicators [data-bs-target] {
    width: 12px;
    height: 12px;
    opacity: .25;
    border-radius: 100%;
    margin-right: 4px;
    margin-left: 4px;
}

.carousel-indicators .active {
    opacity: 1;
}

.sidebar {
    position: sticky;
    top: 20px;
    left: 0;
    margin-left: -200px;
    width: 184px;
    height: 0;
}

.sidebar {
    .nav-link {
        font-size: 16px;
    }
    .nav-link.active {
        font-weight: bold;
        border-bottom: 0;
    }
}

@media (min-width: 992px) {
    hr:not([size]) {
        height: 42px;
        background-color: transparent;
    }

    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px;
    }

    .horizontal-card {
        flex-direction: inherit;
    }

    .horizontal-card-body {
        padding: 1rem 2rem 1rem 0;
    }

    .horizontal-card-img {
        height: 360px;
    }
}