/* :root {
    --mdb-primary: #700006;
    --mdb-secondary: #FF5757;
    --mdb-primary-rgb: 112, 0, 6;
    --mdb-secondary-rgb: 240, 120, 126;
    --mdb-link-color: #004870;
    --mdb-link-color-rgb: 0, 72, 112;
    --mdb-link-hover-color: #78c5f0;
    --mdb-link-hover-color-rgb: 120, 197, 240;
    --mdb-accordion-active-color: #004870;
    --mdb-accordion-active-color-rgb: 0, 72, 112;


}

.bg-silver {
    background-color: #f8f9fa !important;
} */


/* Nowy css */

:root {
    --primary-color: #bc0000;
    --primary-light-color: #fdf2f2;
    --primary-dark-color: #A00000;
    --primary-rgb-color: 188, 0, 0;
    --primary-light-rgb-color: 253, 242, 242;
    --primary-dark-rgb-color: 160, 0, 0;

    --secondary-color: #8a0008;
    --secondary-light-color: #E6CCCE;
    --secondary-dark-color: #6E0006;
    --secondary-rgb-color: 138, 0, 8;
    --secondary-light-rgb-color: 230, 204, 206;
    --secondary-dark-rgb-color: 110, 0, 6;

    --vector-shadow: 4px 4px 0 0 rgba(0,0,0,0.1);
    
    --mdb-primary: var(--primary-color);
    --mdb-primary-rgb: var(--primary-rgb-color);
    --mdb-secondary: var(--secondary-color);
    --mdb-secondary-rgb: var(--secondary-rgb-color);


    --mdb-primary-bg-subtle: var(--primary-light-color);
    --mdb-secondary-bg-subtle: var(--secondary-light-color);

    --mdb-primary-text-emphasis: var(--primary-dark-color);
    --mdb-secondary-text-emphasis: var(--secondary-dark-color);

    --mdb-link-color: var(--primary-color);
    --mdb-link-hover-color: var(--primary-dark-color);
    --mdb-link-color-rgb: var(--primary-rgb-color);
    --mdb-link-hover-color-rgb: var(--primary-dark-rgb-color);
}

.badge {
    letter-spacing: 0.08em;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0.375rem 0.75rem;
}

.badge-primary {
    color: var(--primary-color);
}

.badge.bg-secondary {
    background-color: rgba(0,0,0, 0.3) !important;
}

.ticked-list ul {
    list-style: none;
    padding-left: 0;
}

.ticked-list li {
    margin-bottom: 0.5rem;
}

.ticked-list li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--primary-color);
    margin-right: 0.5rem;
    font-size: 1rem;
}

.btn-wide {
    min-width: 120px;
}

.btn {
    --mdb-btn-box-shadow: none;
    --mdb-btn-hover-box-shadow: none;
    --mdb-btn-focus-box-shadow: none;
    --mdb-btn-active-box-shadow: none;
    --mdb-btn-box-shadow-state: none;
    /* --mdb-btn-border-radius: 0.5rem;
    --mdb-btn-padding-x: 2rem;
    --mdb-btn-padding-top: 0.625rem;
    --mdb-btn-padding-bottom: 0.625rem;
    --mdb-btn-font-size: 1rem;
    text-transform: none; */
    --mdb-btn-font-weight: bold;
}

.btn-sm {
    --mdb-btn-padding-x: 1rem;
    --mdb-btn-padding-top: 0.5rem;
    --mdb-btn-padding-bottom: 0.5rem;
    --mdb-btn-font-size: 0.8rem;
}

.btn-primary {
    --mdb-btn-bg: var(--primary-color);
    --mdb-btn-color: #fff;
    --mdb-btn-box-shadow: none;
    --mdb-btn-hover-box-shadow: none;
    --mdb-btn-focus-box-shadow: none;
    --mdb-btn-active-box-shadow: none;
    --mdb-btn-box-shadow-state: none;
    --mdb-btn-hover-bg: var(--primary-dark-color);
    --mdb-btn-hover-color: #fff;
    --mdb-btn-focus-bg: var(--primary-dark-color);
    --mdb-btn-focus-color: #fff;
    --mdb-btn-active-bg: var(--primary-dark-color);
    --mdb-btn-active-color: #fff;
    --mdb-btn-outline-border-color: var(--primary-color);
    --mdb-btn-outline-focus-border-color: var(--primary-color);
    --mdb-btn-outline-hover-border-color: var(--primary-color);
}

