// Blog Area

.rts-blog-area{
    .left-side-content{
        max-width: 425px;
        .desc{
            margin-bottom: 25px;
        }
    }
    .swiper-pagination-5{
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -60px;
        .swiper-pagination-bullet{
            transition: var(--transition);
            margin: 0 2px;
        }
    }
    .section-inner{
        position: relative;
        z-index: 1;
    }
    .section-title-area .section-title{
        margin-bottom: 20px;
    }
    &.inner{
        .blog-wrapper{
            background: #FFFFFF;
            border: 1px solid rgba(85, 85, 85, 0.2);
            box-shadow: 0px 30px 40px rgba(175, 175, 175, 0.16);
            border-radius: 6px;
            .content{
                .blog-meta{
                    color: var(--color-primary);
                    margin-bottom: 10px;
                }
                .author-date{
                    display: flex;
                    align-items: center;
                    margin-top: 15px;
                    .person{
                        display: flex;
                        align-items: center;
                        gap: 10px;
                        color: var(--color-heading-1);
                        padding-right: 7px;
                    }
                    .date{
                        padding-left: 13px;
                        position: relative;
                        z-index: 1;
                        &::after{
                            content: '';
                            position: absolute;
                            z-index: -1;
                            width: 6px;
                            height: 6px;
                            border-radius: 50%;
                            background: var(--color-primary);
                            top: 50%;
                            transform: translateY(-50%);
                            left: 0;
                        }
                    }
                }
            }
        }
        .load-more-btn{
            margin: 60px auto auto;
            border: 1px solid rgba(85, 85, 85, 0.15);
            border-radius: 6px;
        }
    }
    &.blog-2{
        .blog-wrapper{
            padding: 40px 45px;
        }
    }
}
.blog-wrapper{
    padding: 30px;
    background: var(--color-white);
    border-radius: 6px;
    border: 1px solid rgba(#555555, $alpha: .15);
    .image-area{
        border-radius: 6px;
        overflow: hidden;
        transition: var(--transition);
        &:hover{
            img{
                transform: scale(105%);
            }
        }
        img{
            transform: scale(100%);
            transition: var(--transition);
        }
    }
    .content{
        margin-top: 30px;
        .blog-meta{
            margin-bottom: 20px;
        }
        h6{
            margin-bottom: 0;
            line-height: 34px;
        }
    }
}
.blog-list-style{
    .blog-wrapper{
        gap: 30px;
        .image-area{
            flex-basis: 47%;
        }
        .content{
            flex-basis: 53%;
        }
    }
}