:root {
    --full-white: #ffffff;
    --greened-white: #effff4;
    --green-300: #a5ffb3;
    --green-400: #6aff81;
    --green-500: #40ff5d;
    --full-dark: #111111;
    --dark-greener: #181a18;
    --dark-green-300: #101a11;
    --dark-green-400: #0a180c;
    --layer2: #232524;
    --layer3: #2b2e2b;
    --layer4: #373a37;
    --gray-100: #c0d3c3;
    --gray-200: #9ebca7;
    --container-border: #ffffff10;

    --danger: #ff3747;
    --danger-dark: #580f17;

    --br-btn: 4rem;
    --br-btn-split: 1.25rem;
    --br-container: 1.25rem;
    --br-container-sm: 0.7rem;
    --br-container-xsm: 0.4rem;

    --letter-spacing-header: -0.7px;
    --letter-spacing-text: -0.3px;

    --transition: 0.2s cubic-bezier(.67,-0.04,.39,1.05);
}

.loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--container-border);
    backdrop-filter: blur(15px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transition: opacity 0.5s;
}

body {
    font-family: 'Readex Pro', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background: url('../assets/4b2753297ff75b74a16c.webp') no-repeat top center, linear-gradient(90deg, var(--full-dark), var(--full-dark));
    color: var(--full-white);
}

.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 0;
}

.navbar-brand {
    font-size: 1.5rem;
    color: var(--greened-white);
    font-weight: 700;
    letter-spacing: var(--letter-spacing-header);
    transition: var(--transition);
    display: flex;
    align-items: center;
}

.navbar-brand i {
    opacity: 0;
    transition: opacity var(--transition), margin-left var(--transition), transform 0.2s ease-in-out;
    color: var(--green-400);
    margin-left: 0rem;
    animation: waving 2s infinite;
}

.navbar-brand:hover {
    color: var(--green-400);
}

.navbar-brand:hover i {
    opacity: 1;
    margin-left: 1rem;
}

@keyframes waving {
    0% {
        transform: rotate(20deg);
    }
    50% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(20deg);
    }
}


.nav-link {
    color: var(--greened-white);
    font-size: 1.05rem;
    font-weight: 400;
    letter-spacing: var(--letter-spacing-text);
    transition: color var(--transition);
}

.nav-link:hover, .nav-link:focus, .nav-link:active {
    color: var(--green-400) !important;
}

.nav-link::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    border-radius: 5px;
    background: var(--green-400);
    transition: width var(--transition);
    position: relative;
    justify-content: center;
    transform-origin: center;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);
}

.nav-link:hover::after {
    width: 100%;
    left: 0;
    right: 0;
    transform: translateX(0%);
}

