@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+Thai:wght@100..900&display=swap');

:root {
    --section-padding: 6rem;
}

* {
    font-family: "Inter", "Noto Sans Thai", sans-serif;
    font-weight: 300;
    color: var(--color-text-main);
}

a {
    color: #344054;
}

.section {
    padding-top: var(--section-padding);
    padding-bottom: var(--section-padding);
    background-size: cover;
    background-position: center;
}

section.cta {
    color: white;
    background-color: var(--main-color);
    background-image: linear-gradient(0deg, #00275bee, #00275bee), url('../../media/cta-bg.png'), url('../../media/cta-bg.png');
    background-repeat: no-repeat;
    background-position: -55%, 155%;
    background-size: auto 200%;
}

footer.section {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.footer-logo {
    max-width: 100%;
    height: 100px;
}