.post-card__container {
    margin: 0 0 1.5em;

    .mdc-card {
        background-color: #F9F9F9;
        border: 1px solid #C6C6C6;
        border-radius: 12px; /* Add border-radius here for the card */
        box-shadow: none !important;
        overflow: visible !important;
        .mdc-first-section {
            display: flex;
            justify-content: space-between;
            padding: 16px;
            align-items: center;
            height: fit-content;

            .mdc-author {
                text-decoration: none;
				/*
                color: #1E1E1E;
                font-weight: 600;
				*/
                img {
                    width: 40px;
                    height: 40px;
                    border-radius: 9999px;
                    object-fit: contain;
                    border:1px solid #000000;
                }
				.author-counselor {
					font-family: 'Roboto';
					font-style: normal;
					font-weight: 600;
					font-size: 14px;
					line-height: 140%;
					color: #1E1E1E;
				}
				.author-name {
					font-family: 'Roboto';
					font-style: normal;
					font-weight: 700;
					font-size: 12px;
					line-height: 12px;
					letter-spacing: 0.3px;
					text-transform: uppercase;
					color: #757575;
				}
            }
            .mdc-icon-button{
                color: #757575 !important;
            }
            .mdc-menu-surface--anchor{
                .mdc-menu{
                    border: 1px solid #D9D9D9;
                    border-radius: 8px;
                    .mdc-list{
                        z-index: 100;
                        padding: 0 !important;
                        .mdc-list-item{
                            align-items: center;
                            .mdc-list-item__graphic {
                                margin-right: 12px !important;
                            }
                        }
                    }
                }
            }
        }
        .post-card__primary{
            .post-card__title {
                color:#1B1B1B;
                font-size: 16px;
                line-height: 24px;
                font-weight: 400;
            }
            .post-card__subtitle {
                color: #757575;
                font-weight: 400;
                font-size: 14px;
                line-height: 20px;
            }
        }
        .post-card__secondary {
            margin: 32px 16px;
            p{
                color: #757575;
                font-weight: 400;
                line-height: 20px;
            }
        }
        .mdc-card__actions{
            margin: 0;
            justify-content: flex-end;
            padding: 16px;
            .mdc-card__action{
                padding: 0;
                color: #757575 !important;
                text-decoration: underline;
            }
            .mdc-card__action:hover{
                background-color: transparent !important;
            }
        }
    }
    .mdc-card__media:before{
        margin-top: 44.25%;

        @media (max-width: 768px) {
            margin-top: 50.25%;
        }
    }
}
.mdc-card__primary-action:first-child {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.mdc-card__primary-action:last-child {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.content-area {
    margin-top: 66px !important;
}
@media(max-width:768px){
    .content-area{
		width: 100% !important;
        margin-top: 60px !important;

    }
	.masonry-grid-theme {
		padding: 12px !important
	}
}

/* Animation styles */
  .animate-card {
    opacity: 0;
    position: relative;
    top: 20px;
    transition: opacity 0.5s ease-out, top 0.5s ease-out;
  }

  .animate-card.visible {
    opacity: 1;
    top: 0;
  }

  /* Alternative: Smooth scroll only for comment links */
#commentform {
    scroll-margin-top: 100px;
}

/* Style for comment links */
.smooth-scroll-comment {
    display: flex;
    align-items: center;
    width: 100%;
    color: inherit;
    text-decoration: none;
}

.qstcap-wrapper {
	.qstcap-content {
		&.mdc-card {
			border: 1px solid #C6C6C6;
			border-radius: 12px;
			box-shadow: none !important;

			h3, h4, h5 {
				margin: 0px;
			}

			.qstcap-top,
			.qstcap-bottom {
				padding: 32px;
			}
			.qstcap-top {
				background-color: #f5f5f5;

				.qstcap-top-title {
				}
			}
			.qstcap-bottom {
				.qstcap-btn {
					color: #f5f5f5;
					border: 1px solid #2c2c2c;
					border-radius: 8px;
					background: #2c2c2c;
					padding: 12px 0;
					display: block;
					text-align: center;
					text-decoration: none;
				}
			}
		}
	}
}