.btn-secondary {
    --mdb-btn-bg: var(--secondary-color);
    --mdb-btn-color: #fff;
    --mdb-btn-box-shadow: none;
    --mdb-btn-hover-box-shadow: none;
    --mdb-btn-focus-box-shadow: none;
    --mdb-btn-active-box-shadow: none;
    --mdb-btn-box-shadow-state: none;
    --mdb-btn-hover-bg: var(--secondary-dark-color);
    --mdb-btn-hover-color: #fff;
    --mdb-btn-focus-bg: var(--secondary-dark-color);
    --mdb-btn-focus-color: #fff;
    --mdb-btn-active-bg: var(--secondary-dark-color);
    --mdb-btn-active-color: #fff;
    --mdb-btn-outline-border-color: var(--secondary-color);
    --mdb-btn-outline-focus-border-color: var(--secondary-color);
    --mdb-btn-outline-hover-border-color: var(--secondary-color);
}

.btn-light-primary {
    --mdb-btn-bg: var(--primary-light-color);
    --mdb-btn-color: var(--primary-dark-color);
    --mdb-btn-box-shadow: none;
    --mdb-btn-hover-box-shadow: none;
    --mdb-btn-focus-box-shadow: none;
    --mdb-btn-active-box-shadow: none;
    --mdb-btn-box-shadow-state: none;
    --mdb-btn-hover-bg: var(--primary-color);
    --mdb-btn-hover-color: #fff;
    --mdb-btn-focus-bg: var(--primary-color);
    --mdb-btn-focus-color: #fff;
    --mdb-btn-active-bg: var(--primary-color);
    --mdb-btn-active-color: #fff;
    --mdb-btn-outline-border-color: var(--primary-color);
    --mdb-btn-outline-focus-border-color: var(--primary-color);
    --mdb-btn-outline-hover-border-color: var(--primary-color);
}

.btn-light-secondary {
    --mdb-btn-bg: var(--secondary-light-color);
    --mdb-btn-color: var(--secondary-dark-color);
    --mdb-btn-box-shadow: none;
    --mdb-btn-hover-box-shadow: none;
    --mdb-btn-focus-box-shadow: none;
    --mdb-btn-active-box-shadow: none;
    --mdb-btn-box-shadow-state: none;
    --mdb-btn-hover-bg: var(--secondary-color);
    --mdb-btn-hover-color: #fff;
    --mdb-btn-focus-bg: var(--secondary-color);
    --mdb-btn-focus-color: #fff;
    --mdb-btn-active-bg: var(--secondary-color);
    --mdb-btn-active-color: #fff;
    --mdb-btn-outline-border-color: var(--secondary-color);
    --mdb-btn-outline-focus-border-color: var(--secondary-color);
    --mdb-btn-outline-hover-border-color: var(--secondary-color);
}

.btn-outline-primary {
    --mdb-btn-bg: transparent;
    --mdb-btn-color: var(--primary-color);
    --mdb-btn-box-shadow: none;
    --mdb-btn-hover-box-shadow: none;
    --mdb-btn-focus-box-shadow: none;
    --mdb-btn-active-box-shadow: none;
    --mdb-btn-box-shadow-state: none;
    --mdb-btn-hover-bg: var(--primary-light-color);
    --mdb-btn-hover-color: var(--primary-color);
    --mdb-btn-focus-bg: var(--primary-light-color);
    --mdb-btn-focus-color: var(--primary-color);
    --mdb-btn-active-bg: var(--primary-light-color);
    --mdb-btn-active-color: var(--primary-color);
    --mdb-btn-outline-border-color: var(--primary-color);
    --mdb-btn-outline-focus-border-color: var(--primary-color);
    --mdb-btn-outline-hover-border-color: var(--primary-color);
}

