@charset "UTF-8";
/* Блок навигации по странице /resources/ */
.resources-menu {
  background: #fdfdfd;
  overflow: hidden;
}
.resources-menu__menu {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  padding: 40px 0 70px;
  overflow: scroll;
  scrollbar-width: none;
}
.resources-menu__menu::-webkit-scrollbar {
  display: none;
}
.resources-menu__item {
  font-size: 13px;
  line-height: 13px;
  cursor: pointer;
  display: inline-block;
  background: transparent;
  color: #6C7282;
  white-space: nowrap;
  transform: translateX(0px);
  order: 10;
}
.resources-menu__item a {
  text-decoration: none;
  color: #6C7282;
  display: inline-block;
  background: #F5F5F5;
  border-radius: 50px;
  padding: 15px 24px 15px 37px;
}
.resources-menu__item span:last-child {
  opacity: 0;
}
.resources-menu__item:hover, .resources-menu__item.active {
  font-size: 13px;
  line-height: 13px;
  cursor: pointer;
  display: inline-block;
  color: #FFFFFF;
}
.resources-menu__item:hover a, .resources-menu__item.active a {
  text-decoration: none;
  color: #FFFFFF;
  background: #FF6D00;
  border-radius: 50px;
  padding: 15px 24px 15px 37px;
}
.resources-menu__item:hover span:last-child, .resources-menu__item.active span:last-child {
  color: #FFFFFF;
  opacity: 1;
}
.resources-menu__item.active {
  order: 1;
}

/**********************************************************************************************************************/
/******************************                 Адаптивная верстка                      *******************************/
/**********************************************************************************************************************/
/****************************************   Для экранов меньше 992px   ************************************************/
@media (max-width: 991.98px) {
  .resources-menu__menu {
    width: 100vw;
    justify-content: center;
    justify-self: center;
    padding-left: 152px;
    padding-right: 152px;
  }
  .resources-menu__item {
    transform: translateX(110px);
  }
}
/****************************************   Для экранов меньше 768px   ************************************************/
@media (max-width: 767.98px) {
  .resources-menu__menu {
    justify-content: flex-start;
    padding: 30px calc((100vw - 513px) / 2) 40px;
  }
  .resources-menu__item {
    transform: translateX(0);
  }
}
/****************************************   Для экранов меньше 576px   ************************************************/
@media (max-width: 575.98px) {
  .resources-menu__menu {
    padding-left: 13.5px;
    padding-right: 13.5px;
  }
}

/*# sourceMappingURL=resources-menu.css.map */