.container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width: 1320px;
}
/*Фиксируем ширину контайнеров*/
@media screen and (min-width: 1400px) {
  .container-fluid {
    width: 1320px;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1399px) {
  .container-fluid {
    width: 1200px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
  .container-fluid {
    width: 944px;
  }
}
@media screen and (min-width: 744px) and (max-width: 991px) {
  .container-fluid {
    width: 704px;
  }
}
/*Конец фиксируем ширину контайнеров*/

.container-fluid.maxWidth {
  margin-right: auto;
  margin-left: auto;
  width: 100% !important;
  max-width: 100% !important;
  background-color: white;
}
.lh-130 {
  line-height: 130%;
}
.bg-gray {
  --bs-bg-opacity: 1;
  background-color: #f7f8f9 !important;
}
.fs-12 {
  font-size: 0.75rem !important;
}
.fs-14 {
  font-size: 0.875rem !important;
}
.fs-18 {
  font-size: 1.125rem !important;
}
.fs-30 {
  font-size: 1.875rem !important;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  font-family: Rubik;
}
.color-grey-500, .text-gray {
    color: var(--color-grey-500); /* #909090 */
}
.color-grey-600, .text-dark-gray {
    color: var(--color-grey-600); /* #666666 */
}
.color-grey-700 { 
    color: var(--color-grey-700); /* #515151 */
}
.color-grey-800 { 
    color: var(--color-grey-800); /* #232323 */
}
.text-purple{
    color: var(--color-purple-500);
}
.pe-cursor {
  cursor: pointer;
}
.w-10 {
  width: 10%;
}
.w-33 {
  width: 33%;
}
.w-35 {
  width: 35%;
}
.w-42 {
  width: 42%;
}
.w-45 {
  width: 45%;
}
.w-58 {
  width: 58%;
}
.w-67 {
  width: 67%;
}
.w-90 {
  width: 90%;
}
.fs-3_5 {
  font-size: 3.5rem;
}
.fs-1_25 {
  font-size: 1.25rem;
}
.fs-1_5 {
  font-size: 1.5rem;
}
.mb-8 {
  margin-bottom: 8rem !important;
}
.mb-1_4 {
  margin-bottom: 1.4rem !important;
}
.mb-4_5 {
  margin-bottom: 4.5rem !important;
}
.mb-2_5 {
  margin-bottom: 2.5rem !important;
}
.fw-bolder {
  font-weight: 500 !important;
}
.fw-light {
  font-weight: 300 !important;
}
.telephone-top-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: url("../images/telephone_head.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.location-top-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: url("../images/location_head.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.location-bottom-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: url("../images/location_solid.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.arrow-top-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: url("../images/arrow_top.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.client-favorite-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: url("../images/favorite_client.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.client-chat-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: url("../images/chat_client.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.client-exit-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: url("../images/exit_client.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-custom-icon {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.00224 6C4.00224 5.44772 4.0017 5 4.0017 5H20.0003C20.0003 5 20.0022 5.44772 20.0022 6C20.0022 6.55228 20.0003 7 20.0003 7H4.00224C4.00224 7 4.00224 6.55228 4.00224 6Z' fill='%23666666'/%3e%3cpath d='M3.99989 12C3.99989 11.4477 3.99935 11 3.99935 11H19.998C19.998 11 19.9999 11.4477 19.9999 12C19.9999 12.5523 19.998 13 19.998 13H3.99989V12Z' fill='%23666666'/%3e%3cpath d='M3.99664 18C3.99664 17.4477 3.99609 17 3.99609 17H19.9947C19.9947 17 19.9966 17.4477 19.9966 18C19.9966 18.5523 19.9947 19 19.9947 19H3.99664V18Z' fill='%23666666'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
}
.navbar-custom-icon2 {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  background-image: url("../images/navbar_square2.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-empty-icon {
  display: inline-block;
  width: 3.5em;
  height: 2.75em;
  vertical-align: middle;
  background-image: url("../images/navbar_empty.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.subway-dist-walk {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: url("../images/subway_walk.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.subway-dist-car {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: url("../images/subway_car.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.shevron-right {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: url("../images/shevron_right.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.map-logo {
  height: 24px;
  width: 24px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.01855 18.8451C6.01855 19.3342 5.7208 19.7741 5.2667 19.9557L2.87488 20.9127C2.08914 21.227 1.23438 20.6483 1.23438 19.8021V5.63284C1.23438 5.14367 1.53222 4.7038 1.98642 4.52217L4.37824 3.56574C5.16395 3.25155 6.01855 3.83021 6.01855 4.67641V18.8451Z' fill='%236E5DC6'/%3e%3cpath d='M14.6816 4.29668C15.2142 4.42974 15.5879 4.90824 15.5879 5.4572V19.7372C15.5879 20.5154 14.8566 21.0864 14.1016 20.8977L9.31723 19.7017C8.78472 19.5686 8.41113 19.0902 8.41113 18.5413V4.26191C8.41113 3.48379 9.14232 2.9128 9.89724 3.1014L14.6816 4.29668Z' fill='%236E5DC6'/%3e%3cpath d='M22.7656 18.3666C22.7656 18.8557 22.4678 19.2955 22.0137 19.4772L19.6209 20.4343C18.8352 20.7486 17.9805 20.1699 17.9805 19.3237V5.15423C17.9805 4.66511 18.2783 4.22527 18.7324 4.04361L21.1252 3.08649C21.9109 2.7722 22.7656 3.35086 22.7656 4.19712V18.3666Z' fill='%236E5DC6'/%3e%3c/svg%3e ");
}
.close-white-icon {
  background-image: url("../images/close_white.svg");
}
.close-gray-icon {
  background-image: url("../images/close_grey.svg");
}
.background-gradient {
  /*background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.24) 3%,
      rgba(255, 255, 255, 0.18) 3.05%,
      rgba(255, 255, 255, 0.3) 3.1%,
      rgba(255, 255, 255, 0.3) 6%,
      rgba(255, 255, 255, 0.24) 6%,
      rgba(255, 255, 255, 0.18) 6%,
      rgba(255, 255, 255, 0.3) 9%,
      rgba(255, 255, 255, 0.24) 9%,
      rgba(255, 255, 255, 0.18) 9%,
      rgba(255, 255, 255, 0.3) 11.97%,
      rgba(255, 255, 255, 0.24) 12%,
      rgba(255, 255, 255, 0.18) 12%,
      rgba(255, 255, 255, 0.24) 20%,
      rgba(255, 255, 255, 0.18) 20%,
      rgba(255, 255, 255, 0.3) 20%,
      rgba(255, 255, 255, 0.3) 80%,
      rgba(255, 255, 255, 0.24) 80%,
      rgba(255, 255, 255, 0.18) 80%,
      rgba(255, 255, 255, 0.18) 87.98%,
      rgba(255, 255, 255, 0.24) 88%,
      rgba(255, 255, 255, 0.3) 88%,
      rgba(255, 255, 255, 0.18) 90.99%,
      rgba(255, 255, 255, 0.24) 91%,
      rgba(255, 255, 255, 0.3) 91%,
      rgba(255, 255, 255, 0.18) 94%,
      rgba(255, 255, 255, 0.24) 94%,
      rgba(255, 255, 255, 0.3) 94%,
      rgba(255, 255, 255, 0.3) 97%,
      rgba(255, 255, 255, 0.18) 97%,
      rgba(255, 255, 255, 0.24) 97%
    ),
    radial-gradient(
      100% 348.83% at 0% 50%,
      rgba(94, 77, 178, 0.3) 0%,
      rgba(255, 255, 255, 0.12) 25%,
      rgba(255, 255, 255, 0.18) 75%,
      rgba(94, 77, 178, 0.18) 100%
    ),
    #ffffff;*/
  background: radial-gradient(100% 348.83% at 0% 50%, rgba(94, 77, 178, 0.15) 0%, rgba(255, 255, 255, 0.06) 25%, rgba(255, 255, 255, 0.09) 75%, rgba(94, 77, 178, 0.09) 100%), #FFFFFF;
  backdrop-filter: blur(35.8px);
}
.background-dark-blue {
  background: rgba(9, 30, 66, 0.8);
  backdrop-filter: blur(4px);
}
.background-dark-blue:hover {
  background: rgba(9, 30, 66, 0.7);
}
.burger-menu-head{
  width: 2.75rem;
  height: 2.75rem;
}
.navbar-custom-toggler.show .navbar-custom-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.52595 4L12 10.4741L18.4741 4L20 5.52595L13.5259 12L20 18.4741L18.4741 20L12 13.5259L5.52595 20L4 18.4741L10.4741 12L4 5.52595L5.52595 4Z' fill='%23666666'/%3e%3c/svg%3e ");
}
.navbar-custom-toggler.show .navbar-custom-icon2 {
  background-image: url("../images/navbar_square2_close.svg");
}
.navbar-custom-toggler.show .navbar-empty-icon {
  background-image: url("../images/navbar_empty_close.svg");
}
.metris-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 99;
}
.ff-noto-sans {
  font-family: "Noto Sans", serif;
}
.ff-rubik {
  font-family: Rubik, serif;
}
.ff-tektur {
  font-family: 'Tektur Semibold', "Noto Sans", sans-serif;
}
.navbar .has-megamenu {
  position: static !important;
}
.navbar .megamenu {
  left: 0;
  right: 0;
  width: 100%;
  margin-top: 0;
  min-height: 150px !important;
  border: none !important;
  border-radius: 0 !important;
}
.metris-badge {
  background: #fd9d87;
  font-size: 0.5rem;
  padding: 0.25rem;
  top: 0;
  right: -15px;
}
.metris-badge-avatar {
  background: #fd9d87;
  font-size: 0.5rem;
  padding: 0.25rem;
  top: 3px;
  right: -12px;
  border: 4px solid #f7f8f9;
}
.shadow-metris {
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.08) !important;
}
.shadow-metris-alt {
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.08) !important;
}
.shadow-metris-drop {
  box-shadow: 0 10px 8px -8px rgba(0, 0, 0, 0.08) !important;
}
.dropdown-divider-metris {
  height: 0;
  margin: 0;
  overflow: hidden;
  border-top: 2px solid #f7f8f9;
  opacity: 1;
}
.bt-2 {
  border-top: 2px solid #e7e7e7;
}
.w-fc {
  width: fit-content;
}

.link-icon{
    background-image: url("../images/link.svg");
    background-repeat: no-repeat;
    background-position: center;
}
.download-folder-icon{
    background-image: url("../images/download_folder.svg");
}
.small-icon{
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    height: 24px;
    width: 24px;
}
.rotate90 {
    transform: rotate(90deg);
}
.rotate180 {
    transform: rotate(180deg);
}
.rotate270 {
    transform: rotate(270deg);
}
.flex-basis-auto {
    flex-basis: auto !important;
}
.hr-custom{
    border-top:2px solid rgba(55, 80, 105, 0.04);
    display:block;
    font-size:1px;
    height:1px;
    line-height:1px;
    overflow:hidden;
    padding:0;
}

.tab-1-horizontal-slot-border-bottom{
    border-bottom: 0.125rem solid var(--color-grey-200) !important;
}
.tab-1-horizontal-slot-border-bottom .tab-1-horizontal-selected,
.tab-1-horizontal-slot-border-bottom .tab-1-horizontal{
    margin-bottom: -0.125rem;
}

/*Чекбокс в фигме плохо сделан, это вариант не требует input*/
.checkbox-custom .checkbox-custom-icon{
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 0.25rem;
    border: 0.0625rem solid var(--color-grey-600);
}
.checkbox-custom:hover .checkbox-custom-icon{
    border: 0.0625rem solid var(--color-purple-500);
}
.checkbox-custom:hover{
    color: var(--color-purple-500);
}
.checkbox-custom.checked .checkbox-custom-icon{
    background-color: var(--color-purple-700);
    border: 0rem solid;
    background-image: var(--checkbox-true-icon);
    background-position: center;
}
.min-h-0{
  min-height: 0;
}
.mobile-footer-fix-0{
  /* нивелирует 83 пикселя футера */
  padding-bottom:83px;
}
.mobile-footer-fix-1{
  /* нивелирует 83 пикселя футера + 4 пикселей отступа */
  padding-bottom:87px;
}
.mobile-footer-fix-2{
  /* нивелирует 83 пикселя футера + 8 пикселей отступа */
  padding-bottom:91px;
}
.mobile-footer-fix-3{
  /* нивелирует 83 пикселя футера + 16 пикселей отступа */
  padding-bottom:99px;
}
.fw-extra-bold{
  font-weight: 800;
}
.fw-black{
  font-weight: 900;
}

/*Черный бэйдж*/
.badge-color-black{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  border-radius: 0.5rem;
  background-color: rgba(0, 0, 0, .4);
  color: var(--color-pastel-purple-50);
}
.badge-color-black:hover {
  background-color: rgba(0, 0, 0, .3);
}

.badge-color-black:active {
  background-color: rgba(0, 0, 0, .35);
}
.bg-color-none{
  background-color: initial !important;
}
.bg-pastel-blue-100 {
  background-color: var(--color-pastel-blue-100); /* #F7F8F9 */
}
.w-max-content {
    width: max-content;
}

.tab-custom-horizontal-main {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  box-sizing: border-box;
  gap: 2.5rem;
}

.tab-custom-horizontal {
  display: flex;
  align-items: center;
  height: 2.5rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 1.125rem;
  font-weight: 500;
  border-bottom: 0.125rem solid var(--color-grey-400);
  color: var(--color-grey-500);
}

.tab-custom-horizontal:hover {
  color: var(--color-grey-800);
}

.tab-custom-horizontal.selected {
  border-bottom: 0.125rem solid var(--color-grey-800);
  color: var(--color-grey-800);
}
.tab-custom-horizontal-main::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-bottom: 0.125rem solid var(--color-grey-400);
  pointer-events: none;
}
.border-8{
  border-radius: 0.5rem;
}

@media screen and (max-width: 600px) {
  .text-truncate-bs{
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: calc(100vw - 60px);
  }
}