.stockdetails-about {
    color: var(--color-text-primary);
}

.stock-about-whitebbox {
    box-shadow: var(--primary-boxshadow);
    border-radius: 7.0877px;
    padding: 15px;
    background: var(--color-white);
    text-align: justify;
}

.stock-about-lightgrey {
    color: var(--color-text-secondary);
}

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

.desg-f14 {
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
}

.sabout-bright {
    position: relative;
}

.about-mtop10 {
    margin-top: 10px;
}

.sabout-bright::after {
    content: "";
    position: absolute;
    width: 1px;
    background: var(--color-light-blue-gray2);
    right: -15px;
    opacity: 0.6;
}

.aboutreversecss .sabout-bright::after {
    height: 80px;
    top: 10px;
}

.sabout-d48 {
    flex: 0 0 48%;
    max-width: 48%;
}

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

.stock-about-list {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    width: 100%;
    padding: 12px 0 0;
    gap: 20px;
}

.stock-about-company {
    font-size: 14px;
    color: var(--color-pure-black);
}

.stockprice-and-details-content p {
    color: var(--color-gray-4);
    font-size: 14px;
    font-weight: var(--font-weight-light);
    line-height: 20px;
}

.stock-about-list .stock-about-label {
    color: var(--color-gray-7);
    font-size: 12px;
}

.stock-about-list .stock-about-val {
    color: var(--color-dark-gray-6);
    font-size: 14px;
    line-height: 20px;
}

.mo-toggle-button.active {
    background-color: var(--tabs-bg-active-color);
}

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

@media (width <=768px) {
    .stock-about-whitebbox {
        padding: 15px;
    }

    .sabout-d48 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .mobflexwrap {
        flex-wrap: wrap;
    }

    .mobmtop10 {
        margin-top: 10px;
    }

    .stock-about-company {
        color: var(--color-dark-gray-1);
    }

    .stockprice-and-details-content p {
        color: var(--color-gray-7);
        line-height: 22px;
    }

    .stock-about-list .stock-about-label {
        color: var(--color-gray-3);
    }

    .stock-about-list .stock-about-val {
        font-size: 16px;
        font-weight: var(--font-weight-semibold);
    }
}

/* View more view less Css */
.aboutcomp-collapsed {
  /* Show only the first 5 sentences using the data-visible-text attribute */
  position: relative;
  color: transparent !important;
}

.aboutcomp-collapsed::after {
  content: attr(data-visible-text);
  display: block;
  white-space: pre-line;
  color: inherit !important;
}

/* Toggle button styles */
.stockprice-and-details-content .view-toggle {
  background: none;
  border: none;
  color: var(--color-primary);
  cursor: pointer;
  font-size: 14px;
  font-weight: var(--font-weight-medium);
  padding: 8px 0;
  text-align: left;
  margin-top: 10px;
}

.stockprice-and-details-content .view-toggle:hover, .stockprice-and-details-content .view-toggle:focus {
  opacity: 0.8;
  color: var(--color-primary);
}

.description-para {
  margin-bottom: 10px;
}

@media (width <= 600px) {
  .aboutcomp p {
    text-align: left;
  }
}