/* Основной контейнер */
html, body {
    padding: 0;
    margin: 0;
}

body {
    background: linear-gradient(to bottom, #f8f9fa, #f4fffb); /* Light gray to slightly darker light gray */
}

.background-form {
    background: url('../images/background_img_1.png');
    border-radius: 5px;
    background-size: cover;       /* Масштабирует изображение так, чтобы оно покрывало весь контейнер, сохраняя пропорции */
    background-position: center;  /* Центрирует изображение внутри контейнера */
    background-repeat: no-repeat; /* Предотвращает повторение изображения */
    min-height: 70vh;             /* Минимальная высота контейнера (70% от высоты окна просмотра) */
    justify-content: center;      /* Центрирование по горизонтали */
    align-content: center;        /* Центрирование по вертикали */
}

.background-table {
    background: url('../images/background_img_2.png');
    border-radius: 5px;
    background-size: cover;       /* Масштабирует изображение так, чтобы оно покрывало весь контейнер, сохраняя пропорции */
    background-position: center;  /* Центрирует изображение внутри контейнера */
    background-repeat: no-repeat; /* Предотвращает повторение изображения */
    min-height: 70vh;             /* Минимальная высота контейнера (70% от высоты окна просмотра) */
    justify-content: center;      /* Центрирование по горизонтали */
}

.background-tariff {
    background: url('../images/background_img_3.png');
    border-radius: 5px;
    background-size: cover;       /* Масштабирует изображение так, чтобы оно покрывало весь контейнер, сохраняя пропорции */
    background-position: center;  /* Центрирует изображение внутри контейнера */
    background-repeat: no-repeat; /* Предотвращает повторение изображения */
    min-height: 70vh;             /* Минимальная высота контейнера (70% от высоты окна просмотра) */
    justify-content: center;      /* Центрирование по горизонтали */
}

.background-create {
    background: url('../images/background_img_4.png');
    border-radius: 5px;
    background-size: cover;       /* Масштабирует изображение так, чтобы оно покрывало весь контейнер, сохраняя пропорции */
    background-position: center;  /* Центрирует изображение внутри контейнера */
    background-repeat: no-repeat; /* Предотвращает повторение изображения */
    min-height: 70vh;             /* Минимальная высота контейнера (70% от высоты окна просмотра) */
    justify-content: center;      /* Центрирование по горизонтали */
}

.background-calc {
    background: url('../images/background_img_5.png');
    border-radius: 5px;
    background-size: cover;       /* Масштабирует изображение так, чтобы оно покрывало весь контейнер, сохраняя пропорции */
    background-position: center;  /* Центрирует изображение внутри контейнера */
    background-repeat: no-repeat; /* Предотвращает повторение изображения */
    min-height: 70vh;             /* Минимальная высота контейнера (70% от высоты окна просмотра) */
    justify-content: center;      /* Центрирование по горизонтали */
}


/* Flexbox для прижатия футера к низу */
.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Основной контент */
.content {
    flex: 1;
}