.navbar-toggler {
    width: 48px;
    height: 48px;
    border: 1px solid var(--gray-200);
    color: var(--gray-200);
    border-radius: var(--br-container-sm);
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn {
    border-radius: var(--br-btn);
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: var(--letter-spacing-text);
    transition: background-color var(--transition), color var(--transition), border-color var(--transition);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 1.2rem;
    line-height: 1;
}

.btn i {
    margin-left: 0.5rem;
    font-size: 1.3rem;
    transition: margin-left var(--transition);
}

.btn-primary, .btn.active {
    background-color: var(--green-400);
    border-color: var(--green-400);
    color: var(--full-dark);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:first-child:active {
    background-color: var(--green-500) !important;
    border-color: var(--green-500) !important;
    color: var(--full-dark) !important;
}

.btn-outline-secondary {
    border-color: var(--gray-100);
    color: var(--gray-100);
}

.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:first-child:active {
    background-color: var(--gray-100) !important;
    color: var(--full-dark) !important;
    border-color: var(--gray-100) !important;
}

.btn-secondary {
    background-color: var(--gray-100);
    border-color: var(--gray-100);
    color: var(--full-dark);
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:first-child:active {
    background-color: var(--gray-200) !important;
    border-color: var(--gray-200) !important;
    color: var(--full-dark) !important;
}

.btn-price {
    text-wrap: nowrap;
}

.btn-price:hover, .btn-price:focus, .btn-price:active {
    background-color: transparent !important;
    border-color: var(--gray-100) !important;
    color: var(--gray-100) !important;
    cursor: default;
}

.btn-redirect {
    background-color: var(--dark-greener);
    border-color: var(--dark-greener);
    color: var(--greened-white);
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-redirect i {
    margin: 0;
    font-size: 1.7rem;
}

.btn-redirect:hover {
    background-color: var(--green-400);
    border-color: var(--green-400);
    color: var(--full-dark);
}

.btn-split-1, .btn-split-2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-split-1 {
    border-radius: var(--br-btn) var(--br-btn-split) var(--br-btn-split) var(--br-btn);
}

.btn-split-2 {
    border-radius: var(--br-btn-split) var(--br-btn) var(--br-btn) var(--br-btn-split);
}

.btn-pill {
    border: 1px solid var(--gray-100);
    color: var(--gray-100);
    margin: 0.2rem;
    transition: border-color var(--transition), color var(--transition), transform 0.2s ease;
}

.btn-pill:hover {
    border: 1px solid var(--green-400);
    color: var(--green-400);
    transform: translateY(-4px);
}

.btn-pill.active {
    border: 1px solid var(--green-400);
    background-color: var(--green-400);
    color: var(--full-dark);
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    letter-spacing: var(--letter-spacing-header);
    color: var(--full-white);
}

h4 {
    font-weight: 400;
}

p, li {
    font-weight: 400;
    letter-spacing: var(--letter-spacing-text);
    color: var(--gray-100);
}

.display-max {
    font-size: calc(2rem + 5vw);
    letter-spacing: calc(-0.7px - 0.2vw);
    font-weight: 700;
}

.display-max2 {
    font-size: calc(1.5rem + 4vw);
    letter-spacing: calc(-0.7px - 0.2vw);
    font-weight: 700;

}

.card {
    background-color: var(--dark-greener);
    border: 1px solid var(--container-border);
    border-radius: var(--br-container);
    padding: calc(1rem + 0.75vw);
    transition: background-color var(--transition), border-color var(--transition);
}

.card-pack {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-pack ul li {
    font-size: calc(1rem + 0.05vw);
    font-weight: 400;
    color: var(--gray-100);
}

.card-pack p {
    font-size: calc(1rem + 0.05vw);
}

.card-pack p.small {
    font-size: calc(0.8rem + 0.1vw);
}

.green-icon {
    color: var(--green-400);
    font-size: 2.25rem;
    margin-right: 0.5rem;
}

.hr-pack-splitter {
    border: 1px solid var(--gray-200);
    width: 100%;
    margin: 2rem 0;
}

footer {
    background-color: var(--dark-greener);
    border: 1px solid var(--container-border);
    border-radius: var(--br-container);
    padding: 2rem;
    margin: 4rem 0 2rem;
}

.footer-link {
    color: var(--gray-200);
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: var(--letter-spacing-text);
    transition: color var(--transition);
    text-decoration: none;
}

.footer-link:hover {
    color: var(--green-400);
}

.pill-est {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 999px;
    border: 1px solid var(--gray-100);
    gap: 0.75rem;
}

.pill-est * {
    margin: 0;
}

.text-primary {
    color: var(--green-400) !important;
}

.link-primary {
    color: var(--green-400) !important;
    text-decoration-color: var(--green-400) !important;
    transition: color var(--transition), text-decoration-color var(--transition), background-color var(--transition);
    padding: 0.2rem 0.5rem;
    border-radius: var(--br-container);
}

.link-primary:hover {
    background-color: var(--green-400);
    color: var(--full-dark) !important;
    text-decoration-color: var(--full-dark) !important;
}

.vh-custom {
    height: calc(100dvh - 18rem);
}

.card-company {
    padding: 0.8rem 1.2rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 0.7rem;
    text-decoration: none;
    transition: background-color var(--transition), border-color var(--transition), transform 0.2s ease;
}

.card-company:hover {
    background-color: var(--dark-green-300);
    border-color: var(--green-500);
    transform: translateY(-4px);
}

.company-name {
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: var(--letter-spacing-text);
    color: var(--full-white) !important;
}

.card-company img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    border-radius: var(--br-container-sm);
}

.card-company div * {
    margin-bottom: 0;
}

.companies {
    width: max-content;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.companies .row {
    flex-wrap: nowrap;
    animation: infinite-scroll 20s linear infinite;
    width: auto; 
}

.gradient-shadow {
    background: linear-gradient(90deg, var(--full-dark), transparent 10%, transparent 85%, var(--full-dark) 95%);
    z-index: 1;
    position: absolute;
    width: -webkit-fill-available;
    height: 120px;
    pointer-events: none;
}

.avatar {
    width: 65px;
    height: 65px;
    object-fit: cover;
    border-radius: 50%;
}

.border-bottom {
    border-bottom: 1px solid var(--full-white) !important;
}

.badge {
    background-color: transparent;
    border: 1px solid var(--greened-white);
    color: var(--greened-white);
    border-radius: var(--br-btn);
    padding: 0.6rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: var(--letter-spacing-text);
    transition: background-color var(--transition), color var(--transition);
}

.badge.badge-white {
    border-color: var(--full-white);
    color: var(--full-white);
    padding: 0.4rem 0.7rem;
    font-size: 0.8rem;
}

.card-project {
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: end;
    background-color: var(--dark-greener);
    border: 3px solid var(--dark-greener);
    border-radius: var(--br-container);
    overflow: hidden;
    background-position: center;
    background-size: cover;
}

.card-project:hover .project-info, .card-project:focus .project-info {
    bottom: 0;
}

.project-info {
    padding: 0.5rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    background-color: var(--dark-greener);
    border-radius: var(--br-container) var(--br-container) 0 0;
    width: 100%;
    height: 90px;
    position: relative;
    bottom: -6rem;
    transition: bottom var(--transition);
}

.about-me-picture {
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: var(--br-container-sm);
}

.reference-picture {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: var(--br-container-sm);
}

.card-reference {
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: end;
    background-color: var(--dark-greener);
    border-radius: var(--br-container);
    overflow: hidden;
    background-position: center !important;
    background-size: 100%;
    background-repeat: no-repeat !important;
    transition: background-size 1s cubic-bezier(0.25, 0.46, 0, 0.97);
}

.card-reference:hover {
    background-size: 120%;
}

a.display-5 {
    letter-spacing: calc(-0.5px - 0.05vw);
}

.autoComplete_wrapper {
    display: block !important;
}

#autoComplete_list_1 {
    background-color: var(--layer2);
    border: 1px solid var(--container-border);
    border-radius: var(--br-container-xsm);
    padding: 0.5rem;
    position: absolute;
    z-index: 9999;
    width: 100%;
}

#autoComplete_list_1 li {
    list-style: none;
    padding: 0.5rem;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: var(--letter-spacing-text);
    color: var(--gray-100);
    background-color: var(--layer2);
    transition: background-color var(--transition), color var(--transition);
    border-radius: var(--br-container-xsm);
    border: 1px solid transparent;
}

#autoComplete_list_1 li:hover {
    background-color: var(--layer3);
    border: 1px solid var(--container-border);
}

#autoComplete_list_1 li:hover mark {
    color: var(--green-500);
}

#autoComplete_list_1 li mark {
    background-color: transparent;
    color: var(--green-400);
}

