/* Main container */
.container {
    display: flex;
    justify-content: center;
    width: 100%;
}

/* Content box */
.content {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 100%;
}

/* The main, header text - "Wycena tłumaczenia" */
.header-text {
    text-align: center;
    font-weight: 700;
    font-size: 34px;
    color: #062c6c;
    line-height: 30px;
}

/* Options box */
.options {
    text-align: left;
    font-size: 20px;
    color: #062c6c;
    margin-top: 20px;
}

/* The text below the header text - "Prześlij treść do tłumaczenia - wybierz jedną z dwóch opcji:" */
.paragraph-text {
    text-align: center;
    font-weight: 400;
    font-size: 24px;
    color: #062c6c;
    line-height: 30px;
}

/* Color of the radio checkbox */
input[name="translatingOption"] {
    accent-color: #df3a3f;
}

/* Styling of the divs that contain translating options (standard etc.) on the top*/
/* Styling of the divs that contain next button and price on the bottom*/
.options_row_top, .row_bottom {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 10px;
    width: 100%;
}

#languageFrom, #languageTo {
    border: 1px solid #df3a3f;
    color: #062c6c;
    width: 28%;
    text-align: center;
}

/* Div that contain file input or textarea */
#selected_option_div {
    margin-top: 20px;
    display: flex;
    width: 100%;
    justify-content: center;
}

/* CKEDitor styling */
#text_to_translate {
    width: 100%;
}

/* File input styling */
#file_to_translate {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #df3a3f;
    padding: 20px;
}

/* Div that contain actual price */
#price {
    width: 100%;
    margin-top: 10px;
    margin: auto;
    text-align: center;
}

/* Built-in button class adjustments */
.et_pb_button_0_tb_header {
    cursor: pointer;
    white-space: nowrap;
}

/* Built-in button class adjustments */
button:focus {
    outline: 0;
}

/* nextButton position adjustments */
#nextButton, #calculateButton {
    margin-top: 10px;
}

/* Styling inputs of the personalData form */
#name, #surname, #email, #phoneNumber, #nipAddress {
    width: 60%;
    height: 50px;
    border: 1px solid #df3a3f;
    text-align: center;
    margin-top: 20px;
    font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
}

.checkboxes {
    font-size: 18px;
    accent-color: #df3a3f;
}