.rounded-img {
    border-radius: 28px;
}

/* Blog article content - match other pages */
.px-md-3.px-lg-5 ul li {
    margin-bottom: 0.75rem;
}

.px-md-3.px-lg-5 h4 {
    margin-bottom: 1rem;
    margin-top: 1.5rem;
}

.px-md-3.px-lg-5 h4:first-of-type {
    margin-top: 0;
}

.px-md-3.px-lg-5 h5 {
    margin-top: 1.25rem;
}

/* Blog icons – outline style (SVGREPO-like), stroke-based; colored via .tx-main / .tx-success / .tx-danger */
.blog-icon {
    width: 1.25em;
    height: 1.25em;
    vertical-align: -0.25em;
    flex-shrink: 0;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.blog-icon.tx-main { color: #F07F25; }
.blog-icon.tx-success { color: #198754; }
.blog-icon.tx-danger { color: #dc3545; }
.blog-list-icon { margin-right: 0.5rem; }

h1 {
    font-size: 20px;
}
.blog-container h4{
    font-weight: 700;
}
p {
    line-height: 1.7;
    font-size: 14px;
}

.artical-title {
    margin-top: -115px;
}

.artical-title-2 {
    margin-top: -95px;
    
}

.artical-title-2 h6 {
    max-width: 300px;
}

.artical-title h4,.artical-title-2 h6 {
    text-shadow: 0 3px 24px #000000;
}

.artical-title span {
    text-shadow: 0 3px 24px rgba(0, 0, 0, 24%);
}

.news-card {
    border-radius: 20px;
    transition: border-width 1s ease-in-out;
}

.news-card:hover {
    border: 1px solid #F07F25 !important;
}

.card-img, .card-img-top {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.tx-grey {
    color: #A8A8A8;
}

.page-link {
    border-radius: 8px;
    margin-right: 0.5rem;
    color: #000000;
    border-color: transparent;
    font-weight: 600;
}

.page-link:hover {
    color: #F07F25;
    background-color: transparent;
    border-color: transparent;
}

.page-link:hover svg path {
    fill: #F07F25;
}

.active>.page-link, .page-link.active, .page-link.active:hover {
    background-color:#F07F25;
    border-color: #F07F25;
    color: #fff;
}

.disabled>.page-link, .page-link.disabled {
    border-color: transparent;
}

.disabled>.page-link > svg path, .page-link.disabled > svg path {
    fill: #6c757d;
}

.page-no {
    width: 35px;
    height: 35px;
    text-align: center;
}

@media(min-width: 768px) {
    h1 {
        font-size: calc(1.375rem + 1.5vw);
    }

    p {
        font-size: 16px;
    }
}

@media(min-width: 1024px) {
    .artical-title-2 h6 {
        max-width: 80%;
    }

    .artical-title-2 {
        margin-top: -95px;
        
    }
}

/* Blog comparison table – design system + responsive */
.blog-comparison-table-wrapper {
    border-color: rgba(0, 0, 0, 0.08) !important;
}

.blog-comparison-table {
    -webkit-overflow-scrolling: touch;
    border-radius: inherit;
}

.blog-comparison-table .table {
    font-size: 0.8125rem;
    min-width: 280px;
}

.blog-comparison-table .table th,
.blog-comparison-table .table td {
    border-color: rgba(0, 0, 0, 0.08);
    vertical-align: middle;
}

.blog-comparison-table .table thead th {
    font-size: 0.8125rem;
}

@media (min-width: 768px) {
    .blog-comparison-table .table {
        font-size: 0.875rem;
        min-width: auto;
    }

    .blog-comparison-table .table thead th {
        font-size: 0.9375rem;
    }

    .blog-comparison-table .table th,
    .blog-comparison-table .table td {
        padding: 0.75rem 1rem !important;
    }
}

@media (min-width: 992px) {
    .blog-comparison-table .table {
        font-size: 1rem;
    }

    .blog-comparison-table .table thead th {
        font-size: 1rem;
    }
}

/* CTA box in blog article: larger title on desktop (fs-md-2 not in Bootstrap 5.2) */
@media (min-width: 768px) {
    .blog-article .bg-main-light .fs-md-2 {
        font-size: 2rem !important;
    }
}