:root {
    --background-lightly: #e7e7e7;
    --background-light-gray: #e7e7e7;

    --inverse-background: #ffffff;
}

.text-accent {
    color: var(--accent);
}

.text-accent-secondary {
    color: var(--accent-secondary);
}

.bg-lightly {
    background: var(--background-lightly);
}

.bg-light-gray {
    background: var(--background-light-gray);
}

.no-select {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}

.color-darken:hover {
    filter: brightness(92%);
}

.z-layer-1 {
    z-index: 1;
}

i {
    color: var(--accent);
}

.dropdown-menu {
    border: 1px solid var(--accent) !important;
}

.border-accent {
    border-color: var(--accent) !important;
}

.dropdown-menu {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

.bg-accent-secondary {
    background: var(--accent-secondary);
}

.bg-accent {
    background: var(--accent);
}

.btn-accent {
    color: var(--inverse-background);
    background-color: var(--accent);
    border-color: var(--accent);
}

.btn-whatsapp {
    background-color: #25D366;
    border-color: #25D366;
    font-weight: bold;
}

.card-border {
    border-top: 4px solid var(--accent-secondary);
}

.btn-accent:hover {
    color: #fff;
    background-color: var(--accent-dark);
    border-color: var(--accent-light);
}

.btn-accent-secondary {
    color: #fff;
    /* text-shadow: 1px 1px 2px #000; */
    background-color: var(--accent-secondary);
    border-color: var(--accent-secondary);
}

.btn-accent-secondary:hover {
    /* text-shadow: 1px 1px 2px #000; */
    color: #fff;
    background-color: var(--accent-secondary-dark);
    border-color: var(--accent-secondary-light);
}

.btn-outline-accent {
    text-shadow: 0 0 0.5px #000;
    color: var(--accent);
    border-color: var(--accent);
}

.btn-outline-accent:hover {
    text-shadow: none;
    color: #fff;
    background-color: var(--accent);
}

.shop-margin {
    margin-top: 0px;
}

.loading {
    z-index: 999999 !important;
}

.card-body, .bg-form {
    background: rgb(250, 250, 250);
}

.bg-card {
    background: rgb(245, 245, 245) !important;
}

.bg-form-hover:hover {
    background: rgb(235, 235, 235);
}

.list-group-item.active {
    background: var(--background-light-gray);
    border-color: var(--accent);
    border-width: 3px;
    padding: 10px 18px;
    color: black;
    text-shadow: 1px 1px 1px white;
}

.text-link {
    color: var(--accent-secondary);
}

.display-6 {
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 1.2; 
}

.no-select {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
     user-select: none;
}

.pointer {
    cursor: pointer;
}

.link-reset, .link-reset:hover, .link-reset:focus {
    color: inherit;
    text-decoration: inherit
}

.alert-accent {
    color: #fff;
    text-shadow: #000 1px 1px;
    background-color: var(--accent-light);
    border-color: #b8daff;
}

a[disabled] {
    pointer-events: none;
    opacity: 0.5;
}

.quote-accent {
    padding-left: 5px;
    border-left: 3px solid var(--accent);
}

.badge-primary {
    color: #fff;
    background-color: var(--accent);
}

.badge-hover-primary:hover {
    background-color: var(--accent-dark);
}

.mb-6 {
    margin-bottom: 4rem;
}

.mt-6 {
    margin-top: 4rem;
}

.mb--3 {
    margin-bottom: -3rem;
}

.pt-6 {
    padding-top: 4rem;
}

.py-6 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.op-50 {
    opacity: 0.5;
}

@media(min-width: 992px) {
    .shop-margin {
        margin-top: 44px;
    }
}

/* Number of Cards by Row based on Viewport */
@media (min-width: 576px) {
    .card-deck .card {
        min-width: 50.1%; /* 1 Column */
        margin-bottom: 12px;
    }
}

@media (min-width: 768px) {
    .card-deck .card {
        min-width: 33.4%;  /* 2 Columns */
    }
}

@media (min-width: 1200px) {
    .card-deck .card {
        min-width: 25.1%;  /* 3 Columns */
    }
}

.list-check-mark li::marker {
    content: '✓';
    color: green;
}

.list-no-bullets {
    list-style-type: none;
}

.save-next-support-options {
    position: fixed;
    bottom: 16px;
    right: 72px;
    z-index: 99;
}

.bg-eye-1-container {
    position: absolute;
    margin-top: 24%;
    right: -20%;
}

.bg-eye-2-container {
    position: absolute;
    margin-top: -13%;
    left: -29%;
}

.bg-eye-1 {
    opacity: 0.1;
    width: 30vw;
}

.bg-eye-2 {
    opacity: 0.1;
    width: 50vw;
}

.mbs-3 + * {
    margin-top: 1rem;
}

.mbs-4 + * {
    margin-top: 1.5rem;
}

.mbs-5 + * {
    margin-top: 3rem;
}

.filter-white {
    filter: saturate(0%) brightness(400%);
}

.custom-range::-moz-range-thumb {
    background-color: var(--accent) !important;
}

.custom-range::-webkit-slider-thumb {
    background-color: var(--accent) !important;
}

.custom-range::-webkit-slider-thumb {
    background-color: var(--accent) !important;
}

.fs-112 {
    font-size: 112.5% !important;
}

.fs-125 {
    font-size: 125% !important;
}

.fs-150 {
    font-size: 150% !important;
}

.fs-175 {
    font-size: 150% !important;
}

.fs-200 {
    font-size: 150% !important;
}

.rounded-lg {
    border-radius: .75rem !important;
}

.nav-highlight, .nav-highlight i {
    font-weight: bold;
    color: #ff3d95 !important;
    font-size: 110%;
}