body, h1, h2, h3, h4, h5, h6, .font-inter, .before\:font-inter::before {
    font-family: "Kanit", sans-serif;
}

.drawer-content {
    padding: 0 !important;
}

.bg-green-dark {
    background-color: #799EFF;
}

.bg-\[\#122E25\] {
    background-color: rgba(26, 98, 156, 0.3);
}

.change.top-\[70px\] {
    top: 20px;
}

.change.left-8 {
    left: -4rem;
}

.change.bottom-8 {
    bottom: 15rem;
}

.change.max-w-\[653px\] {
    max-width: 853px;
}

.col-span-12 {
    grid-column: span 12 / span 12;
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.flex-1 {
    flex: 1 1 0% !important;
}

.before\:content-\[\'Read_More\'\]::before {
    --tw-content: 'อ่านต่อ';
}




/* Responsive Multiple screens */

@media (max-width: 1375px) {

    .gap-10 {
        gap: 1rem;
    }

}

@media (max-width: 1279px) {
    .mobile_logo {
        height: 60px;
    }


}

@media (min-width: 640px) {
    .pagination .sm\:hidden {
        display: flex !important;
    }
}

@media (min-width: 640px) {
    .sm\:py-\[130px\] {
        padding-top: 70px;
    }
}