@media (min-width: 992px) {
  .sp-collages-items .sp-content {
    height: 33vh; } }
.sp-collages-items .sp-content .sp-right {
  background: #002aa3;
  padding: 0;
  height: inherit; }
  .sp-collages-items .sp-content .sp-right:nth-child(1) {
    background: #ffb800; }
    .sp-collages-items .sp-content .sp-right:nth-child(1) .sp-title {
      color: #000;
      border-right: 3px solid #002aa3; }
    .sp-collages-items .sp-content .sp-right:nth-child(1) .sp-desc {
      color: #585656; }
    .sp-collages-items .sp-content .sp-right:nth-child(1) .sp-date {
      color: #000; }
    .sp-collages-items .sp-content .sp-right:nth-child(1) .sp-more {
      color: #000; }
      .sp-collages-items .sp-content .sp-right:nth-child(1) .sp-more:hover {
        color: #333; }
  .sp-collages-items .sp-content .sp-right .sp-text {
    padding: 10px 75px; }
    @media (max-width: 991px) {
      .sp-collages-items .sp-content .sp-right .sp-text {
        padding: 10px 15px; } }
  .sp-collages-items .sp-content .sp-right .sp-title {
    color: #fff;
    padding: 0 20px 0 0;
    margin: 25px 20px 0 0;
    border-right: 3px solid #ffe000; }
  .sp-collages-items .sp-content .sp-right .sp-desc {
    color: #d9d9d9;
    padding: 15px 45px;
    text-align: justify;
    line-height: 27px; }
    @media (min-width: 992px) and (max-width: 1200px) {
      .sp-collages-items .sp-content .sp-right .sp-desc {
        height: 145px;
        overflow: hidden; } }
  .sp-collages-items .sp-content .sp-right .sp-date {
    position: absolute;
    top: 15px;
    left: 30px;
    padding: 5px 25px 5px 15px;
    color: #ffffff;
    font-size: 11px; }
    .sp-collages-items .sp-content .sp-right .sp-date:after {
      font-family: fontawesome;
      content: "\f274";
      position: absolute;
      right: 8px; }
  .sp-collages-items .sp-content .sp-right .sp-more {
    position: absolute;
    left: 65px;
    bottom: 15px;
    color: #fff;
    font-size: 12px; }
    .sp-collages-items .sp-content .sp-right .sp-more:after {
      content: "\f190";
      font-family: FontAwesome;
      position: relative;
      left: -20px; }
    .sp-collages-items .sp-content .sp-right .sp-more:hover {
      color: #ddd; }
.sp-collages-items .sp-content .sp-left {
  padding: 0;
  height: inherit; }
  .sp-collages-items .sp-content .sp-left .sp-img {
    height: inherit; }
    .sp-collages-items .sp-content .sp-left .sp-img img {
      height: inherit;
      object-fit: cover; }
      @media (max-width: 991px) {
        .sp-collages-items .sp-content .sp-left .sp-img img {
          height: 200px; } }
.sp-collages-items .owl-nav {
  font-size: 29px;
  line-height: 28px;
  color: #b8b8b8;
  width: 100%;
  height: 100%;
  top: 0; }
  .sp-collages-items .owl-nav .owl-next {
    top: 18%;
    position: absolute;
    left: 0; }
  .sp-collages-items .owl-nav .owl-prev {
    bottom: 26%;
    position: absolute;
    right: 0; }
  .sp-collages-items .owl-nav .owl-prev, .sp-collages-items .owl-nav .owl-next {
    text-shadow: none !important;
    margin: 10px 13px !important;
    color: #fff !important; }
    .sp-collages-items .owl-nav .owl-prev:hover, .sp-collages-items .owl-nav .owl-next:hover {
      background: rgba(255, 255, 255, 0) !important; }
    .sp-collages-items .owl-nav .owl-prev:focus, .sp-collages-items .owl-nav .owl-next:focus {
      border: 0 !important;
      text-shadow: none !important;
      outline: none; }
.sp-collages-items .owl-dots {
  position: relative; }
  .sp-collages-items .owl-dots .owl-dot {
    outline: none; }
    .sp-collages-items .owl-dots .owl-dot.active span, .sp-collages-items .owl-dots .owl-dot:hover span {
      background: #002aa3 !important; }
    .sp-collages-items .owl-dots .owl-dot span {
      background: #fff !important;
      border: 1px solid #002aa3;
      margin: 10px 2px !important; }

@media (min-width: 992px) {
  .ltr .sp-collages-items .sp-content {
    height: 33vh; } }
.ltr .sp-collages-items .sp-content .sp-right .sp-title {
  padding: 0 0 0 20px;
  margin: 25px 0 0 20px;
  border-right: 0;
  border-left: 3px solid #ffe000; }
.ltr .sp-collages-items .sp-content .sp-right .sp-date {
  right: 30px;
  left: auto;
  padding: 5px 15px 5px 25px; }
  .ltr .sp-collages-items .sp-content .sp-right .sp-date:after {
    left: 8px;
    right: auto; }
.ltr .sp-collages-items .sp-content .sp-right .sp-more {
  right: 65px;
  left: auto; }
  .ltr .sp-collages-items .sp-content .sp-right .sp-more:after {
    content: "\f18e";
    right: -20px;
    left: auto; }
.ltr .sp-collages-items .owl-nav .owl-next {
  right: 0;
  left: auto; }
.ltr .sp-collages-items .owl-nav .owl-prev {
  left: 0;
  right: auto; }