.fp-articles {
    padding-top: 20px;

    .fp-cmpny-port-list {

        @media only screen and (min-width: $lg_1200) {
            padding-right: 60px;
        }

        .fp-head-24 {
            margin-bottom: 15px;
            @include fpLineRestrict;
            -webkit-line-clamp: 1;
        }
    }
}

// Sidebar
.fp-sidebar {
    .fp-sidebar-post {
        padding: 40px;
        border-radius: 24px;
        background: $bgLightPurple;

        @media only screen and (max-width: $lg_1199) {
            padding: 30px 20px;
            border-radius: 15px;
        }
    }

    .fp-cmn-form {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid $bgLightPink;

        .fp-ic-group {
            .form-control {
                border-color: $bgLightPink;
            }
        }
    }

    .fp-sidebar-post-list {
        .fp-head-18 {
            margin-bottom: 24px;
        }

        .fp-sidebar-post-des {
            display: flex;
            align-items: center;
            margin-bottom: 24px;
            padding-bottom: 24px;
            border-bottom: 1px solid $bgLightPink;

            .fp-post-des {
                padding-left: 15px;

                p {
                    margin-bottom: 0;
                    color: $textBlack;
                    font-size: $font14;
                    @include fpLineRestrict;
                    -webkit-line-clamp: 2;
                }
            }
        }
    }

    .fp-share-list {
        padding: 40px;
        margin-top: 40px;
        border-radius: 24px;
        border: 1px solid $bgLightPink;

        @media only screen and (max-width: $lg_1199) {
            padding: 20px;
            margin-top: 30px;
            border-radius: 15px;
        }

        .fp-share-links {
            margin-top: 20px;

            a {
                margin-right: 15px;

                @media only screen and (max-width: $md_991) {
                    margin-right: 5px;

                    img {
                        width: 30px;
                        height: 30px;
                    }
                }
            }
        }
    }
}

// Articles Details
.fp-articles-details {
    .fp-detail-list {
        padding-right: 90px;

        @media only screen and (max-width: $xl_1440) {
            padding-right: 50px;
        }

        @media only screen and (max-width: $md_991) {
            padding-right: 0;
        }

        .fp-detail-des {
            padding-bottom: 50px;

            @media only screen and (max-width: $sm_767) {
                padding-bottom: 30px;
            }

            h2,
            h3 {
                @include fpHead40;
                margin-bottom: 20px;
            }

            ul {
                padding-left: 15px;
            }

            .fp-details-img {
                img {
                    width: 100%;
                    border-radius: 24px;

                    @media only screen and (max-width: $sm_767) {
                        border-radius: 15px;
                    }
                }
            }

            p {
                color: $textBlack;
            }
        }
    }
}

// News List
.fp-news {
    .fp-news-des {
        padding: 24px;
        border-radius: 24px;
        @include fpTransition;
        border: 1px solid $bgLightPink;

        &:not(:last-child) {
            margin-bottom: 40px;
        }

        p,
        .fp-head-24 {
            color: $textBlack;
        }

        .fp-head-24 {
            font-weight: $fontMedium;
        }

        a {
            display: block;
        }

        span {
            margin-top: 10px;
            display: inline-block;
            color: rgba($color: $bgBlack, $alpha: 0.6);
        }

        &:hover {
            background: $bgLightPurple;
        }

        @media only screen and (max-width: $sm_768) {
            padding: 20px 15px;
            border-radius: 15px;

            &:not(:last-child) {
                margin-bottom: 20px;
            }
        }
    }

    .fp-head-40 {
        margin-bottom: 25px;
    }
}