.fa-arrow-left-long, .fa-arrow-right-long {
    color: #00695c;
    font-size: 24px;
    cursor: pointer;
    opacity: 0.5;
}

.fa-arrow-left-long.active, .fa-arrow-right-long.active {
    opacity: 1; 
}

.news-carousel-slider h2 {
    font-size: 64px;
    text-align: left;
    padding-bottom: 20px;
    color: #005062;
    font-weight: 700;
}

.orange-item {
    border: 5px solid #F68B23;
    padding: 10px;
    height: 553px;
}

.orange-item h5 {
    color: #F68B23;
    font-weight: 700;
}

.blue-item h5 {
    color: #3FC1BC;
    font-weight: 700;
}

.orange-item .article_date {
    color: #F68B23;
}

.blue-item .article_date {
    color: #3FC1BC;
}

.articles-section .blue-item {
    border: 5px solid #3FC1BC;
    padding: 10px;
    height: 553px;
    background-color: #fff !important
}

.articles-section h4.article_title {
    font-weight: 400;
    font-size: 22px
}

.blue-item .Tag_color_theme {
    color: #3FC1BC;
    font-weight: 700;
}

.orange-item .Tag_color_theme {
    color: #F68B23;
    font-weight: 700;
}

.orange-item .card-body-align h4 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 49px
}

.blue-item .card-body-align h4 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 49px
}

.blue-item .btn.btn-primary {
    color: #13819f;
    background: no-repeat;
    border: 0;
    font-weight: 700;
    padding: 0;
    margin-top: 10px;
    font-size: 22px;
}

.orange-item .btn.btn-primary {
    color: #f18700;
    background: #fbdbb2;
    background: no-repeat;
    border: 0;
    font-weight: 700;
    padding: 0;
    margin-top: 10px;
    font-size: 22px;
}

.blue-item .card-body-align p.article_date {
    color: #3FC1BC;
    font-size: 14px;
    font-style: italic
}

.orange-item .card-body-align p.article_date {
    color: #F68B23;
    font-size: 14px;
    font-style: italic
}

.blue-item .btn-blue {
    border: 2px solid #13819f;
    background: #b8d9e2;
    font-size: 18px;
    border-radius: 10px;
    color: #005062;
    font-weight: 700;
    min-width: 176px;
}

.blue-item .btn-blue:hover {
    border: 2px solid #13819f;
    background: #13819f;
    color: #fff
}

.orange-item .btn-blue {
    border: 2px solid #F68B23 !important;
    background: #FBAB62;
    font-size: 18px;
    border-radius: 10px;
    color: #005062;
    font-weight: 700;
    min-width: 176px;
}

.orange-item .btn-blue:hover {
    border: 2px solid #F68B23 !important;
    background: #F68B23;
    color: #fff;
}

p.article_date {
    color: #000;
}

.link_allArticles {
    font-size: 24px;
    color: #005062;
    font-weight: 700;
    margin-top: 20px;
    text-align: right;
}

.link_allArticles_icon {
    color: #005062;
    font-size: 20px;
}

.link_allArticles:hover {
    color: #3FC1BC;
}

.link_allArticles_icon:hover {
    color: #3FC1BC;
}

/* dots */

.icon_arrow_class {
    font-size: 39px;
    color: #105A7E;
    margin-left: 10px
}

i.fa.fa-arrow-left {
    font-size: 39px;
    color: #105A7E
}

.owl-dots {
    display: none;
}

.owl-nav.disabled {
    position: absolute;
    top: -15%;
    right: 5%;
}

.news-carousel-slider .owl-nav {
    position: absolute;
    top: -94px;
    right: 0;
}

.blank_height{
    color: #fff0; 
    height: 24px !important;
}

.news_card_height {
    height: 519px; 
    padding: 10px;
}

.icon_arrow_class {
    font-size: 24px;
    opacity: 0.5; 
    transition: opacity 0.3s;
}

.icon_arrow_class.active {
    opacity: 1; 
}

@media(max-width: 1366px) {

    .orange-item {
        border: 5px solid #F68B23;
        padding: 10px;
        height: 553px;
    }

    .blue-item {
        border: 5px solid #3FC1BC;
        padding: 10px;
        height: 553px;
    }

    .news-carousel-slider .news_card_height {
        height: auto;
        padding: 10px;
    }

    .blank_height {
        color: #fff0;
        height: 24px !important;
    }
}

@media(max-width: 767px) {

    .blue-item .article_date {
        color: #3FC1BC;
        font-size: 14px
    }

    .orange-item .article_date {
        font-size: 14px
    }

    .articles-section .orange-item, .blue-item {
        height: 500px !important;
    }

    .articles-section h4.article_title {
        font-weight: 400 !important;
        font-size: 16px
    }

    .news-carousel-slider .owl-nav {
        position: absolute;
        top: -67px;
        right: 10px;
    }

    .news-carousel-slider h2 {
        font-size: 24px;
        text-align: center
    }

    .link_allArticles {
        float: right;
        margin-right: 0px;
        font-size: 16px;
        margin-top: 4%;
    }

    .link_allArticles_icon {
        color: #005062;
        font-size: 15px;
    }

}

@media only screen and (min-width: 1200px) {
    #vega-owl-multislider {
        margin-left: 6.2%;
    }
}