@import url("fonts.css");

:root {
    --color-primary: #1D3B8D;
    --color-primary-hover: #0e2c7c;
    --color-secondary: #28B0EE;
    --color-secondary-hover: #1489c0;
    --color-tertiary: #0077B6;
    --color-tertiary-hover: #00a3f8;
    --color-red: #FF4949;
    --color-red-hover: #df1a1a;
    --color-green: #1D8D21;
    --color-green-hover: #34a538;
    --section-margin: 82px;
}

body {
    font-family: "Roboto";
}

p, ol {
    margin: 0;
}

.main-container {
    width: 100%;
    max-width: 1528px;
    margin: 0 auto;
}

.navbar-top {
    margin: 45px 0;
}

.navbar-top__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
}

.navbar-search {
    background: #F1F1F1;
    border: 0;
    padding: 13px 24.7px;
    width: 100%;
    transition: background .3s;
}

.navbar-search:hover {
    background: #eee7e7;
}

.navbar-search:focus {
    outline: 0;
}

.navbar-search__wrapper {
    position: relative;
    width: 100%;
    max-width: 400px;
    height: 50px;
}

.navbar-search__icon {
    border: 0;
    background: transparent;
}

.navbar-search__wrapper--mobile {
    position: relative;
    width: 100%;
    height: 50px;
}

.mobile-search {
    display: flex;
    justify-content: center;
    padding: 10px;
}

.navbar-toggler {
    display: none;
    cursor: pointer;
}

.navbar-toggler svg path {
    transition: stroke .3s;
}

.navbar-toggler:hover svg path {
    stroke: #757272;
}

.navbar-search__icon {
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    cursor: pointer;
}

.navbar-search__icon svg path {
    transition: fill .3s;
}

.navbar-search__icon:hover svg path {
    fill: var(--color-tertiary);
}

.navbar-contacts__title {
    color: #777;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.navbar-contacts__number {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    text-decoration: none;
}

.navbar-contacts__number:hover {
    text-decoration: underline;
}

.navbar-language__title {
    color: #777;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.navbar-language__toggler {
    cursor: pointer;
}


.navbar-language__name {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: color .3s;
}

.navbar-language__toggler:hover .navbar-language__name {
    color: var(--color-tertiary-hover);
}

.navbar-language .dropdown-menu {
    --bs-dropdown-border-radius: 0;
}

.navbar-language .dropdown-item:active {
    background-color: var(--color-primary);
}

.navbar-socials {
    display: flex;
    gap: 12px;
}

.navbar-socials__item {
    text-decoration: none;
}

.navbar-socials__item svg circle {
    transition: fill .3s;
}

.navbar-socials__item:hover svg circle {
    fill: #3355b4;
}

.navbar-links {
    background: var(--color-primary);
}

.navbar-links__container {
    width: 100%;
    max-width: 1415px;
    margin: 0 auto;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;
}

.navbar-links__item {
    display: flex;
    position: relative;
}

.navbar-links__submenu {
    display: none;
    position: absolute;
    background: #fff;
    transform: translate(0, 66px);
    border-top: 2px solid var(--color-primary);
    z-index: 100;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
}

.navbar-links__submenu.show {
    display: flex;
}

.navbar-links__submenu-link {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.54px;
    text-decoration: none;
    white-space: nowrap;
    padding: 10px 20px;
    transition: color .3s, background .3s;
}

.navbar-links__submenu-link:hover {
    background: var(--color-primary-hover);
    color: #fff;
}

.navbar-links__submenu-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px 0;
}

.navbar-links__item:hover .navbar-links__submenu {
    display: flex;
}

.navbar-links__item:last-child::after {
    display: none;
}

.navbar-links__link {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
    position: relative;
    padding: 25px;
    transition: background .3s;
    position: relative;
}

.navbar-links__link::after {
    content: "";
    display: block;
    background: #fff;
    width: 1px;
    height: 25px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: opacity .3s;
}

.navbar-links__item:has(.navbar-links__submenu) > .navbar-links__link::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    display: flex;
    content: "";
    -webkit-mask: url("../../images/arrow.svg") no-repeat;
    mask: url("../../images/arrow.svg") no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #bdbcbc;
    width: 9px;
    height: 7px;
    transition: background-color .3s, transform .3s;
}

.navbar-links__item:has(.navbar-links__submenu):hover > .navbar-links__link::before {
    transform: translateY(-50%) rotate(-180deg);
    background-color: #fff;
}

.search-toggler {
    display: none;
}

.navbar-links__item:hover .navbar-links__link {
    background: var(--color-secondary);
}

.navbar-links__item:hover .navbar-links__link::after {
    opacity: 0;
}

.navbar-logo__link {
    text-decoration: none;
}

.slider-item {
    min-height: 609px;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    padding: 20px 50px;
}

