/*
 * ─── FONT FAMILY ────────────────────────────────────────────────────────────────
 */

.bb.f-desc {
    font-family: Arial, Helvetica, sans-serif !important;
}

/*
 * ─── FONT SIZE ───────────────────────────────────────────────────────────────────────
 */

.bb.h1 {
    font-size: 24px !important;
    line-height: 1.5 !important;
}

.bb.h2 {
    font-size: 20px !important;
    line-height: 1.5 !important;
}

.bb.h3 {
    font-size: 18px !important;
    line-height: 1.5 !important;
}

.bb.h4 {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.bb.h5 {
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.bb.h6 {
    font-size: 12px !important;
    line-height: 1.5 !important;
}
.bb.f-400{
    font-weight: 400 !important;
}
.bb.f-semi {
    font-weight: 600 !important;
}

@media screen and (max-width: 991px) {
    
    .bb.title {
        font-size: 20px !important;
    }
}

/*
 * ─── FONT COLOR ─────────────────────────────────────────────────────────────────
 */
.bb.c-black{
    color: #333 !important;
}
.bb.c-black-3 {
    color: #333333 !important;
}

.bb.c-black-6 {
    color: #666666 !important;
}

.bb.c-black-7 {
    color: #777777 !important;
}

.bb.c-black-9 {
    color: #999999 !important;
}

.bb.c-green {
    color: #00A94F !important;
}

.bb.c-light-green {
    color: #00E32C !important;
}

.bb.c-white {
    color: #FFFFFF !important;
}

/*
 * ─── MARGIN ─────────────────────────────────────────────────────────────────────
 */

.bb.m-all-0 {
    margin: 0px;
}

.bb.m-top-10 {
    margin-top: 10px;
}

.bb.m-bottom-10 {
    margin-bottom: 10px;
}
.bb.m-left-10{
    margin-left: 10px;
}
.bb.m-top-20 {
    margin-top: 20px;
}
.bb.m-bottom-15{
    margin-bottom: 15px;
}
.bb.m-bottom-20 {
    margin-bottom: 20px;
}

.bb.m-top-30 {
    margin-top: 30px;
}

.bb.m-bottom-30 {
    margin-bottom: 30px;
}

.bb.m-vertical-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.bb.m-vertical-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.bb.m-vertical-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.bb.p-all-0 {
    padding: 0 !important;
}

/*
 * ─── LINK ───────────────────────────────────────────────────────────────────────
 */

.bb.link {
    color: #00A94F;
    text-decoration: underline;
}

/*
 * ─── LIST ───────────────────────────────────────────────────────────────────────
 */

.main .list-item{
    padding: 0px;
    margin-bottom: 0px !important;
}

.main .list-item .item {
    margin-left: 17px;
    padding-left: 5px;
    text-align: left;
    color: #666666;
}

.link.external:after {
    content: "\e90a";
    display: inline-block;
    font-family: icongarage;
    font-size: 0.8em;
    margin-left: 5px;
}
/*
 * ─── display ─────────────────────────────────────────────────────────────────────
 */
 
 .bb.d-flex{
     display: flex;
 }

 /* flex style */
 .bb.align-items-baseline{
    align-items: baseline;
 }
/*
 * ─── CUT TO NEWLINE ─────────────────────────────────────────────────────────────
 */

.visible-w360,
.visible-w374,
.visible-w375,
.visible-w413,
.visible-w414,
.visible-w767,
.visible-w991,
.visible-w1023 {
    display: none;
}

.hidden-w360,
.hidden-w374,
.hidden-w375,
.hidden-w413,
.hidden-w414,
.hidden-w767,
.hidden-w991,
.hidden-w1023 {
    display: block;
}

.visible-only-w375,
.visible-only-w414,
.visible-only-w768 {
    display: none;
}

.hidden-only-w375,
.hidden-only-w414,
.hidden-only-w768 {
    display: block;
}

@media screen and (max-width: 360px) {
    .visible-w360 {
        display: block;
    }

    .hidden-w360 {
        display: none;
    }
}

@media screen and (max-width: 374px) {
    .visible-w374 {
        display: block;
    }

    .hidden-w374 {
        display: none;
    }
}

@media screen and (max-width: 375px) {
    .visible-w375 {
        display: block;
    }

    .hidden-w375 {
        display: none;
    }
}

@media screen and (max-width: 413px) {
    .visible-w413 {
        display: block;
    }

    .hidden-w413 {
        display: none;
    }
}

@media screen and (max-width: 414px) {
    .visible-w414 {
        display: block;
    }

    .hidden-w414 {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .table-hidden-w767{
        display: none;
      }
    .visible-w767 {
        display: block;
    }

    .hidden-w767 {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .visible-w991 {
        display: block;
    }

    .hidden-w991 {
        display: none;
    }
}

@media screen and (max-width: 1023px) {
    .visible-w1023 {
        display: block;
    }

    .hidden-w1023 {
        display: none;
    }
}

/* ==== Only screen =============================================================== */

@media screen and (width: 414px) {
    .visible-only-w414 {
        display: block;
    }

    .hidden-only-w414 {
        display: none;
    }
}

@media screen and (width: 375px) {
    .visible-only-w375 {
        display: block;
    }

    .hidden-only-w375 {
        display: none;
    }
}

@media screen and (width: 768px) {
    .visible-only-w768 {
        display: block;
    }

    .hidden-only-w768 {
        display: none;
    }
}