body {
    background-color: skyblue;
}

/*.row {*/
/*    border-bottom: #0a53be;*/
/*    background-color: green;*/
/*}*/

.badge-success {
    background-color: green;
}

main-widgets-card .main-images-wrapper img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center center;
    border-radius: 0.25rem;
}

.main-widgets-card .main-widgets-title {
    font-size: 18px;
}

.main-widgets-card .main-widgets-media-host {
    color: var(--bs-purple);
    transition: all 0.5s ease;

}

.article-summary.inline-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.article-summary .inline-list-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.article-summary .inline-list-item svg {
    display: inline-block;
    color: var(--bs-secondary-color);
}

/* widgets-layout-one */
.card.widgets-layout-one {
    display: flex;
    gap: 8px;
    flex-direction: row;
}

.widgets-layout-one .widgets-layout-one-image-wrapper img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    border-radius: 0.25rem;
}

.two-line-truncate {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    /* Limits the text to 2 lines */
    overflow: hidden;
    text-overflow: ellipsis;
    /* Adds ellipsis at the end */
}

.social-widgets li {
    width: 100%;
}

.social-widgets li a::before {
    display: none;
}

.social-widgets li a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-right: 8px;
}

.social-widgets .social-img {
    background-color: rgba(255, 255, 255, 0.1);
    display: inline-flex;
    height: 34px;
    width: 34px;
    align-items: center;
    justify-content: center;
}

.social-two li a::before {
    float: none;
}

@media (min-width: 992px) {
    .social-two li {
        width: 100%;
    }
}

.link-custom {
    font-size: 14px;
}

.link-custom svg {
    height: 20px;
    width: 20px;
}

.tag-icon-class {
    width: 16px;
    height: 16px;
}

.main-link svg {
    width: 18px;
    height: 18px;
}

.more-icon svg {
    height: 14px;
    width: 14px;
}