.h-200px {
    height: 200px;
}

.h-260px {
    height: 260px;
}

.h-230px {
    height: 230px;
}

.h-300px {
    height: 300px;
}

.h-400px {
    height: 400px;
}

.h-480px {
    height: 480px;
}

.h-768px {
    height: 768px;
}

.h-960px {
    height: 960px;
}

.min-h450px {
    min-height: 450px
}

.h-8rem {
    height: 8rem;
}

.w-3774px {
    width: 3774px;
}

.max-w-30-5rem {
    max-width: 30.5rem
}

.max-w-23-625rem {
    max-width: 23.625rem;
}

.max-w-526px {
    max-width: 526px;
}

.mt-n70px {
    margin-top: -70px;
}

.mt-n100px {
    margin-top: -100px;
}

.mt-n130px {
    margin-top: -130px;
}

.mt-n370px {
    margin-top: -370px;
}

.zindex-2 {
    z-index: 2;
}

.zindex-5 {
    z-index: 5;
}

.text-decoration-underline-primary {
    text-decoration: underline var(--mdb-primary);
}

.video-frame {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.nav-link[data-mdb-toggle="pill"] {
    color: var(--mdb-dark);
}

.nav-link[data-mdb-toggle="pill"].active {
    background-color: var(--mdb-primary);
    color: var(--mdb-white);
}

.accordion-borderless .accordion-item .accordion-button:not(.collapsed) {
    background-color: var(--mdb-primary);
    color: var(--mdb-white);
}

/* Change color of expanded accordion item. */
.accordion-button:not(.collapsed){
    color: var(--mdb-body-color);
    font-weight: bold;
}

/* Design of the arrow in a accordion. */
.accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234F4F4F'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.form-check-input:checked,
.form-check-input:checked:focus {
    border-color: var(--mdb-primary);
}

.form-check-input[type=checkbox]:checked:focus,
.form-check-input[type=checkbox]:checked,
.form-check-input[type=radio]:checked:after {
    border-color: var(--mdb-primary);
    background-color: var(--mdb-primary);
}

.form-outline .form-control:focus ~ .form-label,
.form-outline .form-control.is-invalid.active ~ .form-label {
    color: var(--mdb-secondary);
}

.form-outline .form-control:not(.is-invalid):focus ~ .form-notch .form-notch-leading {
    border-color: var(--mdb-primary);
    box-shadow: -1px 0 0 0 var(--mdb-primary), 0 1px 0 0 var(--mdb-primary), 0 -1px 0 0 var(--mdb-primary);
}

.form-outline .form-control:not(.is-invalid):focus ~ .form-notch .form-notch-middle {
    border-color: var(--mdb-primary);
    box-shadow: 0 1px 0 0 var(--mdb-primary);
    border-top: 1px solid transparent;
}

.form-outline .form-control:not(.is-invalid):focus ~ .form-notch .form-notch-trailing {
    border-color: var(--mdb-primary);
    box-shadow: 1px 0 0 0 var(--mdb-primary), 0 -1px 0 0 var(--mdb-primary), 0 1px 0 0 var(--mdb-primary);
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: var(--mdb-secondary);
}

.form-outline .form-control.is-invalid:focus ~ .form-notch .form-notch-leading, .was-validated .form-outline .form-control:invalid:focus ~ .form-notch .form-notch-leading {
    box-shadow: -1px 0 0 0 var(--mdb-secondary), 0 1px 0 0 var(--mdb-secondary), 0 -1px 0 0 var(--mdb-secondary);
}

.form-outline .form-control.is-invalid:focus ~ .form-notch .form-notch-middle, .was-validated .form-outline .form-control:invalid:focus ~ .form-notch .form-notch-middle {
    box-shadow: 0 1px 0 0 var(--mdb-secondary);
}

.form-outline .form-control.is-invalid:focus ~ .form-notch .form-notch-trailing, .was-validated .form-outline .form-control:invalid:focus ~ .form-notch .form-notch-trailing {
    box-shadow: 1px 0 0 0 var(--mdb-secondary), 0 -1px 0 0 var(--mdb-secondary), 0 1px 0 0 var(--mdb-secondary);
}

.form-check-input:checked:focus:before {
    box-shadow: 0 0 0 13px var(--mdb-secondary);
}