.section.section-tutorials {
  padding-top: var(--sp1);
  padding-bottom: var(--sp1);
  margin-bottom: var(--sp0);
}
@media (max-width: 478px) {
  .section.section-tutorials {
    padding-bottom: 0;
  }
}
.section.section-tutorials .section__subtitle p {
  font-size: 32px;
  line-height: 40px;
  font-family: var(--font-sans);
}
@media (max-width: 768px) {
  .section.section-tutorials .section__subtitle p {
    font-size: 27px;
    line-height: 32px;
  }
}
@media (max-width: 478px) {
  .section.section-tutorials .section__subtitle p {
    font-size: 20px;
    line-height: 24px;
  }
}
.section.section-tutorials .tutorials__list {
  position: relative;
  overflow: hidden;
  margin-bottom: var(--sp1);
  padding-top: var(--sp02);
}
@media (max-width: 478px) {
  .section.section-tutorials .tutorials__list {
    margin-bottom: var(--sp02);
  }
}
.section.section-tutorials .tutorials__list_item {
  width: 264px !important;
  position: relative;
}
.section.section-tutorials .tutorials__list_item:hover .tutorials__list_item_video-length, .section.section-tutorials .tutorials__list_item:hover img {
  transition: all 0.3s ease-in-out;
  transform: translate(0, -4px);
}
.section.section-tutorials .tutorials__list_item:hover img {
  filter: drop-shadow(0px 7.32143px 10.9821px rgba(0, 0, 0, 0.2));
}
.section.section-tutorials .tutorials__list_item:hover .button-link-black {
  color: var(--c-sonic-700);
}
.section.section-tutorials .tutorials__list_item:hover .button-link-black::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjgwOTUgNy4zOTk3OUMxMC45MzEzIDcuNTE2OTMgMTAuOTk5OCA3LjY3NTg1IDExIDcuODQxNjFWOC4xNTgzOUMxMC45OTggOC4zMjM3OSAxMC45Mjk3IDguNDgyMDcgMTAuODA5NSA4LjYwMDIxTDYuMzU3OSAxMi44NzY3QzYuMjc2NTkgMTIuOTU1NiA2LjE2NTkxIDEzIDYuMDUwNDUgMTNDNS45MzQ5OSAxMyA1LjgyNDMgMTIuOTU1NiA1Ljc0MyAxMi44NzY3TDUuMTI4MDkgMTIuMjg0OEM1LjA0NjYyIDEyLjIwOCA1LjAwMDcyIDEyLjEwMjggNS4wMDA3MiAxMS45OTMxQzUuMDAwNzIgMTEuODgzMyA1LjA0NjYyIDExLjc3ODEgNS4xMjgwOSAxMS43MDEzTDguOTgyMDcgOEw1LjEyODA5IDQuMjk4N0M1LjA0NjExIDQuMjIwNDQgNSA0LjExMzkxIDUgNC4wMDI3N0M1IDMuODkxNjMgNS4wNDYxMSAzLjc4NTA5IDUuMTI4MDkgMy43MDY4M0w1Ljc0MyAzLjEyMzI5QzUuODI0MyAzLjA0NDM4IDUuOTM0OTkgMyA2LjA1MDQ1IDNDNi4xNjU5MSAzIDYuMjc2NTkgMy4wNDQzOCA2LjM1NzkgMy4xMjMyOUwxMC44MDk1IDcuMzk5NzlaIiBmaWxsPSIjMDA1QUI4Ii8+Cjwvc3ZnPgo=");
}
@media (max-width: 768px) {
  .section.section-tutorials .tutorials__list_item {
    width: 242px !important;
  }
}
@media (max-width: 478px) {
  .section.section-tutorials .tutorials__list_item {
    width: 156px !important;
  }
}
.section.section-tutorials .tutorials__list_item img {
  border-radius: var(--br-lg);
}
.section.section-tutorials .tutorials__list_item .section__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section.section-tutorials .tutorials__list_item .section__actions .button-link-black {
  position: relative;
}
.section.section-tutorials .tutorials__list_item .section__actions .button-link-black::before {
  display: none;
  content: "";
  position: relative;
  top: 3px;
  left: -2px;
  margin-right: 2px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 5.87827 15.1571 3.84344 13.6569 2.34315C12.1566 0.842855 10.1217 0 8 0ZM8 1.6C11.5346 1.6 14.4 4.46538 14.4 8C14.4 11.5346 11.5346 14.4 8 14.4C4.46538 14.4 1.6 11.5346 1.6 8C1.6 4.46538 4.46538 1.6 8 1.6ZM7.20001 10.4V5.59996C7.20225 5.43993 7.29968 5.29664 7.44767 5.23571C7.59566 5.17477 7.76573 5.20791 7.88001 5.31996L10.28 7.71996C10.4334 7.87821 10.4334 8.12971 10.28 8.28796L7.88001 10.688C7.76469 10.801 7.5927 10.8336 7.444 10.7706C7.2953 10.7077 7.19906 10.5614 7.20001 10.4Z' fill='%23464A53'/%3E%3C/svg%3E%0A");
}
@media (max-width: 478px) {
  .section.section-tutorials .tutorials__list_item .section__actions .button-link-black::before {
    display: inline-block;
  }
}
@media (max-width: 478px) {
  .section.section-tutorials .tutorials__list_item .section__actions .button-link-black::after {
    top: 4px;
  }
}
@media (max-width: 478px) {
  .section.section-tutorials .tutorials__list_item .section__actions .desktop-text {
    display: none;
  }
}
.section.section-tutorials .tutorials__list_item_views {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: var(--fs-s);
  line-height: var(--lh-md);
  color: var(--c-gray-900);
  position: relative;
}
.section.section-tutorials .tutorials__list_item_views::before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  left: -21px;
  top: 2px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.9619 7.92435C13.9704 7.95352 13.9772 7.97868 13.9828 8C13.9772 8.02132 13.9704 8.04648 13.9619 8.07565C13.9125 8.24488 13.8277 8.4808 13.7 8.76438C13.4438 9.33302 13.0484 10.0186 12.5146 10.671C11.4448 11.9786 9.96274 13 8 13C6.03726 13 4.55522 11.9786 3.48541 10.671C2.9516 10.0186 2.55623 9.33302 2.30003 8.76438C2.17227 8.4808 2.0875 8.24488 2.03814 8.07565C2.02963 8.04648 2.02276 8.02132 2.01724 8C2.02276 7.97868 2.02963 7.95352 2.03814 7.92435C2.0875 7.75512 2.17227 7.5192 2.30003 7.23562C2.55623 6.66698 2.9516 5.98142 3.48541 5.32898C4.55522 4.02144 6.03726 3 8 3C9.96274 3 11.4448 4.02144 12.5146 5.32898C13.0484 5.98142 13.4438 6.66698 13.7 7.23562C13.8277 7.5192 13.9125 7.75512 13.9619 7.92435ZM16 8C16 9.16667 13.5 15 8 15C2.5 15 0 9.16667 0 8C0 6.83333 2.5 1 8 1C13.5 1 16 6.83333 16 8ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z' fill='%23464A53'/%3E%3C/svg%3E%0A");
}
.section.section-tutorials .tutorials__list_item_video-length {
  position: absolute;
  left: 12px;
  bottom: 36px;
  font-size: 12px;
  line-height: 18px;
  font-family: var(--font-sans);
}
@media (max-width: 478px) {
  .section.section-tutorials .tutorials__list_item_video-length {
    left: 8px;
  }
}
.section.section-tutorials .swiper-button-prev,
.section.section-tutorials .swiper-button-next {
  top: 43%;
}
@media (max-width: 478px) {
  .section.section-tutorials .swiper-button-prev,
.section.section-tutorials .swiper-button-next {
    top: 40%;
  }
}
.section.section-tutorials .swiper-button-next::before,
.section.section-tutorials .swiper-button-prev::before {
  height: 170px;
}
@media (max-width: 768px) {
  .section.section-tutorials .swiper-button-next::before,
.section.section-tutorials .swiper-button-prev::before {
    height: 146px;
  }
}
@media (max-width: 478px) {
  .section.section-tutorials .swiper-button-next::before,
.section.section-tutorials .swiper-button-prev::before {
    height: 100px;
  }
}
/*# sourceMappingURL=vc_block_tutorials.min.css.map*/