.card_trending {
    background-image: url('../images/trending_rect.webp');
    background-repeat: round;
    background-size:cover;
    background-color: #FFF2E0;
}
.trending-title-container {
    overflow: hidden; /* Hide the text that overflows */
}

.trending-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2; /* Adjust line-height as needed */
    max-height: 90px; /* Limit the height to 3 lines */
    
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Clamp text to 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; /* Ellipsis for overflow */
    white-space: normal;
    transition: all 0.3s ease; /* Smooth transition for hover effect */
}
@media (max-width:765px){
    .trending-title{
        font-size:16px;
        font-weight: 500;
        line-height: 1.2; /* Adjust line-height as needed */
        max-height: 90px; /* Limit the height to 3 lines */
        height:calc(16px * 1.2 *3);
        display: -webkit-box;
        -webkit-line-clamp: 3; /* Clamp text to 3 lines */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; /* Ellipsis for overflow */
        white-space: normal;
        transition: all 0.3s ease; /* Smooth transition for hover effect */
    }
}
.small_class{
    font-size:10px;
}
@media (min-width:765px){
    .small_class{
        font-size:11px;
    }
}
@media (min-width:968px){
    .small_class{
        font-size:12px;
    }
}
.author-icons {
    display: flex;
    align-items: center;
  }
  
  .author-icon {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #fff; /* Creates a border around each icon */
    margin-left: -8px; /* Controls the overlap */
  }
.author{
    font-size:10px;
    font-weight: 300;
    line-height: 1.2; /* Adjust line-height as needed */
    max-height: 90px; /* Limit the height to 3 lines */
    height:calc(10px * 1.2 *2);
    display: -webkit-box;
    align-content:center;
    -webkit-line-clamp: 2; /* Clamp text to 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; /* Ellipsis for overflow */
    white-space: normal;
    transition: all 0.3s ease; /* Smooth transition for hover effect */
}
@media (min-width:765px){
    .author{
        font-size:11px;
        font-weight: 300;
    line-height: 1.2; /* Adjust line-height as needed */
    max-height: 90px; /* Limit the height to 3 lines */
    height:calc(11px * 1.2 *2);
    display: -webkit-box;
    align-content:center;
    -webkit-line-clamp: 2; /* Clamp text to 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; /* Ellipsis for overflow */
    white-space: normal;
    transition: all 0.3s ease; /* Smooth transition for hover effect */
    }
}
@media (min-width:968px){
    .author{
        font-size:12px;
        font-weight: 300;
    line-height: 1.2; /* Adjust line-height as needed */
    max-height: 90px; /* Limit the height to 3 lines */
    height:calc(12px * 1.2 *2);
    display: -webkit-box;
    align-content:center;
    -webkit-line-clamp: 2; /* Clamp text to 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; /* Ellipsis for overflow */
    white-space: normal;
    transition: all 0.3s ease; /* Smooth transition for hover effect */
    }
}
.read-all{
    font-size:16px;
    font-weight:400;
}
@media (max-width:765px){
    .read-all{
        font-size:14px;
        font-weight:400;
    }
}
.industries_img{
    width:25px;
}
.trending-subtitle {
    font-size: 14px;
    font-weight: 400;
}
@media (max-width:765px){
    .trending-subtitle{
        font-size:12px;
    }
}
.custom-play-btn1 {
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.custom-play-btn1:hover {
    opacity: 0.8;
}

.custom-play-btn1 {
    width: 30px;
    height: 30px;
    background-color: #E42527; /* Red background for the circle */
    border-radius: 50%; /* Make the div circular */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.custom-play-btn1 i {
    color: #ffffff; /* White color for the play icon */
    font-size: 1rem; /* Size of the play icon */
}

/* Add hover effect to slightly enlarge the button */
.custom-play-btn1:hover {
    transform: scale(1.1); /* Slightly enlarge the button when hovered */
}
.card-img-top{
    height:auto ! important;
    width:100% !important;
}
.btn-data {
    color: black;
    /* Set default color */
    transition: margin-left 0.3s ease;
    font-weight:400 !important
    /* Transition for margin */
}

.btn-data:hover {
    color: #E42527 !important;
    font-weight: 500 !important;
    margin-left: 3px;
    /* Apply margin on hover */
}

.btn-data:hover img {
    filter: invert(27%) sepia(84%) saturate(581%) hue-rotate(358deg) brightness(99%) contrast(100%);
}

.trending_title {
    font-size: 14px;
    font-weight: 400;
}
@media (min-width: 765px) {
    .trending_title {
        font-size: 18px;
        font-weight: 400;
    }
}
@media (min-width: 966px) {
    .trending_title {
        font-size: 22px;
        font-weight: 400;
    }
}
.nav-buttons {
    background-color: white;
    color: #000;
}
.solns_sec_title {
    font-size: 26px;
    font-weight: 400;
}
@media (min-width: 765px) {
    .solns_sec_title {
        font-size: 36px;
        font-weight: 400;
    }
}
@media (min-width: 966px) {
    .solns_sec_title {
        font-size: 42px;
        font-weight: 400;
    }
}
.gen_sub_title {
    font-size: 18px;
    font-weight: 400;
}
.gen_description{
    font-size: 14px;
}
.gen-more{
    font-size: 14px;
}
@media (min-width: 765px) {
    .gen_sub_title {
        font-size: 20px;
        font-weight: 400;
    }
    .gen_description{
        font-size: 18px;
    }
    .gen-more{
        font-size: 16px;
    }
}
.innovative_subsec_title {
    font-size: 38px;
}

@media (min-width: 765px) {
    .innovative_subsec_title {
        font-size: 43px;
    }
}
@media (min-width: 966px) {
    .innovative_subsec_title {
        font-size: 48px;
    }
}
.card_text_pyramid {
    font-size: 14px;
}

@media (min-width: 765px) {
    .card_text_pyramid {
        font-size: 18px;
    }
}