.btn-outline-secondary {
    --mdb-btn-bg: transparent;
    --mdb-btn-color: var(--secondary-color);
    --mdb-btn-box-shadow: none;
    --mdb-btn-hover-box-shadow: none;
    --mdb-btn-focus-box-shadow: none;
    --mdb-btn-active-box-shadow: none;
    --mdb-btn-box-shadow-state: none;
    --mdb-btn-hover-bg: var(--secondary-light-color);
    --mdb-btn-hover-color: var(--secondary-color);
    --mdb-btn-focus-bg: var(--secondary-light-color);
    --mdb-btn-focus-color: var(--secondary-color);
    --mdb-btn-active-bg: var(--secondary-light-color);
    --mdb-btn-active-color: var(--secondary-color);
    --mdb-btn-outline-border-color: var(--secondary-color);
    --mdb-btn-outline-focus-border-color: var(--secondary-color);
    --mdb-btn-outline-hover-border-color: var(--secondary-color);
}

.btn-link {
    --mdb-btn-color: var(--primary-color);
    --mdb-btn-hover-color: var(--primary-dark-color);
    --mdb-btn-focus-color: var(--primary-dark-color);
    --mdb-btn-active-color: var(--primary-dark-color);
}

.btn-outline {
    --mdb-btn-bg: #fff;
    --mdb-btn-color: #333;
    --mdb-btn-border-color: #d0d7de;
    --mdb-btn-border-width: 1px;
    --mdb-btn-padding-x: 2rem;
    --mdb-btn-padding-y: 0.75rem;
    --mdb-btn-font-weight: 500;
    --mdb-btn-box-shadow: var(--vector-shadow);
    --mdb-btn-hover-box-shadow: var(--vector-shadow);
    --mdb-btn-focus-box-shadow: var(--vector-shadow);
    --mdb-btn-active-box-shadow: var(--vector-shadow);
    --mdb-btn-hover-bg: #f8f9fa;
    --mdb-btn-hover-color: #333;
    --mdb-btn-hover-border-color: #c6d2de;
    --mdb-btn-focus-bg: #f8f9fa;
    --mdb-btn-focus-color: #333;
    --mdb-btn-focus-border-color: #c6d2de;
    --mdb-btn-active-bg: #f0f3f6;
    --mdb-btn-active-color: #333;
    --mdb-btn-active-border-color: #c6d2de;
    border: 1px solid #e0e0e0;
    transition: all 0.2s ease-in-out;
}

.text-dark {
    color: rgb(79,79,79) !important;
}

.icon-grid-5 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
@media (max-width: 767px) {
    .icon-grid-5 > *:nth-child(n+4) {
        margin-top: 1rem;
    }
}

.icon-grid-5 > * {
    flex: 0 1 33.33%;
}

@media (min-width: 768px) {
    .icon-grid-5 > * {
        flex: 1 1 20%;
    }
}

.vector-shadow {
    box-shadow: var(--vector-shadow) !important;
}

.vector-shadow-small {
    box-shadow: 2px 2px 0 0 rgba(0,0,0,0.1) !important;
}

.gray-clipped-bg-left::before,
.gray-clipped-bg-right::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0,0,0, 0.02);
}

.gray-clipped-bg-left::before {
    clip-path: polygon(0 0, 60% 0, 50% 100%, 0 100%);
}

.gray-clipped-bg-right::before {
    clip-path: polygon(40% 0, 100% 0, 100% 100%, 0 100%);
}


.border-animation {
    border: 2px solid #0000;
    background: linear-gradient(#A00000, #A00000) padding-box, linear-gradient(
            var(--angle),
            #A00000,
            #F0CCCC
        ) border-box;
    animation: 4s rotate linear infinite;
    box-shadow: 0 0 10px rgba(240, 204, 204,0.1), 0 0 20px rgba(240, 204, 204,0.1), 0 0 30px rgba(240, 204, 204,0.1);
    transition: all 0.3s ease-in-out;
}

@keyframes rotate {
  to {
    --angle: 360deg;
  }
}

@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

.border-animation:hover {
    scale: 1.05;
}

.user-icon::before {
    content: "\f2bd";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
    margin-right: 0.75rem;
    font-size: 1.75rem;
}