﻿.blogdsc_section {
    padding: 60px 0px;
    background-color: #F7F7FC;
}

    .blogdsc_section#hiro {
    }

        .blogdsc_section#hiro .page_title {
            text-align: center;
            color: #3A1341;
            font-weight: 800;
            font-size: 32px;
        }

    .blogdsc_section#sec1 {
        padding: 80px 0px;
    }

        .blogdsc_section#sec1 .container {
            background-color: #FFF;
            padding: 10px;
            border-radius: 18px;
        }

        .blogdsc_section#sec1 img.top_pic {
            border-radius: 24px;
            width: calc( 100% - 50px );
            max-height: 50vh;
            object-fit: cover;
            margin: 25px 25px 35px 25px;
        }

        .blogdsc_section#sec1 .blog_content {
            width: 100%;
            padding: 10px 20px;
            color: #11244B;
            text-align: justify;
        }

            .blogdsc_section#sec1 .blog_content > h1, h2, h3, h4 {
                line-height: 60px !important;
            }

            .blogdsc_section#sec1 .blog_content a {
                color: #932A85;
            }

            .blogdsc_section#sec1 .blog_content .blog_info {
                color: #5F6F8D;
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin: 20px auto 40px auto;
            }

                .blogdsc_section#sec1 .blog_content .blog_info > span {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                }

                .blogdsc_section#sec1 .blog_content .blog_info img, .blogdsc_section#sec1 .blog_content .blog_info svg {
                    margin: 0px 5px;
                    width: 25px !important;
                    height: auto !important;
                }

            .blogdsc_section#sec1 .blog_content blockquote {
                background-color: #FFF0E2;
                padding: 40px;
                border-radius: 40px;
                position: relative;
                color: #FF9B0F;
                margin: 25px auto;
            }

                .blogdsc_section#sec1 .blog_content blockquote:before {
                    background: rgb(255,155,15,1);
                    background: -moz-linear-gradient(90deg, rgba(255,155,15,1) 0%, rgba(255,155,15,1) 14%, rgba(255,255,255,0) 15%, rgba(255,255,255,0) 100%);
                    background: -webkit-linear-gradient(90deg, rgba(255,155,15,1) 0%, rgba(255,155,15,1) 14%, rgba(255,255,255,0) 15%, rgba(255,255,255,0) 100%);
                    background: linear-gradient(90deg, rgba(255,155,15,1) 0%, rgba(255,155,15,1) 14%, rgba(255,255,255,0) 15%, rgba(255,255,255,0) 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF9B0F",endColorstr="#ffffff",GradientType=1);
                    content: '';
                    height: calc(100% - 40px);
                    width: 50px;
                    border-radius: 30px;
                    right: -40px;
                    top: 20px;
                    position: absolute;
                }

                .blogdsc_section#sec1 .blog_content blockquote:after {
                    content: '';
                    position: absolute;
                    right: 40px;
                    top: 22px;
                    background-image: url(../img/blockquote-icon.svg);
                    background-repeat: no-repeat;
                    width: 35px;
                    height: 35px;
                    background-size: 35px auto;
                }

                .blogdsc_section#sec1 .blog_content blockquote p {
                    margin: 25px 0px 0px;
                }

            .blogdsc_section#sec1 .blog_content ul {
                background-color: #F5F8FC;
                border-radius: 18px;
                padding: 25px 50px;
            }

            .blogdsc_section#sec1 .blog_content p {
                text-align: justify;
            }

            .blogdsc_section#sec1 .blog_content img {
                margin: 15px auto;
                border-radius: 18px;
                display: block;
                max-width: 100%;
            }