.card-booked-date {
    padding: 0.8rem 1.2rem;
    background-color: var(--container-border);
    border: 1px solid var(--container-border);
    border-radius: var(--br-container-sm);
    transition: background-color var(--transition), border-color var(--transition), transform 0.2s ease;
}

.card-booked-date * {
    margin-bottom: 0;
}

.form-control {
    background-color: var(--layer2) !important;
    border: 1px solid var(--layer4) !important;
    border-radius: var(--br-container-xsm) !important;
    color: var(--full-white) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    letter-spacing: var(--letter-spacing-text) !important;
    transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition) !important;
    padding: 0.3rem 0.6rem !important;
}

.form-control:focus {
    background-color: var(--layer3) !important;
    border-color: var(--green-400) !important;
    color: var(--full-white) !important;
}

.form-control::placeholder {
    color: var(--gray-200);
}

.form-label, .form-check-label, .custom-control-label {
    color: var(--gray-100);
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: var(--letter-spacing-text);
}

.form-check-input, .custom-control-input {
    background-color: var(--layer2) !important;
    border: 1px solid var(--layer4) !important;
}

.form-check-input:checked, .custom-control-input:checked {
    background-color: var(--layer4) !important;
    border-color: var(--green-400) !important;
}

.datepicker.dropdown-menu {
    background-color: var(--dark-greener) !important;
    border: 1px solid var(--container-border) !important;
    border-radius: var(--br-container-xsm) !important;
    padding: 1rem !important;
}

.datepicker-dropdown.datepicker-orient-top:before, .datepicker-dropdown.datepicker-orient-top:after {
    border-top: 6px solid var(--dark-greener) !important;
}

.datepicker.dropdown-menu td {
    font-weight: 400 !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50%;
}

.datepicker.datepicker-inline td, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.dropdown-menu th {
    padding: 0px !important;
}

.datepicker table tr td.new, .datepicker table tr td.old {
    color: var(--gray-200) !important;
}

.datepicker table tr td.active.active {
    background-color: var(--green-400) !important;
    color: var(--full-dark) !important;
}