.owl-dots {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}

.owl-theme .owl-dots .owl-dot span {
    width: 16px;
    height: 16px;
    background: transparent;
    border: 1px solid #fff;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff;
}

.owl-prev {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0, -50%);
}

.owl-next {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent;
}

.owl-prev svg path {
    transition: stroke .3s;
}

.owl-prev:hover svg path {
    stroke: #fff;
}

.owl-next svg path {
    transition: stroke .3s;
}

.owl-next:hover svg path {
    stroke: #fff;
}

.slider-title {
    color: #FFF;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    max-width: 669px;
    margin-bottom: 67px;
}

.slider-button {
    background: var(--color-secondary);
    color: #fff;
    border: 0;
    border-radius: 4px;
    padding: 14px 37px;
    transition: background .3s;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    text-decoration: none;
}

.slider-button:hover {
    background: var(--color-secondary-hover);
    color: #fff;
}

.slider-button:focus {
    outline: 0;
}

.content-wrapper {
    margin: var(--section-margin) 0;
}

.message-danger {
    border: 4px solid var(--color-red);
    padding: 22px 70px;
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: var(--section-margin);
}

.message-danger__text {
    color: #333;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0.24px;
}

.message-danger__icon {
    color: var(--color-red);
    height: 48px;
    width: 48px;
    font-size: 48px;
    line-height: 48px;
}

.message-danger__icon::before {
    height: 48px;
    line-height: 48px;
}

.paid-services {
    min-height: 400px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding-left: 62px;
    margin-bottom: var(--section-margin);
}

.paid-services__title {
    color: #FFF;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    max-width: 1039px;
    margin-bottom: 44px;
}

.paid-services__description {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}

.company {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--section-margin);
    gap: 10px;
}

.company-content {
    position: relative;
}

.title {
    color: #333;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.48px;
    margin-bottom: 36px;
}

.company-description {
    color: #000;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 0.32px;
    max-width: 1080px;
    margin-bottom: 70px;
}

.button-more {
    background: none;
    border: 0;
    color: var(--color-tertiary);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.48px;
    transition: color .3s;
}

.button-more:hover {
    color: var(--color-tertiary-hover);
}

.button-more:focus {
    outline: none;
}

.company-contacts {
    border: 4px solid var(--color-green);
    padding: 46px 49px;
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.company-contacts__item {
    display: flex;
    align-items: center;
    gap: 13px;
}

.company-contacts__title {
    color: #777;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.company-contacts__number {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    text-decoration: none;
}

.company-contacts__number:hover {
    text-decoration: underline;
}

.news {
    margin-bottom: var(--section-margin);
    display: flex;
    position: relative;
}

.news-content {
    display: flex;
    flex-direction: column;
}

.news-card {
    border: 1px solid #E8E8E8;
    padding: 43px;
    flex-basis: 50%;
}

.news-card__date-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 21px;
}

.news-card__date {
    color: #333;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.news-card__title {
    color: var(--color-tertiary);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 40px;
}

.news-card__description {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 0.32px;
    margin-bottom: 10px;
}

.news-card__arrow {
    margin-left: 20px;
}

.news-card__more {
    color: var(--color-tertiary);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 0.32px;
    text-decoration-line: underline;
    transition: color .3s;
}

.news-card__more:hover {
    color: var(--color-tertiary-hover);
}

.news-card__row {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 66%;
}

.news-wrapper .content-nav {
    flex-basis: 28.5%;
}

.content-nav {
    background: #F7FCFF;
    padding: 47px 42px;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.news-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 69px;
    gap: 20px;
}

.content-nav__link {
    display: flex;
    gap: 15px;
}

.content-nav__link-text {
    color: #333;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.2px;
    text-decoration-line: underline;
    transition: color .3s;
}

.content-nav__link-text:hover {
    color: var(--color-secondary);
}

.supervisor {
    margin-bottom: var(--section-margin);
}

.supervisor__row {
    display: flex;
    gap: 20px;
}

.supervisor__section {
    background: #F8F8F8;
    padding: 52px 77px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.supervisor__img {
    margin-bottom: 27px;
}

.supervisor__name {
    color: #333;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.32px;
}

.supervisor__role {
    margin-top: 4px;
    margin-bottom: 12px;
    color: #777;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.18px;
    max-width: 236px;
}

.question-button {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.24px;
    border-radius: 4px;
    background: var(--color-red);
    padding: 15px 40px;
    text-decoration: none;
    transition: background .3s;
}

.question-button:hover {
    background: var(--color-red-hover);
}

.supervisor__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 100px;
}

.supervisor__questions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.supervisor__questions__item {
    display: flex;
    gap: 16px;
    align-items: center;
    background: #F1FAFF;
    padding: 20px;
    border-left: 2px solid var(--color-tertiary);
    width: calc(32.67%);
    text-decoration: none;
}

