.loan-tabs-container .miko-post-tab {
    display: flex;
    gap: 40px;
    align-items: stretch;
}

.loan-tabs-left {
    flex: 0 0 320px;
    background: #f7f9fa;
    border-radius: 8px;
}

.loan-tabs-left ul.loan-tab-titles {
    padding: 0;
    margin: 0;
}

.loan-tab-titles {
    list-style: none;
    margin: 0;
    padding: 0;
}

.loan-tab-titles .tab-title .group {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 16px;
    background-color: #E7ECEC;
}

.loan-tab-titles .tab-title+.tab-title {
    margin-top: 12px;
}

.loan-tab-titles .tab-title.active .group {
    background: #0F3D3E;
    font-weight: 600;
    color: white;
}

.loan-tab-titles .tab-title:hover .group {
    background: #0F3D3E;
    color: white;
}

.loan-tab-titles .tab-title .icon {
    width: 40px;
    height: 40px;
    background-color: white;
    border-radius: 50%;
    overflow: hidden;
}

.loan-tabs-right {
    flex: 1;
    background: #eef3f5;
    border-radius: 6px;
    padding: 12px;
}

.tab-content,
.tab-content-mb {
    display: none;
}

.tab-content.active {
    display: block;
}

.tab-inner {
    display: flex;
    gap: 18px;
}

.tab-inner .tab-text h3 {
    font-size: 24px;
    color: #0F3D3E;
}

.tab-inner .tab-text ul li {
    padding-left: 0.5rem;
}

.tab-inner .tab-text ul li::marker {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAANCAYAAACkTj4ZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACSSURBVHgBpdHBDYQgFATQgW3E63aw683KPWoHJl6kEcH5mGiIaD4413FeBAxeZJh+DT62BwIsKnMiaOjAoCIpEhx86IqhHPL/jq4IukOkU0NPSISGuV3k1rGmRQkisWLQ44emj4MKZIe874i5HKZF4q8cA8uB4QAc8JixVSIHlMX2SoUk0BVjlMgFSjB5BSUi2QBVYotokHFQ0AAAAABJRU5ErkJggg==);
}

.tab-inner .tab-image {
    flex: 0 0 465px;
    border-radius: 6px;
}

.read-more {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    padding: 8px 16px;
    background: #0F3D3E;
    color: #fff;
    text-decoration: none !important;
    border-radius: 16px;
    transition: all 0.3s ease;
}

.read-more:hover {
    background: #00695c;
    color: white;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media screen and (max-width: 1024px) {
    .tab-inner .tab-image {
        flex: 0 0 300px;
    }
}

@media screen and (max-width: 768px) {
    .loan-tabs-container .miko-post-tab {
        display: grid;
    }

    .tab-content-mb.active {
        display: block;
        background: #eef3f5;
        border-radius: 6px;
        padding: 12px;
    }

    .loan-tabs-right {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    .tab-inner {
        flex-direction: column;
    }

    .tab-inner .tab-image {
        flex: 1 1 auto;
    }
}