#super-title-wrap {
  background: #cbcbcb;
}
.visible_name {
  height: auto;
  overflow: visible;
  color: #777;
}
.videos-play-button {
  display: none !important;
}
.video-case a .videos-block {
  aspect-ratio: 30 / 16;
}
@media (min-width: 1200px) {
  .pages-wrapper {
    overflow: hidden !important;
  }
}

#super-title-wrap .title {
  max-width: 700px !important;
}

#super-title-wrap .title h1 {
  font-size: 50px;
}

.pages-wrapper td,
.pages-wrapper td img {
  min-width: 270px;
}

.pages-wrapper {
  padding-bottom: 1rem;
  position: relative;
}

.pages-wrapper::-webkit-scrollbar {
  height: 16px;
  border-radius: 7px;
}

.pages-wrapper::-webkit-scrollbar-track {
  background-color: #e4e5e9;
  border-radius: 7px;
}

.pages-wrapper::-webkit-scrollbar-thumb {
  background-color: #979aa0;
  border-radius: 7px;
  cursor: pointer;
}

.pages-wrapper::-webkit-scrollbar-button:single-button {
  display: block;
  height: 16px;
  width: 16px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 80% 80%;
  cursor: pointer;
}

.pages-wrapper::-webkit-scrollbar-button:single-button:horizontal:decrement {
  opacity: 0.3;
  background-position: left center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.94 18.11'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23e4e5e9;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M.26,9.68l8.16,8.16a.89.89,0,0,0,1.52-.63V.89A.89.89,0,0,0,8.42.26L.26,8.42A.89.89,0,0,0,.26,9.68Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.pages-wrapper::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.94 18.11'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23979aa0;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M.26,9.68l8.16,8.16a.89.89,0,0,0,1.52-.63V.89A.89.89,0,0,0,8.42.26L.26,8.42A.89.89,0,0,0,.26,9.68Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.pages-wrapper::-webkit-scrollbar-button:single-button:horizontal:increment {
  opacity: 0.3;
  background-position: right center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.94 18.11'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23e4e5e9;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M9.68,8.42,1.52.26A.89.89,0,0,0,0,.89V17.21a.89.89,0,0,0,1.52.63L9.68,9.68A.89.89,0,0,0,9.68,8.42Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.pages-wrapper::-webkit-scrollbar-button:horizontal:single-button:increment:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.94 18.11'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23979aa0;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M9.68,8.42,1.52.26A.89.89,0,0,0,0,.89V17.21a.89.89,0,0,0,1.52.63L9.68,9.68A.89.89,0,0,0,9.68,8.42Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.ligthgrey {
  padding: 1rem 0 0;
  position: relative;
  margin: 3rem 0 1rem 0;
}

.ligthgrey:before {
  content: "";
  display: block;
  left: -50vw;
  right: -50vw;
  top: 0;
  bottom: 0;
  position: absolute;
  background-color: #61c13a;
}

#super-title-wrap img {
  width: 120%;
  max-width: unset;
}

.book-title {
  padding: 2rem 2rem 2rem 0;
  white-space: nowrap;
}

.green-color {
  color: #61c13a;
  background-color: transparent;
}

.red-text,
.red-text:hover {
  color: #f5515a !important;
}

.mini-quote:after {
  right: 2rem;
  top: -0.7rem;
}

@media (min-width: 992px) {
  .ligthgrey img {
    position: absolute;
    bottom: 0;
    transform: scale(1.5) translateY(-50px);
  }
}

@media (max-width: 1200px) {
  .book-title {
    font-size: 36px !important;
  }
}

@media (max-width: 992px) {
  .book-title {
    font-size: 30px !important;
  }

  .row.ligthgrey {
    flex-direction: column-reverse !important;
  }
}

@media (max-width: 812px) {
  .book-title {
    padding: 0;
    white-space: normal;
  }
  .book-title br {
    display: none;
  }
}
@media (max-width: 768px) {
  #super-title-wrap .title h1.book-title {
    font-size: 36px;
    white-space: normal;
    padding: 0;
  }

  .mini-quote:after {
    right: 0;
  }
}
.bookstores {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.bookstores div {
  display: block;
  margin: 0 30px 15px 0;
}

@media (max-width: 767px) {
  .bookstores {
    justify-content: center;
  }
  .bookstores div {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
  }
}

.heading .breadcrumbs-wrapper {
  display: none;
}

.breadcrumbs {
  padding: 3rem 0 0 !important;
}

@media (max-width: 576px) {
  .top-baner.wide-container > img {
    width: 170% !important;
    left: -70vw !important;
  }
}

@media (max-width: 575px) {
  .heading .breadcrumbs-wrapper {
    display: block;
  }
  main .breadcrumbs-wrapper {
    display: none;
  }
  .anchor-menu {
    padding-top: 1.5rem !important;
  }
}

.download-btn {
  background: #61c13b;
  padding: 15px 50px;
  color: white;
  font-weight: 700;
  border-radius: 8px;
  box-shadow: 0px 5px 0px 0px #008b17;
}

.download-btn:hover {
  color: white;
}

.black-title main em {
  color: inherit !important;
}
.black-title main blockquote em {
  color: #171717 !important;
}
.black-title main .ligthgrey blockquote em {
  color: #fff !important;
}
blockquote.blockquote-selected p,
blockquote.blockquote-selected a,
blockquote.blockquote-selected a:hover,
blockquote.blockquote-selected:before,
blockquote.blockquote-selected:after {
  color: #fff;
  text-decoration: none;
}

main blockquote.blockquote-selected a {
  text-decoration: underline;
}