.supervisor__questions__text {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.16px;
    max-width: 216px;
}

.supervisor__reviews-nav {
    display: flex;
    justify-content: end;
    margin-bottom: 10px;
}

.supervisor__reviews-nav--mobile {
    display: none;
}

.supervisor__reviews-nav__btn {
    background: #F1F1F1;
    border: 0;
    border-right: 0.5px solid #D4D4D4;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background .3s;
}

.supervisor__reviews-nav__btn:hover {
    background: #e6d5d5;
}

.supervisor__reviews-nav__btn:last-child {
    border-right: 0;
}

.supervisor__reviews-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.supervisor__reviews-row__item {
    background: #F8F8F8;
    padding: 25px 36px 17px 30px;
    flex-basis: 32.67%;
}

.supervisor__reviews-row__item-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.supervisor__reviews-row__item-name {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.18px;
}

.supervisor__reviews-row__item-date {
    color: #777;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.14px;
}

.supervisor__reviews-row__item-stars {
    display: flex;
    margin-bottom: 16px;
}

.supervisor__reviews-row__item-text {
    color: #333;
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 0.48px;
}

.supervisor__reviews-carousel-mobile {
    display: none;
}

.customers-count {
    background: var(--color-primary);
    padding: 63px 0;
}

.customers-count__container {
    width: 100%;
    max-width: 1372px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.customers-count__counter {
    display: flex;
    align-items: center;
}

.customers-count__counter-item {
    border: 1px solid #D4D4D4;
    background: #FFF;
    color: #000;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.96px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 9px;
    overflow: hidden;
    width: 48.25px;
    height: 64px;
    position: relative;
}

.customers-count__counter-wrapper {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 1px;
    transition: top 2s;
}

.customers-count__counter-item--1 .customers-count__counter-wrapper {
    top: -57px;
}

.customers-count__counter-item--2 .customers-count__counter-wrapper {
    top: -115px;
}

.customers-count__counter-item--3 .customers-count__counter-wrapper {
    top: -172px;
}

.customers-count__counter-item--4 .customers-count__counter-wrapper {
    top: -230px;
}

.customers-count__counter-item--5 .customers-count__counter-wrapper {
    top: -288px;
}

.customers-count__counter-item--6 .customers-count__counter-wrapper {
    top: -346px;
}

.customers-count__counter-item--7 .customers-count__counter-wrapper {
    top: -404px;
}

.customers-count__counter-item--8 .customers-count__counter-wrapper {
    top: -462px;
}

.customers-count__counter-item--9 .customers-count__counter-wrapper {
    top: -520px;
}

.customers-count__span {
    position: relative;
    transition: top .3s, bottom .3s;
    width: 28.24px;
    height: 57.75px;
}

.customers-count__counter-item--red {
    color: var(--color-red);
}

.customers-count__wrapper {
    display: flex;
    gap: 43px;
}

.customers-count__text {
    max-width: 657px;
    width: 100%;
    white-space: normal;
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.64px;
}

.customers-count__text--color {
    color: var(--color-secondary);
}

.nav-water .nav-item .nav-link {
    color: #333;
    padding: 28px 32px;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.24px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.nav-water--mobile {
    display: none;
    flex-direction: column;
    align-items: center;
}

.nav-water--mobile .dropdown-menu {
    --bs-dropdown-border-radius: 0;
}

.nav-water--mobile .nav-item:not(.nav-link.active) {
    display: none;
}

.nav-water--mobile .nav-item:has(.nav-link.active) {
    display: flex;
}

.nav-water .nav-item .nav-link.active {
    background: var(--color-green);
    color: #fff;
}

.nav-water .nav-item .nav-link:hover {
    background: var(--color-green-hover);
    color: #fff;
}

.nav-water .nav-item .nav-link:hover svg path {
    fill: #fff;
}

.nav-water .nav-item .nav-link.active svg path {
    fill: #fff;
}

.tab-water {
    background: #F1F1F1;
    padding: 34px;
}

.water__wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.water-content {
    flex-basis: 32.35%;
}

.water-map {
    flex-basis: 65%;
}

.water-map--mobile {
    display: none;
    margin-bottom: 12px;
}

.water-map__iframe {
    width: 100%;
    min-height: 686px;
}

.water-title {
    color: #333;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 43px;
}

.water-info {
    display: flex;
    align-items: center;
    gap: 13px;
    color: var(--color-tertiary);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    margin-bottom: 45px;
    transition: color .3s;
}

.water-info:hover {
    color: var(--color-tertiary-hover);
}

.water-label {
    color: #777;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 5px;
}

.water-phone {
    color: #333;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    text-decoration: none;
    margin-bottom: 46px;
    display: flex;
}

.water-phone:hover {
    text-decoration: underline;
}

.water-select__wrapper {
    position: relative;
    margin-bottom: 29px;
}

.water-select {
    width: 100%;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    padding: 8px 19px;
    border: 0;
    appearance: none;
    transition: background .3s;
    background: #fff;
}

.water-select:hover {
    background: #ddd4d4;
}

.water-select:focus {
    outline: 0;
}

.water-select__arrow {
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
}

.water-card {
    background: #023E8A;
    padding: 18px 26px 25px 25px;
    position: relative;
}

.water-card:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: -14px;
    left: 10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #023E8A;
}

.water-card__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.water-card__header-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.water-card__organization {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}

.water-card__header-right {
    display: flex;
    align-items: center;
    gap: 7px;
}

.water-card__address {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}

.water-card-contacts__row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 17px;
}

