.active-menu {
    background: #fff;
    color: #f59d44 !important;
}
.blog-entry {
    height: calc(100% - 30px);
}


#latest-news {
    border-left: 1px solid #CECECE;
    border-right: 1px solid #CECECE;
    border-right: 1px solid #CECECE;
    border-top: 1px solid #CECECE;
    float: left;
    margin: 0px;
    position: relative;
    /*width: 560px;*/ /*z-index: 2;*/ /*background-color: #efefef;*/
    background: #fdfdfd;
}

    #latest-news header {
        height: 40px;
        background-color: #f59d44;
        padding: 0 15px;
        position: relative;
        border-bottom: 1px solid #cecece;
    }

    #latest-news .view-all {
        float: right;
        color: #fff;
        font-size: 13px;
        font-weight: normal !important;
    }

        #latest-news .view-all a {
            color: #ffffff;
            font-size: 12px !important;
        }

        #latest-news .view-all:hover {
            color: #154063;
            text-decoration: underline;
        }

    #latest-news header .title {
        padding-top: 9px;
        font-weight: bold;
        font-size: 18px;
        color: #fff;
    }

    #latest-news header span {
        display: block;
        position: absolute;
    }
.new-sub-head {
    margin-top:10px;
    font-size:14px !important;
    font-weight:600;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e4e0;
    padding-left:15px;
}

        #latest-news header span#triangle { /* background:url(../images/background/triangle.png) no-repeat 0 0; */
            width: 5px;
            height: 6px;
            top: -1px;
            right: -6px;
        }

        #latest-news header span#arrow {
            background: url(../images/background/latest-news-arrow.png) no-repeat 0 0;
            width: 11px;
            height: 7px;
            bottom: -7px;
            left: 28px;
        }
.main-list {
    /*margin-bottom: 20px;*/
}
#latest-news ul:first-of-type {
    margin-bottom: 5px;
}
#latest-news ul ~ h6, .main-list ~ h5{
    margin-top: 20px;
}

#latest-news ul li a { /*position:relative;*/
    color: #000;
    font-size: 15px;
    padding-left: 0px; /* display:inline-block; */
}
#latest-news ul li a:hover {
 color:#fd5f00;
}
    /*#latest-news ul li::before{ position:absolute; width: 10px;height: auto; content: "\f111"; top: 5px; font-family:"FontAwesome"; font-size:16px;}*/
    #latest-news ul {
    padding: 0 0 0 35px;
    margin: 5px 0; 
    width: 100%;
}
        #latest-news ul li {
            line-height: 20px;
            list-style-position: outside;
            list-style-type: disc;
            padding: 0px 0;
            color: #000;
            width: 100%;
        }

            #latest-news ul li p {
                margin-top: 10px;
                max-height: 40px;
                overflow: hidden;
                text-align: justify;
            }

#latest-news-bottom {
    background: url(../images/icons/latest-news-bg-white.png) repeat-x scroll 0 -1px;
    bottom: -8px;
    height: 8px;
    position: absolute;
    right: 0px;
    width: 100%;
}

#latest-news ul li:hover {
    background-color: #f5f5f1;
}

.scroll-s {
    padding: 0px;
    height: 244px;
    overflow: scroll;
    overflow-x: hidden;
    font-size: 13px;
    max-height: 244px;
    width: 100%;
    float: left
}
.new-head {
    font-size: 16px;
    background: #eaeaea;
    padding: 5px 15px;
    font-weight:700;
}

/*Download page CSS*/
.download-list .main-list ul {
    list-style: none;
    padding: 0px 10px;
    margin: 1px;
}

    .download-list .main-list ul li {
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }

  .download-list .main-list ul li a {
            font-size: 20px;
          }

 .download-list .main-list ul li .fa {
            font-size: 26px;
            padding-right: 9px;
            padding-top: 5px;
            color: #271c70;
        }

.download-list .new-head {
    background: #eaeaea;
    padding: 10px 15px;
    font-weight: 400;
    font-size: 20px;
}

.cards-list {
  z-index: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.card {
  margin: 30px auto;
  width: 320px;
  height: 300px;
  border-radius: 40px;
  box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px rgba(0,0,0,0.22);
  cursor: pointer;
  transition: 0.4s;
}

.card .card_image {
  width: inherit;
  height: inherit;
  border-radius: 40px;
}

.card .card_image img {
  width: inherit;
  height: inherit;
  border-radius: 40px;
  object-fit: cover;
}

.card .card_title {
  background-color: #f59d44;
  text-align: center;
  border-radius: 0px 0px 40px 40px;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 30px !important;
  margin-top: -30px;
  height: 40px;
}

.card:hover {
  transform: scale(0.9, 0.9);
  box-shadow: 5px 5px 30px 15px rgba(0,0,0,0.25), 
    -5px -5px 30px 15px rgba(0,0,0,0.22);
}

.title-white {
  color: white;
}

.title-black {
  color: black;
}

@media all and (max-width: 500px) {
  .card-list {
    /* On small screens, we are no longer using row direction but column */
    flex-direction: column;
  }
}


/*
.card {
  margin: 30px auto;
  width: 300px;
  height: 300px;
  border-radius: 40px;
  background-image: url('https://i.redd.it/b3esnz5ra34y.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-repeat: no-repeat;
box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px rgba(0,0,0,0.22);
  transition: 0.4s;
}
*/