.tariffs {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  width: 1196px;
  margin: 0 auto;
  padding: 75px 0;
}
@media (max-width: 1279px) {
  .tariffs {
    width: 100%;
    padding: 75px 20px;
  }
}
@media (max-width: 959px) {
  .tariffs {
    padding: 40px 24px;
  }
}
@media (max-width: 639px) {
  .tariffs {
    padding: 40px 20px;
  }
}
.tariffs__header {
  padding-bottom: 37px;
  color: #0E0F13;
  font-family: "Futura PT";
  font-size: 42px;
  font-style: normal;
  font-weight: 450;
  line-height: 54px;
  text-align: left;
  width: 100%;
}
@media (max-width: 959px) {
  .tariffs__header {
    font-size: 30px;
    line-height: 38px;
    padding-bottom: 32px;
  }
}
@media (max-width: 479px) {
  .tariffs__header {
    text-align: center;
  }
}
.tariffs__tabs {
  display: none;
  gap: 24px;
  padding-bottom: 48px;
  align-items: center;
  justify-content: center;
}
.tariffs__tabs__item {
  padding: 0px 16px;
  height: 48px;
  border-radius: 24px;
  border-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tariffs__tabs__item button {
  color: #0E0F13;
  text-align: center;
  /* Controls/Button */
  font-family: "Gotham Pro";
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 17px */
  background: none;
}
.tariffs__tabs__item.active {
  background: rgba(14, 15, 19, 0.04);
}
.tariffs__content {
  padding-bottom: 0px;
}
.tariffs__content__item {
  width: 408px !important;
  /*padding: 32px 32px 72px 32px;*/
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 16px;
  border-width: 0;
  position: relative;
}

.tariffs__content__item.open {
  padding: 32px 32px 72px 32px;
}

@media (max-width: 1279px) {
  .tariffs__content__item {
    /*padding: 24px 24px 72px 24px;*/
    padding: 24px;
  }
  .tariffs__content__item.open {
    padding: 24px 24px 72px 24px;
  }
}
@media (max-width: 959px) {
  .tariffs__content__item {
    width: 320px !important;
    /*padding: 20px 20px 72px 20px;*/
    padding: 20px;
  }
  .tariffs__content__item.open {
    padding: 20px 20px 72px 20px;
  }
}

.tariffs__content__item.item1 {
  background: #FDFEE2;
}
.tariffs__content__item.item2 {
  background: #515DFF;
}
.tariffs__content__item.item2 > .showAll{
  background: linear-gradient(180deg, rgba(81, 93, 255, 0.00) 0%, #515DFF 33.5%);
}
.tariffs__content__item.item3 {
  background: #EDCFFB;
}
.tariffs__content__item.item3 > .showAll{
  background: linear-gradient(180deg, rgba(237, 207, 251, 0.00) 0%, #EDCFFB 33.5%);
}
.tariffs__content__item.item4 {
  background: #202020;
}
.tariffs__content__item.item4 > .showAll{
  background: linear-gradient(180deg, rgba(32, 32, 32, 0.00) 0%, #202020 33.5%);
}
.tariffs__content__item.item4 > div:nth-of-type(1),
.tariffs__content__item.item4 > div:nth-of-type(2) > div:first-child {
  background: linear-gradient(76deg, #EACF9E 0%, #F8E7C9 54.18%, #EAD19E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.tariffs__content__item.white {
  color: #FFF;
}
.tariffs__content__item.white button {
  background: #FFF;
  color: #0E0F13;
}
.tariffs__content__item.white button.transparent {
  color: #FFF;
  background: rgba(255, 255, 255, 0.07);
}
.tariffs__content__item.white ul li {
  /*color: rgba(255, 255, 255, 0.4);*/
  color: #FFF;
}
/*.tariffs__content__item.white ul li.include {
  color: #FFF;
}*/
.tariffs__content__item.white ul li:nth-child(3) span{
  color: rgba(255, 255, 255, 0.40);
}
.tariffs__content__item.white ul li:before {
  background: url("/uslugi/seo-prodvizhenie/seo_audit/include/tariffs/icons/list_include_white.svg") no-repeat;
}
/*.tariffs__content__item.white ul li:before {
  background: url("/uslugi/seo-prodvizhenie/seo_audit/include/tariffs/icons/list_noninclude_white.svg") no-repeat;
}*/
.tariffs__content__item.black button {
  background: rgba(14, 15, 19, 0.07);
  color: #0E0F13;
}
.tariffs__content__item.black ul li {
  /*color: rgba(14, 15, 19, 0.2);*/
  color: #0E0F13;
}
.tariffs__content__item.black ul li:nth-child(3) span{
  color: rgba(14, 15, 19, 0.40);

}
/*.tariffs__content__item.black ul li.include {
  color: #0E0F13;
}*/
.tariffs__content__item.black ul li:before {
  background: url("/uslugi/seo-prodvizhenie/seo_audit/include/tariffs/icons/list_include.svg") no-repeat;
}
/*.tariffs__content__item.black ul li:before {
  background: url("/uslugi/seo-prodvizhenie/seo_audit/include/tariffs/icons/list_noninclude.svg") no-repeat;
}*/


.tariffs__content__item .showAll {
  display: flex;
  width: calc(100% - 32px - 32px);
  height: 110px;
  padding: 0 10px 32px 0;
  justify-content: center;
  align-items: flex-end;
  gap: 4px;

  position: absolute;
  bottom: 0;

  border-radius: 0 0 8px 8px;

}

@media (max-width: 1279px) {
  .tariffs__content__item .showAll {
    width: calc(100% - 24px - 24px);
  }
}
@media (max-width: 959px) {
  .tariffs__content__item .showAll {
    width: calc(100% - 20px - 20px);
  }
}

.tariffs__content__item.open .showAll {
  background: unset;
}

.tariffs__content__item .showAll > p{
  margin: 0;
  font-family: "Gotham Pro";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 17px */
}

.tariffs__content__item.white .showAll > p{
  color: #FFF;
}

.tariffs__content__item.black .showAll > p{
  color: #0E0F13;

}

.tariffs__content__item .showAll > svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.tariffs__content__item.black .showAll > svg > path {
  fill: black;
}

.tariffs__content__item.open > .showAll > svg {
  transform: rotateX(180deg);
}

.tariffs__content__item__tag {
  display: flex;
  transform: rotate(2.025deg);
  padding: 4px 10px;
  align-items: flex-start;
  gap: 10px;
  position: absolute;
  right: 12.513px;
  top: -19.551px;
  border-radius: 16px;
  border-width: 0;
  background: #EEB544;
  color: #0E0F13;
  text-align: center;
  font-family: "Gotham Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 450;
  line-height: 24px;
}
.tariffs__content__item__header {
  font-family: "Futura PT";
  font-size: 32px;
  font-style: normal;
  font-weight: 450;
  line-height: 40px;
}
@media (max-width: 959px) {
  .tariffs__content__item__header {
    font-size: 24px;
    line-height: 32px;
  }
}
.tariffs__content__item__price {
  display: flex;
  padding: 16px 0 4px 0;
  align-items: flex-end;
  gap: 4px;
  align-self: stretch;
}
.tariffs__content__item__price__value {
  font-family: "Futura PT";
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 54px;
}
.tariffs__content__item__price__text {
  font-family: "Gotham Pro";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.tariffs__content__item__price__plus {
  display: flex;
  gap: 4px;
  align-items: center;
  margin-bottom: 24px;
}

.tariffs__content__item__price__plus .value {
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.70);
  padding: 4px 10px;
  color: rgba(14, 15, 19, 0.80);
  text-align: center;
  font-family: "Gotham Pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}

.tariffs__content__item__price__plus .text {
  color: rgba(14, 15, 19, 0.40);
  text-align: center;
  font-family: "Gotham Pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}

.tariffs__content__item.white .tariffs__content__item__price__plus .value {
  color: #FFF;
  background: rgba(255, 255, 255, 0.07);
}
.tariffs__content__item.white .tariffs__content__item__price__plus .text {
  color: rgba(255, 255, 255, 0.70);
}

.tariffs__content__item__button {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
}
.tariffs__content__item__button button {
  display: flex;
  height: 60px;
  padding: 0px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 30px;
  border-width: 0;
  text-align: center;
  font-family: "Gotham Pro";
  font-size: 17px;
  font-style: normal;
  font-weight: 450;
  line-height: 100%;
}
.tariffs__content__item__list {
  display: flex;
  padding-top: 22px;
  flex-direction: column;
  align-items: flex-start;
  gap: 11px;
  align-self: stretch;
  padding-left: 0;
  margin: 0;
  overflow: hidden;
}

.tariffs__content__item.open .tariffs__content__item__list{
  height: 100%;
}
@media(max-width: 959px) {
  .tariffs__content__item__list {
/*    height: 490px;*/
  }
}



.tariffs__content__item__list li {
  position: relative;
  display: flex;
  min-height: 30px;
  padding-left: 32px;
  align-items: center;
  align-self: stretch;
  list-style: none;
  font-family: "Gotham Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  flex-shrink: 0;
}
/*.tariffs__content__item__list li:nth-child(8) ~ li {
  display: none;
}
.tariffs__content__item.open li:nth-child(8) ~ li {
  display: flex;
}*/

.tariffs__content__item__list li:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 7px;
}
.tariffs__content__item__list li:nth-child(1),
.tariffs__content__item__list li:nth-child(2),
.tariffs__content__item__list li:nth-child(3){
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.tariffs__content__item__list li:nth-child(3){
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.tariffs__content__item__list li:nth-child(3) span{
  font-family: "Gotham Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.tariffs__arrows {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10000;
}
@media (max-width: 479px) {
  .tariffs__arrows {
    position: unset;
    padding-bottom: 32px;
    padding-top: 16px;
  }
}
.slider {
  overflow: unset !important;
}
.slider__arrows {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
}
.slider__arrows__item {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  border-width: 0;
  background: rgba(14, 15, 19, 0.04) url('/uslugi/seo-prodvizhenie/seo_audit/include/slider/icons/arrow_slider.svg') no-repeat;
  background-position: center;
  background-size: 20px 20px;
}
.slider__arrows__item__prev {
  transform: rotateY(180deg);
}
.slider__content__item {
  padding: 32px;
}
/*# sourceMappingURL=tariffs.css.map */