.page[name='blogs'] > .content {
    background-color: #fbfaff;
}
.page[name='blogs'] > .content > .hero {
    background-color: #f8f6ff;
    background-image: radial-gradient(circle at 12% 28%, rgba(218, 235, 255, 0.58), rgba(255, 255, 255, 0) 36%), radial-gradient(circle at 88% 20%, rgba(255, 222, 241, 0.65), rgba(255, 255, 255, 0) 34%), linear-gradient(180deg, #ffffff 0%, #f7f0ff 100%);
}
.page[name='blogs'] > .content > .hero > .breadcrumb {
    color: #777496;
}
.page[name='blogs'] > .content > .hero > .breadcrumb > span:last-child {
    color: #2c2b68;
}
.page[name='blogs'] > .content > .hero > .headline {
    color: #26265f;
}
.page[name='blogs'] > .content > .hero > .headline > span {
    color: #d70f73;
    background-image: linear-gradient(90deg, #ef0873 0%, #6f2b86 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.page[name='blogs'] > .content > .hero > .description {
    color: #55537c;
}
.page[name='blogs'] > .content > .hero > .search {
    border-color: #ece9f5;
    background-color: #ffffff;
}
.page[name='blogs'] > .content > .hero > .search > .searchIcon {
    border-color: #9b99bc;
}
.page[name='blogs'] > .content > .hero > .search > .searchText {
    color: #8e8baa;
}
.page[name='blogs'] > .content > .hero > .search > input {
    color: #36345e;
    background-color: transparent;
}
.page[name='blogs'] > .content > .hero > .decorations > .dot {
    background-color: #6262b7;
}
.page[name='blogs'] > .content > .hero > .decorations > .triangle {
    background-color: #aaa9df;
}
.page[name='blogs'] > .content > .hero > .decorations > .circle {
    border-color: #b7b4eb;
}
.page[name='blogs'] > .content > .hero > .decorations > .dash {
    border-top-color: #f14c9d;
}
.page[name='blogs'] > .content > .blogArea > .categories > .button:not(.active) {
    color: #39376c;
    border-color: #e6e3f0;
    background-color: #ffffff;
}
.page[name='blogs'] > .content > .blogArea > .categories > .button.active {
    color: #ffffff;
    border-color: #34327b;
    background-color: #34327b;
}
.page[name='blogs'] > .content > .blogArea > .categories > .button > span {
    color: #9a97b4;
}
.page[name='blogs'] > .content > .blogArea > .categories > .button[key='all'] > span {
    color: #d8d6ee;
}
.page[name='blogs'] > .content > .blogArea > .featuredPost {
    border-color: #f0edf5;
    background-color: #ffffff;
}
.page[name='blogs'] > .content > .blogArea > .featuredPost > .information > .featuredBadge {
    color: #ffffff;
    background-image: linear-gradient(90deg, #e31583 0%, #7048a3 100%);
}
.page[name='blogs'] > .content > .blogArea > .featuredPost > .information > .category[key='news'] {
    color: #e31583;
    background-color: #fde6f1;
}
.page[name='blogs'] > .content > .blogArea > .featuredPost > .information > .title {
    color: #24245f;
}
.page[name='blogs'] > .content > .blogArea > .featuredPost > .information > .summary {
    color: #55537b;
}
.page[name='blogs'] > .content > .blogArea > .featuredPost > .information > .meta {
    color: #8d8aaa;
}
.page[name='blogs'] > .content > .blogArea > .featuredPost > .information > .meta > .reading > .clock {
    border-color: #a8a5c1;
}
.page[name='blogs'] > .content > .blogArea > .posts > .button {
    border-color: #ece9f1;
    background-color: #ffffff;
}
.page[name='blogs'] > .content > .blogArea > .posts > .button > .information > .category[key='news'] {
    color: #df1b79;
    background-color: #fde8f2;
}
.page[name='blogs'] > .content > .blogArea > .posts > .button > .information > .category[key='seminars'] {
    color: #1989a4;
    background-color: #e5f8fc;
}
.page[name='blogs'] > .content > .blogArea > .posts > .button > .information > .category[key='application'] {
    color: #62529b;
    background-color: #efedf9;
}
.page[name='blogs'] > .content > .blogArea > .posts > .button > .information > .category[key='exam'] {
    color: #b87a11;
    background-color: #fff2d9;
}
.page[name='blogs'] > .content > .blogArea > .posts > .button > .information > .category[key='psychology'] {
    color: #479969;
    background-color: #e9f8ec;
}
.page[name='blogs'] > .content > .blogArea > .posts > .button > .information > .title {
    color: #24245f;
}
.page[name='blogs'] > .content > .blogArea > .posts > .button > .information > .summary {
    color: #55537b;
}
.page[name='blogs'] > .content > .blogArea > .posts > .button > .information > .date {
    color: #8885a5;
}
.page[name='blogs'] > .content > .blogArea > .loadMore > .button {
    color: #3f3b82;
    border-color: #dedbea;
    background-color: #ffffff;
}