/* PRICING TABLE  -------------------------------------
------------------------------------------------------------------------*/
.pricing-table_box {
  margin-bottom: 8.8rem;
}

.pricing-table_box .pricing-table-wrap {
}

.pricing-table_box .pricing-settings {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 2rem;
}

.pricing-table_box .price-switcher {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.pricing-table_box .discount {
  display: inline-block;
  line-height: 2.5rem;
  padding: 0 0.6rem;
  background: #9FF9E8;
  border-radius: 3px;
  font-size: 1.2rem;
  opacity: 1;
  transition: opacity 0.2s;
  margin-right: 1.4rem;
}

.pricing-table_box .discount.hide {
  opacity: 0.1;
}

.pricing-table_box .pay-check {
  position: relative;
  line-height: 1;
}

.pricing-table_box .pay-check .switcher {
  position: absolute;
  left: 0;
  width: 16rem;
  height: 2rem;
  cursor: pointer;
  z-index: 2;
  opacity: 0;
  margin: 0;
}

.pricing-table_box .pay-check .not-label {
  display: inline-block;
  font-weight: 600;
  font-size: 2rem;
  min-width: 12.5rem;
  margin-right: 1rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.pricing-table_box .pay-check .switcher ~ label {
  display: inline-block;
  position: relative;
  padding: 0 0 0 4.5rem;
  font-family: "Inter Var", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  min-width: 16.7rem;
  white-space: nowrap;
  text-align: right;
}

.pricing-table_box .pay-check .switcher ~ label:before,
.pricing-table_box .pay-check .switcher ~ label:after {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
}

.pricing-table_box .pay-check .switcher ~ label:before {
  width: 3rem;
  height: 1.6rem;
  border-radius: 3rem;
  background: #2D3945;
  border: 1px solid #2D3945;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.pricing-table_box .pay-check .switcher ~ label:after {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: #fff;
  left: 0.3rem;
  bottom: 0.3rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.pricing-table_box .pay-check .switcher:checked ~ span {
  font-family: "Inter Var", sans-serif;
  font-weight: 400;
}

.pricing-table_box .pay-check .switcher:checked ~ label {
  font-family: "Inter Var", sans-serif;
  font-weight: 600;
}

.pricing-table_box .pay-check .switcher:checked ~ label:after {
  margin-left: 1.3rem;
}

.pricing-table_box .pricing-table-wrap {
  background: #FFFFFF;
  border-radius: 5px;
  padding: 7.5rem 0 0;
  display: block;
}

.pricing-table_box .pricing-table-wrap .new-pricing-announcement {
  background: #FFFFFF;
  padding: 20px;
  border-bottom: 1px solid #F2F2F2;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.5;
}

.pricing-table_box .pricing-table-wrap .new-pricing-announcement a {
  color: var(--fibery-text-default-color);
}

.pricing-table_box .pricing-table {
  background: #FFFFFF;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
}

.pricing-table_box .pricing-table .pricing-item {
  padding: 5rem 5.5rem 6rem;
  width: 50%;
  display: flex;
  flex-direction: row;
  gap: 5rem;

  /*width: 33%;*/
  /*padding-bottom: 6rem;*/
  flex-shrink: 0;
  border: 1px solid transparent;
  border-left-color: #F2F2F2;
  position: relative;
  background: transparent;
  transition: all 0.3s;
}

.pricing-table_box .pricing-table .pricing-item:first-child {
  border-left-color: transparent;
}

.pricing-table_box .pricing-table .pricing-item.yellow:hover {
  background-color: var(--fibery-tertiary-yellow);
}

.pricing-table_box .pricing-table .pricing-item.green:hover {
  background-color: var(--fibery-tertiary-green);
}

.pricing-table_box .pricing-table .pricing-item.pink:hover {
  background-color:  var(--fibery-tertiary-pink);
}

.pricing-table_box .pricing-table .pricing-item:first-child:hover,
.pricing-table_box .pricing-table .pricing-item:hover {
  border: 1px solid transparent;
  border-radius: 5px;
}

.pricing-table_box .pricing-table .pricing-item:hover + .pricing-item {
  border-left-color: transparent;
  transition: none;
}

.pricing-table_box .pricing-table .column-item {
  /*padding: 1rem 8.5rem;*/
}

.pricing-table_box .pricing-table .column-item.hinted {
  /*padding: 1.8rem 2rem;*/
}

.pricing-table_box .pricing-table .column-item:first-child {
  /*height: 23rem;*/
  /*padding: 5rem 8.5rem 6rem;*/
  border-top: none;
}

.pricing-table_box .pricing-table .column-item .plan-addition {
  font-size: 1.4rem;
  position: relative;
}

.pricing-table_box .pricing-table .choose-plan {
  display: block;
  color: #B6C1CA;
  font-size: 2rem;
}

.pricing-table_box .pricing-table .plan-card {
  width: 100%;
  height: 100%;
  /*padding-bottom: 4.4rem;*/
  position: relative;
}

.pricing-table_box .plan-card .plan-name {
  position: relative;
  margin-bottom: 1.7rem;
}

.pricing-table_box .plan-card .plan-name .name {
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.pricing-table_box .plan-card .plan-user-counter {
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 3rem;
  position: relative;
}

.pricing-table_box .plan-card .user-count-wrap {
  font-family: "Inter Var", sans-serif;
  font-weight: 400;
  margin-right: 4.56rem;
  white-space: nowrap;
  position: relative;
  display: inline-block;
}

.pricing-table_box .plan-card .user-count-wrap.why {
  cursor: help;
}

.pricing-table_box .plan-card .buttons-wrap {
  white-space: nowrap;
  position: absolute;
  font-size: 0;
  line-height: 0;
  top: 3px;
}

.pricing-table_box .plan-card .buttons-wrap.l160 {
  left: 16rem;
}

.pricing-table_box .plan-card .buttons-wrap.l105 {
  left: 10.5rem;
}

.pricing-table_box .plan-card .counter-button {
  border: none;
  background: #242938;
  font-size: 2rem;
  font-family: "Inter Var", sans-serif;
  font-weight: 400;
  border-radius: 2rem;
  width: 1.6rem;
  height: 1.6rem;
  position: relative;
  cursor: pointer;
}

.pricing-table_box .plan-card .counter-button:disabled {
  background-color: rgba(0, 0, 0, 0.1);
  cursor: default;
}

.pricing-table_box .plan-card .counter-button.user-counter-minus {
  margin-right: 0.35rem;
}

.pricing-table_box .plan-card .counter-button.user-counter-minus:before,
.pricing-table_box .plan-card .counter-button.user-counter-plus:after,
.pricing-table_box .plan-card .counter-button.user-counter-plus:before {
  content: '';
  width: 11px;
  height: 2px;
  border-radius: 2px;
  display: block;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pricing-table_box .plan-card .counter-button.user-counter-plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.pricing-table_box .plan-card .counter-button.user-counter-minus:disabled:before,
.pricing-table_box .plan-card .counter-button.user-counter-plus:disabled:after,
.pricing-table_box .plan-card .counter-button.user-counter-plus:disabled:before {
  background-color: #242938;
}

.pricing-table_box .plan-card .btn-wrap {
  /*position: absolute;*/
  /*bottom: -4.4rem;*/
  right: 0;
  left: 0;
}

.pricing-table_box .plan-card .btn-wrap .get-started {
  display: block;
  position: static;
  line-height: 4.4rem;
  font-size: 1.6rem;
  background-color: #132331;
  color: #fff;
  text-decoration: none;
  text-align: center;
  border-radius: 3px;
  padding: 0 4rem;
  font-weight: 600;
  transition: box-shadow 0.2s;
  white-space: nowrap;
}

.pricing-table_box .plan-card .btn-wrap .get-started:hover {
  box-shadow: 0 0 0 2px #242938;
}

.pricing-table_box .plan-card .user-count-wrap .user-count {
}

.pricing-table_box .plan-card .user-count-wrap .user-count,
.pricing-table_box .plan-card .user-count-wrap b {
  font-weight: 600;
  white-space: nowrap;
}

.pricing-table_box .plan-card .plan-price-block {
  display: flex;
  margin-bottom: 4.5rem;
  /*margin-bottom: 1.5rem;*/
}

.pricing-table_box .plan-card .plan-price-block .plan-price {
  font-size: 3.2rem;
  font-weight: 600;
  margin-right: 1.5rem;
  margin-bottom: 0.7rem;
  line-height: 1;
}

.pricing-table_box .plan-card .plan-price-block .plan-price-month {
  font-size: 1.2rem;
  font-family: "Inter Var", sans-serif;
  font-weight: 400;
  vertical-align: middle;
  padding: 0 4px;
  line-height: 1.3;
}

.pricing-table_box .plan-card .plan-info {
  margin-bottom: 2rem;
}

.pricing-table_box .plan-card .plan-info span {
  display: block;
  font-size: 1.6rem;
  line-height: 1.5;
}

.pricing-table_box .plan-card .plan-info .price-user {
  display: inline;
}

.pricing-table_box .hint {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  line-height: 1;
  top: -6px;
}

.pricing-table_box .hint-item {
  display: inline-block;
  cursor: pointer;
  width: 1.4rem;
  height: 1.4rem;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.4rem;
  text-align: center;
  margin-left: 0.9rem;
  border-radius: 50%;
  color: #fff;
  background-color: rgba(134, 152, 167, 0.6);
  transition: background-color 0.2s;
}

.pricing-table_box .hint-content {
  display: none;
  white-space: normal;
  position: absolute;
  z-index: 2;
  left: 3rem;
  top: 0;
  width: 23.4rem;
  padding: 2.4rem;
  background-color: #242938;
  border-radius: 4px;
}

.pricing-table_box .hint-content .img-wrap {
  margin-bottom: 2rem;
}

.pricing-table_box .hint-content .hint-description {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.6;
}

.pricing-table_box .hint-item:hover {
  background-color: #242938;
}

.pricing-table_box .hint-item:hover ~ .hint-content {
  display: block;
}

.pricing-table_box .pricing-item .hint-popup {
  position: absolute;
  z-index: 3;
  left: 4rem;
  top: 0;
  transform: translateY(-107%);
  padding: 3rem;
  width: 45rem;
  background: #fff;
  border: 2px solid #132331;
  border-radius: 1rem;
  display: none;
}

.pricing-table_box .pricing-item .hint-popup::after {
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.60742 0V13.7741L18.1191 2.55075V0H2.60742Z' fill='white'/%3E%3Cpath d='M1.53784 1.71484V13.8893C1.53784 14.7329 2.51797 15.1974 3.17094 14.6634L19.003 1.71484' stroke='%23132331' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 0;
  left: 3rem;
  bottom: -1.51rem;
}

.pricing-table_box .pricing-item .hint-popup .close-popup {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  cursor: pointer;
  border: none;
  border-radius: 2.8rem;
  font-size: 0;
  background-color: #132331;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.498 11.8184L6.49805 6.81836L1.49805 11.8184' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M1.49805 1.81836L6.49805 6.81836L11.498 1.81836' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.pricing-table_box .pricing-item .hint-popup .popup-headline {
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.2;
  padding-right: 4rem;
  margin-bottom: 2rem;
}

.pricing-table_box .pricing-item .hint-popup .popup-headline:after {
  content: "";
  display: block;
  position: absolute;
  transform: rotate(180deg);
  width: 4.65rem;
  height: 5.55rem;
  right: 2.5rem;
  top: 0;
  background: url(../img/stuff/futurama.png) no-repeat 0 0 / contain;
}

.pricing-table_box .pricing-item .hint-popup .popup-content p {
  font-size: 1.6rem;
  line-height: 1.5;
}

.pricing-table_box .pricing-item .hint-popup .popup-content .demo-link {
  text-decoration: underline;
  background: none;
  border: none;
  padding: 0;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
  font-family: "Graphik", sans-serif;
  cursor: pointer;
}

.pricing-table_box .pricing-item .hint-popup .popup-content .demo-link:focus {
  outline: none;
  text-decoration: none;
}


.pricing-table_box .pricing-item .hint-popup.show {
  display: block;
}

.pricing-table_box .pricing-item .hint-popup .popup-headline:after {
  animation-name: showFry;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

@keyframes showFry {
  from {
    background-position: 0 60px;
  }
  to {
    background-position: 0 0;
  }
}


/* PRICING FEATURES LIST  -------------------------------------
------------------------------------------------------------------------*/

.pricing-features-expand {
  position: relative;
}

.prising-features-headline {
  font-size: 3.2rem;
  padding-bottom: 3rem;
  padding-top: 3rem;
  border-bottom: 1px solid #E5E8EB;
  margin-bottom: 5rem;
  font-weight: 600;
}

.pricing-features-wrap {
}

.pricing-features-wrap .feature-item {
  display: block;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.3;
  color: #2A3844;
  border-radius: 4px;
  padding: 1.2rem 3rem 1.2rem 4.5rem;
  margin-left: -1rem;
}

.pricing-features-wrap a.feature-item {
  text-decoration: none;
  color: #2A3844;

}

.pricing-features-wrap a.feature-item:hover {
  background-color: rgba(0, 0, 0, 0.02);
}

.pricing-features-wrap .feature-item a {
  color: #2A3844;
  text-decoration: underline;
}

.pricing-features-wrap .feature-item b {
  font-weight: 600;
}

.pricing-features-wrap .feature-item::before {
  content: '';
  width: 1.5rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.0791 4L5.43287 8L13.052 1' stroke='%2313D017' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  left: 1.5rem;
  top: 1.7rem;
}


/* PRICING SPECIAL CARDS  -------------------------------------
------------------------------------------------------------------------*/

.special_offers_box {
}

.special_offers_box .new-badge:before {
  content: "new";
  display: inline-block;
  position: absolute;
  top: -10px;
  left: 3rem;
  font-size: 13px;
  line-height: 21px;
  color: #fff;
  padding: 0 8px;
  background: #242938;
  border-radius: 1rem;
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.1);
  letter-spacing: 0.02rem;
  z-index: 3;
}

.special_offers_box .special_offer-item {
  position: relative;
  z-index: 2;
}

.special_offers_box .special_offer-item .offer-link {
  text-decoration: none;
  display: block;
  position: relative;
  padding: 3rem 3.5rem;
  background-color: transparent;
  border-radius: 0.5rem;
  border: 4px solid transparent;
}

.special_offers_box .special_offer-item .offer-link:hover {
  border-color: #2A3844;
}

.special_offer-item .offer-head {
  position: relative;
  padding-bottom: 3.5rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

.special_offer-item .offer-head::after {
  content: '';
  position: absolute;
  display: block;
  width: 1rem;
  height: 1rem;
  border-right: 0.2rem solid rgba(0, 0, 0, 0.2);
  border-bottom: 0.2rem solid rgba(0, 0, 0, 0.2);
  transform: rotate(45deg);
  left: 0.3rem;
  bottom: 0;
  opacity: 1;
}

.special_offer-item .headline {
  font-size: 2.4rem;
  line-height: 1.30;
  font-family: "Inter Var", sans-serif;
  font-weight: 400;
  color: #090E13;
  padding-right: 2rem;
}

.special_offer-item .deco {
  font-size: 7.15rem;
  line-height: 1;
}

.special_offer-item .deco img {
  max-width: 7.5rem;
}

.special_offer-item .full-info {
  position: absolute;
  width: calc(100% + 8px);
  left: 0;
  padding: 0 3.5rem 3rem 3.5rem;
  display: none;
  overflow: hidden;
  transition: height 0.3s;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border: 4px solid transparent;
  border-top: none;
  margin-right: -4px;
  margin-left: -4px;
}

.special_offer-item .full-info p {
  font-size: 1.6rem;
  line-height: 1.6;
  font-family: "Inter Var", sans-serif;
  font-weight: 400;
  color: #090E13;
  margin-bottom: 5rem;
}

.special_offer-item .full-info p span {
  display: block;
  margin-bottom: 1rem;
}

.special_offer-item .full-info .inline-btn {
  display: inline-block;
  padding: 0.5rem 2.5rem;
}

.special_offers_box .special_offer-item .offer-link:hover .offer-head::after {
  opacity: 0;
}

.special_offers_box .special_offer-item .offer-link:hover .full-info {
  display: block;
  border-left-color: #2A3844;
  border-bottom-color: #2A3844;
  border-right-color: #2A3844;
}

.special_offers_box .special_offer-item .offer-link.color1,
.special_offers_box .special_offer-item .offer-link.color1:hover .full-info {
  background-color: #80F8E0;
}

.special_offers_box .special_offer-item .offer-link.color2,
.special_offers_box .special_offer-item .offer-link.color2:hover .full-info {
  background-color: #FFBF94;
}

.special_offers_box .special_offer-item .offer-link.color3,
.special_offers_box .special_offer-item .offer-link.color3:hover .full-info {
  background-color: #CCB9FF;
}


/* PRICING Q&A section  -------------------------------------
------------------------------------------------------------------------*/
.q-and-a_box {

}

.questions-wrap {
}

.questions-wrap .question-item {
  border-bottom: 1px solid rgba(125, 141, 154, 0.1);
}

.question-item .question-head {
  position: relative;
  padding: 2rem 6rem 2rem 0;
  font-size: 2rem;
  line-height: 1.6;
  color: #132331;
  cursor: pointer;
}

.question-item .question-head:after {
  content: '';
  display: block;
  position: absolute;
  height: 0.9rem;
  width: 0.9rem;
  border-right: 2px solid #242938;
  border-bottom: 2px solid #242938;
  right: 4rem;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  transition: all 0.2s ease-in-out;
}

.question-item .question-head.open {
  font-weight: 600;
}

.question-item .question-head.open:after {
  transform: translateY(-50%) rotate(-135deg);
}

.question-item .question-body {
  padding: 2rem 0;
  display: none;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #132331;
  max-width: 70rem;
}

.question-item .question-body p {
  font-size: 1.6rem;
  line-height: 1.6;
  color: #132331;
}

.question-item .question-body a {
  color: var(--fibery-text-default-color);
}

.question-item .final-question {
  padding: 5rem 0 7rem;
}

.question-item .final-question .headline {
  font-size: 1.8rem;
  color: var(--fibery-text-default-color);
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.question-item .final-question p {
  font-size: 1.6rem;
  line-height: 1.6;
}

.question-item .final-question p a {
  color: var(--fibery-text-default-color);
}


/* Wide single quote with photo  -------------------------------------
------------------------------------------------------------------------*/


.big-quote .quote-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 1.5rem;
  background: #fff;
  box-shadow: 0 1rem 29px rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

.big-quote .quote-item .photo {
  width: 30%;
  background: url("../img/case-studies/plex/jason.webp") no-repeat 50% 50% / cover;
}

.big-quote .quote-item .text {
  width: 70%;
  padding: 4rem 10rem;
}

.big-quote .quote-item .text .deco {
  font-weight: 600;
  font-size: 9.6rem;
  line-height: 1;
  color: #8397FF;
  -webkit-user-select: none;
  user-select: none;
}

.big-quote .quote-item .text p {
  margin-top: -4rem;
  font-family: "Inter Var", sans-serif;
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 1.5;
  color: var(--fibery-text-default-color);
  margin-bottom: 2.6rem;
}

.big-quote .quote-item .text .about {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.big-quote .quote-item .text .logo {
  margin-right: 1.7rem;
}

.big-quote .quote-item .text .logo img {
  height: 2rem;
}

.big-quote .quote-item .text .person {
  font-family: "Inter Var", sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  color: #14171D;
}

.big-quote .quote-item .text .person b {
  display: block;
}

.big-quote .quote-item .text .person span {
  display: block;
  opacity: 0.5;
}


/* Side anchor menu (for content side) -------------------------------------
------------------------------------------------------------------------*/

.anchor-menu_box {
  position: sticky;
  top: 10rem;
}

.anchor-menu_box .headline {
  font-weight: 600;
  font-size: 2rem;
  margin-bottom: 3rem;
  padding-top: 1rem;
}

.anchor-menu_box .anchor-item {
}

.anchor-menu_box .anchor-item a {
  display: inline-block;
  padding: 0 1.5rem;
  line-height: 3rem;
  font-family: "Graphik", sans-serif;
  font-size: 1.6rem;
  border-radius: 3rem;
  color: #3F4451;
  text-decoration: none;
  background-color: transparent;
  transition: background-color 0.3s;
  margin-bottom: 1rem;
}

.anchor-menu_box .anchor-item a.selected:hover,
.anchor-menu_box .anchor-item a.selected {
  color: #fff;
  background-color: #242938;
}

.anchor-menu_box .anchor-item a:hover {
  background-color: #F4F4F5;
}


.search-anchor {
  padding-top: 4rem;
  transform: translateX(-3000px);
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

.search-anchor a {
  display: inline-block;
  padding-right: 3rem;
  background-image: /* search ico */ 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='M6.5 13C2.91015 13 0 10.0899 0 6.5C0 2.91015 2.91015 0 6.5 0C10.0899 0 13 2.91015 13 6.5C13 7.93483 12.5351 9.26108 11.7477 10.3363L15.3555 13.962C15.745 14.3534 15.7435 14.9866 15.352 15.3762C14.9605 15.7657 14.3273 15.7642 13.9378 15.3727L10.3331 11.7501C9.25839 12.536 7.93338 13 6.5 13ZM6.5 11C8.98528 11 11 8.98528 11 6.5C11 4.01472 8.98528 2 6.5 2C4.01472 2 2 4.01472 2 6.5C2 8.98528 4.01472 11 6.5 11Z' fill='black'/%3E%3C/svg%3E%0A");
  background-position: right 60%;
  background-repeat: no-repeat;
  text-decoration: none;
  font-size: 2rem;
  line-height: 1;
  font-weight: 600;
  color: var(--fibery-text-default-color);
}

.anchor-menu_box.show-search .search-anchor {
  transform: translateX(0);
  opacity: 1;
}

/* Search line  -------------------------------------
------------------------------------------------------------------------*/

.search-line_box {
  margin-bottom: 9rem;
}

.search-line_box._width70 {
  max-width: 70rem;
}

.search-line_box form {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
}


.search-line_box .search-field {
  display: block;
  flex-grow: 1;
  line-height: 4.6rem;
  border: none;
  font-family: "Inter Var", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  border-bottom: 2px solid #242938;
  padding: 0 0.5rem 0 3.7rem;
  background-image: /* search ico */ 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='M6.5 13C2.91015 13 0 10.0899 0 6.5C0 2.91015 2.91015 0 6.5 0C10.0899 0 13 2.91015 13 6.5C13 7.93483 12.5351 9.26108 11.7477 10.3363L15.3555 13.962C15.745 14.3534 15.7435 14.9866 15.352 15.3762C14.9605 15.7657 14.3273 15.7642 13.9378 15.3727L10.3331 11.7501C9.25839 12.536 7.93338 13 6.5 13ZM6.5 11C8.98528 11 11 8.98528 11 6.5C11 4.01472 8.98528 2 6.5 2C4.01472 2 2 4.01472 2 6.5C2 8.98528 4.01472 11 6.5 11Z' fill='black'/%3E%3C/svg%3E%0A");
  background-position: 0 50%;
  background-repeat: no-repeat;
  margin-right: 1.5rem;
}

.search-line_box .search-field::placeholder {
  color: #B9BDC1;
  font-family: "Inter Var", sans-serif;
  font-weight: 400;
  font-size: 2rem;
}

.search-line_box .search-form-button_clear:focus,
.search-line_box .search-field:focus {
  outline: none;
}

.search-line_box .search-form-button_clear {
  position: absolute;
  width: 2rem;
  height: 2rem;
  left: -0.2rem;
  top: 1.3rem;
  background-image: /* red cross ico */ 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 d='M14 2L8 8L2 14M2 2L14 14' stroke='%23FF4A00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 16px 16px;
  border: none;
  cursor: pointer;
  background-color: transparent;
  transform: translateX(-3000px);
  transition: opacity 0.3s;
  opacity: 0;
}

.search-line_box form.showClear .search-form-button_clear {
  transform: translateX(0);
  opacity: 1;
}

.search-line_box form.showClear .search-field {
  background: none;
}

.no-search-results h3 {
  font-size: 2.5rem;
  line-height: 1.6;
  margin-bottom: 2rem;
  font-weight: 600;
}

.no-search-results p {
  font-size: 2rem;
  line-height: 1.6;
}


/* Customers quotes from index   -------------------------------------
------------------------------------------------------------------------*/


.customers-quotes_box {
  padding-top: 0;
  margin-bottom: 10rem;
}

.customers-quotes_box._no-margin-bottom {
  padding-top: 8rem;
  margin-bottom: 0;
}

.customers-quotes_box .quotes-head {
  font-size: 2rem;
  line-height: 1.6;
  margin-bottom: 3rem;
}

.customers-quotes_box .quotes-body {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

.customers-quotes_box .quote-item {
  width: 30%;
}

.customers-quotes_box .quote-item .text {
  font-family: "Inter Var Italic", sans-serif;
  font-style: italic;
  margin-bottom: 3.5rem;
  font-size: 2rem;
  line-height: 1.4;
  color: #2E3639;
}

.customers-quotes_box .quote-item .author,
.customers-quotes_box .quote-item .company {
  display: block;
  font-size: 1.6rem;
  color: #AEB8C1;
  margin-bottom: 0.4rem;
  line-height: 1.2;
}

.customers-quotes_box .quote-item .company {
}


/* Small features   -------------------------------------
------------------------------------------------------------------------*/

.author-person_box {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.author-person_box .photo {
  flex-shrink: 0;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 1.2rem;
}

.author-person_box .photo img {
  width: 100%;
}

.author-person_box .info .name,
.author-person_box .info .company {
  display: block;
  font-size: 1.6rem;
  line-height: 1.2;
  color: var(--fibery-text-default-color);
}

.author-person_box .info .company {
  padding-top: 0.5rem;
  opacity: 0.5;
}

.tags_box .tag-item {
  display: inline-block;
  border-radius: 3rem;
  color: var(--fibery-text-default-color);
  text-decoration: none;
  line-height: 3rem;
  padding: 0 1.5rem;
  font-size: 1.6rem;
  margin: 0 1.2rem 1.2rem 0;
  background: rgba(36, 41, 56, 0.05);
}

.share-items_box {
}

.share-items_box .share-item {
  margin-bottom: 1.3rem
}

.share-items_box .share-item .share-link {
  margin: 0;
  padding: 0 0 0 3.8rem;
  border: none;
  background-color: transparent;
  display: inline-block;
  font-family: "Inter Var", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: var(--fibery-text-default-color);
  line-height: 2.9rem;
  cursor: pointer;
  text-decoration: none;
  position: relative;
}

.share-items_box .share-item .share-link:hover {
  text-decoration: underline;
}

.share-items_box .share-item .share-link.copy-url {
  /* link icon */
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0835 16.9167C12.4773 17.3186 12.9473 17.6379 13.466 17.8559C13.9847 18.0738 14.5417 18.1861 15.1043 18.1861C15.667 18.1861 16.224 18.0738 16.7427 17.8559C17.2614 17.6379 17.7314 17.3186 18.1252 16.9167L22.9585 12.0834C23.7597 11.2822 24.2098 10.1956 24.2098 9.06257C24.2098 7.92954 23.7597 6.84291 22.9585 6.04174C22.1573 5.24056 21.0707 4.79047 19.9377 4.79047C18.8046 4.79047 17.718 5.24056 16.9168 6.04174L16.3127 6.6459' stroke='%23242938' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9168 12.0833C16.523 11.6814 16.053 11.3622 15.5343 11.1442C15.0156 10.9262 14.4586 10.814 13.896 10.814C13.3333 10.814 12.7763 10.9262 12.2576 11.1442C11.7389 11.3622 11.2689 11.6814 10.8751 12.0833L6.0418 16.9167C5.24062 17.7178 4.79053 18.8045 4.79053 19.9375C4.79053 21.0705 5.24062 22.1572 6.0418 22.9583C6.84297 23.7595 7.9296 24.2096 9.06263 24.2096C10.1957 24.2096 11.2823 23.7595 12.0835 22.9583L12.6876 22.3542' stroke='%23242938' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 0;
}

.share-items_box .share-item .share-link.copy-url:before {
  content: '';
  display: block;
  position: absolute;
  left: 110%;
  top: 0;
  width: 2.9rem;
  height: 2.9rem;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.68602 12.1426C2.27381 11.775 1.64168 11.8112 1.27412 12.2235C0.90657 12.6357 0.942775 13.2678 1.35499 13.6354L2.68602 12.1426ZM17.9394 6.98618C18.3069 6.57396 18.2707 5.94184 17.8585 5.57428C17.4463 5.20673 16.8141 5.24293 16.4466 5.65515L17.9394 6.98618ZM7.21022 17.5164L6.5447 18.2628C6.95692 18.6303 7.58905 18.5941 7.9566 18.1819L7.21022 17.5164ZM16.4466 5.65515L6.46384 16.8509L7.9566 18.1819L17.9394 6.98618L16.4466 5.65515ZM7.87574 16.77L2.68602 12.1426L1.35499 13.6354L6.5447 18.2628L7.87574 16.77Z' fill='%23242938'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 40%;
  opacity: 0;
}

.share-items_box .share-item .share-link.copy-url.clicked:before {
  animation-name: fadeInOut;
  animation-duration: 0.8s;
  animation-iteration-count: 1;
  animation-fill-mode: both;
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  30%, 60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }

}


.templates-tabs-additional_box {
  padding: 4rem 5rem;
}

.templates-tabs-additional_box > h4 {
  margin-bottom: 3rem;
}

.templates-tabs-additional_box ._inline-flex > * {
  margin-right: 4rem;
}

.partners-table_box + .text-and-buttons_box {
  padding-top: 14rem;
  padding-bottom: 9rem;
}

.text-and-buttons_box {
  padding-top: 5rem;
}

.text-and-buttons_box._center-align {
  text-align: center;
}

.text-and-buttons_box .headline {
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 3rem;
  vertical-align: center;
}

.text-and-buttons_box .headline .deco-round {
  display: inline-block;
  width: 4.8rem;
  height: 4.8rem;
  margin-right: 2.5rem;
  background: #FFBF94;
  border-radius: 50%;
  font-weight: 600;
  color: #fff;
  font-size: 1.6rem;
  line-height: 4.8rem;
}

.text-and-buttons_box p {
  max-width: 75rem;
  font-size: 2.4rem;
  line-height: 1.6;
  margin-bottom: 3.8rem;
}

.text-and-buttons_box p b {
  font-weight: 600;
}

.text-and-buttons_box .buttons-wrap {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.text-and-buttons_box .buttons-wrap > * {
  margin-right: 2rem;
  line-height: 3.4rem;
}

.text-and-buttons_box._center-align .buttons-wrap {
  justify-content: center;
}

.text-and-buttons_box._center-align .buttons-wrap > * {
  margin-bottom: 2rem;
}


.default-content_box {
}

.default-content_box p {
  margin-bottom: 4rem;
  max-width: 78rem;
  font-size: 1.8rem;
}

.default-content_box blockquote {
  display: block;
  padding: 2rem 5rem 7rem;
}

.default-content_box blockquote > p {
  margin-bottom: 4rem;
  font-size: 2.4rem;
  max-width: unset;
}

.default-content_box blockquote > p:last-child {
  margin-bottom: 0;
}

.default-content_box .highlight-mint {
  box-shadow: inset 0 -20px 0 -12px rgba(0, 240, 194, 0.5);
}

.default-content_box .highlight-yellow {
  box-shadow: inset 0 -20px 0 -12px rgba(255, 220, 78, 0.5);
}