.bg-neutral-silver {
    background-color: #f5f7fa !important;
}

.bg-neutral-grey {
    background-color: #abbed1;
}

.text-neutral-grey {
    color: #abbed1 !important;
}

.bg-neutral-blue {
    background-color: #133d87 !important;
}

.text-neutral-blue {
    color: #133d87 !important;
}

.bg-neutral-brand {
    background-color: #b59f78 !important;
}

.text-neutral-brand {
    color: #b59f78 !important;
}

.bg-neutral-black {
    background-color: #263238;
}

.text-neutral-info {
    color: #f29200;
}

button.btn-learn-more:hover {
    background: #133d87;
}

.box-misi {
    min-width: 250px;
    min-height: 250px;
}

.owl-carousel:not(.nav-arrows-1):not(.show-nav-title)
    .owl-nav
    button[class*="owl-"] {
    background-color: transparent !important;
    border-color: white !important;
    color: white !important;
}

section#home {
    position: relative;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
section#home::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.5;
    animation-duration: 750ms;
    animation-delay: 300ms;
    animation-fill-mode: forwards;
}

.post-info {
    margin-left: 60px;
}

.footer-latest-post {
    margin-left: 60px;
}

.icon-feature-1 {
    background-position: -10px -110px;
}

.icon-feature-2 {
    background-position: -110px -110px;
}

.icon-feature-3 {
    background-position: -210px -110px;
}

.icon-feature-4 {
    background-position: -310px -110px;
}

.icon-feature-5 {
    background-position: -410px -110px;
}

.icon-feature-6 {
    background-position: -510px -110px;
}

.icon-feature-7 {
    background-position: -610px -110px;
}

.icon-feature-8 {
    background-position: -710px -110px;
}

.icon-feature-9 {
    background-position: -810px -110px;
}

.icon-feature-10 {
    background-position: -910px -110px;
}

.icon-feature-11 {
    background-position: -10px -210px;
}

.icon-feature-12 {
    background-position: -110px -210px;
}

.icon-feature-13 {
    background-position: -210px -210px;
}

.icon-feature-14 {
    background-position: -320px -210px;
}

.icon-feature-15 {
    background-position: -420px -210px;
}

.icon-feature-16 {
    background-position: -520px -210px;
}

.icon-feature-17 {
    background-position: -624px -210px;
}

.icon-feature-18 {
    background-position: -720px -210px;
}

.icon-feature-19 {
    background-position: -820px -210px;
}

@media only screen and (max-width: 767px) {
    .mobile-centered-text {
        text-align: center;
    }
}
