.blog.section, .resume.section{
    /*height: 500px;*/

    .container{
        /*height: 100px;*/
        padding: 0px;
    }

    .blog-notification{
        .bx{
            font-size: 3em;
            cursor: pointer;
        }

        .spinner-border{
            color: rgba(var(--schcolor1-rgb), var(--bs-text-opacity)) !important;
        }
    }


    .timeline{
        height: 500px;
        overflow-y: auto;

        .event{
            border: 2px solid var(--schcolor1);
            .fa{
                color: var(--schcolor1) !important;
                margin-right: 5px;
            }

            a,
            a:hover,
            a:visited{
                color: var(--schcolor1) !important;
            }


            .month{
                color: white !important;
            }
        }

    }

    .timeline::-webkit-scrollbar-track
    {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: var(--schcolor3);
        border-radius: 10px;
    }

    .timeline::-webkit-scrollbar
    {
        width: 5px;
    }

    .timeline::-webkit-scrollbar-thumb
    {
        border-radius: 10px;
        background-color: var(--schcolor1);
    }

    .more{
        text-align: center;
        line-height: 100px;

        p,a{
            color: var(--schcolor1);
        }
    }
}

.post,
.tile,
.post-comments{
    border: 1px solid var(--schcolor1);
    border-radius: 20px;
    padding: 50px 60px;
}

.post{
    padding: 50px 60px 10px 60px;
}

#blog-post{
    @media (min-width: 768px) {
        .dotlottie{
            float: right;
        }
    }

    .dotlottie{
        width: 130px;
    }



    .post{

        h3{
            font-size: 15px;
        }

        .title{
            color: var(--schcolor1);
        }

        .time{
            font-size: 10px;
            text-align: left;
            .fa{
                color: var(--schcolor1);
            }
        }

        .post-text{
            padding: 0px 10px;
            text-align: justify;
        }

        .navigation{
            border-top: 1px solid var(--schcolor1);

            a{
                line-height: 50px;
            }
        }
    }

    .fa-arrow-left{
        float: left;
        color: var(--schcolor1);
    }

    .fa-arrow-right{
        float: right;
        color: var(--schcolor1);
    }


}




.post-tile{
    h3{
        line-height: 30px;
    }
    .dotlottie{
        width: 50px;
        float: right;
    }

    .fa{
        color: var(--schcolor1) !important;
        margin-right: 5px;
    }
}