:root {
    --swiper-theme-color: #ff0000 !important;
    --tw-text-opacity: #ff0000 !important;
    --tw-ring-color: transparent !important;
    --tw-ring-shadow: transparent !important;
}

.bg-red-primary {
    background: #ff0000;
}
.bg-red-primary-mobile {
    background: #DC2626;
}
.bg-gray-cards {
    background-color: #ebebeb;
}
.bg-gray-button-cards {
    background-color: #d9d9d9;
}
.text-red-primary {
    color: #ff0000;
}
.bg-green-wa {
    background: #25d366;
}
.debug-green {
    border: 2px solid green;
}

.debug-red {
    border: 2px solid red;
}

.debug-blue {
    border: 2px solid blue;
}

.wrapper-base {
    max-width: 1350px;
}

.navbar-base {
    display: none !important;
}

@media only screen and (min-width: 1024px) {
    .navbar-base {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 auto !important;
    }
}

*::-webkit-scrollbar {
    width: 18px;
    height: 3px !important;
    background-color: transparent;
}

.tabspec::-webkit-scrollbar {
    width: 5px;
    height: 3px;
    background-color: transparent;
}

*::-webkit-scrollbar-track {
    background-color: rgb(219, 219, 219);
}

*::-webkit-scrollbar-thumb {
    background-color: #a7a7a7 !important;
    border-radius: 999999999px;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: #d12828 !important;
}

.truncate-4-lines {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.xline-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.xline-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.xline-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.email-subscribe::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #6060 !important;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #6060 !important;
}

.email-subscribe:-ms-input-placeholder {
    /* IE 10+ */
    color: #6060 !important;
}
.email-subscribe:-moz-placeholder {
    /* Firefox 18- */
    color: #6060 !important;
}

.shadow-text-black {
    text-shadow: -1px 2px 11px rgba(0,0,0,0.45);
}