body {
    font-family: 'Inter', sans-serif;
}
@media (max-width: 1024px) {
    .second-part-footer{
        flex-wrap: wrap;
    }
}

/* @media screen and (min-width: 768px) and (max-width: 1024px) {
    .second-part-footer {
        margin-left: 40px;
    }
} */
@media (max-width: 640px) {
    .pagination a, .pagination span {
        padding: 0.25rem 0.5rem; /* smaller touch targets */
        font-size: 0.875rem; /* slightly smaller font */
    }
}
.filament-richtext ul {
    list-style-type: disc;
    list-style-position: inside;
    margin:10px 0px;
}
.filament-richtext h2{
    font-size: 2rem;
    font-weight: 600;
    margin: 10px 0px;
}
.filament-richtext h3{
    font-size: 1.5rem;
    font-weight: 600;
    margin: 10px 0px;
}
.hero-section {
    background-image: url("/images/hero-image.webp");
    background-size: cover;
    background-position: center;
    /* You may want this section to fill the rest of the viewport */
    min-height: 823px;
}
 @media (max-width: 767px) {
    .hero-section {
    background-image: url("/images/hero-image.webp");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 15% calc(75% - 60px);
    /* min-height: 823px; */
    font-size: larger;
    }
}

.kmi-container {
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
}

.pagination>nav {
    width: 80%;
}

.custom-scroll::-webkit-scrollbar {
    width: 6px;
}

.custom-scroll::-webkit-scrollbar-track {
    background: #e5e7eb;
    border-radius: 10px;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background: #EFE223;
    border-radius: 10px;
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
    background: #EFE223;
}

.custom-select {
    background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='%23999999' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 18px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input::placeholder,
textarea::placeholder,
select::placeholder {
    color: #999 !important;
}