.order-summary-main {
    background: #FFFEF3;
    padding: 2rem 6rem !important;

    .product-summary {
        .slds-accordion__section {
            .slds-border_bottom {
                border-top: 1px solid #D5BA8C !important;
                padding: 36px;
                border-bottom: none;

                .shipping-field-item {
                    display: none;
                }
            }

            .field-properties {
                padding: 0px !important;
            }

            .slds-accordion__summary {
                background: none;

                .slds-accordion__summary-heading button:focus {
                    -webkit-box-shadow: none !important;
                    box-shadow: none !important;
                }

                .slds-icon-text-default {
                    display: none;
                }

                .slds-accordion__summary-content {
                    color: #231F20;
                    font-family: Archivo;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 124%;
                    letter-spacing: 0.16px;
                    text-transform: capitalize;
                }
            }

            .item-details {
                position: relative;

                .item-name a {
                    color: #231F20;
                    font-family: Archivo;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: normal;
                    text-transform: uppercase;
                }

                .variants ul li {
                    color: #231F20;
                    font-family: Archivo;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                }

                .slds-grid {
                    color: #231F20;
                    font-family: Archivo;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                    padding: 0px !important;

                    .text-block {
                        position: absolute;
                        right: 0;
                        top: 0;
                    }

                    .text-block p {
                        color: #231F20;
                        font-family: Archivo;
                        font-size: 18px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: normal;
                        text-transform: uppercase;
                    }
                }

                .slds-gutters li:first-child {
                    display: none;
                }

                .slds-gutters li:nth-child(3) {
                    display: none;
                }
            }
        }
    }

    .Recurring-total {
        .totals-card {
            background: none !important;
            border: 1px solid #D5BA8C !important;
            margin-top: 44px;
            padding: 10px !important;
            box-shadow: none;

            .field-item {
                margin-bottom: 16px;
            }

            .slds-card__header h2 {
                color: #000;
                font-family: Archivo;
                font-size: 20px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                text-transform: uppercase;
            }

            .slds-dl_inline {
                .slds-dl_inline__label {
                    color: #231F20;
                    font-family: Archivo;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                    text-transform: capitalize;
                }

                .slds-dl_inline__detail {
                    color: #231F20;
                    font-family: Archivo;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                    text-transform: uppercase;
                }

                .slds-text-title_bold {
                    border-top: 1px solid #D5BA8C !important;
                    padding-top: 20px !important;

                    .slds-rich-text-editor__output {
                        color: #231F20;
                        font-family: Archivo;
                        font-size: 18px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: normal;
                        text-transform: capitalize;
                    }

                    .slds-show_inline-block {
                        color: #231F20;
                        font-family: Archivo;
                        font-size: 18px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: normal;
                        text-transform: uppercase;
                    }
                }
            }
        }

    }
}

@media screen and (max-width: 1024px) {
    .order-summary-main {
        padding: 0px 20px !important;

        .Recurring-total {
            .totals-card {
                margin-left: 0px;
                margin-top: 50px;
            }
        }

        .product-summary {
            .slds-accordion__section {
                padding-top: 24px !important;

                .slds-border_bottom {
                    padding: 16px 16px 40px 16px;

                }
            }
        }

        .order-detail {
            position: relative;

            .details-card {
                position: absolute;
                top: -18px;

                .slds-dl_inline {
                    display: flex;
                    flex-direction: column;

                    .field-item {
                        .slds-dl_inline__label span {
                            color: #5A5A5A;
                            font-family: Archivo;
                            font-size: 14px;
                            font-style: normal;
                            font-weight: 400;
                            line-height: 124%;
                        }

                        .slds-dl_inline__detail span {
                            color: #231F20;
                            font-family: Archivo;
                            font-size: 14px;
                            font-style: normal;
                            font-weight: 700;
                            line-height: 124%;
                        }
                    }
                }
            }
        }

        .product-summary {
            .slds-accordion__section {
                .slds-accordion__summary {
                    .slds-accordion__summary-content {
                        color: #231F20;
                        font-family: Archivo;
                        font-size: 14px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 124%;
                    }
                }
            }
        }

        .product-summary {
            .slds-accordion__section {
                .item-details {
                    position: relative;

                    .slds-grid {
                        color: #231F20;
                        font-family: Archivo;
                        font-size: 14px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: normal;

                        .text-block {
                            position: absolute;
                            top: 80px;
                            left: 0;
                        }
                    }

                    .variants {
                        min-width: 295px;
                    }
                }
            }
        }
    }

    .order-top {
        padding: 16px 20px !important;

        .order-again {
            margin-top: 16px;
        }

        .order-id h1 {
            color: #231F20;
            font-family: Archivo;
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            text-transform: uppercase;
        }

        .order-again button {
            color: #FFF;
            font-family: Archivo;
            font-size: 14px;
            font-style: normal;
            font-weight: 800;
            line-height: 150%;
            letter-spacing: 1.68px;
            text-transform: uppercase;
            border-radius: inherit;
            flex-grow: 1;
        }
    }
}