.blog-slider {
  background-color: #002146;
  padding: 0.875rem 0 0.25rem;
  overflow: hidden; 
 padding: 0.875rem 0 1.625rem; }
 
  .blog-slider-holder,
  .blog-slider-holder-single {
    transition: opacity 0.3s ease-in;
  }
 
   
  .blog-slider .container {
    padding: 0 0 0 4%; 
  }
   
  .blog-slider h2 {
    font-size: 1.25rem;
    line-height: 1.625rem;
    font-family: 'Roboto-Regular', "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    margin: 0 0 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff; 
  font-weight: normal;
  }
    @media (min-width: 700px) {
      .blog-slider h2 {
        font-size: 1.5rem;
        line-height: 1.875rem;
        margin: 0 0 1.25rem; } }
    @media (min-width: 1100px) {
      .blog-slider h2 {
        font-size: 2.5rem;
        line-height: 3.25rem;
        margin: 0 0 2rem; } }
    @media (min-width: 1500px) {
      .blog-slider h2 {
        font-size: 2.875rem;
        line-height: 3.5rem;
        margin: 0 0 2.5rem; } }
        
    .blog-slider h2 img {
      width: 2.125rem;
      height: 2.125rem;
      display: block;
      margin: 0.375rem 0.875rem 0 0; 
    }
     
  .blog-slider .slick-arrow {
    right: 10.7%;
    top: -2.3125rem;
    left: auto; }
    @media (min-width: 700px) {
      .blog-slider .slick-arrow {
        right: 7.7%;
        top: -2.625rem; } }
    @media (min-width: 1100px) {
      .blog-slider .slick-arrow {
        top: -4.25rem;
        right: 9%; } }
    @media (min-width: 1500px) {
      .blog-slider .slick-arrow {
        right: 7.5%;
        top: -4.875rem; } }
    .blog-slider .slick-arrow:before {
      content: "";
      background: url("../../../assets/img/left.svg");
      background-repeat: no-repeat;
      background-size: 100% auto;
      width: 0.6875rem;
      height: 1.25rem;
      display: block; }
      @media (min-width: 700px) {
        .blog-slider .slick-arrow:before {
          width: 0.8125rem;
          height: 1.5rem; } }
      @media (min-width: 1100px) {
        .blog-slider .slick-arrow:before {
          width: 1.25rem;
          height: 2.25rem; } }
    .blog-slider .slick-arrow.slick-next {
      right: 2.3%; }
      @media (min-width: 700px) {
        .blog-slider .slick-arrow.slick-next {
          right: 3.3%; } }
      @media (min-width: 1100px) {
        .blog-slider .slick-arrow.slick-next {
          right: 4.3%; } }
      @media (min-width: 1500px) {
        .blog-slider .slick-arrow.slick-next {
          right: 4.3%; } }
      .blog-slider .slick-arrow.slick-next:before {
        background: url("../../../assets/img/right.svg");
        background-repeat: no-repeat;
        background-size: 100% auto; }
  .blog-slider .slick-list {
    overflow: visible;
    max-width: 12.5rem; }
   
      .blog-slider .slick-list {
        max-width: 100%; } 
  
  .blog-slider .slick-blog-holder {
    padding-right: 1.25rem;
    font-size: 1rem;
    line-height: 1.375rem;
    font-family: 'Roboto-Bold';
    color: #fff; 
    padding-bottom: 20px;
  }
   
    .blog-slider .slick-blog-holder a {
      color: #fff; }
      .blog-slider .slick-blog-holder a:hover .title {
        opacity: 0.7; }
    .blog-slider .slick-blog-holder .featured-img-holder {
      margin-bottom: 0.5625rem;
   }
      
        
    .blog-slider .slick-blog-holder .title {
      -webkit-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease; }

.blog-slider.section {
         padding: 60px 0 10px 0;
         margin: 50px 0 25px 0;
      }
      
      .blog-slider.section.multislider {
          padding-top: 40px;
          padding-bottom: 40px;
      }
      
      
 .single-post-content-holder .blog-slider {
     background-color: #F7F7F7;
 }
 
 @media (max-width: 700px) { 
   .single-post-content-holder .blog-slider .blog-slider-holder-single .slick-blog-holder img {
       height: 40vh;
   }  
   
   .single-post-content-holder .blog-slider .blog-slider-holder-single .slick-dots {
       top: calc(40vh);
    }
   
   .blog-slider.section {
       padding: 1rem;
   }
   
  .single-post-content-holder .blog-slider .blog-slider-holder-single .slick-list, .single-post-content-holder .blog-slider .slider-title {
     max-width: calc(100% - 2rem) !important; 
   }
   
   .blog-slider.section, .blog-slider.section.multislider {
       padding: 10px 0 10px 0;
       margin: 40px 0 25px 0;
   }
  
  .single-post-content-holder .blog-slider .blog-slider-holder-single .slick-dots {
      padding-left: 1rem;
  }
  

 }