.header-top {
  background: #316569 !important;
}

.header-top .header-top-left li a {
  font-size: large !important;
}

.header-top .header-top-left li a:hover {
  color: #ffffff !important;
  font-size: larger !important;
  -webkit-transition: -webkit-transform 0.5s ease !important;
  transition: -webkit-transform 0.5s ease !important;
  transition: transform 0.5s ease !important;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease !important;
}

.header-top .header-top-right li a {
  font-size: large !important;
}

.header-top .header-top-right li a:hover {
  color: #ffffff !important;
}

div#main-menu {
  background: #316569 !important;
}

div#main-menu li a {
  font-size: large !important;
}

div#main-menu li a:hover {
  font-weight: 600 !important;
  -webkit-transition: -webkit-transform 0.3s ease !important;
  transition: -webkit-transform 0.3s ease !important;
  transition: transform 0.3s ease !important;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease !important;
}

div#main-menu ul.dropdown li a {
  font-size: larger !important;
  font-weight: 800 !important;
  color: #316569 !important;
}

div#main-menu ul.dropdown li a:hover {
  color: #255250 !important;
  -webkit-transition: -webkit-transform 0.5s ease !important;
  transition: -webkit-transform 0.5s ease !important;
  transition: transform 0.5s ease !important;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease !important;
}

div#main-menu nav#mobile-nav {
  background: radial-gradient(#bf2525, #fd1b1ba6) !important;
}

section.top-post-area.pt-10 .container.no-padding .col-lg-12 .news-tracker-wrap {
  margin-top: 0px !important;
  padding: 0px !important;
  background: #fff !important;
}

section.top-post-area.pt-10 .container.no-padding .col-lg-12 .news-tracker-wrap h6 span {
  text-align: center;
  font-size: large;
  background: #355865;
  color: #fff !important;
  padding: 0.5rem;
  width: 15rem;
  -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}

section.top-post-area.pt-10 .container.no-padding .col-lg-12 .news-tracker-wrap h6 marquee {
  padding: 10px 0;
}

section.top-post-area.pt-10 .container.no-padding .col-lg-12 .news-tracker-wrap h6 marquee a {
  color: #bf2525 !important;
  font-size: initial;
}

section.top-post-area.pt-10 .container.no-padding .col-lg-12 .footer-add-area .card.footer-add {
  background: none;
  border: none;
}

section.top-post-area.pt-10 .container.no-padding .col-lg-12 .footer-add-area .card.footer-add .img-fluid {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 9rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: none;
}

section.top-post-area.pt-10 .container.no-padding .col-lg-8.top-post-left.mt-10 .feature-image-thumb.relative {
  border-radius: 2rem !important;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

section.top-post-area.pt-10 .container.no-padding .col-lg-8.top-post-left.mt-10 .feature-image-thumb.relative img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 28rem;
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
}

section.top-post-area.pt-10 .container.no-padding .col-lg-8.top-post-left.mt-10 .feature-image-thumb.relative img:hover {
  -webkit-transition: -webkit-transform 0.3s ease !important;
  transition: -webkit-transform 0.3s ease !important;
  transition: transform 0.3s ease !important;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease !important;
  -webkit-filter: brightness(0.6);
          filter: brightness(0.6);
}

section.top-post-area.pt-10 .container.no-padding .col-lg-4.top-post-right.mt-10 .single-top-post {
  margin: 0.4rem 0;
}