.datepicker table tr td.active, .datepicker table tr td span.active {
    background-image: none !important;
    background-color: transparent !important;
}

.datepicker table tr td.day.focused, .datepicker table tr td.day:hover, .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover, .datepicker table tr td span.focused, .datepicker table tr td span:hover {
    background-color: var(--green-500) !important;
    color: var(--full-dark) !important;
}

.datepicker table tr td.disabled-date, .datepicker table tr td.disabled-date:hover {
    color: var(--danger) !important;
}

.datepicker table tr td.disabled-date:hover {
    background-color: var(--danger-dark) !important;
}

.text-muted {
    color: var(--gray-200) !important;
}

hr {
    color: var(--container-border);
    opacity: 1;
}

.netteFormsModal {
    background-color: var(--dark-greener) !important;
    border: 1px solid var(--container-border) !important;
    border-radius: var(--br-container) !important;
    padding: 1rem !important;
    width: 95% !important;
    max-width: 520px !important;
    color: var(--full-white) !important;
}

.netteFormsModal button {
    background-color: var(--green-400) !important;
    border: 1px solid var(--green-400) !important;
    color: var(--full-dark) !important;
    border-radius: var(--br-container) !important;
    padding: 0.5rem 1rem !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    width: 100% !important;
    letter-spacing: var(--letter-spacing-text) !important;
    transition: background-color var(--transition), color var(--transition), border-color var(--transition) !important;
}

.pozadi {
    width: 120px;
    height: auto;
    object-fit: cover;
}

.btn-check+.btn-vyber:not(:has(img)) {
    color: var(--gray-100);
    border: 1px solid var(--gray-100);
    background-color: transparent;
    border-radius: var(--br-container-xsm);
}

.btn-check:checked+.btn-vyber:not(:has(img)), .btn-check+.btn-vyber:hover:not(:has(img)) {
    border: 1px solid var(--green-400);
    color: var(--full-dark);
    background-color: var(--green-400);
}

.btn-vyber:has(img) {
    padding: 0;
    margin: 0 0.25rem;
    background-color: transparent;
    border: 2px solid var(--dark-greener);
    border-radius: var(--br-container-sm);
    overflow: hidden;
}

.btn-check:checked+.btn-vyber:has(img), .btn-check+.btn-vyber:hover:has(img) {
    border: 2px solid var(--green-400);
}

.btn-check+.btn-vyber :not(img) {
    border-color: var(--danger);
}

.icon-block {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    background-color: var(--container-border);
    border: 1px solid var(--container-border);
    color: var(--green-500);
    font-size: 1.5rem;
    border-radius: var(--br-container-sm);
    transition: background-color var(--transition), border-color var(--transition);
}

