/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[5]!./src/components/sections/related-products/index.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
@media (max-width: 768px) {
  .related_products {
    padding-block: 45px;
  }
}
@media (min-width: 769px) and (max-width: 1280px) {
  .related_products {
    padding-block: 60px;
  }
}
@media (min-width: 1280px) {
  .related_products {
    padding-block: 90px;
  }
}
@media (max-width: 1024px) {
  .related_products .swiper__nav__left, .related_products .swiper__nav__right {
    transform: translateY(-100%) !important;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .related_products .swiper__nav__left, .related_products .swiper__nav__right {
    transform: translateY(-75%) !important;
  }
}