.row.top-row {
    margin: 60px 0 60px 0;
}

.thirteen.wide.column {
    border: none;
}

.ui.four.column.table.table-style,
.ui.celled.table.table-style {
    border-radius: 5px;
    border: 0.25px solid var(--light-gray);
}

.thirteen.wide.column {
    border: none;
}

@media screen and (min-width: 800px) {
    .text-aligment p {
        padding-left: 220px;
    }
}

.product-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.product-wrap img,
.product-wrap p {
    margin-right: 50px;
}

.product-wrap p {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: 14px;
    color: var(--gray);
}

thead tr th p {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    font-size: 12px;
    color: var(--gray);
}

tbody tr td p {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    font-size: 14px;
    color: var(--gray);
}

.input-wrapper {
    border: 0.25px solid var(--gray);
    width: 123px;
    height: 36px;
    padding: 10px;
    display: flex;
    border-radius: 5px;
}

span {
    cursor: pointer;
}

input {
    border: none;
    text-align: center;
    justify-content: center;
}

.plusminus {
    border: none;
    font-size: 15px;
    color: var(--black);
    font-weight: var(--font-weight-bold);
    padding-bottom: 40px;
}

.num {
    border: none;
    font-size: 15px;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    color: var(--gray);
}

.two.wide.column table {
    width: 250px;
}

table thead.border-bottom {
    border-bottom: 1px solid var(--light-gray);
}

.ui.celled.table.second-table tr th {
    padding: 20px;
    border: none;
}

.ui.celled.table.second-table tr th p {
    font-size: 14px;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    color: var(--gray);
}

form input {
    border: 0.25px solid var(--gray);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.apply-coupon {
    max-width: 100% !important;
    width: 11.375rem;
    height: 2.25rem;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: 14px;
    text-align: center;
    color: var(--white);
    display: flex !important;
    justify-content: center;
    align-items: center;
    border: none;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.coupon-animation {
    cursor: pointer;
}

.coupon-animation:hover {
    color: var(--sylius-green);
    background-color: #396597 !important;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.coupon-animation:active {
    box-shadow: none;
    transform: translateY(0px);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), 0px 1px 1px rgba(0, 0, 0, 0.25);
}

.__btn {
    background-color: var(--dark-blue) !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.__input {
    border-radius: 5px 0px 0px 5px;
    border: 0.25px solid #1e1e1e;
}

form input::placeholder {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    font-size: 15px;
    line-height: 23px;
    color: var(--gray);
    text-align: left;
    padding-left: 20px;
}

.span-display {
    display: flex;
    justify-content: start;
}

@media (width: 768px) {
    .ipad-width {
        left: -6rem;
    }
}

@media screen and (max-width: 768px) {
    .span-display {
        display: flex;
        justify-content: end;
    }
}