.stockprice-and-details-main {
    color: var(--color-gray-14);
}

.pricedetails-mtop20 {
    margin-top: 20px;
}

.pricedetails-pad20 {
    padding: 20px;
}

.stockprice-and-details-whitebbox {
    box-shadow: 8px 18px 30px rgba(151 126 44 / 25%);
    border-radius: 7.0877px;
    background: var(--color-white);
    margin-top: 20px;
    padding: 24px;
}

.stockprice-and-details-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 0;
    justify-content: space-between;
}

.stockpriced32 {
    flex: 0 0 32%;
    max-width: 32%;
}

.stockprice-and-details-lightgrey {
    color: var(--color-text-secondary);
}

.stock-key-f12 {
    font-size: 12px;
}

.stockprice-and-details-lightblack {
    color: var(--color-text-primary);
    font-size: 16px;
    font-weight: 600;
    position: relative;

    &::before {
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        position: absolute;
        left: 0;
        top: 6px;
    }

    &.red {
        padding-left: 20px;
        color: var(--color-error);

        &::before {
            content: "";
            border-bottom: 12px solid var(--color-error);
            transform: rotate(180deg);
        }
    }

    &.green {
        padding-left: 20px;
        color: var(--color-dark-green);

        &::before {
            content: "";
            border-bottom: 12px solid var(--color-success);
        }
    }
}

.lname-f24 {
    font-weight: var(--font-weight-medium);
    font-size: var(--f-s-sub-title);
    text-align: center;
    color: var(--color-primary);
}

.stock-share-price-and-details .font-semi-bold {
    font-weight: var(--font-weight-medium);
    font-size: var(--f-s-sub-title);
    text-align: center;
    color: var(--color-primary);
}

.section.stock-share-price-and-details-container .default-content-wrapper h3 {
    font-size: var(--f-s-sub-title);
    font-weight: var(--font-weight-medium);
    text-align: center;
}

@media (width <=768px) {
    .stockpriced32 {
        flex: 0 0 48%;
        max-width: 48%;
    }
}