@import url("https://fonts.googleapis.com/css2?family=Bona+Nova:ital,wght@0,400;0,700;1,400&family=Merienda:wght@300..900&display=swap");

.category-link {
    text-transform: uppercase;
    font-family: "cambria";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
}

.selected {
    border-bottom: solid 2px #6bb37e;
}

.btn-success {
    background: #6bb37e;
    color: #FFF;
}

.btn-info {
    background: #0d4d1e;
    color: #FFF;
}

.btn {
    padding: 0.80rem;
    font-weight: 800;
    font-size: 18px;
    text-transform: uppercase;
    font-family: "cambria";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
}

.rounded-l-md {
    border-top-left-radius: 1.000rem;
    border-bottom-left-radius: 1.000rem;
}

.rounded-r-md {
    border-top-right-radius: 1.000rem;
    border-bottom-right-radius: 1.000rem;
}

.aspect-square {
    aspect-ratio: 1 / 1.2;
}

.rounded-md {
    border-radius: 1.000rem;
}

.package {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-left: 0rem !important;
    margin-right: 0rem !important;
    margin-bottom: 1.875rem;
    transition-duration: 0.25s;
}

.package > div > div > img {
    transition: 0.5s all !important;
  }

.text-2xl.mx-auto.my-2.text-white {
    text-transform: uppercase;
    font-family: "cambria";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
}

.btn-primary {
    background-color: #0d4d1e;
    text-transform: uppercase;
    font-family: "cambria";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    border-radius: 1.000rem;
}

.package:hover {
    transform: scale(1.0);
}

.package > div > div > img:hover {
    transform: rotateY(180deg);
}

.btn-primary.ml-2 {
    background-color: #6bb37e;
}

.btn-primary.mt-4 {
    background-color: #6bb37e;
}

.input-theme {
    border-radius: 1.000rem;
}

.modal {
    border-radius: 1.000rem;
    box-shadow: inset 0 2px 2px #6bb37e, 0 4px 4px #0f3535;
}

.flex.outline-none {
    border-radius: 1.000rem;
}

[class*="border-green-500"] {
    border-color: #6bb37e !important;
}

:root {
    --toastify-color-success: #6bb37e;
    --toastify-color-warning: #ff9514;
    --toastify-color-error: #661e1e;
}

#background #{
    #background: url("") !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.modal::-webkit-scrollbar {
    width: 0.3125rem !important;
}

.modal::-webkit-scrollbar-track {
    background-color: #286939 !important;
    border-radius: 0.625rem;
}

.modal::-webkit-scrollbar-thumb {
    background-color: #6bb37e !important;
    border-radius: 0.625rem;
}