@font-face {
  font-display: swap;
  font-family: 'Panton';
  src: url('../fonts/Panton-Regular.woff2') format('woff2'),
       url('../fonts/Panton-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
/* Начертания под тем же именем семейства. Без них `font-weight: 600` и `700`
   на новых страницах не давали ничего: у 'Panton' был объявлен только вес 400,
   а Light/SemiBold/Bold жили отдельными семействами и в new_home.css с
   new_service.css не использовались ни разу. Из-за этого подпись «Тип проекта»
   и значение «Внедрение CRM» в кейсах выглядели одинаково, хотя в макете
   значение полужирное. Отдельные семейства ниже оставлены — на них ссылаются
   старые шаблоны. */
@font-face {
  font-display: swap;
  font-family: 'Panton';
  src: url('../fonts/Panton-Light.woff2') format('woff2'),
       url('../fonts/Panton-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: 'Panton';
  src: url('../fonts/Panton-SemiBold.woff2') format('woff2'),
       url('../fonts/Panton-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: 'Panton';
  src: url('../fonts/Panton-Bold.woff2') format('woff2'),
       url('../fonts/Panton-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: 'Panton';
  src: url('../fonts/Panton-ExtraBold.woff2') format('woff2'),
       url('../fonts/Panton-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-display: swap;
  font-family: 'PantonLight';
  font-weight: 300;
  font-style: normal;
  src: url('../fonts/Panton-Light.woff2') format('woff2'),
       url('../fonts/Panton-Light.ttf') format('truetype');

}
@font-face {
  font-display: swap;
  font-family: 'PantonBold';
  font-weight: 700;
  font-style: normal;
  src: url('../fonts/Panton-Bold.woff2') format('woff2'),
       url('../fonts/Panton-Bold.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'PantonExtraBold';
  font-weight: 800;
  font-style: normal;
  src: url('../fonts/Panton-ExtraBold.woff2') format('woff2'),
       url('../fonts/Panton-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'PantonSemibold';
  src: url('../fonts/Panton-SemiBold.woff2') format('woff2'),
       url('../fonts/Panton-SemiBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* html {
  scroll-padding-top: 100px;
} */


body {
  font-family: 'Panton';
}

.wrapper {
  min-height: 100%;
  overflow: clip;
  display: flex;
  flex-direction: column;
}

main {
  height: 100%;
  flex: 1 1 auto;
}
.review__rating {
  display: none;
}
.screen__subtitle {
  padding:0px 25px;
}

.pagination__previous.disabled,
.pagination__next.disabled {
  cursor: no-drop;
  opacity: 0.4;
}

/* COOKIE */

.cookie__wrapper {
  position: fixed;
  z-index: 2;
  bottom: 0;
  right: 0;
  width: 350px;
  height: 162px;
  padding: 24px;
  border-radius: 32px;
  background: rgba(236, 241, 246, 0.60);
  backdrop-filter: blur(25px);
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 24px;
  margin-right: 24px;
  display: none;
}
.cookie__wrapper.cookie__wrapper-active {
  display: flex;
}
.cookie__title {
  color: var(--black-text, #081A32);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */
}
.cookie__title a {
  color: var(--brand-red, #D7171F);
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
}
.cookie__good-wrapper {
  display: flex;
  padding: 14px 24px;
  align-items: center;
  border-radius: 32px;
  background: var(--red, #D7171F);
  gap: 16px;
  width: 144px;
  height: 48px;
  cursor: pointer;
  transition: all .3s ease;
}
.cookie__good-wrapper:hover {
  background-color: #081A32;
}
.cookie__good {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 19.8px */
}

main.defualt-page {
  padding-top: 100px;
  background-size: cover !important;
}
.page-404 .content__wrapper {
  text-align: center;
}

@media (max-width: 400px) {
  .cookie__wrapper {
    margin-bottom: 10px;
    margin-right: 10px;
    height: 220px;
    width: 200px;
  }
}