.about-block {
  margin-bottom: 40px;
}

@media screen and (max-width: 600px) {
  .about-block {
  }
}

.about-block .aboutBlock-title {
  font-weight: 400;
  font-size: 52px;
  line-height: 130%;
  color: var(--brown);
  margin-bottom: 20px;
}

@media screen and (max-width: 600px) {
  .about-block .aboutBlock-title {
    font-size: 37px;
  }
}

.about-block .aboutBlock-description {
  font-weight: 400;
  font-size: 21px;
  line-height: 145%;
  color: var(--brown);
  margin-bottom: 40px;
}

@media screen and (max-width: 600px) {
  .about-block .aboutBlock-description {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

.about-block .aboutBlock-list {
  display: flex;
  justify-content: space-between;
  row-gap: 20px;
  column-gap: 40px;
}

@media screen and (max-width: 600px) {
  .about-block .aboutBlock-list {
    flex-direction: column;
  }
}

.about-block .aboutBlock-item {
  width: 100%;
  max-width: 50%;
}

@media screen and (max-width: 600px) {
  .about-block .aboutBlock-item {
    max-width: 100%;
  }
}

.about-block .aboutBlock-item .aboutBlockItem-img {
  height: 260px;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

@media screen and (max-width: 600px) {
  .about-block .aboutBlock-item .aboutBlockItem-img {
    height: 180px;
  }
}

.about-block .aboutBlock-item .aboutBlockItem-img img {
  height: 260px;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}

@media screen and (max-width: 600px) {
  .about-block .aboutBlock-item .aboutBlockItem-img img {
    height: 180px;
  }
}

.about-block .aboutBlock-item .aboutBlockItem-title {
  font-weight: 400;
  font-size: 34px;
  line-height: 130%;
  color: var(--brown);
  margin-bottom: 20px;
}

@media screen and (max-width: 600px) {
  .about-block .aboutBlock-item .aboutBlockItem-title {
    font-size: 28px;
  }
}

.about-block .aboutBlock-item .aboutBlockItem-description {
  font-weight: 400;
  font-size: 21px;
  line-height: 145%;
  color: var(--brown);
}

@media screen and (max-width: 600px) {
  .about-block .aboutBlock-item .aboutBlockItem-description {
    font-size: 16px;
  }
}

.advantages-block {
  margin-bottom: 40px;
}

@media screen and (max-width: 600px) {
  .advantages-block {
  }
}

.advantages-block .advantagesBlock-title {
  font-weight: 400;
  font-size: 52px;
  line-height: 130%;
  color: var(--brown);
  margin-bottom: 40px;
}

@media screen and (max-width: 600px) {
  .advantages-block .advantagesBlock-title {
    font-size: 37px;
    margin-bottom: 20px;
  }
}

.advantages-block .advantagesBlock-list {
  display: flex;
  justify-content: space-between;
  row-gap: 20px;
  column-gap: 40px;
}

@media screen and (max-width: 800px) {
  .advantages-block .advantagesBlock-list {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 600px) {
  .advantages-block .advantagesBlock-list {
    flex-direction: column;
  }
}

.advantages-block .advantagesBlock-item {
  width: 100%;
  max-width: 25%;
}

@media screen and (max-width: 800px) {
  .advantages-block .advantagesBlock-item {
    width: 100%;
    max-width: calc(50% - 20px);
  }
}

@media screen and (max-width: 600px) {
  .advantages-block .advantagesBlock-item {
    max-width: 100%;
  }
}

.advantages-block .advantagesBlock-item .advantagesBlockItem-title {
  position: relative;
  height: 232px;
  width: 100%;
  display: flex;
  align-items: end;
  background: #f5eddc;
  padding: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 600px) {
  .advantages-block .advantagesBlock-item .advantagesBlockItem-title {
    height: 208px;
  }
}

.advantages-block .advantagesBlock-item .advantagesBlockItem-title span {
  font-weight: 400;
  font-size: 34px;
  line-height: 130%;
  color: var(--brown);
}

@media screen and (max-width: 600px) {
  .advantages-block .advantagesBlock-item .advantagesBlockItem-title span {
    font-size: 28px;
  }
}

.advantages-block .advantagesBlock-item .advantagesBlockItem-icon {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
}

@media screen and (max-width: 600px) {
  .advantages-block .advantagesBlock-item .advantagesBlockItem-icon {
  }
}

.advantages-block .advantagesBlock-item .advantagesBlockItem-icon svg {
  width: 60px;
  height: 60px;
}

@media screen and (max-width: 600px) {
  .advantages-block .advantagesBlock-item .advantagesBlockItem-icon svg {
    width: 40px;
    height: 40px;
  }
}

.advantages-block .advantagesBlock-item .advantagesBlockItem-description {
  font-weight: 400;
  font-size: 21px;
  line-height: 145%;
  color: var(--brown);
}

@media screen and (max-width: 600px) {
  .advantages-block .advantagesBlock-item .advantagesBlockItem-description {
    font-size: 16px;
  }
}

.how-it-works-block {
  margin-bottom: 40px;
}

@media screen and (max-width: 600px) {
  .how-it-works-block {
  }
}

.how-it-works-block .howItWorksBlock-title {
  font-weight: 400;
  font-size: 52px;
  line-height: 130%;
  color: var(--brown);
  margin-bottom: 40px;
}

@media screen and (max-width: 600px) {
  .how-it-works-block .howItWorksBlock-title {
    font-size: 37px;
    margin-bottom: 20px;
  }
}

.how-it-works-block .howItWorksBlock-list {
  display: flex;
  justify-content: space-between;
  row-gap: 40px;
  column-gap: 20px;
}

@media screen and (max-width: 600px) {
  .how-it-works-block .howItWorksBlock-list {
    flex-direction: column;
  }
}

.how-it-works-block .howItWorksBlock-item {
  width: 100%;
  max-width: calc(100% / 3);
}

@media screen and (max-width: 600px) {
  .how-it-works-block .howItWorksBlock-item {
    max-width: 100%;
  }
}

.how-it-works-block .howItWorksBlock-item .howItWorksBlockItem-img {
  height: 260px;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

@media screen and (max-width: 600px) {
  .how-it-works-block .howItWorksBlock-item .howItWorksBlockItem-img {
    height: 180px;
  }
}

.how-it-works-block .howItWorksBlock-item .howItWorksBlockItem-img img {
  height: 260px;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}

@media screen and (max-width: 600px) {
  .how-it-works-block .howItWorksBlock-item .howItWorksBlockItem-img img {
    height: 180px;
  }
}

.how-it-works-block .howItWorksBlock-item .howItWorksBlockItem-title {
  font-weight: 400;
  font-size: 34px;
  line-height: 130%;
  color: var(--brown);
  margin-bottom: 20px;
  min-height: 90px;
}

@media screen and (max-width: 600px) {
  .how-it-works-block .howItWorksBlock-item .howItWorksBlockItem-title {
    font-size: 28px;
    min-height: initial;
  }
}

.how-it-works-block .howItWorksBlock-item .howItWorksBlockItem-description {
  font-weight: 400;
  font-size: 21px;
  line-height: 145%;
  color: var(--brown);
}

@media screen and (max-width: 600px) {
  .how-it-works-block .howItWorksBlock-item .howItWorksBlockItem-description {
    font-size: 16px;
  }
}

.services-block {
  margin-bottom: 40px;
}

@media screen and (max-width: 600px) {
  .services-block {
  }
}

.services-block .servicesBlock-title {
  font-weight: 400;
  font-size: 52px;
  line-height: 130%;
  color: var(--brown);
  margin-bottom: 40px;
}

@media screen and (max-width: 600px) {
  .services-block .servicesBlock-title {
    font-size: 37px;
    margin-bottom: 20px;
  }
}

.services-block .servicesBlock-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

@media screen and (max-width: 800px) {
  .services-block .servicesBlock-list {
    gap: 20px;
  }
}

.services-block .servicesBlock-item {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}

.services-block .servicesBlock-item:nth-child(2) {
  flex-direction: row-reverse;
}

@media screen and (max-width: 800px) {
  .services-block .servicesBlock-item {
    flex-direction: column;
    gap: 20px;
  }

  .services-block .servicesBlock-item:nth-child(2) {
    flex-direction: column;
  }
}

.services-block .servicesBlock-item .servicesBlockItem-text {
  width: 100%;
  max-width: 50%;
}

@media screen and (max-width: 800px) {
  .services-block .servicesBlock-item .servicesBlockItem-text {
    max-width: 100%;
  }
}

.services-block .servicesBlock-item .servicesBlockItem-title {
  font-weight: 400;
  font-size: 34px;
  line-height: 130%;
  color: var(--brown);
  margin-bottom: 20px;
}

@media screen and (max-width: 600px) {
  .services-block .servicesBlock-item .servicesBlockItem-title {
    font-size: 28px;
  }
}

.services-block .servicesBlock-item .servicesBlockItem-description {
  font-weight: 400;
  font-size: 21px;
  line-height: 145%;
  color: var(--brown);
}

@media screen and (max-width: 600px) {
  .services-block .servicesBlock-item .servicesBlockItem-description {
    font-size: 16px;
  }
}

.services-block .servicesBlock-item .servicesBlockItem-img {
  height: 424px;
  width: 100%;
  max-width: 50%;
}

@media screen and (max-width: 800px) {
  .services-block .servicesBlock-item .servicesBlockItem-img {
    height: 180px;
    max-width: 100%;
  }
}

.services-block .servicesBlock-item .servicesBlockItem-img img {
  height: 424px;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}

@media screen and (max-width: 800px) {
  .services-block .servicesBlock-item .servicesBlockItem-img img {
    height: 180px;
  }
}

.phone-block {
  margin-bottom: 40px;
}

@media screen and (max-width: 600px) {
  .phone-block {
  }
}

.phone-block .phoneBlock-content {
  background: #f5eddc;
  padding: 40px;
  display: flex;
  justify-content: space-between;
  row-gap: 20px;
  column-gap: 40px;
}

@media screen and (max-width: 600px) {
  .phone-block .phoneBlock-content {
    flex-direction: column;
  }
}

.phone-block .phoneBlock-text {
  width: 100%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 600px) {
  .phone-block .phoneBlock-text {
    max-width: 100%;
  }
}

.phone-block .phoneBlock-title {
  font-weight: 400;
  font-size: 34px;
  line-height: 130%;
  color: var(--brown);
  margin-bottom: 20px;
}

@media screen and (max-width: 600px) {
  .phone-block .phoneBlock-title {
    font-size: 28px;
  }
}

.phone-block .phoneBlock-description {
  font-weight: 400;
  font-size: 21px;
  line-height: 145%;
  color: var(--brown);
}

@media screen and (max-width: 600px) {
  .phone-block .phoneBlock-description {
    font-size: 16px;
  }
}

.phone-block .phoneBlock-number {
  width: 100%;
  max-width: 50%;
  background: #fff7e6;
  position: relative;
  padding: 25px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  cursor: pointer;
}

@media screen and (max-width: 600px) {
  .phone-block .phoneBlock-number {
    max-width: 100%;
  }
}

.phone-block .phoneBlock-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.phone-block .phoneBlock-number span {
  font-weight: 400;
  font-size: 52px;
  line-height: 145%;
  color: var(--brown);
  white-space: nowrap;
}

@media screen and (max-width: 600px) {
  .phone-block .phoneBlock-number span {
    font-size: 34px;
  }
}

@media screen and (max-width: 600px) {
  .phone-block .phoneBlock-number span {
    font-size: 28px;
  }
}

.phone-block .phoneBlock-number svg {
  width: 60px;
  height: 60px;
}

@media screen and (max-width: 600px) {
  .phone-block .phoneBlock-number svg {
    display: none;
  }
}

.address-block {
  margin-bottom: 40px;
}

@media screen and (max-width: 600px) {
  .address-block {
  }
}

.address-block .addressBlock-title {
  font-weight: 400;
  font-size: 52px;
  line-height: 130%;
  color: var(--brown);
  margin-bottom: 40px;
}

@media screen and (max-width: 600px) {
  .address-block .addressBlock-title {
    font-size: 37px;
    margin-bottom: 20px;
  }
}

.address-block .addressBlock-description {
  font-weight: 400;
  font-size: 21px;
  line-height: 145%;
  color: var(--brown);
  margin-bottom: 40px;
}

@media screen and (max-width: 600px) {
  .address-block .addressBlock-description {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

.address-block .addressBlock-list {
  display: flex;
  justify-content: space-between;
  row-gap: 20px;
  column-gap: 40px;
}

@media screen and (max-width: 800px) {
  .address-block .addressBlock-list {
    flex-direction: column;
  }
}

.address-block .addressBlock-item {
  width: 100%;
  max-width: 50%;
}

@media screen and (max-width: 800px) {
  .address-block .addressBlock-item {
    max-width: 100%;
  }
}

.address-block .addressBlock-item .addressBlockItem-map {
  height: 260px;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

@media screen and (max-width: 800px) {
  .address-block .addressBlock-item .addressBlockItem-map {
    height: 180px;
  }

  .address-block .addressBlock-item .addressBlockItem-map iframe {
    height: 180px;
  }
}

.address-block .addressBlock-item .addressBlockItem-title {
  font-weight: 400;
  font-size: 34px;
  line-height: 130%;
  color: var(--brown);
  margin-bottom: 20px;
}

@media screen and (max-width: 600px) {
  .address-block .addressBlock-item .addressBlockItem-title {
    font-size: 28px;
  }
}

.address-block .addressBlock-item .addressBlockItem-schedule {
  font-weight: 400;
  font-size: 21px;
  line-height: 145%;
  color: var(--brown);
}

@media screen and (max-width: 600px) {
  .address-block .addressBlock-item .addressBlockItem-schedule {
    font-size: 16px;
  }
}

.contacts-block {
  margin-bottom: 180px;
}

@media screen and (max-width: 600px) {
  .contacts-block {
    margin-bottom: 40px;
  }
}

.contacts-block .contactsBlock-title {
  font-weight: 400;
  font-size: 34px;
  line-height: 130%;
  color: var(--brown);
  margin-bottom: 20px;
}

@media screen and (max-width: 600px) {
  .contacts-block .contactsBlock-title {
    font-size: 28px;
  }
}

.contacts-block .contactsBlock-text {
  font-weight: 400;
  font-size: 21px;
  line-height: 145%;
  color: var(--brown);
}

@media screen and (max-width: 600px) {
  .contacts-block .contactsBlock-text {
    font-size: 16px;
  }
}

.contacts-block .contactsBlock-list {
  display: flex;
  justify-content: space-between;
  row-gap: 20px;
  column-gap: 40px;
}

@media screen and (max-width: 800px) {
  .contacts-block .contactsBlock-list {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 600px) {
  .contacts-block .contactsBlock-list {
    flex-direction: column;
  }
}

.contacts-block .contactsBlock-item {
  width: 100%;
  max-width: 25%;
}

@media screen and (max-width: 800px) {
  .contacts-block .contactsBlock-item {
    max-width: calc(50% - 20px);
  }
}

@media screen and (max-width: 600px) {
  .contacts-block .contactsBlock-item {
    max-width: 100%;
  }
}

.contacts-block .contactsBlock-number {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  cursor: pointer;
}

@media screen and (max-width: 600px) {
  .contacts-block .contactsBlock-number {
    justify-content: flex-start;
  }
}

.contacts-block .contactsBlock-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.contacts-block .contactsBlock-number span {
  font-weight: 400;
  font-size: 2.6vw;
  line-height: 145%;
  color: var(--brown);
  white-space: nowrap;
}

@media screen and (max-width: 600px) {
  .contacts-block .contactsBlock-number span {
    font-size: 28px;
  }
}

.contacts-block .contactsBlock-number svg {
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
}

@media screen and (max-width: 600px) {
  .contacts-block .contactsBlock-number svg {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }
}

.contacts-block .contactsBlock-social {
  display: flex;
  gap: 40px;
}

@media screen and (max-width: 600px) {
  .contacts-block .contactsBlock-social {
    gap: 20px;
  }
}

.contacts-block .contactsBlock-social .contactsBlockSocial-item {
  display: block;
  text-decoration: none;
  width: 80px;
  height: 80px;
}

@media screen and (max-width: 600px) {
  .contacts-block .contactsBlock-social .contactsBlockSocial-item {
    width: 60px;
    height: 60px;
  }
}

.contacts-block .contactsBlock-social .contactsBlockSocial-item svg {
  width: 80px;
  height: 80px;
}

@media screen and (max-width: 600px) {
  .contacts-block .contactsBlock-social .contactsBlockSocial-item svg {
    width: 60px;
    height: 60px;
  }
}