.water-card-contacts__item {
    flex-basis: 47.94%;
}

.water-card__label {
    color: #48CAE4;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 12px;
}

.water-card__text {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}

a.water-card__text:hover {
    text-decoration: underline;
}

.contact-us {
    background: var(--color-primary);
    padding: 48px 0;
}

.contact-us__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.contact-us__message {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
}

.contact-us__manager {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 0.32px;
    max-width: 367px;
}

.contact-us__btn {
    background: transparent;
    border-radius: 4px;
    border: 1px solid #FFF;
    padding: 15px 36px;
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.24px;
    transition: background .3s, color .3s;
}

.contact-us__btn:hover {
    background: #fff;
    color: #000;
}

.contact-us__btn:focus {
    outline: 0;
}

.contact-us__call-label {
    color: #AEAEAE;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.contact-us__number {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    text-decoration: none;
}

.contact-us__number:hover {
    text-decoration: underline;
}

.footer {
    margin-top: 82px;
    margin-bottom: 50px;
}

.footer__wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.footer-title {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.36px;
    margin-bottom: 31px;
}

.footer-links__wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer-links__link {
    color: #000;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 0.32px;
    text-decoration: none;
    max-width: 350px;
}

.footer-links__link:hover {
    text-decoration: underline;
}

.subscribe {
    display: flex;
    margin-bottom: 63px;
}

.subscribe-form {
    border-radius: 4px 0 0 4px;
    border: 1px solid #EAEAEC;
    padding: 20px 25px;
    transition: background .3s;
}

.subscribe-form:hover {
    background: #f0e3e3;
}

.subscribe-form:focus {
    outline: 0;
}

.subscribe-form::placeholder {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.16px;
}

.subscribe-button {
    background: var(--color-primary);
    border: 0;
    padding: 14px;
    transition: background .3s;
}

.subscribe-button:hover {
    background: var(--color-primary-hover);
}

.subscribe-button:focus {
    outline: 0;
}

.copyright {
    max-width: 287px;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.32px;
}

.copyright--mobile {
    display: none;
    flex-direction: column;
}

.copyright__link {
    color: #0085BE;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.32px;
    text-decoration: none;
    transition: color .3s;
}

.copyright__link:hover {
    color: #06b5ff;
    text-decoration: underline;
}

.copyright__year {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.28px;
}

.footer-phone__wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 14px;
}

.footer-phone__text {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    text-decoration: none;
}

.footer-phone__text:hover {
    text-decoration: underline;
}

.footer-map__wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 48px;
}

.footer-map__text {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
}

.footer-rights {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 0.32px;
    max-width: 258px;
}

.modal-contact {
    --bs-modal-border-radius: 0;
    --bs-modal-border-width: 0;
    --bs-modal-width: 658px;
}

.modal-contact .modal-content {
    padding: 50px 0;
}

.modal-contact__close {
    cursor: pointer;
    position: absolute;
    top: 35px;
    right: 35px;
}

.modal-contact__close path {
    transition: fill .3s;
}

.modal-contact__close:hover path {
    fill: #443333;
}

.modal-contact__header {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 129px;
    margin-bottom: 44px;
}

.modal-contact__title {
    color: #333;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.48px;
}

.alert-contact {
    --bs-alert-border: 0;
    --bs-alert-border-radius: 0;
    --bs-alert-bg: #FEDFDF;
    --bs-alert-color: var(--color-red);
    --bs-alert-margin-bottom: 44px;
    padding: 19px 141px 14px 50px;
}

.alert-contact__close {
    position: absolute;
    top: 17px;
    right: 40px;
    cursor: pointer;
}

.alert-contact__close path {
    transition: fill .3s;
}

.alert-contact__close:hover path {
    fill: var(--color-red-hover);
}

.modal-contact__form {
    padding: 0 129px;
}

.modal-contact__form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 29px;
}

.modal-contact__form-wrapper:last-child {
    margin-bottom: 0;
}

.modal-contact__form-label {
    color: #777;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.modal-contact__form-label__required {
    color: var(--color-red);
}

