:root {
    font-family: Inter, Arial
}

a {
    color: #fe5f00
}

body {
    margin: 0
}

p {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 8px;
    margin-top: 0
}

.h1, .h2, h1, h2 {
    font-size: 32px
}

.h1, .h2, .h3, h1, h2, h3 {
    color: #008640;
    font-weight: 800;
    margin: 0
}

.h3, h3 {
    font-size: 18px
}

.h5, h5 {
    color: #008640;
    font-size: 16px;
    font-weight: 800;
    margin: 0
}

.clearfix:after {
    clear: both;
    content: "";
    display: block
}

@media (min-width: 1024px) and (max-width: 1365.99px) {
    .main-margin-x {
        padding-left: 36px;
        padding-right: 36px
    }

    .main-margin-y {
        padding-bottom: 36px;
        padding-top: 36px
    }

    .main-margin {
        padding: 36px
    }
}

@media (min-width: 1366px) {
    .main-margin-x {
        padding-left: 64px;
        padding-right: 64px
    }

    .main-margin-y {
        padding-bottom: 64px;
        padding-top: 64px
    }

    .main-margin {
        padding: 64px
    }
}

@media (max-width: 1023.99px) {
    .main-margin-x {
        padding-left: 16px;
        padding-right: 16px
    }

    .main-margin-y {
        padding-bottom: 16px;
        padding-top: 16px
    }

    .main-margin {
        padding: 16px
    }
}

@media (min-width: 1024px) {
    .mobile-flex-1024px {
        display: none
    }
}

@media (max-width: 1023.99px) {
    .mobile-flex-1024px {
        display: flex
    }
    .article-wrap{
        flex-wrap: wrap !important;
    }
}

.row {
    flex-direction: row
}

.row, .row-col {
    display: flex;
    flex-wrap: wrap
}

.row-col {
    flex-direction: column
}

input, textarea {
    background-color: #f0f0f0;
    border-color: #f0f0f0;
    border-radius: 10px;
    border-style: solid
}

label {
    font-size: 18px;
    font-weight: 700
}

input {
    display: flex;
    height: 50px;
    padding-left: 14px;
    padding-right: 14px
}

textarea {
    display: flex;
    padding: 14px
}