@import url("../satoshi.css");

* {
    font-family: "Satoshi-Variable";
}

/* font weight */
.fw-400 {
    font-weight: 400 !important;
}
.fw-500 {
    font-weight: 500 !important;
}
.fw-600 {
    font-weight: 600 !important;
}
.fw-700 {
    font-weight: 700 !important;
}
.fw-900 {
    font-weight: 900 !important;
}

/* text color */
.text-black {
    color: #000000 !important;
}
.text-darker {
    color: #0A0A0A !important;
}
.text-dark {
    color: #212122 !important;
}
.text-white {
    color: #ffffff !important;
}
.text-danger {
    color: #e4262c !important;
}
.text-secondary {
    color: #55595c !important;
}
.text-warning {
    color: #f39649 !important;
}
.text-primary {
    color: #a22623 !important;
}
.text-success {
    color: #00923f !important;
}
.text-brown {
    color: #7B4D1A !important;
}

/* line clamp */
.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.subjudul {
    font-size: 20px;
    line-height: 24px;
    color: #cf312d;
    font-weight: 600;
    margin-top: 20px;
}
.text-subtitle {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #212122;
}

@media (max-width: 576px) {
    h4 {
        font-size: 20px;
    }
    p {
        font-size: 14px;
    }
    .text-subtitle {
        font-size: 14px;
        line-height: 20px;
    }
}