section.top-post-area.pt-10 .container.no-padding .col-lg-4.top-post-right.mt-10 .single-top-post .feature-image-thumb.relative {
  border-radius: 0 2rem !important;
  height: 13rem;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

section.top-post-area.pt-10 .container.no-padding .col-lg-4.top-post-right.mt-10 .single-top-post .feature-image-thumb.relative img {
  -o-object-fit: cover !important;
     object-fit: cover !important;
  height: 14rem;
}

section.top-post-area.pt-10 .container.no-padding .col-lg-4.top-post-right.mt-10 .single-top-post .feature-image-thumb.relative img:hover {
  -webkit-transition: -webkit-transform 0.3s ease !important;
  transition: -webkit-transform 0.3s ease !important;
  transition: transform 0.3s ease !important;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease !important;
}

section.top-post-area.pt-10 .container.no-padding .col-lg-4.top-post-right.mt-10 .single-top-post .top-post-details {
  position: absolute;
  bottom: 12px;
  text-align: center;
  left: 0;
  padding: 0 1rem;
}

@media (max-width: 575px) {
  section.top-post-area.pt-10 .container.no-padding .col-lg-12 .news-tracker-wrap {
    margin-top: 0.6rem !important;
    padding: 0px !important;
    background: #fff !important;
  }
  section.top-post-area.pt-10 .container.no-padding .col-lg-12 .news-tracker-wrap h6 {
    line-height: .9em !important;
  }
  section.top-post-area.pt-10 .container.no-padding .col-lg-12 .news-tracker-wrap h6 span {
    font-size: small;
    padding: 0.6rem;
    width: 12rem;
  }
  section.top-post-area.pt-10 .container.no-padding .col-lg-12 .news-tracker-wrap h6 marquee {
    padding: 10px 0;
  }
  section.top-post-area.pt-10 .container.no-padding .col-lg-12 .news-tracker-wrap h6 marquee a {
    color: #bf2525 !important;
    font-size: small;
  }
  section.top-post-area.pt-10 .container.no-padding .col-lg-8.top-post-left.mt-10 .feature-image-thumb.relative {
    border-radius: 1rem !important;
  }
  section.top-post-area.pt-10 .container.no-padding .col-lg-8.top-post-left.mt-10 .feature-image-thumb.relative img {
    height: 16rem;
  }
}

section.latest-post-area.pb-120 h4.title, section.latest-post-area.pb-120 h6.title {
  padding: 10px 25px;
  font-size: large !important;
  font-weight: 800 !important;
  background: #316569 !important;
  color: #fff !important;
  text-align: center;
}

section.latest-post-area.pb-120 .col-lg-8 .latest-post-wrap .single-latest-post .col-lg-5.post-left ul.tags {
  bottom: 2rem;
  width: 77%;
}

section.latest-post-area.pb-120 .col-lg-8 .latest-post-wrap .single-latest-post .col-lg-5.post-left .feature-img.relative {
  border: 4px solid #dfdddd;
  border-radius: 0 1.5rem 0 0;
}

section.latest-post-area.pb-120 .col-lg-8 .latest-post-wrap .single-latest-post .col-lg-5.post-left .feature-img.relative img {
  height: 12.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}

section.latest-post-area.pb-120 .popular-post-wrap .feature-post.relative .feature-img.relative img {
  height: 28rem;
  -o-object-fit: cover;
     object-fit: cover;
}

section.latest-post-area.pb-120 .popular-post-wrap .row.mt-20.medium-gutters .col-lg-6.single-popular-post .feature-img-wrap.relative .feature-img.relative {
  border-radius: 1rem 1rem 0 0;
}

section.latest-post-area.pb-120 .popular-post-wrap .row.mt-20.medium-gutters .col-lg-6.single-popular-post .feature-img-wrap.relative .feature-img.relative img {
  height: 17rem;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 575px) {
  section.latest-post-area.pb-120 .popular-post-wrap .feature-post.relative .feature-img.relative img {
    height: 16rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

section.latest-post-area.pb-120 .relavent-story-post-wrap.mt-30 .relavent-story-list-wrap .single-relavent-post.row.align-items-center .col-lg-5 .feature-img.relative {
  border-radius: 0 1.4rem 1rem 0;
}

section.latest-post-area.pb-120 .relavent-story-post-wrap.mt-30 .relavent-story-list-wrap .single-relavent-post.row.align-items-center .col-lg-5 .feature-img.relative img {
  height: 15rem;
  -o-object-fit: cover;
     object-fit: cover;
}

ul.tags li {
  font-size: larger !important;
  font-weight: 800 !important;
  background: #355865 !important;
}