.modal-contact__form-input {
    border: 1px solid #E4E4E4;
    padding: 14px 10px;
    transition: background .3s;
}

.modal-contact__form-input:hover {
    background: #E4E4E4;
}

.modal-contact__form-input:focus {
    outline: 0;
}

.modal-contact__buttons-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 44px;
    gap: 42px;
}

.modal-contact__button-cancel {
    flex-grow: 1;
    border-radius: 4px;
    border: 1px solid #777;
    background: transparent;
    padding: 16px 36px;
    color: #333;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.24px;
    transition: background .3s, color .3s;
}

.modal-contact__button-cancel:hover {
    background: #333;
    color: #fff;
}

.modal-contact__button-submit {
    flex-grow: 1;
    border-radius: 4px;
    background: var(--color-secondary);
    border: 0;
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.24px;
    transition: background .3s;
    padding: 16px 36px;
}

.modal-contact__button-submit:hover {
    background: var(--color-secondary-hover);
}

.modal-message {
    --bs-modal-border-radius: 0;
    --bs-modal-border-width: 0;
    --bs-modal-width: 600px;
}

.modal-message__success {
    background: var(--color-green);
    padding: 40px 0;
    display: flex;
    justify-content: center;
}

.modal-message__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 50px;
}

.modal-message__title {
    color: #333;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.32px;
    margin-bottom: 12px;
}

.modal-message__description {
    color: #333;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    margin-bottom: 65px;
}

.modal__message__btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 26px;
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.24px;
    background: var(--color-red);
    border-radius: 4px;
    border: 0;
    transition: background .3s;
}

.modal__message__btn:hover {
    background: var(--color-red-hover);
}

.main-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    padding: 0;
    margin-bottom: 21px;
}

.main-breadcrumb__item {
    list-style: none;
    display: flex;
    align-items: center;
}

.main-breadcrumb__item::after {
    content: url("/images/breadcrumb.svg");
    width: 32px;
    height: 32px;
    display: block;
}

.main-breadcrumb__item:last-child::after {
    display: none;
}

.main-breadcrumb__link {
    text-decoration: none;
    color: #3797D4;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.2px;
    transition: color .3s;
}

.main-breadcrumb__link:hover {
    color: #009dff;
}

.main-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    gap: 22px;
    padding: 0;
    margin: 0;
}

