.blog-page{background:var(--color-background-dark);color:var(--color-text-light);z-index:4;width:100%;padding:140px 240px;position:relative}@media (max-width:1024px){.blog-page{margin-top:60px;padding:40px 60px}}@media screen and (max-width:768px){.blog-page{padding:50px 20px}}.blog-page .hero-title{text-align:center;width:700px;margin:0 auto;color:var(--color-text-light)!important}@media screen and (max-width:768px){.blog-page .hero-title{text-align:left;width:100%}}.blog-page .tabs-wrap{margin-top:60px}@media (max-width:768px){.blog-page .tabs-wrap{margin-top:30px}}.blog-page .tabs-wrap .blog-list-wrap{width:100%}.blog-page .tabs-wrap .blog-list-wrap .trending-blog-wrap{cursor:pointer;margin:30px 0;display:flex}@media screen and (max-width:768px){.blog-page .tabs-wrap .blog-list-wrap .trending-blog-wrap{flex-direction:column}}.blog-page .tabs-wrap .blog-list-wrap .trending-blog-wrap .image-wrap{width:60%}@media screen and (max-width:768px){.blog-page .tabs-wrap .blog-list-wrap .trending-blog-wrap .image-wrap{width:100%}}.blog-page .tabs-wrap .blog-list-wrap .trending-blog-wrap .image-wrap img{border-radius:20px;width:100%;height:100%}.blog-page .tabs-wrap .blog-list-wrap .trending-blog-wrap .blog-text-content{width:40%;padding-left:40px}@media screen and (max-width:768px){.blog-page .tabs-wrap .blog-list-wrap .trending-blog-wrap .blog-text-content{width:100%;padding:10px 0}}@media (max-width:768px){.blog-page .tabs-wrap .blog-list-wrap .trending-blog-wrap .section-title-small{font-size:24px;font-weight:600}}.blog-page .tabs-wrap .blog-list-wrap .blog-grid{grid-gap:64px 20px;grid-template-columns:repeat(3,1fr);display:grid}@media screen and (max-width:1024px){.blog-page .tabs-wrap .blog-list-wrap .blog-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.blog-page .tabs-wrap .blog-list-wrap .blog-grid{grid-gap:40px 0;grid-template-columns:1fr}}.blog-page .tabs-wrap .blog-list-wrap .blog-grid .blog-card{cursor:pointer;width:100%}.blog-page .tabs-wrap .blog-list-wrap .blog-grid .blog-card img{object-fit:cover;border-radius:24px;width:100%}.blog-page .tabs-wrap .blog-list-wrap .blog-grid .blog-card .blog-card-content{margin-top:20px}.blog-page .tabs-wrap .blog-list-wrap .blog-grid .blog-card .blog-card-content .blog-title{font-size:32px;font-weight:600}@media screen and (max-width:768px){.blog-page .tabs-wrap .blog-list-wrap .blog-grid .blog-card .blog-card-content .blog-title{font-size:24px}}.blog-page .tabs-wrap .blog-list-wrap .load-more-wrap{justify-content:center;width:100%;margin-top:70px;display:flex}.meta-text{color:var(--color-text-disabled-dark);align-items:center;gap:10px;margin-top:0;display:flex}.individual-blog-page{background:var(--color-background-dark);z-index:4;width:100%;position:relative}@media (max-width:768px){.individual-blog-page{padding-top:80px}}.individual-blog-page .common-content-wrap{color:var(--color-text-light);padding:20px 40px}@media (max-width:768px){.individual-blog-page .common-content-wrap{padding:20px}}.individual-blog-page .blog-cover-wrap{width:100%;margin-top:92px;margin-bottom:50px}.individual-blog-page .blog-cover-wrap img{object-fit:cover;border-radius:10px;width:100%;height:300px}@media screen and (max-width:768px){.individual-blog-page .blog-cover-wrap img{height:auto}}.individual-blog-page .main-content-wrap{gap:40px;padding:60px 0;display:flex}@media screen and (max-width:1024px){.individual-blog-page .main-content-wrap{padding:40px 80px}}@media screen and (max-width:768px){.individual-blog-page .main-content-wrap{flex-direction:column;gap:20px;padding:0}}.individual-blog-page .main-content-wrap .left-side-wrap{width:330px}@media screen and (max-width:768px){.individual-blog-page .main-content-wrap .left-side-wrap{order:2;width:100%}}.individual-blog-page .main-content-wrap .left-side-wrap .meta-info-wrap{background-color:var(--card-bg);border-radius:24px;padding:40px 32px}@media screen and (max-width:768px){.individual-blog-page .main-content-wrap .left-side-wrap .meta-info-wrap{padding:20px}}.individual-blog-page .main-content-wrap .left-side-wrap .meta-info-wrap .label-text{color:var(--color-text-muted-dark);font-size:18px;font-weight:500;line-height:26px}.individual-blog-page .main-content-wrap .left-side-wrap .meta-info-wrap .author-name{color:var(--color-text-disabled-dark);font-size:24px;font-weight:600}.individual-blog-page .main-content-wrap .left-side-wrap .meta-info-wrap .author-role{color:var(--color-text-muted-dark);margin-bottom:15px}.individual-blog-page .main-content-wrap .left-side-wrap .meta-info-wrap hr{border-top:.001rem solid var(--color-border-thin);opacity:.2;margin:15px 0}.individual-blog-page .main-content-wrap .left-side-wrap .meta-info-wrap .social-icon-wrap{cursor:pointer;background-color:var(--black-50);border-radius:10px;justify-content:center;align-items:center;padding:8px;display:flex}.individual-blog-page .main-content-wrap .left-side-wrap .meta-info-wrap .topics-wrap{flex-wrap:wrap;gap:8px;display:flex}.individual-blog-page .main-content-wrap .left-side-wrap .meta-info-wrap .topics-wrap .topic-wrap{background-color:var(--color-border-thin);color:var(--color-text-light);border-radius:10px;padding:8px 12px;font-size:18px;font-weight:500;line-height:26px}.individual-blog-page .main-content-wrap .left-side-wrap .meta-info-wrap .post-title{color:var(--color-text-light);width:80%;font-size:24px;font-weight:600}.individual-blog-page .main-content-wrap .right-side-wrap{width:calc(100% - 330px)}@media screen and (max-width:768px){.individual-blog-page .main-content-wrap .right-side-wrap{order:1;width:100%}}.individual-blog-page .main-content-wrap .right-side-wrap .section-title{color:var(--color-text-light)}.individual-blog-page .main-content-wrap .right-side-wrap .section-content{color:var(--black-20);white-space:pre-wrap;font-size:18px}
