* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

body {
  line-height: 1;
}

html, body {
  background-color: #F7F7F7;
  scroll-behavior: smooth;
}

button {
  background: none;
}

a {
  text-decoration: none;
}

a, button {
  cursor: pointer;
  transition: 0.3s all;
}
a::before, a::after, a svg, button::before, button::after, button svg {
  transition: 0.3s all;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}
blockquote::after, blockquote:before, q::after, q:before {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.opacity-5 {
  opacity: 0.05;
}

.opacity-10 {
  opacity: 0.1;
}

.opacity-15 {
  opacity: 0.15;
}

.opacity-20 {
  opacity: 0.2;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-35 {
  opacity: 0.35;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-45 {
  opacity: 0.45;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-55 {
  opacity: 0.55;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-65 {
  opacity: 0.65;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-85 {
  opacity: 0.85;
}

.opacity-90 {
  opacity: 0.9;
}

.opacity-95 {
  opacity: 0.95;
}

.opacity-100 {
  opacity: 1;
}

/* manrope-600 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;
  src: url("../../assets/fonts/manrope/manrope-v15-cyrillic_latin-600.woff2") format("woff2"), url("../../assets/fonts/manrope/manrope-v15-cyrillic_latin-600.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* onest-300 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Onest";
  font-style: normal;
  font-weight: 300;
  src: url("../../assets/fonts/onest/onest-v6-cyrillic_latin-300.woff2") format("woff2"), url("../../assets/fonts/onest/onest-v6-cyrillic_latin-300.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* onest-regular - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  src: url("../../assets/fonts/onest/onest-v6-cyrillic_latin-regular.woff2") format("woff2"), url("../../assets/fonts/onest/onest-v6-cyrillic_latin-regular.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* onest-500 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Onest";
  font-style: normal;
  font-weight: 500;
  src: url("../../assets/fonts/onest/onest-v6-cyrillic_latin-500.woff2") format("woff2"), url("../../assets/fonts/onest/onest-v6-cyrillic_latin-500.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* onest-600 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  src: url("../../assets/fonts/onest/onest-v6-cyrillic_latin-600.woff2") format("woff2"), url("../../assets/fonts/onest/onest-v6-cyrillic_latin-600.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* onest-700 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Onest";
  font-style: normal;
  font-weight: 700;
  src: url("../../assets/fonts/onest/onest-v6-cyrillic_latin-700.woff2") format("woff2"), url("../../assets/fonts/onest/onest-v6-cyrillic_latin-700.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
button:disabled {
  color: #AFAFAF;
  background-color: #D6D6D6;
}

.button-gradient {
  position: relative;
  display: inline-block;
  font-family: "Onest";
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  padding: 32px 88px;
  border-radius: 50px;
  overflow: hidden;
  text-align: center;
}
.button-gradient.callback {
  padding: 16px 32px;
}
.button-gradient span {
  position: relative;
  z-index: 1;
}
.button-gradient::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.button-gradient:hover::after {
  opacity: 1;
}
.button-gradient_orange {
  background: linear-gradient(104deg, #fa6847 39.91%, #FF7B5E 94.83%, #ff6e4e 145.19%);
  background: linear-gradient(104deg, #E94B29 39.91%, #FF7B5E 94.83%, #E94B29 145.19%);
  background: linear-gradient(104deg, #E94B29 39.91%, #FF7B5E 94.83%, #E94B29 145.19%);
  background: linear-gradient(104deg, #E94B29 39.91%, #FF7B5E 94.83%, #E94B29 145.19%);
}
.button-gradient_orange::after {
  background: linear-gradient(104deg, #fa6847 39.91%, #FF7B5E 94.83%, #ff6e4e 145.19%);
  background: linear-gradient(104deg, #fa6847 39.91%, #FF7B5E 94.83%, #ff6e4e 145.19%);
  background: linear-gradient(104deg, #fa6847 39.91%, #FF7B5E 94.83%, #ff6e4e 145.19%);
  background: linear-gradient(104deg, #fa6847 39.91%, #FF7B5E 94.83%, #ff6e4e 145.19%);
}
.button-gradient_blue {
  background: linear-gradient(110deg, #3A9EFF 44.44%, #64B2FF 101.73%);
  background: linear-gradient(110deg, #3A9EFF 44.44%, #64B2FF 101.73%);
  background: linear-gradient(110deg, #3A9EFF 44.44%, #64B2FF 101.73%);
  background: linear-gradient(110deg, #3A9EFF 44.44%, #64B2FF 101.73%);
}
.button-gradient_blue::after {
  background: linear-gradient(110deg, #54AAFF 44.44%, #64B2FF 101.73%);
  background: linear-gradient(110deg, #54AAFF 44.44%, #64B2FF 101.73%);
  background: linear-gradient(110deg, #54AAFF 44.44%, #64B2FF 101.73%);
  background: linear-gradient(110deg, #54AAFF 44.44%, #64B2FF 101.73%);
}
.button-gradient_empty {
  border: 2px solid #7B7B7B;
}
.button-gradient_empty:hover {
  border-color: transparent;
}
.button-gradient_empty::after {
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background: linear-gradient(104deg, #fa6847 39.91%, #FF7B5E 94.83%, #ff6e4e 145.19%);
  background: linear-gradient(104deg, #fa6847 39.91%, #FF7B5E 94.83%, #ff6e4e 145.19%);
  background: linear-gradient(104deg, #fa6847 39.91%, #FF7B5E 94.83%, #ff6e4e 145.19%);
  background: linear-gradient(104deg, #fa6847 39.91%, #FF7B5E 94.83%, #ff6e4e 145.19%);
}

body {
  max-width: 1920px;
  margin: auto;
}

.content {
  max-width: 1400px;
  margin: auto;
}

section:nth-child(2) {
  padding: 200px 40px 60px;
  border-radius: 0 0 200px 200px;
}

.f {
  position: relative;
  background-color: #151515;
  border-radius: 200px;
  margin-bottom: 130px;
  overflow: hidden;
}
.f-main {
  padding-bottom: 90px;
}
.f-main-content {
  display: grid;
  max-width: 880px;
  gap: 45px;
}
.f-main-content_header {
  font-family: "Manrope";
  font-size: 48px;
  line-height: 1.4;
  color: #FFFFFF;
}
.f-main-content_text {
  position: relative;
  font-family: "Onest";
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4;
  color: #FFFFFF;
  padding-left: 48px;
  max-width: 80%;
}
.f-main-content_text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 20px;
  background-color: #212121;
  border: 1px solid #2B2B2B;
  border-radius: 20px;
  background-image: url("../../assets/img/people.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.f-main-content_buttons {
  display: flex;
  gap: 32px;
}
.f-main-image {
  position: absolute;
  top: 140px;
  right: 0;
}
.f-main-image:nth-child(2) {
  display: block;
}
.f-main-image:nth-child(3) {
  display: none;
}

.garbage .f-main-image {
  bottom: 0;
  right: 0;
  top: auto;
  width: 50%;
}

.logo {
  display: flex;
  align-items: center;
  gap: 10px;
}
.logo-img {
  height: 48px;
}
.logo-text {
  display: grid;
  align-items: center;
  gap: 4px;
}
.logo-text_header {
  font-family: "Onest";
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
}
.logo-text_desc {
  font-family: "Onest";
  font-weight: 400;
  font-size: 12px;
  color: #7B7B7B;
}

.header {
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100%;
  max-width: 1920px;
  padding: 32px;
  border-radius: 0 0 20px 20px;
  border-bottom: 1px solid #212121;
  background-color: rgba(21, 21, 21, 0.8);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1400px;
  margin: 0 auto;
}
.header-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 48px;
}
.header-nav_item {
  font-family: "Onest";
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  white-space: nowrap;
}
.header-nav_item:hover {
  color: #4E81EF;
}
.header-connections {
  display: flex;
  align-items: center;
  gap: 16px;
}
.header-phone {
  font-family: "Onest";
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
}
.header-phone:hover {
  color: #4E81EF;
}

.whatsapp-icon svg, .whatsapp-icon {
  display: block;
  height: 32px;
  width: 32px;
}

.whatsapp-icon svg {
  color: #FFFFFF;
}
.whatsapp-icon:hover svg {
  color: #4E81EF;
}

.burger {
  display: none;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 5px;
}
.burger-line {
  height: 3px;
  background-color: #FFFFFF;
  border-radius: 10px;
}
.burger-line:nth-child(1) {
  width: 28px;
}
.burger-line:nth-child(2) {
  width: 20px;
}
.burger-line:nth-child(3) {
  width: 24px;
}
.burger.active .burger-line:nth-child(1) {
  transform: rotateZ(45deg) translateY(6px);
}
.burger.active .burger-line:nth-child(2) {
  display: none;
}
.burger.active .burger-line:nth-child(3) {
  width: 28px;
  transform: rotateZ(-45deg) translateY(-6px);
}

.cursor {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.cursor-icon {
  position: relative;
  width: 16px;
  height: 26px;
  border: 2px solid #7B7B7B;
  border-radius: 10px;
}
.cursor-icon::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #7B7B7B;
  top: 4px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-animation: cursorDown 1.5s ease-in-out infinite alternate;
          animation: cursorDown 1.5s ease-in-out infinite alternate;
}
.cursor-text {
  font-family: "Onest";
  font-weight: 400;
  font-size: 14px;
  color: #7B7B7B;
}

@-webkit-keyframes cursorDown {
  100% {
    transform: translate(-50%, 8px);
  }
}

@keyframes cursorDown {
  100% {
    transform: translate(-50%, 8px);
  }
}
.smooth-text {
  color: #7B7B7B;
}

.services {
  padding: 0 40px;
  margin-bottom: 130px;
}
.services .section-header {
  color: #1C1C1C;
  margin-bottom: 70px;
  max-width: 650px;
}

.little-header {
  display: block;
  font-family: "Onest";
  font-weight: 400;
  font-size: 16px;
  color: #AFAFAF;
  margin-bottom: 16px;
}

.section-header {
  display: block;
  font-family: "Manrope";
  font-size: 48px;
  line-height: 1.4;
}

.services-list {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
}

.service {
  position: relative;
  width: 440px;
  height: 440px;
  border-radius: 28px;
  padding: 60px 32px;
  background-repeat: no-repeat;
}
.service-icon {
  position: absolute;
  top: 24px;
  right: 24px;
}
.service-header {
  display: block;
  font-family: "Onest";
  font-weight: 500;
  font-size: 24px;
  line-height: 1.4;
  margin-bottom: 18px;
}
.service-link {
  position: relative;
  font-family: "Onest";
  font-weight: 500;
  font-size: 18px;
}
.service-link::after {
  position: absolute;
  content: "";
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
}
.service-link:hover::after {
  width: 100%;
}
.service:nth-child(1) {
  background-color: #151515;
  background-image: url("../../assets/img/services/service-1.png");
  background-position: -16px 208px;
}
.service:nth-child(1) .service-icon {
  width: 23px;
  height: 24px;
  color: #4E81EF;
}
.service:nth-child(1) .service-header {
  color: #FFFFFF;
}
.service:nth-child(1) .service-link {
  color: #E94B29;
}
.service:nth-child(1) .service-link::after {
  background-color: #E94B29;
}
.service:nth-child(2) {
  background-color: #FFFFFF;
  background-image: url("../../assets/img/services/service-2.png");
  background-position: -22px 228px;
}
.service:nth-child(2) .service-icon {
  width: 25px;
  height: 24px;
  color: #E94B29;
}
.service:nth-child(2) .service-header {
  color: #151515;
}
.service:nth-child(2) .service-link {
  color: #4E81EF;
}
.service:nth-child(2) .service-link::after {
  background-color: #4E81EF;
}
.service:nth-child(3) {
  background-color: #4E81EF;
  background-image: url("../../assets/img/services/service-3.png");
  background-position: 0 230px;
  background-size: contain;
}
.service:nth-child(3) .service-icon {
  width: 24px;
  height: 24px;
  color: #FFFFFF;
}
.service:nth-child(3) .service-header {
  color: #FFFFFF;
}
.service:nth-child(3) .service-link {
  color: #FFFFFF;
}
.service:nth-child(3) .service-link::after {
  background-color: #FFFFFF;
}

.group {
  position: relative;
  padding: 90px;
  background-color: #151515;
  border-radius: 200px;
  background-image: url("../../assets/img/metall-main.png");
  background-repeat: no-repeat;
  background-position: bottom right;
}
.group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 70px;
}
.group-header h2 {
  font-family: "Manrope";
  font-size: 48px;
  line-height: 1.4;
  color: #FFFFFF;
}
.group-header-tags {
  display: flex;
  gap: 8px;
}
.group-header-tags_item {
  font-family: "Onest";
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  padding: 20px 30px;
  border: 1px solid #7B7B7B;
  border-radius: 50px;
}
.group-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 32px;
  padding: 50px 0;
  max-width: 60%;
}
.group-text_text {
  font-family: "Onest";
  font-weight: 400;
  font-size: 20px;
  color: #FFFFFF;
  line-height: 1.4;
}
.group-text .group-header-tags {
  display: none;
}

.company-headers {
  display: grid;
  grid-template-columns: repeat(2, -webkit-max-content);
  grid-template-columns: repeat(2, max-content);
  grid-template-rows: repeat(2, 1fr);
  gap: 24px;
}
.company-headers_item {
  font-family: "Onest";
  font-weight: 400;
  font-size: 28px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  gap: 16px;
}
.company-headers_item-number {
  position: relative;
  width: 28px;
  height: 28px;
  border: 1px solid #2B2B2B;
  background-color: #212121;
  border-radius: 50%;
}
.company-headers_item-number::before {
  position: absolute;
  font-family: "Onest";
  font-weight: 700;
  font-size: 32px;
  color: #E94B29;
  font-style: normal;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
}
.company-headers_item:nth-child(1) .company-headers_item-number::before {
  content: "1";
}
.company-headers_item:nth-child(2) .company-headers_item-number::before {
  content: "2";
}
.company-headers_item:nth-child(3) .company-headers_item-number::before {
  content: "3";
}
.company-headers_item:nth-child(4) .company-headers_item-number::before {
  content: "4";
}

.steps {
  padding: 0 40px;
}
.steps .section-header {
  max-width: 860px;
  margin-bottom: 80px;
}
.steps .section-header_underline {
  position: relative;
  white-space: nowrap;
  z-index: 1;
}
.steps .section-header_underline::before {
  position: absolute;
  content: "";
  width: calc(100% + 10px);
  bottom: 4px;
  left: -5px;
  background-color: #4E81EF;
  height: 30%;
  z-index: -1;
  border-radius: 6px;
}
.steps-item {
  display: grid;
  align-items: center;
  grid-template-columns: 60px 350px 100px 2fr 1fr;
  gap: 24px;
  border-top: 1px solid #D6D6D6;
  padding: 44px 0;
}
.steps-item_number {
  font-family: "Manrope";
  font-size: 40px;
  line-height: 1.4;
  color: #AFAFAF;
}
.steps-item_header {
  font-family: "Onest";
  font-weight: 500;
  font-size: 28px;
  line-height: 1.4;
  color: #1C1C1C;
}
.steps-item_arrow {
  justify-self: flex-end;
  color: #E94B29;
  width: 16px;
  height: 16px;
  border-top-right-radius: 26%;
  overflow: hidden;
}
.steps-item_text {
  font-family: "Onest";
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4;
  color: #1C1C1C;
}
.steps-item_point {
  justify-self: flex-end;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #4E81EF;
}

.banner {
  position: relative;
  display: flex;
  min-height: 700px;
  border-radius: 48px;
  background-color: #FFFFFF;
  z-index: 1;
  overflow: hidden;
  padding: 40px 60px;
  margin-bottom: -120px;
}
.banner.fix {
  margin-bottom: 130px;
}
.banner-second {
  margin-bottom: -90px;
  overflow: visible;
}
.banner-second .banner-img {
  width: auto;
  bottom: 0;
  right: 100px;
}
.banner-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 45px;
}
.banner-header {
  font-family: "Manrope";
  font-size: 40px;
  line-height: 1.4;
  color: #1C1C1C;
  max-width: 620px;
  line-height: 1.4;
}
.banner-textblock {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.banner-textblock_svg {
  position: relative;
  width: 34px;
  height: 20px;
  border: 2px solid #82BCFF;
  background-color: #4E81EF;
  border-radius: 20px;
}
.banner-textblock_svg svg {
  position: absolute;
  content: "";
  width: 26px;
  height: 26px;
  top: -18px;
  left: 50%;
  transform: translateX(-50%) rotate(22deg);
}
.banner-textblock_text {
  font-family: "Onest";
  font-weight: 400;
  font-size: 24px;
  color: #1C1C1C;
  max-width: 600px;
  line-height: 1.4;
}
.banner-textblock .photos-about_dots {
  gap: 6px;
}
.banner-textblock .photos-about_dots .dot {
  width: 8px;
  height: 8px;
}
.banner-img {
  position: absolute;
  right: -150px;
  bottom: 24px;
  width: 800px;
}

.price {
  display: flex;
  align-items: center;
  min-height: 800px;
  padding: 40px;
  background-color: #151515;
  border-radius: 200px;
}
.price .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 68px;
}
.price-header {
  font-family: "Manrope";
  font-size: 48px;
  line-height: 1.4;
  color: #FFFFFF;
  max-width: 700px;
}
.price-reasons {
  display: flex;
  align-items: center;
  justify-content: center;
}
.price-reasons_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 28px;
  padding: 0 50px;
}
.price-reasons_item .reason-header {
  position: relative;
  font-family: "Onest";
  font-weight: 600;
  font-size: 24px;
  color: #FFFFFF;
  z-index: 1;
}
.price-reasons_item .reason-header::before {
  position: absolute;
  content: "";
  top: 50%;
  left: -16px;
  width: 58px;
  height: 34px;
  background-color: #E94B29;
  border: 2px solid #FFA997;
  border-radius: 20px;
  transform: translateY(-50%) rotate(-10deg);
  z-index: -1;
}
.price-reasons_item .reason-text {
  font-family: "Onest";
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 1.4;
  max-width: 400px;
}
.price-reasons_item:nth-child(2) {
  -o-border-image: linear-gradient(#D6D6D6, #151515) 30;
     border-image: linear-gradient(#D6D6D6, #151515) 30;
  border-width: 1px;
  border-left-style: solid;
  border-right-style: solid;
}
.price-reasons_item:nth-child(3) .reason-header::before {
  background-color: #4E81EF;
  border-color: #82BCFF;
}

.photos {
  padding: 0 40px;
}
.photos .section-header {
  color: #1C1C1C;
  margin-bottom: 40px;
}
.photos-about {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 90px;
}
.photos-about_dots {
  display: flex;
  gap: 8px;
  padding-top: 12px;
}
.photos-about_dots .dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #4E81EF;
}
.photos-about_text {
  font-family: "Onest";
  font-weight: 400;
  font-size: 26px;
  color: #1C1C1C;
  line-height: 1.4;
  max-width: 1200px;
}
.photos-container {
  display: grid;
  grid-template-columns: 40% 60%;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  padding-right: 20px;
  gap: 20px;
}
.photos-container_photo {
  width: 100%;
  height: 100%;
  border-radius: 48px;
}
.photos-container_photo:nth-child(1) {
  grid-column: span 2;
}

.connect {
  display: flex;
  min-height: 900px;
  padding: 40px;
  border-radius: 200px;
  background: linear-gradient(117deg, rgba(28, 28, 28, 0.94) 0.03%, rgba(28, 28, 28, 0.94) 24.84%, rgba(28, 28, 28, 0.52) 77.31%), url("../../assets/img/workers.jpg"), lightgray 0px -212.619px/100% 138.746% no-repeat;
  background-position: center;
  background-size: cover;
}
.connect .content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: stretch;
  gap: 200px;
}

.form-header {
  font-family: "Manrope";
  font-size: 40px;
  line-height: 1.4;
  color: #FFFFFF;
}
.form-about {
  font-family: "Onest";
  font-weight: 400;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 1.4;
  margin: 50px 0;
}
.form-fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 20px;
}
.form-fields_item {
  display: flex;
  align-items: center;
  padding: 32px;
  font-family: "Onest";
  font-weight: 400;
  font-size: 16px;
  border: 1px solid #7B7B7B;
  border-radius: 50px;
  width: 100%;
  background-color: #151515;
  color: #FFFFFF;
}
.form-fields_item::-moz-placeholder {
  color: #AFAFAF;
}
.form-fields_item:-ms-input-placeholder {
  color: #AFAFAF;
}
.form-fields_item::placeholder {
  color: #AFAFAF;
}
.form-fields button {
  padding: 32px;
}
.form-privacy {
  font-family: "Onest";
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.4;
}
.form-privacy_link {
  display: block;
  color: #FFFFFF;
  text-decoration: underline;
}
.form-privacy_link:hover {
  color: #E94B29;
}

.contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 28px;
}
.contacts-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
}
.contacts-info_about {
  font-family: "Onest";
  font-weight: 600;
  font-size: 14px;
  color: #FFFFFF;
  padding: 14px 28px;
  border: 1px solid #7B7B7B;
  border-radius: 40px;
}
.contacts-info_contact {
  font-family: "Onest";
  font-weight: 400;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 1.4;
}

.mb-bottom {
  margin-bottom: 130px;
}

.steps-content {
  position: relative;
  display: grid;
  gap: 90px;
}
.steps-content::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 100%;
  top: 0;
  right: 50%;
  transform: translateX(-50%);
  background-color: #AFAFAF;
  border-radius: 10px;
}
.steps-content_step {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.steps-content_step:nth-child(even) {
  flex-direction: row-reverse;
}
.steps-content_step:nth-child(2) .c-step-text::before {
  content: "2.";
}
.steps-content_step:nth-child(3) .c-step-text::before {
  content: "3.";
}
.steps-content_step:nth-child(4) .c-step-text::before {
  content: "4.";
}
.steps-content_step:nth-child(5) .c-step-text::before {
  content: "5.";
}
.steps-content_step:nth-child(6) .c-step-text::before {
  content: "6.";
}

.c-step-text {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  padding-left: 50px;
  max-width: 600px;
}
.c-step-text::before {
  position: absolute;
  content: "1.";
  font-family: "Manrope";
  font-size: 40px;
  line-height: 1.4;
  color: #E94B29;
  top: 0;
  left: 0;
  line-height: 1;
}
.c-step-text_header {
  font-family: "Onest";
  font-weight: 500;
  font-size: 30px;
  color: #1C1C1C;
  line-height: 1.4;
}
.c-step-text_about {
  font-family: "Onest";
  font-weight: 400;
  font-size: 20px;
  color: #1C1C1C;
  line-height: 1.4;
}
.c-step-text_about .bold {
  font-family: "Onest";
  font-weight: 700;
  font-size: 20px;
  white-space: nowrap;
}
.c-step-img {
  border-radius: 50px;
  overflow: hidden;
}

.conditions {
  padding: 0 40px;
  margin-bottom: 130px;
}
.conditions .section-header {
  margin-bottom: 40px;
}
.conditions-blue .conditions-header_icon {
  border-color: #82BCFF;
  background-color: #4E81EF;
}
.conditions-blue li::marker {
  color: #4E81EF;
}
.conditions-orange .conditions-header_icon {
  border-color: #FFA997;
  background-color: #E94B29;
}
.conditions-orange li::marker {
  color: #E94B29;
}
.conditions-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}
.conditions-header_icon {
  width: 46px;
  height: 28px;
  border: 2px solid;
  border-radius: 20px;
}
.conditions-header_text {
  font-family: "Onest";
  font-weight: 400;
  font-size: 26px;
  color: #1C1C1C;
}
.conditions-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 18px;
  padding: 34px 0 0 58px;
  border-top: 1px solid #D6D6D6;
}
.conditions-list li {
  font-family: "Onest";
  font-weight: 400;
  font-size: 20px;
  color: #1C1C1C;
  line-height: 1.4;
  list-style: decimal-leading-zero;
  max-width: 1000px;
}
.conditions-list li::marker {
  font-family: "Manrope";
  font-size: 28px;
  line-height: 1.4;
}

.license {
  position: relative;
  padding: 120px 90px;
  background-color: #151515;
  border-radius: 200px;
  margin-bottom: 130px;
}
.license .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.license-text {
  display: flex;
  flex-direction: column;
  gap: 68px;
  max-width: 800px;
}
.license-text_header {
  font-family: "Manrope";
  font-size: 40px;
  line-height: 1.4;
  color: #FFFFFF;
}
.license-sert {
  position: relative;
  width: 400px;
  border-radius: 48px;
}

.map {
  padding: 0 40px;
  margin-bottom: 130px;
}
.map .section-header {
  margin-bottom: 50px;
}
.map-contacts {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 50px;
  margin-bottom: 50px;
}
.map-contacts .organization {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.map-contacts .organization-name {
  font-family: "Onest";
  font-weight: 500;
  font-size: 24px;
  color: #1C1C1C;
  line-height: 1.4;
}
.map-contacts .organization-about {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Onest";
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  color: #1C1C1C;
}
.map-contacts .organization-about a {
  color: #1C1C1C;
}
.map-contacts .organization-about a:hover {
  color: #4E81EF;
}
.map-contacts .organization-about:nth-child(2) svg {
  width: 18px;
  height: 22px;
}
.map-contacts .organization-about:nth-child(3) svg {
  width: 18px;
  height: 18px;
  color: #4E81EF;
}

.write-whatsapp {
  position: relative;
  display: none;
  font-family: "Onest";
  font-weight: 600;
  font-size: 16px;
  color: #FFFFFF;
  white-space: nowrap;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: center;
  margin: 0 auto;
}
.write-whatsapp::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #FFFFFF;
  bottom: -3px;
  left: 0;
}
.write-whatsapp:hover {
  color: #4E81EF;
}
.write-whatsapp:hover::after {
  background-color: #4E81EF;
}

.footer {
  display: flex;
  padding: 130px 40px;
  border-radius: 200px 200px 0 0;
  background-color: #151515;
}
.footer .content {
  display: grid;
  width: 100%;
  grid-template-areas: "logo  nav  callback" "about places whatsapp" "time  places .     ";
  align-items: center;
  gap: 28px;
}
.footer .logo {
  grid-area: logo;
}
.footer .write-whatsapp {
  display: block;
  grid-area: whatsapp;
  align-self: baseline;
}
.footer .header-nav {
  grid-area: nav;
}
.footer .callback {
  grid-area: callback;
}

.about {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  grid-area: about;
}
.about-address, .about-contact {
  display: flex;
  align-items: center;
  gap: 12px;
}
.about-address {
  margin-bottom: 20px;
}
.about-address_icon {
  width: 18px;
  height: 22px;
}
.about-address_address {
  font-family: "Onest";
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 1.4;
}
.about-contact {
  margin-bottom: 12px;
}
.about-contact_icon {
  color: #4E81EF;
  fill: currentColor;
}
.about-contact_text {
  font-family: "Onest";
  font-weight: 600;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 1.4;
}
.about-contact_text:hover {
  color: #4E81EF;
}
.about-contact:last-child {
  margin: 0;
}
.about-contact:nth-child(2) .about-contact_icon {
  width: 18px;
  height: 18px;
}
.about-contact:nth-child(3) .about-contact_icon {
  width: 22px;
  height: 16px;
}

.time-n-privacy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  grid-area: time;
}

.worktime {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
}
.worktime-name {
  font-family: "Onest";
  font-weight: 400;
  font-size: 20px;
  color: #FFFFFF;
  line-height: 1.4;
}
.worktime-hours {
  font-family: "Onest";
  font-weight: 300;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 1.4;
}

.privacy {
  position: relative;
  font-family: "Onest";
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
}
.privacy::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background-color: #FFFFFF;
}
.privacy:hover {
  color: #4E81EF;
}
.privacy:hover::after {
  background-color: #4E81EF;
}

.places {
  grid-area: places;
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-template-rows: -webkit-max-content -webkit-max-content;
  grid-template-rows: max-content max-content;
  gap: 22px 44px;
}
.places-item_name {
  font-family: "Onest";
  font-weight: 400;
  font-size: 20px;
  color: #FFFFFF;
  line-height: 1.4;
  margin-bottom: 16px;
}
.places-item_phone {
  font-family: "Onest";
  font-weight: 600;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 1.4;
  margin-bottom: 10px;
}
.places-item_fields {
  display: grid;
  gap: 6px;
}
.places-item_fields span {
  font-family: "Onest";
  font-weight: 300;
  font-size: 14px;
  line-height: 1.4;
  color: #FFFFFF;
}

.servicesBig {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto 130px auto;
  padding: 0 40px;
  gap: 80px;
}
.servicesBig-item {
  display: flex;
  align-items: flex-start;
  gap: 100px;
}
.servicesBig-item-text {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.servicesBig-item-text_header {
  font-family: "Onest";
  font-weight: 500;
  font-size: 36px;
  line-height: 1.4;
  color: #1C1C1C;
}
.servicesBig-item-text_text {
  font-family: "Onest";
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4;
  color: #1C1C1C;
}
.servicesBig-item-text_button {
  position: relative;
  font-family: "Onest";
  font-weight: 600;
  font-size: 20px;
  white-space: nowrap;
  color: #E94B29;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
}
.servicesBig-item-text_button::after {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  background-color: #E94B29;
  bottom: -2px;
  left: 0;
}
.servicesBig-item-text_button:hover::after {
  width: 100%;
}
.servicesBig-item-text_phone {
  display: flex;
  align-items: center;
  white-space: nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 8px;
  font-family: "Onest";
  font-weight: 600;
  font-size: 20px;
  color: #1C1C1C;
}
.servicesBig-item-text_phone-icon {
  width: 18px;
  height: 18px;
  color: #4E81EF;
}
.servicesBig-item-text_phone:hover {
  color: #4E81EF;
}
.servicesBig-item:nth-child(2n) {
  flex-direction: row-reverse;
}
.servicesBig-item_img {
  border-radius: 48px;
  min-width: 44%;
}
.servicesBig-buttonCover {
  display: flex;
  align-items: center;
  gap: 50px;
}

.popup {
  position: fixed;
  display: none;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.94);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  z-index: 98;
}
.popup.active {
  display: flex;
}
.popup-menu {
  display: grid;
  align-items: center;
  justify-content: center;
  gap: 60px;
}
.popup-menu-links {
  display: grid;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 24px;
}
.popup-menu-links_item {
  font-family: "Onest";
  font-weight: 400;
  font-size: 28px;
  white-space: nowrap;
  color: #FFFFFF;
}

.policy {
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 20px;
  font-size: 16px;
}
.policy-header {
  display: block;
  color: #1C1C1C;
  font-family: "Onest";
  font-weight: 500;
  font-size: 2em;
  margin: 1em 0;
  text-transform: uppercase;
  line-height: 1.2;
}
.policy-link {
  position: relative;
  color: #4E81EF;
}
.policy-link::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 0;
  left: 0;
  bottom: 0;
  background-color: #4E81EF;
}
.policy-link:hover::after {
  width: 100%;
}
.policy-link.last-link {
  display: block;
  text-align: center;
  margin: 3em auto 0;
  font-size: 1.5em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.policy p {
  font-family: "Onest";
  font-weight: 400;
  font-size: 1em;
  color: #7B7B7B;
  line-height: 1.4;
  margin-top: 1em;
}

@media (max-width: 1720px) {
  .f-main-content_header {
    font-size: 38px;
  }
  .f-main-content_text {
    font-size: 18px;
  }
  .f-main-image:nth-child(2) {
    top: 15px;
    right: -200px;
  }
  .garbage .f-main-image {
    top: auto;
    right: 0;
  }
}
@media (max-width: 1600px) {
  section:nth-child(2) {
    border-radius: 0 0 80px 80px;
  }
  .f, .group, .connect, .price, .license {
    border-radius: 80px;
  }
  .group {
    background-position: 700px 333px;
  }
  .footer {
    border-radius: 80px 80px 0 0;
  }
}
@media (max-width: 1500px) {
  .write-whatsapp {
    display: block;
  }
  .burger {
    display: flex;
  }
  .header-container {
    display: grid;
    grid-template-columns: -webkit-max-content -webkit-max-content 1fr;
    grid-template-columns: max-content max-content 1fr;
    gap: 36px;
  }
  .header-nav, .header-connections, .header .callback {
    display: none;
  }
  .price {
    padding: 160px 40px 40px;
  }
  .price .content {
    width: 100%;
  }
  .price-reasons {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
  .price-reasons_item {
    padding: 50px;
  }
  .price-reasons_item:nth-child(2) {
    -o-border-image: linear-gradient(90deg, #CECECE 0%, rgba(123, 123, 123, 0) 109.13%);
       border-image: linear-gradient(90deg, #CECECE 0%, rgba(123, 123, 123, 0) 109.13%);
    border-left-style: none;
    border-right-style: none;
    border-top-style: solid;
    border-bottom-style: solid;
  }
  .price-reasons_item .reason-text {
    max-width: 600px;
  }
  .footer .header-nav {
    display: flex;
  }
}
@media (max-width: 1400px) {
  .f-main-image:nth-child(2) {
    display: none;
  }
  .f-main-image:nth-child(3) {
    display: block;
    height: 600px;
    top: 100px;
    right: -350px;
  }
  .garbage .f-main-image {
    display: block;
  }
  .group {
    background-position: 550px 333px;
  }
  .banner-img {
    right: -250px;
  }
  .footer {
    padding: 80px 40px;
  }
  .connect .content {
    gap: 10%;
  }
  .license-text_header {
    font-size: 32px;
  }
  .license-text .company-headers {
    grid-template-columns: none;
    grid-template-rows: repeat(4, -webkit-max-content);
    grid-template-rows: repeat(4, max-content);
  }
  .license-text .company-headers_item {
    font-size: 24px;
  }
  .license-text .company-headers_item::before {
    top: 0;
    font-size: 24px;
  }
}
@media (max-width: 1355px) {
  .steps-content::after {
    left: -12px;
    right: unset;
    transform: none;
  }
  .steps-content_step {
    align-items: center;
    padding-left: 20px;
  }
  .steps-content_step, .steps-content_step:nth-child(2n) {
    flex-direction: row;
  }
  .c-step-img {
    min-width: 500px;
  }
}
@media (max-width: 1300px) {
  .footer .content {
    grid-template-areas: "logo   .     " "about  nav   " "time   callback" "time   whatsapp" "places places  ";
    justify-content: center;
    gap: 20px 80px;
  }
  .places {
    grid-template-columns: 1fr 1fr;
  }
  .banner-second .banner-img {
    right: 50px;
  }
}
@media (max-width: 1250px) {
  .f-main-image:nth-child(3) {
    right: -450px;
  }
  .banner-img {
    right: -200px;
    width: 600px;
  }
}
@media (max-width: 1200px) {
  .steps-item {
    max-width: 70%;
    grid-template-columns: 60px 2fr -webkit-max-content;
    grid-template-columns: 60px 2fr max-content;
    gap: 18px;
  }
  .steps-item_text {
    grid-column: span 3;
  }
  .steps-item_point {
    display: none;
  }
  .group {
    padding: 90px 90px 570px;
    background-position: 300px bottom;
  }
  .connect .content {
    gap: 8%;
  }
  .form-header {
    font-size: 32px;
  }
  .form-about {
    font-size: 20px;
    margin: 38px 0;
  }
  .banner-textblock {
    gap: 12px;
  }
  .banner-textblock .photos-about_dots .dot {
    width: 6px;
    height: 6px;
  }
  .banner-textblock_text {
    font-size: 20px;
    max-width: 45%;
  }
  .banner-header {
    font-size: 28px;
  }
}
@media (max-width: 1150px) {
  .f-main-content {
    position: relative;
    z-index: 1;
  }
  .f-main-image:nth-child(3) {
    top: 0;
    right: 0;
    height: auto;
    filter: blur(20px);
  }
}
@media (max-width: 1040px) {
  section:nth-child(2) {
    border-radius: 0 0 32px 32px;
  }
  section:nth-child(2).garbage {
    padding: 200px 40px 300px;
  }
  .garbage .f-main-image {
    width: 120%;
    right: 0;
    bottom: auto;
  }
  .f, .group, .connect, .price, .license {
    border-radius: 32px;
  }
  .footer {
    border-radius: 32px 32px 0 0;
  }
  .company-headers {
    grid-template-columns: none;
    grid-template-rows: repeat(4, -webkit-max-content);
    grid-template-rows: repeat(4, max-content);
  }
  .company-headers_item {
    font-size: 24px;
  }
  .company-headers_item::before {
    top: 0;
    font-size: 24px;
  }
  .group {
    padding: 40px 40px 570px;
    background-position: 120px bottom;
  }
  .group-header {
    margin-bottom: 40px;
  }
  .group-header-tags {
    display: none;
  }
  .group-header h2 {
    font-size: 38px;
  }
  .group-text {
    max-width: none;
  }
  .group-text .group-header-tags {
    display: flex;
  }
  .services .section-header {
    font-size: 38px;
    margin-bottom: 50px;
    max-width: none;
  }
  .service:nth-child(1) {
    background-position: center 208px;
  }
  .service:nth-child(2) {
    background-position: center 228px;
  }
  .service:nth-child(3) {
    background-position: center 260px;
  }
  .steps-item {
    max-width: none;
  }
  .banner {
    padding: 60px 40px;
    min-height: auto;
  }
  .banner-second .banner-img {
    width: 300px;
    right: 100px;
  }
  .banner-header {
    font-size: 26px;
  }
  .banner-textblock_text {
    font-size: 20px;
  }
  .banner-img {
    width: 400px;
    right: -100px;
    bottom: 0;
  }
  .photos-container_photo {
    border-radius: 28px;
  }
  .connect .content {
    align-items: flex-end;
  }
  .c-step-text {
    padding-left: 38px;
  }
  .c-step-text::before {
    font-size: 28px;
  }
  .c-step-text_header {
    font-size: 24px;
  }
  .c-step-text_about {
    font-size: 18px;
  }
  .c-step-text_about .bold {
    font-size: 18px;
  }
  .c-step-img {
    min-width: 400px;
  }
  .license-sert {
    width: 300px;
    border-radius: 16px;
  }
  .servicesBig {
    padding: unset;
    gap: 45px;
  }
  .servicesBig-item {
    padding: 0 40px;
  }
  .servicesBig-item:nth-child(2n) {
    padding: 40px;
    border-top: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
  }
  .servicesBig-item_img {
    display: none;
  }
}
@media (max-width: 960px) {
  .banner {
    padding: 60px 40px 350px;
  }
  .banner-content {
    position: relative;
    z-index: 1;
  }
  .banner-img {
    right: 110px;
    bottom: 5px;
  }
  .photos-about {
    gap: 14px;
  }
  .photos-about_dots {
    gap: 6px;
  }
  .photos-about_dots .dot {
    width: 8px;
    height: 8px;
  }
  .photos-about_text {
    font-size: 22px;
  }
}
@media (max-width: 930px) {
  .steps-content_step, .steps-content_step:nth-child(2n) {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 900px) {
  .steps-item {
    grid-template-columns: 60px 2fr -webkit-max-content;
    grid-template-columns: 60px 2fr max-content;
  }
  .contacts-info_contact {
    font-size: 18px;
  }
  .license .content {
    align-items: flex-start;
    flex-direction: column;
    gap: 80px;
  }
  .license-sert {
    width: 400px;
  }
}
@media (max-width: 800px) {
  .f {
    padding: 150px 28px 60px;
  }
  .f-main {
    padding-bottom: 60px;
  }
  .f-main-content_header {
    font-size: 28px;
  }
  .f-main-content_text {
    font-size: 16px;
    max-width: none;
  }
  .f-main-content_buttons {
    flex-direction: column;
  }
  .group {
    padding: 40px 40px 600px;
    background-position: center bottom -120px;
  }
  .header-container {
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
  }
  .write-whatsapp {
    display: none;
  }
  .steps .section-header, .photos .section-header, .content .section-header, .conditions .section-header {
    margin-bottom: 50px;
    font-size: 38px;
  }
  .banner {
    justify-content: center;
    margin-bottom: 60px;
  }
  .banner-second {
    padding: 60px 40px 600px;
  }
  .banner-second .banner-img {
    right: 50%;
    transform: translateX(50%);
  }
  .banner-content {
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
  .banner-img {
    width: 600px;
    right: 50%;
    bottom: 0px;
    transform: translateX(50%);
  }
  .banner-textblock {
    display: grid;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    align-items: flex-start;
  }
  .banner-textblock_text {
    max-width: none;
  }
  .banner .button-gradient {
    padding: 32px 28px;
    width: 100%;
  }
  .price {
    padding: 40px;
  }
  .price-header {
    font-size: 32px;
  }
  .price-reasons {
    flex-direction: column;
    align-items: flex-start;
    gap: 62px;
  }
  .price-reasons_item {
    padding: 0;
  }
  .price-reasons_item:nth-child(2) {
    border-left-style: none;
    border-right-style: none;
    border-top-style: solid;
    border-bottom-style: solid;
    padding: 40px 0;
  }
}
@media (max-width: 700px) {
  .banner-img {
    width: 400px;
  }
  .footer .content {
    grid-template-areas: "logo  " "about   " "callback" "whatsapp" "nav   " "time  " "places  ";
    justify-content: flex-start;
    gap: 0;
  }
  .footer .logo {
    margin-bottom: 30px;
  }
  .footer .callback {
    margin-bottom: 24px;
  }
  .footer .header-nav {
    display: flex;
    padding: 50px 40px;
    border-top: 1px solid #2B2B2B;
    border-bottom: 1px solid #2B2B2B;
    margin: 50px 0 30px;
  }
  .about {
    margin-bottom: 36px;
  }
  .time-n-privacy {
    margin-bottom: 40px;
  }
  .places {
    grid-template-columns: auto;
    grid-template-rows: repeat(4, -webkit-max-content);
    grid-template-rows: repeat(4, max-content);
    gap: 30px;
  }
  .photos-container_photo {
    border-radius: 12px;
  }
  .contacts-info {
    flex-direction: row;
    align-items: center;
  }
  .contacts-info_about {
    font-size: 12px;
    padding: 12px 0;
    min-width: 100px;
    text-align: center;
  }
  .connect .content {
    grid-template-columns: unset;
    gap: 40px;
  }
  .c-step-img {
    min-width: 100%;
    width: 100%;
    border-radius: 16px;
  }
  .servicesBig-item-text_header {
    font-size: 24px;
  }
}
@media (max-width: 620px) {
  .garbage .f-main-image {
    bottom: 0;
  }
  .steps {
    padding: 0 20px;
  }
  .steps .steps-header_underline {
    bottom: 0;
  }
  .steps-item {
    grid-template-columns: 28px 2fr -webkit-max-content;
    grid-template-columns: 28px 2fr max-content;
  }
  .steps-item_number {
    font-size: 24px;
  }
  .steps-item_header {
    font-size: 18px;
  }
  .steps-item_text {
    font-size: 16px;
  }
  .photos {
    padding: 0 20px;
  }
  .photos-about {
    margin-bottom: 22px;
  }
  .photos-about_dots {
    padding-top: 8px;
    gap: 4px;
  }
  .photos-about_dots .dot {
    width: 6px;
    height: 6px;
  }
  .steps .section-header, .photos .section-header, .content .section-header, .conditions .section-header {
    font-size: 24px;
  }
  .steps-content_step {
    padding-left: 16px;
  }
  .steps-content::after {
    left: 0;
    width: 4px;
  }
  .c-step-text_header {
    font-size: 18px;
  }
  .c-step-text_about {
    font-size: 16px;
  }
  .c-step-text_about .bold {
    font-size: 16px;
  }
  .c-step-text::before {
    font-size: 20px;
  }
  .conditions-header_text {
    font-size: 22px;
  }
  .conditions-header_icon {
    width: 28px;
    height: 16px;
    border-width: 1px;
  }
  .conditions-list {
    padding: 34px 0 0 36px;
  }
  .conditions-list li, .conditions-list li::marker {
    font-size: 20px;
  }
  .license {
    padding: 60px 40px;
  }
  .license-text_header {
    font-size: 22px;
  }
  .license-text .company-headers_item,
.license-text .company-headers_item::before {
    font-size: 18px;
  }
  .license-sert {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .service {
    width: 100%;
    height: 320px;
    padding: 24px 70px 24px 24px;
    border-radius: 16px;
  }
  .service-header {
    font-size: 20px;
  }
  .service:nth-child(1) {
    background-position: center 154px;
    background-size: 320px;
  }
  .service:nth-child(2) {
    background-position: -20px 170px;
  }
  .service:nth-child(3) {
    background-position: 14px 152px;
  }
  .services .section-header {
    font-size: 28px;
  }
  .group-text_text {
    font-size: 16px;
  }
  .group-text .group-header-tags {
    display: grid;
    grid-template-columns: 1fr 0.7fr;
  }
  .group-text .group-header-tags_item {
    font-size: 12px;
    padding: 12px 0;
    text-align: center;
    line-height: 1.4;
  }
  .group-header h2 {
    font-size: 32px;
  }
  .company-headers_item {
    font-size: 18px;
  }
  .company-headers_item-number::before {
    font-size: 22px;
    top: 4px;
  }
  .banner-header {
    font-size: 22px;
  }
  .banner-content {
    gap: 28px;
  }
  .banner-textblock_text {
    font-size: 16px;
  }
  .form-header {
    font-size: 24px;
  }
  .form-about {
    font-size: 16px;
    margin: 20px 0 40px;
  }
  .servicesBig-item-text_header {
    font-size: 20px;
  }
  .servicesBig-item-text_text,
.servicesBig-item-text_button,
.servicesBig-item-text_phone {
    font-size: 16px;
  }
  .policy {
    padding: 0 20px 80px;
  }
  .policy-header {
    font-size: 1.4em;
  }
}
@media (max-width: 420px) {
  .garbage .f-main {
    padding-bottom: 0;
  }
  .f-main-content_header {
    font-size: 24px;
  }
  .button-gradient {
    padding: 32px 28px;
    width: 100%;
    text-align: center;
  }
  .service-header {
    font-size: 16px;
  }
  .service-link {
    font-size: 14px;
  }
  .service:nth-child(3) {
    background-position: 14px 190px;
  }
  .services .section-header {
    font-size: 22px;
  }
  .steps {
    padding: 0 20px;
  }
  .banner {
    padding: 60px 20px 350px;
  }
  .servicesBig {
    gap: 28px;
  }
  .servicesBig-item {
    padding: 0 28px;
  }
  .servicesBig-item:nth-child(2n) {
    padding: 28px;
  }
  .servicesBig-buttonCover {
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
  }
}