.main-pagination__link {
    text-decoration: none;
    color: #333;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.main-pagination__item.active .main-pagination__link {
    color: #fff;
    background: var(--color-tertiary);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-pagination__prev, .main-pagination__next {
    text-decoration: none;
    display: flex;
}

.news-show__title {
    color: #333;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.32px;
    margin-bottom: 15px;
}

.news-show__date {
    color: #333;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.18px;
    margin-bottom: 31px;
}

.news-show__content {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 220%;
    letter-spacing: 0.36px;
    margin-bottom: 62px;
}

.news-show__wrapper {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
}

.news-show__wrapper .news-show {
    flex-basis: 66%;
}

.news-show__wrapper .content-nav {
    flex-basis: 28.5%;
}

.news-show__button {
    color: var(--color-tertiary);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration-line: underline;
    transition: color .3s;
}

.news-show__button:hover {
    color: var(--color-tertiary-hover);
}

.blog {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.blog .main-pagination {
    padding: 32px 0 22px 0;
}

.blog-content {
    flex-basis: 69.3%;
}

.blog-nav {
    flex-basis: 29%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.blog-form {
    background: #F8F8F8;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.blog-form__title {
    color: #333;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.32px;
    text-align: center;
    margin-bottom: 19px;
    width: 100%;
}

.blog-form__label {
    color: #777;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.blog-form__required {
    color: var(--color-red);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.blog-form__input {
    border: 1px solid var(--color-tertiary);
    margin-bottom: 12px;
    background: transparent;
    padding: 12px;
    width: 100%;
    transition: border-color .3s;
}

.blog-form__input:hover {
    border-color: var(--color-tertiary-hover);
}

.blog-form__input:focus {
    outline: 0;
}

.blog-submit {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.24px;
    padding: 16px 32px;
    border-radius: 4px;
    background: var(--color-secondary);
    transition: background .3s;
    border: 0;
}

.blog-submit:hover {
    background: var(--color-secondary-hover);
}

.blog-requests {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.blog-requests__item {
    background: #F8F8F8;
    padding: 32px;
    flex-basis: 48.96%;
    flex-grow: 1;
}

.blog-requests__item-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 23px;
}

.blog-requests__item-name {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.16px;
}

.blog-requests__item-date {
    color: #777;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.14px;
}

.blog-requests__item-title {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.16px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.blog-requests__item-content {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 0.32px;
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 19px;
}

.blog-requests__item-user {
    display: flex;
    margin-top: 11px;
    margin-bottom: 9px;
    gap: 13px;
    align-items: center;
}

.blog-requests__item-user__img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.blog-requests__item-user__name {
    color: var(--color-red);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.16px;
}

.blog-requests__item-response {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 0.32px;
}

.blog-faq {
    background: #F1FAFF;
    padding: 33px;
}

.blog-faq__top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 40px;
}

.blog-faq__title {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.2px;
}

.blog-faq__links {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.blog-faq__item {
    color: var(--color-secondary);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.36px;
    text-decoration-line: underline;
    transition: color .3s;
}

.blog-faq__item:hover {
    color: var(--color-secondary-hover);
}

.faq-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.faq-content {
    flex-basis: 66%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
}

.faq-wrapper .content-nav {
    flex-basis: 28.5%;
}

.faq-back {
    color: var(--color-tertiary);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration-line: underline;
    transition: color .3s;
}

.faq-back:hover {
    color: var(--color-tertiary-hover);
}

.main-accordion {
    --bs-border-radius: 0;
    --bs-accordion-btn-bg: #F8F8F8;
    --bs-border-color: #E8E8E8;
    --bs-accordion-btn-icon: url("/images/plus.png");
    --bs-accordion-btn-active-icon: url("/images/arrow-up.png");
    --bs-accordion-active-bg: #F1FAFF;
    --bs-accordion-btn-focus-box-shadow: none;
}

.main-accordion .accordion-button {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media (max-width: 1548px){
    .main-container {
        margin: 0 10px;
        width: auto;
    }

    .blog-content, .blog-nav {
        flex-basis: 100%;
    }
}

@media (max-width: 1528px){
    .navbar-links__item:has(.navbar-links__submenu) > .navbar-links__link {
        padding-right: 20px;
    }

    .navbar-links__item:has(.navbar-links__submenu) > .navbar-links__link::before {
        right: 5px;
    }

    .main-container {
        margin: 0;
    }

    .news-show__wrapper, .main-breadcrumb, .blog, .blog-wrapper, .faq {
        padding: 0 10px;
    }

    .navbar-links__link::after {
        display: none;
    }

    .navbar-links__link {
        padding: 20px 10px;
    }

    .navbar-links__submenu {
        transform: translate(0, 56px);
    }

    .navbar-links__submenu-link {
        white-space: normal;
    }

    .message-danger, .company, .news, .supervisor {
        margin-left: 10px;
        margin-right: 10px;
    }

    .customers-count__container {
        padding: 0 10px;
    }

    .contact-us__wrapper {
        padding: 0 10px;
    }

    .footer__wrapper {
        padding: 0 10px;
    }

    .water-map {
        flex-basis: 100%;
    }

    .water-content {
        flex-basis: 100%;
    }

    .supervisor__row {
        flex-direction: column;
    }

    .supervisor__content {
        gap: 20px;
    }
}

@media (max-width: 1400px){
    .company-contacts {
        padding: 20px;
    }

    .customers-count__container {
        justify-content: center;
    }
}

@media (max-width: 1200px){
    .navbar-search__wrapper {
        max-width: 250px;
    }

    .navbar-links__submenu {
        transform: translate(0, 56px);
    }
}

@media (max-width: 991px){
    :root {
        --section-margin: 24px;
    }

    .navbar-links__link {
        font-size: 16px;
    }

    .navbar-contacts {
        display: none;
    }

    .navbar-language__title {
        display: none;
    }

    .navbar-language__name {
        display: none;
    }

    .navbar-language {
        order: 4;
    }

    .navbar-top {
        margin: 23px 0;
    }

    .navbar-links {
        display: none;
    }

    .navbar-links__container {
        flex-direction: column;
    }

    .navbar-toggler {
        display: flex;
        order: 5;
    }

    .navbar-links__item {
        flex-direction: column;
        width: 100%;
        padding: 0 10px;
    }

    .navbar-links__submenu {
        position: static;
        transform: unset;
    }

    .navbar-search__wrapper {
        display: none;
    }

    .search-toggler {
        display: flex;
        order: 3;
    }

    .navbar-logo {
        width: 150px;
        order: 1;
    }

    .navbar-socials {
        order: 2;
        flex-grow: 1;
    }

    .slider-item {
        min-height: 220px;
    }

    .slider-item .main-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .slider-title {
        font-size: 28px;
        max-width: 237px;
        text-align: center;
        margin-bottom: 20px;
    }

    .message-danger {
        flex-direction: column;
        padding: 20px;
        gap: 10px;
    }

    .message-danger__text {
        font-size: 18px;
    }

    .paid-services {
        min-height: 300px;
        padding: 20px;
        align-items: center;
    }

    .paid-services__title {
        font-size: 30px;
        margin-bottom: 26px;
        text-align: center;
    }

    .company {
        flex-direction: column;
    }

    .button-more {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 20px;
    }

    .title {
        font-size: 30px;
        margin-bottom: 24px;
    }

    .company-description {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .company-contacts__number {
        font-size: 14px;
    }

    .news-wrapper {
        flex-direction: column;
        align-items: unset;
        margin-bottom: 20px;
    }

    .news-card {
        flex-basis: 100%;
        border-top-width: 0;
        border-left-width: 0;
        border-right-width: 0;
        padding: 25px 0;
    }

    .news-card:first-child {
        padding-top: 0;
    }

    .news-card__date-wrapper {
        gap: 2px;
        margin-bottom: 5px;
    }

    .news-card__date {
        font-size: 15px;
    }

    .news-card__title {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .news-card__description {
        font-size: 14px;
    }

    .news-card__more {
        font-size: 14px;
    }

    .news-card__arrow {
        margin-left: 5px;
    }

    .content-nav {
        margin: 0 -10px;
        padding: 47px 27px;
    }

    .supervisor__row {
        flex-direction: column;
        margin: 0 -10px;
        gap: 0;
    }

    .supervisor__questions__item {
        width: 100%;
        border-left: 0;
    }

    .supervisor__questions {
        gap: 0;
    }

    .supervisor__reviews-row__item {
        flex-basis: 100%;
        padding: 25px 14px;
    }

    .supervisor__content {
        gap: 0;
    }

    .supervisor__reviews-nav {
        margin-top: 10px;
        gap: 48px;
        justify-content: center;
    }

    .supervisor__reviews-nav__btn {
        border-right: 0;
    }

    .supervisor__reviews-nav--desktop {
        display: none;
    }

    .supervisor__reviews-carousel-desktop {
        display: none;
    }

    .supervisor__reviews-nav--mobile {
        display: flex;
    }

    .supervisor__reviews-carousel-mobile {
        display: flex;
    }

    .supervisor__name {
        font-size: 22px;
    }

    .supervisor__role {
        font-size: 14px;
    }

    .question-button {
        padding: 14px 16px;
        font-size: 18px;
    }

    .customers-count__container {
        flex-direction: column;
        gap: 0;
    }

    .customers-count__wrapper {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .customers-count {
        padding: 19px;
    }

    .customers-count__text {
        font-size: 20px;
        line-height: 26px;
        text-align: center;
    }

    .customers-count__icon {
        width: 50px;
        height: 50px;
    }

    .customers-count__counter-item {
        font-size: 24px;
        padding: 4px;
        width: 23px;
        height: 29px;
    }

    .customers-count__span {
        width: 14.61px;
        height: 29px;
    }

    .customers-count__counter-wrapper {
        top: -1px;
    }

    .customers-count__counter-item--1 .customers-count__counter-wrapper {
        top: -30px;
    }

    .customers-count__counter-item--2 .customers-count__counter-wrapper {
        top: -59px;
    }

    .customers-count__counter-item--3 .customers-count__counter-wrapper {
        top: -88px;
    }

    .customers-count__counter-item--4 .customers-count__counter-wrapper {
        top: -117px;
    }

    .customers-count__counter-item--5 .customers-count__counter-wrapper {
        top: -146px;
    }

    .customers-count__counter-item--6 .customers-count__counter-wrapper {
        top: -175px;
    }

    .customers-count__counter-item--7 .customers-count__counter-wrapper {
        top: -204px;
    }

    .customers-count__counter-item--8 .customers-count__counter-wrapper {
        top: -233px;
    }

    .customers-count__counter-item--9 .customers-count__counter-wrapper {
        top: -262px;
    }

    .water__wrapper {
        flex-direction: column;
    }

    .nav-water {
        background: #F1F1F1;
    }

    .water-content {
        display: flex;
        flex-direction: column;
    }

    .water-map--desktop {
        display: none;
    }

    .water-map--mobile {
        display: flex;
        margin-left: -14px;
        margin-right: -14px;
    }

    .nav-water--desktop {
        display: none;
    }

    .nav-water--mobile {
        display: flex;
        padding-top: 41px;
    }

    .nav-water .nav-item .nav-link {
        padding: 19px 16px;
    }

    .water-title {
        font-size: 18px;
        text-align: center;
    }

    .water-info {
        flex-direction: column;
        font-size: 14px;
        text-align: center;
    }

    .water-label {
        font-size: 14px;
    }

    .water-phone {
        margin-left: auto;
        margin-right: auto;
        font-size: 14px;
    }

    .tab-water {
        padding: 33px 14px 14px 14px;
    }

    .contact-us__wrapper {
        gap: 0;
        flex-direction: column;
    }

    .contact-us {
        padding: 31px 0;
    }

    .contact-us__message {
        font-size: 24px;
        margin-bottom: 23px;
    }

    .contact-us__manager {
        margin-bottom: 41px;
        font-size: 14px;
        max-width: 283px;
        text-align: center;
    }

    .contact-us__btn {
        margin-bottom: 25px;
        font-size: 18px;
        padding: 13px 19px;
    }

    .contact-us__call-label {
        text-align: center;
    }

    .footer__wrapper {
        flex-direction: column;
        gap: 0;
    }

    .footer {
        margin-top: 24px;
        margin-bottom: 38px;
        margin-left: 18px;
        margin-right: 18px;
    }

    .footer__wrapper {
        align-items: center;
    }

    .footer-links__link {
        text-align: center;
        max-width: 283px;
    }

    .footer-title {
        text-align: center;
    }

    .copyright--mobile {
        display: flex;
    }

    .copyright--desktop {
        display: none;
    }

    .footer-links__wrapper {
        margin-bottom: 15px;
    }

    .subscribe {
        margin-bottom: 24px;
    }

    .subscribe-form {
        padding: 12px 17px;
    }

    .subscribe-button {
        padding: 8px;
    }

    .footer-phone__text {
        font-size: 14px;
    }

    .footer-map__text {
        font-size: 14px;
    }

    .footer-map__wrapper {
        margin-bottom: 24px;
    }

    .copyright--mobile {
        margin-bottom: 24px;
    }

    .modal-contact__title {
        font-size: 24px;
    }

    .modal-contact__header {
        padding: 0 58px;
        margin-bottom: 40px;
    }

    .alert-contact {
        padding: 18px 45px 23px 26px;
        --bs-alert-margin-bottom: 40px;
        font-size: 12px;
    }

    .modal-contact__form {
        padding: 0 10px;
    }

    .alert-contact__close {
        right: 17px;
    }

    .modal-contact__close {
        top: 10px;
        right: 10px;
    }

    .modal-contact__button-cancel {
        padding: 14px 24px;
        font-size: 18px;
    }

    .modal-contact__button-submit {
        padding: 14px 24px;
        font-size: 18px;
    }

    .modal-contact__buttons-wrapper {
        margin-top: 0;
    }

    .modal-contact .modal-content {
        padding: 40px 0;
    }

    .modal-message__title {
        font-size: 24px;
    }

    .modal-message__description {
        font-size: 16px;
        margin-bottom: 28px;
    }

    .modal-message__content {
        padding-bottom: 27px;
    }

    .slider-button {
        padding: 9px 16px;
        font-size: 18px;
    }

    .main-pagination__item.active .main-pagination__link {
        width: 40px;
        height: 40px;
    }

    .main-pagination__link {
        font-size: 20px;
    }

    .news-show__wrapper {
        flex-direction: column;
        align-items: unset;
        gap: 28px;
    }

    .news-show__title {
        font-size: 18px;
    }

    .news-show__date {
        font-size: 12px;
    }

    .news-show__content {
        font-size: 14px;
        margin-bottom: 28px;
    }

    .news-show__button {
        font-size: 16px;
    }

    .main-breadcrumb__link {
        font-size: 14px;
    }

    .blog-requests {
        flex-direction: column;
    }

    .blog {
        padding: 0;
    }

    .blog-requests__item-name {
        font-size: 14px;
    }

    .blog-requests__item-date {
        font-size: 12px;
    }

    .blog-requests__item-title {
        font-size: 14px;
    }

    .blog-requests__item-content {
        font-size: 14px;
    }

    .blog-requests__item-user__name {
        font-size: 14px;
    }

    .blog-requests__item-response {
        font-size: 14px;
    }

    .blog-form__title {
        font-size: 20px;
    }

    .blog-form__label {
        font-size: 16px;
    }

    .blog-form__required {
        font-size: 20px;
    }

    .blog-submit {
        font-size: 18px;
        padding: 14px 19px;
        margin: 0 auto;
    }

    .blog-faq__title {
        font-size: 16px;
    }

    .blog-faq__item {
        font-size: 14px;
    }

    .faq-wrapper {
        flex-direction: column;
    }

    .faq-content {
        justify-content: flex-start;
    }

    .faq-back {
        margin: 0 auto;
        font-size: 16px;
    }

    .main-accordion .accordion-button {
        font-size: 14px;
    }

    .navbar-top__wrapper {
        gap: 20px;
    }

    .news {
        margin-bottom: 0;
    }
}

@media (max-width: 576px){
    .navbar-top__wrapper {
        gap: 10px;
    }

    .navbar-socials {
        gap: 5px;
    }
}

.error-body {
    background: #f8fafb;
}

.error-wrapper {
    background: #e8eef1;
    border-radius: 0.25rem;
    box-shadow: 0px 6px 0px 0px #d3dce1;
}

.error-text {
    font-size: 180px;
    color: rgb(33, 37, 41);
}