@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

* {
    font-family: 'Roboto', system-ui;
    font-style: normal;
}

body {
    font-family: 'Roboto', system-ui;
    font-style: normal;
}

#form03 button {
    font-family: 'Roboto', system-ui;
    font-style: normal;
}

#buttons03 li a {
    font-family: 'Roboto', system-ui;
    font-style: normal;

    font-size: .725em;
}

#buttons16 li a {
    font-family: 'Roboto', system-ui;
    font-style: normal;

    font-weight: 500;
}

#text04 {
    font-family: 'Roboto', system-ui;
    font-style: normal;
}

#text50 {
    font-family: 'Roboto', system-ui;
    font-style: normal;
}

#main .container.full:first-child>.wrapper>.inner {
    background: linear-gradient(0deg,rgba(22, 25, 28, 1),rgba(22, 25, 28, 1))
}

#container01>.wrapper>.inner {
    padding: 0;
}

#form02 .file, #form02 input[type=checkbox]+label, #form02 input[type=email], #form02 input[type=text], #form02 select, #form02 textarea {
    font-family: 'Roboto', system-ui;
    font-style: normal;
    font-weight: 400;
}

#form03 .file, #form03 input[type=checkbox]+label, #form03 input[type=email], #form03 input[type=text], #form03 select, #form03 textarea {
    font-family: 'Roboto', system-ui;
    font-style: normal;
    font-weight: 400;
}

@media only screen and (min-width: 768px) {
    #main > .inner {
        max-width: 90%;
    }
}

@media only screen and (min-width: 1270px) {
    #main > .inner {
        max-width: 75%;
    }
}

hr {
    width: 0%;
}

.searchSeparator {
    border-width: 0px;
}

#image05 {
    max-width: 100%;
    width: 100%;
}

.w-full {
    width: 90%;
}

#image11 img {
    border-radius: 0.66rem;
}

#container18>.wrapper>.inner {
    padding: 0;
}

#container18.columns>.wrapper>.inner>* {
    padding: 0.5rem;
}

#image11 img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 9;
}

#container18:not(:first-child) {
    margin-top: 1rem !important;
}


/* Listing */
.my-sm {
    margin-top: 0.5333333333333334rem;
    margin-bottom: 0.5333333333333334rem;
}

.type-header {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.text-foreground-primary {
    --tw-text-opacity: 1;
    color: rgba(255,255,255, 1);
}

.text-lg {
    font-size: 0.85rem;
    line-height: 1rem;
}

.gap-xs {
    padding: 0;
    gap: 0;
}

.items-center {
    align-items: center;
}

.flex {
    display: flex;
}

.text-foreground-secondary {
    --tw-text-opacity: 1;
    color: rgba(160,163,177, 1);
}

.font-bold {
    font-family: 'Exo', sans-serif;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
}

.btn-primary {
    background: linear-gradient(0deg, rgba(47, 158, 68, 1), rgba(47, 158, 68, 1));
    background-origin: border-box;
    color: rgba(22, 33, 38, 1);
    line-height: 1.5rem;
    padding: 0.6666666666666666rem 1.3333333333333333rem 0.6666666666666666rem 1.3333333333333333rem;
    border-radius: 8.25rem;
}

.btn-primary:hover {
    background: linear-gradient(0deg, rgba(43, 138, 62, 1), rgba(43, 138, 62, 1)); /* Slightly darker */
}

.btn-secondary {
    background: linear-gradient(0deg, rgba(52, 58, 64, 1), rgba(52, 58, 64, 1));
    background-origin: border-box;
    color: rgba(22, 33, 38, 1);
    line-height: 1.5rem;
    padding: 0.6666666666666666rem 1.3333333333333333rem 0.6666666666666666rem 1.3333333333333333rem;
    border-radius: 8.25rem;
}

.btn-secondary:hover {
    background: linear-gradient(0deg, rgba(33, 37, 41, 1), rgba(33, 37, 41, 1)); /* Slightly darker */
}

#buttons06 li a {
    width: auto;
}