.blog-wrapper{padding-top:20px}
.blog-container{padding-bottom:60px}
.blog-post{display:flex;justify-content:space-between;margin-bottom:32px;align-items:center}
.blog-post .blog-title{font-family:GeneralSansMedium;font-size:40px;line-height:48px;color:#2d1c4a}
.blog-post .post-actions{display:flex;align-items:center;gap:8px;cursor:pointer}
.blog-post .see-all-posts{font-family:GeneralSansSemiBold;text-decoration:none;font-size:16px;line-height:19.5px;color:#5c3899}
.blog-post .post-actions .arrow-icon{flex:1;width:20px;height:20px;object-fit:cover}
.blog-section{display:flex;justify-content:space-between;gap:2.4%}
.blog-section a{text-decoration:none}
.blog-section .main-post{width:48.8%}
.blog-section .other-posts{width:48.8%}
.blog-container .blog-section .post-image-wrapper{position:relative;overflow:hidden}
.blog-container .blog-section .post-image-wrapper .post-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.blog-section .main-image{width:644px;height:362px;object-fit:cover;transition:transform .25s ease-in-out;transform-origin:center center}
.blog-section .main-post .post-content{margin-top:16px}
.blog-container .post-profile{display:flex;align-items:center;gap:8px}
.blog-container .profile-image{width:24px;height:24px;border-radius:50%;object-fit:cover}
.blog-container .author-name{font-family:GeneralSansRegular;text-transform:capitalize;font-size:14px;line-height:19.07px;text-align:left;color:#21153a}
.blog-container .post-title{font-family:GeneralSansMedium;margin-top:16px;font-size:32px;line-height:38.4px;color:#2d1c4a}
.blog-container .post-description{font-family:GeneralSansRegular;margin-top:16px;font-size:16px;line-height:21.79px;color:#5a6a72}
.blog-container .post-date{font-family:GeneralSansSemiBold;margin-top:16px;font-size:14px;line-height:17.07px;letter-spacing:.04em;color:#5a6a72}
.other-posts .post a{display:flex;gap:16px}
.other-posts .post:not(:first-child){margin-top:32px}
.other-posts .post .other-post-image{width:100%;max-width:300px;height:168px;object-fit:cover}
.other-posts .post .post-content .post-title{font-size:20px;line-height:24px;max-width:328px}
.promotion-banner .banner-conatiner{border-radius:16px;display:flex;align-items:center;justify-content:center;text-align:center}
.promotion-banner .bg-banner-container>.cmp-container{width:unset}
.promotion-banner .container:nth-child(1) .cmp-container{max-width:560px}
.promotion-banner .cmp-container .cmp-title__text{font-family:GeneralSansSemiBold;font-size:24px;line-height:28.8px;text-align:center;color:#fcfcfc}
.promotion-banner .cmp-container .cmp-button__text{position:relative;display:inline-block;box-shadow:0 5px 13px 0 rgba(107,74,162,0.25);border-radius:12px;padding:10px 32px 10px 16px;background:linear-gradient(137deg,#482c77 -17.19%,#673fae 61.19%);letter-spacing:.7px;margin-top:24px;text-decoration:none;font-family:GeneralSansSemiBold;color:#e3daf1;font-size:16px;line-height:19.5px;transition:all .3s ease}
.promotion-banner .cmp-container .cmp-button__text:hover{background:#8c5acb;box-shadow:0 5px 13px 0 rgba(107,74,162,0.25)}
.promotion-banner .cmp-container .cmp-button__text::before{position:absolute;display:block;content:url("../../../../../content/dam/oona/images/right_arrow.png");top:50%;transform:translateY(-50%);left:calc(100% - 24px);width:20px;height:20px;line-height:normal}
@media(max-width:768px){.blog-container{padding-bottom:48px}
.blog-container:first-child{padding-top:28px}
.blog-post{margin-bottom:24px}
.blog-post .blog-title{font-size:32px;line-height:38.4px;color:#435056}
.blog-post .see-all-posts{font-size:12px;line-height:14.63px}
.blog-post .post-actions .arrow-icon{width:16px;height:16px}
.blog-section{flex-direction:column}
.blog-section .main-post,.blog-section .other-posts{width:100%}
.blog-section .main-image{width:100%;height:168px}
.blog-container .post-title{font-size:24px;line-height:28.8px}
.blog-container .post-description{font-size:14px;line-height:19.07px}
.blog-section .main-post .post-content{margin-bottom:32px}
.other-posts .post a{flex-direction:column;gap:8px}
.other-posts .post .post-content .post-title,.blog-container .post-date{margin-top:16px}
.other-posts .post .other-post-image{max-width:100%}
.other-posts .post:not(:first-child){margin-top:24px}
.promotion-banner .container:nth-child(1) .cmp-container{max-width:100%}
.promotion-banner .container:nth-child(1){position:unset;transform:unset}
.promotion-banner .cmp-container .cmp-title__text{font-size:16px;line-height:19.5px}
.promotion-banner .cmp-container .cmp-button__text{margin-top:16px;font-size:14px;padding:11.5px 50.5px 11.5px 26.5px}
.promotion-banner .cmp-container .cmp-button__text::before{width:16px;height:16px;left:calc(100% - 40px)}
.blog-category-container.article-newsroom .newsroom_heading .cmp-text>*{font-family:'GeneralSansSemiBold';line-height:29px;font-size:24px;color:#482c77;margin-bottom:10px}
.blog-category-container.article-newsroom .overview-comp__text-three p{font-size:14px;line-height:20px;color:#21153a;font-family:'GeneralSansRegular'}
}
table.blog-table{margin-top:32px;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border-radius:15px;overflow:hidden;border:1px solid #c6b5e3}
.blog-table th,.blog-table td{border-collapse:collapse;border:1px solid #c6b5e3;padding:16px;text-align:center;vertical-align:middle;width:auto}
table.blog-table td{font-family:'GeneralSansRegular';font-size:14px;line-height:150%;color:#2d1c4a}
.blog-table .purple{background-color:#8d6ac8;color:#fff;font-size:14px;font-family:'MontserratRegular';line-height:150%}
.blog-table .light-purple{background-color:#f1ecf8}
.blogpost-title-txt-container .cmp-text .blog-table ul,.blogpost-title-txt-container .cmp-text .blog-table ol{padding-left:15px}
.blogpost-title-txt-container .cmp-text .blog-table ul li,.blogpost-title-txt-container .cmp-text .blog-table ol li{padding-left:unset}
.blog-table .blog-img{height:64px;width:64px}
.blogpost-title-txt-container .cmp-text .blog-table ul li,.blogpost-title-txt-container .cmp-text .blog-table ol li,.blog-table td{hyphens:auto;word-wrap:break-word}
@media screen and (max-width:786px){.blog-table th,.blog-table td{padding:10px 12px}
table.blog-table td,.blog-table .purple{font-size:12px}
.blog-table .blog-img{height:48px;width:48pxs}
}