.iziToast {
    border-radius: var(--br-container-sm) !important;
    font-family: 'Readex Pro', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.iziToast-title {
    display: none !important;
}

.iziToast-body {
    padding-left: 0 !important;
}

.iziToast.iziToast-color-orange {
    background-color: #ffad42 !important;
    border: 1px solid #ffad42 !important;
}

.iziToast-color-orange * .iziToast-message, .iziToast-color-green * .iziToast-message {
    color: var(--full-dark) !important;
}

.iziToast.iziToast-color-green {
    background-color: var(--green-500) !important;
    border: 1px solid var(--green-500) !important;
}

.badge-voucher {
    font-size: 0.9rem;
    color: var(--full-dark);
}

.bg-primary {
    background-color: var(--green-500) !important;
    border-color: var(--green-500) !important;
}

a:not(.btn, .nav-link, .navbar-brand, .footer-link) {
    color: var(--green-400);
}

a:not(.btn, .nav-link, .navbar-brand, .footer-link):hover {
    color: var(--green-500);
}

.modal-dialog {
    max-width: 750px;
}

.modal.fade .modal-dialog {
    transform: translate(0, 0) scale(0);
    transition: transform 0.5s cubic-bezier(0.62, 0.09, 0, 1);    
}

.modal.show .modal-dialog {
    transform: translate(0, 0) scale(1);
}

.modal-content {
    background-color: var(--full-dark);
    border: 1px solid var(--gray-200);
    border-radius: var(--br-container) !important;
    color: var(--full-white);
    padding: 1.5rem;
}

.modal-header {
    padding: 0.7rem 1.2rem;
    background-color: var(--dark-greener);
    border: 1px solid var(--container-border);
    border-radius: var(--br-container-sm);
    display: flex;
    align-items: center;
}

.modal-title {
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-title i {
    margin-right: 0.5rem;
    color: var(--green-400);
}

.modal-body {
    padding: 0;
}

.modal-body-text {
    padding: 1.2rem;
    font-size: 0.8rem;
    background-color: var(--dark-greener);
    border: 1px solid var(--container-border);
    border-radius: var(--br-container-sm);
    width: 100%;
}

.btn-modal-close {
    padding: 0;
    width: 40px;
    height: 40px;
    background-color: var(--green-400);
    color: var(--full-dark);
    border-radius: var(--br-container-xsm);
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-modal-close:hover, .btn-modal-close:focus, .btn-modal-close:active {
    background-color: var(--green-500);
    color: var(--full-dark);
}

.btn-modal-close i {
    margin: 0;
}

.iframe {
    width: 100%;
    height: 250px;
    border: 1px solid var(--container-border);
    border-radius: var(--br-container-sm);
}

.iframe.web {
    height: 400px;
}

.person:first-child {
    margin-top: 0;
}

.person {
    margin-top: 12px;
}

.alert {
    background-color: var(--dark-greener);
    border: 1px solid var(--container-border);
    border-radius: var(--br-container-sm);
    color: var(--full-white);
    padding: 1rem !important;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: var(--letter-spacing-text);
}

.alert-success {
    background-color: var(--dark-green-400) !important;
    border-color: var(--green-400) !important;
}

.dash-hr {
    border: 1px dashed var(--container-border);
    width: 100%;
    margin: 1.5rem 0;
}

.receipt {
    background-color: #181a1893;
    backdrop-filter: blur(10px);
}

.receipt-detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 0.3rem;
    background-color: var(--dark-greener);
    border: 1px solid var(--container-border);
    border-radius: var(--br-container-sm);
    padding: 0.9rem 1rem 0.8rem;
}

.offcanvas {
    padding: 0rem;
}

.offcanvas-header {
    background-color: var(--dark-greener);
    border-bottom: 1px solid var(--container-border);
    border-right: 1px solid var(--container-border);
    padding: 1.5rem;
}

.offcanvas-body {
    background-color: var(--dark-greener);
    border-right: 1px solid var(--container-border);
    padding: 1.5rem;
}

.youtube-video {
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: var(--br-container-sm);
    margin: 8px 0 0;
}

.btn-sidebar {
    background-color: var(--layer2) !important;
    border: 1px solid var(--container-border) !important;
    border-radius: var(--br-container-sm) !important;
    color: var(--full-white) !important;
    padding: 1rem !important;
    justify-content: start !important;
    transition: background-color var(--transition), color var(--transition), border-color var(--transition);
}

.btn-sidebar:hover, .btn-sidebar:focus, .btn-sidebar:active {
    background-color: var(--green-400) !important;
    border-color: var(--green-400) !important;
    color: var(--full-dark) !important;
}

.table > :not(caption) > * > * {
    background-color: var(--dark-greener);
    border: 1px solid var(--container-border);
    color: var(--full-white);
}

.dropdown-menu {
    background: var(--dark-greener);
    border: 1px solid var(--container-border);
    border-radius: var(--br-container-sm);
    padding: 0.5rem 0.3rem;
}

.dropdown-item {
    color: var(--greened-white);
    background-color: transparent;
    border-radius: var(--br-container-xsm);
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: var(--letter-spacing-text);
    transition: color var(--transition), background-color var(--transition);
}

.scroll {
    max-width: 100%;
    overflow-x: auto;
}

.dropdown-item:hover {
    color: var(--green-400);
    background-color: var(--container-border);
}

@keyframes infinite-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

@media screen and (max-width: 992px) {
    .scroll-overflow {
        flex-wrap: nowrap;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }
}

@media screen and (max-width: 768px) {
    .card-pack {
        height: auto;
    }

    .btn-split-1, .btn-split-2 {
        border-radius: var(--br-btn);
    }
}

@media screen and (max-width: 850px) {
    .btn-split-1, .btn-split-2 {
        border-radius: var(--br-btn);
    }
}

::selection {
    background: var(--green-400);
    color: var(--full-dark);
}

::-moz-selection {
    background: var(--green-400);
    color: var(--full-dark);
}

::-webkit-scrollbar {
    width: 0.8rem;
}

::-webkit-scrollbar-track {
    background: var(--full-dark);
}

::-webkit-scrollbar-thumb {
    background: var(--green-400);
    border-radius: var(--br-container);
    border: 3px solid var(--dark-greener);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--green-500);
}

label {
    color: #a4b4a7;
}

.help-block {
    color: var(--danger);
    font-size: 0.8rem;
    letter-spacing: -0.1px;
}