.ebook-results .course-grid__body {
    width: auto;
    flex: 1;
  }
  .ebook-results .course-grid {
    gap: 1.5rem;
  }
  
  @media (min-width:1200px) {
    .ebook-results .course-grid__head {
        max-width: 200px;
        width: 100%;
      }
  }

  @media (max-width: 1199px) {
    .ebook-results .course-grid__head {
        float: none;
        margin-right: 0;
        width: 100%;
    }
    .ebook-results .ratio--3by4:before{
        padding-bottom: 56.25%;
    }
}


@media (min-width:768px) {
    .ebook-results .course-controls__item {
        padding: var(--padding-2) 0;
    }
    .course-controls{
        gap: 10px;
    }
}

.ebooks-info li {
  display: flex;
  gap: 5rem;
  justify-content: space-between;
}

.ebooks-info li:not(:last-child) {
  margin-bottom: 1.1rem;
}
.ebooks-info li .heading {
  font-weight: 700;
}
.ebooks-info li .data {
  word-break: break-all;
  text-align: left;
}
.facebox-panel__body:has(.ebooks-info){
padding: var(--padding-6);
}


@media (min-width:768px) and (max-width:1199px) {
  .ebook-results .course-grid__body{
    padding-top: 1rem;
  }
}

.attachment {
  border: solid 1px #ddd;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  line-height: normal;
  min-width: 170px;
  align-items: center;
  transition: 0.3s !important;
}



.attachment__media svg {
  width: 32px;
  opacity: .4;
  height: 32px;
}

.attachment__media {
  flex: 0 0 50px;
}

.attachment__content {
  flex: 1;
}

span.attachment-title {
  font-weight: 500;
  font-size: 1rem;
  color: #000;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

}
a.attachment:hover {
  border-color: #5138ee;
  color: #5138ee;
}


a.attachment:hover * {
  color: inherit;
  fill: currentColor;
}




.preview-slider-item {
  border-radius: 8px;
  overflow: hidden;
  background: #eeee;
  text-align: center;
}
.preview-slider-item img {
  width: auto;
  height: 100%;
}

 .preview-slider--js .slick-slide {
   margin: 0 6px;
 }
 .preview-slider--js .slick-list {
   margin: 0 -6px;
 }




        .page-nav{
          z-index: 9;
        }

        @media (min-width:768px){
.preview-slider-item {

    height: 460px;

  }
    .preview-slider--js .slick-arrow {
      background: #eeee;
      display: grid !important;
      place-content: center;
    }
  
    .preview-slider--js .slick-arrow:before {
      position: initial;
      width: 20px;
      height: 20px;
      margin: 0;
    }
  
    .preview-slider--js .slick-next.slick-arrow {
      padding-right: 1rem;
      right: 1rem;
    }
  
    .preview-slider--js .slick-prev.slick-arrow {
      padding-left: 1rem;
      left: 1rem;
    }
        }