@import "../../../../styles/my-career-styles/variables";

.mc-page-header-text {
    height: 120px;
    padding: 30px 8%;
}

.account-wrapper {
    padding: 0 8%;

    .mc-card {
        margin-top: -30px;

        h4 {
            color: #58595B;
            font-family: $bodyFont;
            font-size: 20px;
            letter-spacing: 0;
            line-height: 27px;
            margin-bottom: 24px;
            font-weight: 500;
            position: relative;

            &:after {
                content: '';
                position: absolute;
                left: 0;
                bottom: -7px;
                height: 1px;
                width: 47px;
                border: 1px solid #F37124;
            }
        }

        .subscription-details {

        }

        .info-label, .info-value {

        }

        .info-value {

        }

        .info-label {
            font-weight: 600;
        }

        .info-action {
            font-size: 14px;
            color: $primaryColor;
            text-decoration: underline;
            cursor: pointer;
        }

        .transaction-history {

            .transaction-row {
                display: flex;
                justify-content: space-between;
            }

        }
    }
}
