.app-container {
    padding-top: 80px;
    padding-bottom: 80px;
}
@media(max-width: 768px) {
    .app-container {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

/* table */
.app-table {
    text-align: center;
}

.app-table th {
    background-color: #f5f5f5;
    color: rgb(0, 95, 174);
    font-weight: 500;
}

.app-table td {
    vertical-align: middle;
}
/* end: table */

/* sections */
.upper-sections {
    display: flex;
}
.upper-sections > div:nth-child(1) {
    flex: 5;
}
.upper-sections > div:nth-child(2) {
    flex: 3;
    margin-left: 24px;
    text-align: center;
}
@media(max-width: 768px) {
    .upper-sections {
        flex-direction: column-reverse;
    }
    .upper-sections > div:nth-child(2) {
        margin-left: 0;
    }
}

@media(min-width: 768px) {
    .upper-sections > div:nth-child(2) img {
        margin-top: 80px;
    }
}
/* end: sections */

.product-name {
    display: flex;
    align-items: baseline;
}

.product-name > h1 {
    font-weight: 600;
    color: var(--mainColor);
}

.product-name > span {
    margin-left: 20px;
    padding-left: 20px;
    color: var(--font-gray);
    font-size: 1.1em;
    border-left: 1px solid var(--font-gray);
}

.border-gradient {
    height: 1px;
    margin: 16px 0;
    background: linear-gradient(to left,#fff 10%,#e7e7e7 50%, #4594e4 100%);
}

.section {
    margin: 20px 0;
    padding: 24px 0;
}

.section > h4 {
    font-weight: 600;
    margin-bottom: 24px;
}

.section > h4::before {
    content: "`";
    color: #005FAE;
    margin-right: 8px;
    font-weight: bold;
    font-size: 1.3em;
}

.section > .item {
    margin-bottom: 32px;
}

.item > h5 {
    font-weight: 300;
}

/* downloads */
.download-items {
    width: 720px;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.download-items > a {
    width: 320px;
    height: 64px;
    padding: 0 16px;
    background-color: var(--mainColor);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white !important;
    font-size: 1.1em;
}

@media(max-width: 768px) {
    .download-items {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .download-items > a {
        width: 100%;
        height: 54px;
        padding: 0 16px;
    }
}
/* end: downloads */