body, html {
    font-family: 'Prompt', sans-serif;
    background-color: #ECEFF3;
}

body {
    overflow-x: hidden;
}

.container-sm {
    max-width: 1350px !important;
}

.title {
    font-size: 24px;
    font-weight: 700;
}

.text-normal-24 {
    font-size: 24px;
}

.text-normal-18 {
    font-size: 18px;
}

.text-normal-34 {
    font-size: 34px;
    /* font-weight: 900; */
}

.w-900{
    font-weight: 900;
}

.swal2-popup {
    font-size: 7px;
}

.bg-card {
    background: #e8edf0;
    border: unset !important;
}

.font-style-show-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.font-style-show {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-title {
    font-size: 16px;
    font-weight: 900;
}

.text-shot-detail {
    font-size: 14px
}

.text-date {
    color: #5B85A4;
    font-size: 14px;
}

 /* end card news */

.mouse-hover{
    cursor: pointer;
}
.read-more-btn{
    width: 134px;
    height: 46px;
    /* Main 01 */
    background: #000000;
    border-radius: 6px;
    color: #ffffff;
}

.read-more-btn:hover{
    color: white;
}

.txt-color-C1C1C1{
    color: #C1C1C1;
}

.txt-color-727272{
    color: #727272;
}

.txt-color-FFFFFF{
    color: #FFFFFF;
}
.txt-color-C1C1C1{
    color: #C1C1C1;
}

.txt-color-1E3435{
    color: #1E3435;
}
.txt-color-5191CE{
    color: #5191CE;
}
.txt-color-562114{
    color: #562114;
}
.txt-color-4B5563{
    color: #4B5563;
}

.page-item.active .page-link {
    z-index: 3;
    color: #ffffff;
    background-color: #5191CE;
    border-color: #5191CE;
}

.color-F7AF1A {
    color: #F7AF1A;
}

.font-italic
{
    font-style: italic;

}

[v-cloak] {
    display: none !important;
}

.text-title-content {
    text-align: center;
    color: #28100A;
    font-size: 36px;
    line-height: 40px;
}

.text-detail-content {
    font-size: 15px;
    line-height: 150%;
    text-align: center;
    color: #4B5563;
}