.purpose-init.border-top {
    border-color: #ebebeb !important
}

.purpose-init .slick-list {
    margin: 0 -15px
}

.purpose-init .slick-list .slick-slide {
    padding: 0 15px
}

.single-purpose a img {
    display: block;
    margin: 0 auto;
    height: 70px;
}

.single-purpose a:hover img {
    -webkit-transform: scale(1.045) rotate(.05deg);
    transform: scale(1.045) rotate(.05deg)
}

.slick-nav-purpose .slick-prev {
    left: -40px;
    opacity: 0;
    visibility: hidden
}

@media screen and (max-width:1024px) {
    .slick-nav-purpose .slick-prev {
        left: -15px
    }
}

.slick-nav-purpose:hover .slick-prev {
    opacity: 1;
    visibility: visible
}

.slick-nav-purpose .slick-next {
    right: -40px;
    opacity: 0;
    visibility: hidden
}

@media screen and (max-width:1024px) {
    .slick-nav-purpose .slick-next {
        right: -15px
    }
}



.slick-nav-purpose:hover .slick-next {
    visibility: visible;
    opacity: 1
}

.news-slider-init .slick-list{
    padding: 15px 0;
    margin: -15px;
}

.news-slider-init .slick-list .slick-slide{
    padding: 0 15px;
}

.news-card {
    border: 0;
    -webkit-box-shadow: 0 0 11.83px 1.17px rgba(0, 0, 0, .06);
    box-shadow: 0 0 11.83px 1.17px rgba(0, 0, 0, .06)
}

.news-card:hover img.news-cover{
    opacity: 1;
    z-index: 1;

}

.news-card .card-body:hover .action li a{
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.news-card .card-body:hover .actions li:nth-child(2) a {
    -webkit-transition: all .6s;
    transition: all .6s
}

.news-card .card-body:hover .actions li:nth-child(3) a {
    -webkit-transition: all .9s;
    transition: all .9s
}

.news-desc{
    padding: 18px;
}

.news-desc .title{
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}
.news-thumbnail img{
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    width: 100%;
    max-width: 300px;
    height: 100%;
    max-height: 250px;
}

@media screen and (max-width:480px) {
    .news-thumbnail{
        width: 100%;
    }
    .news-thumbnail a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .news-thumbnail a img{
        width: 100%;
    }
}

.theme1 .news-desc .title:hover a{
    color: #00A032;
}

.btn-outline-primary{
    color: #2f4858;
    border-color: #2f4858;
    position: relative;
    display: block;
    width: 100%;
    max-width: 180px;
    left: 80px;
    top: 200px;
}

.slider-width{
    display: block;
    margin: auto;
    height: 500px;
}