.opportunity-main {
    margin-top: 50px !important;
}
.opp-title span {
    display: block; /* Moves the span content to the next line */
    font-style: italic; /* Makes the text italic */
    font-family: var(--font-crimson_pro);
    font-size: var(--sub-title-font-size);
    font-weight: 300;
    color: #054a91;
    margin-top: 0.5rem; /* Optional: Adds spacing between the title and the span */
}
.opp-title {
    font-family: var(--font-crimson_pro);
    font-size: var(--sub-title-font-size);
    font-weight: 700;
    color: #054a91;
}
.sector-title {
    position: relative;
}
.sector-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 10%;
    height: 3px;
    background-color: #720d1d;
    transform: translateX(-50%);
}
.opp-title span {
    font-family: var(--font-crimson_pro);
    font-size: var(--sub-title-font-size);
    font-weight: 300;
    color: #054a91;
}
.opp-content {
    font-family: var(--font-crimson_pro);
    font-size: var(--sub-title-body);
    color: #000;
    text-align: justify;
}
.opp-elements {
    padding-inline: 80px;
}
.opp-read-more-btn {
    background: linear-gradient(180deg, #720d1d, #1f0308);
    background-color: red;
    color: #fff;
    padding: 0.7rem 3rem;
    width: max-content;
    border: none;
    outline: none;
    text-decoration: none;
    font-family: var(--font-crimson_pro);
    font-size: 1.5rem;
    margin-top: 1rem;
}
.opp-breadcrumb-icon {
    font-size: 13px;
    color: #959fa5;
}
.breadcrumb-blue {
    color: #054a91 !important;
}
.opp-breadcrumb-wrapper {
    padding-bottom: 50px;
}
.text-container {
    max-height: 12rem;
    overflow: hidden;
    position: relative;
    transition: max-height 0.3s ease-in-out;
}
.expanded {
    max-height: none !important; /* Show full content */
}
@media screen and (max-width: 1000px) {
    .opportunity-main {
        margin-top: 65px !important;
    }
}
@media screen and (max-width: 800px) {
    .opportunity-main {
        margin-top: 35px !important;
    }
}
@media screen and (max-width: 450px) {
    .opportunity-main {
        margin-top: 20px !important;
    }
}
@media screen and (max-width: 768px) {
    .opp-content {
        padding-right: 0px;
    }
}