.blog-row {
    display: flex;
    gap: 30px;
    margin-top: 30px;
    padding: 15px;
}

.blog-row .blog-row {
    align-items: center;
    gap: 25px;
    margin-top: 0px;
    padding: 0px;
}

.col-xl-5 {
    width: 40%;
}

.col-xl-7 {
    width: 60%;
}

.blog-img.global-img img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    margin-bottom: 20px;
    border-radius: 20px;
    transition: all 0.4s ease-in-out;
}

.blog-img.global-img img:hover {
    transform: scale(1.1);
}

.col-xl-7 .blog-img {
    min-width: 400px;
}

.blog-grid_content {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.blog-row .blog-row .blog-grid_content {
    margin-top: -40px;
}

a.author {
    font-size: 14px;
}

.blog-grid_content h3 {
    font-family: "ivypresto-display", Sans-serif;
    font-size: 28px;
    font-weight: normal;
    letter-spacing: 1px;
    word-spacing: 2px;
    color: var(--e-global-color-7317a1a);
}

a.th-btn {
    background-color: #FFFFFF;
    font-family: "Archivo", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    fill: var(--e-global-color-7317a1a);
    color: #395353 !important;
    border-radius: 8px 8px 8px 8px;
    padding: 16px 20px 16px 20px;
    align-self: flex-start;
    border-radius: 10px;
}

.blog-contain {
    padding: 80px 10px 60px;
}

@media screen and (max-width: 600px) {
    .blog-row {
        flex-direction: column;
    }

    .col-xl-5 {
        width: 100%;
    }

    .blog-contain {
        padding: 60px 0px 40px;
    }

    .col-xl-7 {
        width: 100%;
    }

    .col-xl-7 {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
.col-xl-7 .blog-img {
    min-width: 100%;
}
    .blog-row.gx-24.gy-30 {
        max-width: 100vw;
        overflow: hidden;
    }
}