/* menu style */
#hs_cos_wrapper_module_17179943640906 .header-left {
  padding: 15px 0 !important;
}
#hs_cos_wrapper_module_17179943640906 .menu__item--depth-1 {
  padding: 15px 13px !important;
}
#hs_cos_wrapper_module_17179943640906 .header-Heights, #hs_cos_wrapper_module_17179943640906 .website-headers {
  min-height: 75px !important;
}
.blog-post__body .pillar-section-1 h2 {
  /*     background-color: #cafa3d; */
  color: #ffffff !important;
}

/* topic */
.blogPostAreaSideCol  {
  margin-top: 75px;
  width: 28%;
  position: sticky;
  top: 120px;
  left: 0;
  overflow: auto;
  padding-bottom: 80px; 
}
.blog--post-content-section {
  width: 62%;
}
.blog--post-content-section a p {
  margin-bottom: 0px !important;
  padding-top: 0px !important;
}
.blog--post-content-section table {
  display: block;
  width: 100%;
  height: 100% !important;
  border: none !important;
  overflow-x: auto;
}
.blog-related-posts__title-link:hover{
  text-decoration: none !important;
}
.blogPostAreaRow a.blog-post__tag-link:hover{
  text-decoration: none !important;
  opacity: 0.8;
}
.blog-related-posts__title-link{
  color: #FFF !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
}
@media screen and (max-width: 991px) {
  .blogPostAreaSideCol {
    position: relative;
    padding:0;
  }
}
.blog-post__body h5{
  color: #050314;
  font-family: Dazzed;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px; 
  opacity: 0.6;
  margin-bottom:48px;
}
.blog-post__body p { 
  color: #050314;
  font-family: Dazzed;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 26px !important;
  margin-bottom:30px;
}
.blog-post__body h2 {
  color: #050314 !important; 
  font-family: Dazzed;
  font-size: 24px !important;
  font-weight: 500;
  line-height: 34px;
  margin-bottom:25px;
}
.blog-post__body h3 {
  color: #050314;
  font-family: Dazzed;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom:25px;
}
.blog-post__body h4 {
  color: #050314;
  font-family: Dazzed;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
}

.blogPostBottomArea .wrapper {
  display: block;
  float: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  margin-left:84px;
  padding-right:155px;
}
.blog-post {
  margin: 0 auto;
  max-width: 960px;
  padding: 0 0 69px !important;
}
@media (min-width: 1441px) {
  .blogPostBottomArea .wrapper{
    margin:0 auto;
    display: block;
    float: none;
    padding: 0;
    padding-right: 155px;
    width: 100%;
  }
}
@media only screen and (max-width: 1298px) and (min-width: 992px){
  .blogPostAreaSideCol{
    width:54%;
  }
  .blogPostAreaRow{
    gap:75px !important;
  }
}
@media only screen and (max-width: 1439px) and (min-width: 1231px){
  .blogPostBottomArea .wrapper {
    max-width: 100% !important;
    margin: 0 auto;
    padding-right: 155px;
    padding-left: 20px;
  }
}

@media (max-width: 1230px) {
  .blogPostBottomArea .wrapper {
    margin: 0;
    max-width: 100%;
    width: 100%;
    padding:0;
  }
  .blogPostAreaRow.d_flex.space_between.align_start {
    padding-left: 28px;
    padding-right: 28px;
  }
}

@media screen and (max-width: 767px) {
  .blog--post-content-section table {
    display: block;
    width: 100%;
    border: none !important;
    overflow-x: auto;
  }
  .blog--post-content-section table td {
    max-width: 320px;
    padding-right: 20px !important;
  }
  .blog--post-content-section table tr td p {
    text-align: left !important;
  }

  .blog--post-content-section {
    width: 100%;
  }
  .blog-related-posts__list {
    gap: 36px !important;
  }
  .blog-post__body h2{
    margin-bottom:8px;
  }
  article.blog-related-posts__post{
    width:100% !important;
  }
  .blog-related-posts__image {
    width: 100%;
  }
  .blogPostAreaRow .blog-post__tags {
    display:none !important;
  }
  .blog-related-posts h2{
    margin-bottom:37px !important;
  }
  section.blog-related-posts {
    padding: 67px 28px 42px !important;
  }
}

@media only screen and (max-width: 1130px) and (min-width: 768px){
  .blog--post-content-section table {
    display: block;
    width: 100%;
    border: none !important; 
    overflow-x: auto;
  }
  .blog--post-content-section table td {
    max-width: 320px;
    padding-right: 20px !important;
  }
  .blog--post-content-section table tr td p {
    text-align: left !important;
  }
  .blog-related-posts__list {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 36px;
  }
  article.blog-related-posts__post{
    width:100% !important;
  }
}

.upt_news_row_box{ position: relative;}
.news_head_title{ text-align: left; width: 100%; display: inline-block; margin-bottom: 0; }

.blog_title{ text-align: left; padding-bottom: 20px; }
.real-post-name { padding: 15px 0;}
.real-title_head{ padding-bottom: 0;}
.ocn_summery h4{ display: none; }

.blog_slider {  margin-bottom: 30px;}
.ocn_blog-wrap {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 2px solid rgba(255,255,255, 0.1);
}
.ocn_blog-wrap:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
} 
.ocn_Blog-features {  display: flex; align-items: center;}
.real-feature-img-blogs {
  max-width: 90px;
  margin: 0 10px 0 0;
}
.body-wrapper {
  background: #fff;
  color: #050314 !important;
}
.real-feature-img-blogs img{    
  width: 100%;
  border-radius: 5px;
  object-fit: cover;
  height: 90px;
  width: 90px;
}
.ocn_title_head h4 {
  font-size: 15px;
  margin: 0;
  padding: 0;
}
.ocn_title_head h4 a {
  font-weight: 500;
}
/* topic  post */
/* Blog post */
.hs-blog-post header.header {
  z-index: 9;
  position: relative;
}

.blog-container-blog-post-v2 .Resources_CTAStrip {
  overflow: unset;
}

.blog-container-blog-post-v2 .SVGbackground {
  z-index: -1;
}

.body-container.body-container--blog-post.blog-container-blog-post-v2>div {
  z-index: unset !important;
}


.blog-post__body img {
  margin-top: 0;
}

/* .blog-post__body p {
color: white !important
} */

/* .blog-post__body h2 {
font-size: 35px !important;
line-height: 43px !important;
padding-bottom: 10px !important;
} */


.blog-post__body a {}

em {
  font-size: 15px;
  line-height: 20px;
  padding-top: 15px;
  font-weight: 300;
}

.blog-post__meta {
  margin-bottom: 1.4rem;
}

.blog-post__meta a {
  text-decoration: underline;
}

.blog-post__timestamp {
  display: block;
}

.blog-post__tags svg {
  height: auto;
  margin-right: 0.35rem;
  width: 15px;
}

.blog-post__tag-link {
  font-size: 0.875rem;
}

/* Blog related posts */

.blog-related-posts {
  background-color: transparent;
  max-width: 1087px;
  margin: 0 auto;
  padding: 47px 28px 96px !important;
}
.related-bottom {
  background: linear-gradient(180deg, #35236E -31.77%, #050314 79.46%);
}

.blog-related-posts h2 {
  color: #FFF;
  text-align: center;
  font-family: Dazzed;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 46px; 
  margin-bottom:65px;
}
article.blog-related-posts__post {
  width: 334px;
  flex: none;
  border-radius: 15px;
  border: 1px solid #4B5E85;
}

.blog-related-posts__list {
  display: flex;
  flex-wrap: wrap;
  gap:39px;
}

.blog-related-posts__post {
  flex: 0 0 100%;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 3);
  }
}

.blog-related-posts__image {
  height: 145px;
  object-fit:cover;
  width: 100%;
  border-radius: 15px 15px 0px 0px;
}

.blog-related-posts__title {
  padding: 0;
  color: #FFF;
  font-family: Dazzed;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  margin: 15px 15px 23px 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* Blog comments */

.blog-comments {
  margin: 0 auto;
  max-width: 680px;
}

.blog-comments .hs-submit {
  text-align: center;
}

.blog-comments .comment-reply-to {
  border: 0 none;
}

.blog-comments .comment-reply-to:hover,
.blog-comments .comment-reply-to:focus {
  background-color: transparent;
  text-decoration: underline;
}


/*   */


.blog_listing_page_main .filterSection .line_divider {
  height: 1px;
  display: block;
  width: 100%;
  background: rgba(239, 239, 241, 0.2);
}

.blog_listing_page_main .filterSection .filterSectionInner {
  border-top: 1px solid rgba(239, 239, 241, 0.2);
  padding: 48px 0 32px;
}

.blog_listing_page_main .filterSection .filterSectionInner ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog_listing_page_main .filterSection .filterSectionInner>ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  margin-left: -10px;
  margin-right: -10px;
  position: relative;
  z-index: 1;
  width: 63.65%;
}

.blog_listing_page_main .filterSection .filterSectionInner>ul>li {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.08;
  letter-spacing: -0.005em;
  /*   opacity: 0.7; */
  transition: all ease-in-out 0.2s;
  color: #050314b3 !important;
  padding: 10px 10px;
}



.blog_listing_v2.blog_listing_page_main .filterSection .filterSectionInner>ul>li:last-child {
  opacity: .7;
}
/* .insidecontainer {
overflow-y: auto;
max-height:85vh;
position: relative; /* Default position */
/* Other styles for insidecontainer */
} */

.blog_listing_page_main .filterSection .filterSectionInner>ul li.active,
.blog_listing_page_main .filterSection .filterSectionInner>ul>li:hover,
.blog_listing_page_main .filterSection .filterSectionInner>ul li>ul>li.active,
.blog_listing_page_main .filterSection .filterSectionInner>ul>li>ul>li:hover {
  color: #CAFA3C !important;
  opacity: 1 !important;
  cursor: pointer;
}

.blog_listing_page_main .filterSection .filterSectionInner>ul li.active>ul>li,
.blog_listing_page_main .filterSection .filterSectionInner>ul>li:hover>ul>li {
  /*   color: #efeff1; */
}

/* ul {
padding: 24px;
background: #050314;
box-shadow: 0px 25px 48px rgba(5, 3, 20, 0.1);
border-radius: 16px;
} */

.blog_listing_page_main .filterSection .filterSectionInner ul>li>ul {
  padding: 24px;
  background: #ffffffbd;
  box-shadow: 0px 25px 48px rgba(5, 3, 20, 0.1);
  border-radius: 16px;
  width: 100%;
  max-width: 155px;
  min-width: 155px;
  position: absolute;
  z-index: 1;
  margin-top: 20px;
  border: 1px solid rgba(239, 239, 241, 0.2);
  max-height: calc(100vh - 50px);
  overflow: auto;
  height: 321px;
}

.blog_listing_page_main .filterSection .filterSectionInner ul>li>ul::-webkit-scrollbar {
  width: 4px;
  background-color: transparent;
  border-radius: 16px;
}

.blog_listing_page_main .filterSection .filterSectionInner ul>li>ul::-webkit-scrollbar-thumb {
  border-radius: 16px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #5a2eb3;
}

.blog_listing_page_main .filterSection .filterSectionInner ul>li>ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: transparent;
}

ul.subtopics li:not(:last-child) {
  padding-bottom: 24px !important;
  border-bottom: 1px solid rgba(239, 239, 241, 0.2);
  padding-left: 0;
  padding-right: 0;
}

.filterSectionInner {
  display: flex;
  gap: 29px;
  justify-content: space-between;
  align-items: center;
}

.searchBox {
  display: flex;
  align-items: center;
  background: #1B232E;
  backdrop-filter: blur(24px);
  border-radius: 50px;
  padding: 8px 8px 8px 11px;
  width: 33.77%;
  justify-content: space-between;
  align-items: center;
  position: relative;
  border: 1px solid transparent
}

.searchBox:before {
  width: 100%;
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  padding: 2px;
  transition: all ease-in-out 0.2s;
  border-radius: 50px;
  background: linear-gradient(124.42deg, rgb(44 52 62 / 50%) 0.5%, rgb(137 184 244 / 50%) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.searchBox.active:before {
  background: linear-gradient(158deg, #6911D9 0.32%, #89B8F4 100.87%);
}

.searchBox.active .search_button svg rect {
  stroke: #CAFA3C;
  fill: #CAFA3C;
}

.searchBox.active .search_button svg path {
  fill: #000;
}

.searchBox .searchButton svg rect,
.searchBox .searchButton svg path,
.searchBox .search_button svg rect,
.searchBox .search_button svg path {
  transition: all ease-in-out 0.2s;
}

.searchBox form {
  width: calc(100% - 56px) !important;
  background: transparent;
}

.searchBox input {
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  color: #EFEFF1 !important;
  /*   width: calc( 100% - 56px );  */
  font-size: 14px !important;
  line-height: 1.29;
}

.searchBox .search_icon svg {
  display: block;
  width: 16px;
  height: 16px;
}

.searchBox .searchButton svg,
.searchBox .search_button svg {
  display: block;
  width: 32px;
  height: 32px;
}

ul.subtopics li:not(:first-child) {
  padding-top: 24px;
}

ul.subtopics li:hover {
  color: #fff !important;
}

ul.tabList li {
  position: relative;
}

.blogListParent img,
.blogListParent svg {
  display: block;
  width: 100%;
  height: auto;
}

.blogListSection .blogListParent {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 24px;
  row-gap: 40px;
}

.blogListSection .blogListParent:not(.filteredData) .blogCard.firstBlog {
  /*   display: none; */
}

.blogListSection .blogListParent .blogCard {
  position: relative;
  overflow: hidden;
  border: 2px solid transparent;
}

.blog_listing_page_main .filterSection {
  z-index: 4;
}

.blogListSection .blogListParent .blogCard:before {
  background: rgba(239, 239, 241, 0.2);
  border-radius: 4px;
  content: "";
  inset: 0;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 2px;
  position: absolute;
  transition: all .2s ease-in-out;
  width: 100%;
  z-index: -1;
}

.blogListSection .blogListParent .blogCardImage,
.blogListSection .blogListParent .blogCardImage img {
  aspect-ratio: 360/200;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.blogListSection .blogListParent .blogCardName a:hover {
  text-decoration: none !important;
}
.blogListSection .blogListParent .blogCardName h6 {
  letter-spacing: -0.01em;
  padding-top: 16px;
  margin: 0;
  transition: all ease-in-out 0.2s;
}

.blogListSection .blogListParent .blogCardImage img {
  padding: 22.5px 25px;
  z-index: 2;
  object-fit: cover;
  object-position: top;
}

.blogListSection .blogListParent .blogCardImage span {
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  filter: blur(25px);
  left: 0;
  z-index: 1;
}

.blogListSection .blogListParent .blogCardContentPart {
  padding: 40px 32px 64px;
}

.blogListSection .blogListParent .blogCardAuthorDetails {
  padding: 0 32px 40px;
}

.blogListSection .blogListParent .blogCardContentPart .blogCardTag {
  color: #9B54F8;
  letter-spacing: 0.002em;
  transition: all ease-in-out 0.2s;
}

/* .hs-blog-listing .BannerSectionV3.blog_banner *,
.blogListSection .blogListParent a:hover {
color: #cafa3c !important;
}
*/
.blogListSection .blogListParent .blogCardAuthorDetails .avtarImage {
  width: 52px;
  height: 52px;
  display: block;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  /*   background-color:   #504387; */
  background-color: #ffffff;
}

.blogListSection .blogListParent .blogCardAuthorDetails .authorDetailText {
  width: calc(100% - 68px);
}.hs-blog-listing .BannerSectionV3.blog_banner

.blogListSection .blogListParent .blogCardAuthorDetails .authorDetailText .autherName {
  letter-spacing: 0.01em;
  margin-bottom: 4px;
}

.blogListSection .blogListParent .blogCardAuthorDetails .authorDetailText .publishDate {
  opacity: 0.7;
  letter-spacing: 0.01em;
}

.blogListSection .blogListParent .card_shape,
.blogListSection .blogListParent .card_shape:before {
  position: absolute;
  top: 120px;
  left: 0px;
  width: 171%;
  height: 100%;
  aspect-ratio: 616/540;
  background-image: url("data:image/svg+xml,%3Csvg width='361' height='457' viewBox='0 0 361 457' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.2' filter='url(%23filter0_f_336_12113)'%3E%3Cellipse cx='340.463' cy='390' rx='308' ry='270' fill='url(%23paint0_linear_336_12113)'/%3E%3Cpath d='M647.463 390C647.463 538.445 510.142 659 340.463 659C170.784 659 33.4629 538.445 33.4629 390C33.4629 241.555 170.784 121 340.463 121C510.142 121 647.463 241.555 647.463 390Z' stroke='%23050314' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_336_12113' x='-87.5371' y='0' width='856' height='780' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='60' result='effect1_foregroundBlur_336_12113'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_336_12113' x1='433.463' y1='380.005' x2='85.465' y2='390.059' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23808BEC'/%3E%3Cstop offset='1' stop-color='%236910D9'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 1;
  transition: all ease-in-out 0.2s;
}

.blogListSection.resourcesListSection .blogListParent .card_shape,
.blogListSection.resourcesListSection .blogListParent .card_shape:before {
  top: inherit;
  bottom: 0;
}

.blogListSection .blogListParent .blogCard>div {
  position: relative;
  z-index: 2;
}

.blogListSection .blogListParent .card_shape:before {
  content: '';
  opacity: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='360' height='425' viewBox='0 0 360 425' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.2' filter='url(%23filter0_f_2934_14018)'%3E%3Cellipse cx='340' cy='390' rx='308' ry='270' fill='url(%23paint0_linear_2934_14018)'/%3E%3Cpath d='M647 390C647 538.445 509.679 659 340 659C170.321 659 33 538.445 33 390C33 241.555 170.321 121 340 121C509.679 121 647 241.555 647 390Z' stroke='%23050314' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2934_14018' x='-88' y='0' width='856' height='780' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='60' result='effect1_foregroundBlur_2934_14018'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_2934_14018' x1='433' y1='380.005' x2='85.0021' y2='390.059' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23808BEC'/%3E%3Cstop offset='1' stop-color='%236910D9'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 100%;
  height: 100%;
}

.blogListSection .blogListParent .blogCard:hover .card_shape:before {
  opacity: 1;
  top: 99px;
  left: 182px;
}

.blogListSection .blogListParent .blogCard:hover .card_shape {
  right: 0;
  left: unset;
}

.blogListSection .blogListParent .blogCard:hover:before {
  background: linear-gradient(136deg, rgb(105 17 217 / 70%) .60%, rgb(137 184 244 / 70%) 100.87%);
}

.blog_listing_page_main .blog-pagination a {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
  color: #050314;
  display: block;
  transition: all ease-in-out .2s; 
  padding: 5px;
}

.blog_listing_page_main .blog-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}



.blog_listing_page_main .blog-pagination a:not(.blog_pagination_buttons):not(.blog-pagination__link--active) {
  opacity: 0.9;
}

.blog_listing_page_main .blog-pagination a:hover {
  opacity: 1 !important;
}

.blog_listing_page_main .blog-pagination a.blog-pagination__link--active {
  color: #CAFA3C;
}

.blog_listing_page_main .blog-pagination a.blog_pagination_buttons:hover svg circle {
  stroke-opacity: 1;
}

.blog_listing_page_main .blog-pagination a.blog_pagination_buttons svg circle {
  transition: all ease-in-out 0.2s;
}

.blog_listing_page_main .blog-pagination a.blog-pagination__prev-link--disabled {
  display: none;
}

.blog_listing_page_main {
  padding-bottom: 246px;
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.blog_listing_page_main .blogFooterShape,
.body-container--blog-post .blogFooterShape {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  width: 100%;
  display: block;
  padding-bottom: 37.38%;
  z-index: 1;
}

.body-container--blog-post {
  position: relative;
}

.blog_listing_page_main>div,
.body-container.body-container--blog-post>div {
  position: relative;
  z-index: 2;
}

/* Blog Post Design */
.blogPostBanner .blogBannerRow {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.blogPostBanner .blogBannerRow .blogPostBannerInner {}

.blogPostBanner .blogBannerRow .blogBannerSideCol {
  width: 288px;
}

.blogBannerRow .blogPostBannerInner .blogTagList {

  justify-content: flex-start;
  align-items: center;
  color: #9B54F8;
  letter-spacing: 0.002em;
  font-weight: 600;
}

.blogBannerRow .blogPostBannerInner .blogTagList span {
  opacity: 0.7;
  padding-right: 16px;
  color: #fff;
}

.blogBannerRow .blogPostBannerInner .blogTagList a {
  color: #9B54F8;
  font-size: 12px;
  line-height: 1.66;
  font-weight: 600;
  letter-spacing: 0.32px;
  text-decoration: underline;
}

.blogBannerRow .blogPostBannerInner .blogTagList a+a {
  padding-left: 6px;
}

.blogBannerRow .blogPostBannerInner .blogTagList a:hover {
  color: #fff;
}

.blogPostBanner .blogBannerRow .blogPostBannerInner .blogFeatureImage img {
  width: 100%;
  height: auto;
}

.blogBannerRow .blogPostBannerInner .blogAutherAndSharingRow .blogSharingLinks,
.blogBannerRow .blogPostBannerInner .blogAutherAndSharingRow .blogSharingLinks ul {
  width: 202px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

.blogBannerRow .blogPostBannerInner .blogAutherAndSharingRow .blogSharingLinks ul li {
  width: 29px;
  height: 29px;
  background: rgba(239, 239, 241, 0.2);
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease-in-out 0.2s;
}

.blogBannerRow .blogPostBannerInner .blogAutherAndSharingRow .blogSharingLinks ul li svg {
  height: 10px;
  width: auto;
  display: block;
}

.blogBannerRow .blogPostBannerInner .blogAutherAndSharingRow .blogSharingLinks ul li+li {
  margin-left: 7.9px;
}

.blogBannerRow .blogPostBannerInner .blogAutherAndSharingRow .blogSharingLinks ul li:last-child svg {
  height: 19.5px;
  width: 19.5px;
  display: block;
}

.blogBannerRow .blogPostBannerInner .blogAutherAndSharingRow .blogSharingLinks ul li:last-child {
  background: no-repeat;
}

.blogBannerRow .blogPostBannerInner .blogAutherAndSharingRow .blogSharingLinks span {
  font-size: 14px;
  line-height: 1.42;
  color: #fff;
  opacity: .7;
  letter-spacing: 0.002em;
  font-weight: 600;
  margin-right: 18px;
}

.blogBannerRow .blogPostBannerInner .blogAutherAndSharingRow .blogSharingLinks ul li:hover {
  background: #9B54F8;
}

.blogBannerRow .blogPostBannerInner .blogAutherAndSharingRow .blog_author {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.blogBannerRow .blogPostBannerInner .blogAutherAndSharingRow .blog_author .auther_image {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 14px;
}

.blogBannerRow .blogPostBannerInner .blogAutherAndSharingRow .blog_author .auther_name {
  font-size: 13px;
  line-height: 1.23;
  font-weight: 600;
  letter-spacing: 0.01em;
  margin: 0;
}

.blogBannerRow .blogPostBannerInner .blogAutherAndSharingRow .blog_author .blog_post_date {
  padding-top: 3px;
  font-size: 10px;
  line-height: 1.807;
  font-weight: 500;
  opacity: 0.7;
  letter-spacing: 0.01em;
}

.BannerSectionV3.blogPostBanner {
  border-radius: 0 0 200px 0;
  background: #050314;
  padding-bottom: 60px;
  position: relative;
  z-index: 3 !important;
}

.PostBottomArea .blog-post {
  width: 100%;
  margin: 0;
  padding: 0;
}

.PostBottomArea {
  padding: 60px 0;
}

.PostBottomArea .shape1 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='799' height='2412' viewBox='0 0 799 2412' fill='none'%3E%3Cg opacity='0.3' filter='url(%23filter0_f_2934_16439)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-514.475 556.391C-557.705 667.972 -372.453 826.352 -348.313 972.78C-326.98 1102.18 -427.751 1186.56 -389.327 1315.51C-347.687 1455.26 -261.503 1987.22 -158.203 2010.82C-48.0811 2035.98 -19.4982 1473.86 67.774 1419.96C128.889 1382.21 222.927 1438.51 277.208 1388.24C343.247 1327.09 404.464 1238.94 397.652 1114.49C390.693 987.379 306.546 866.46 242.154 747.887C173.277 621.054 114.639 434.252 11.5661 403.534C-97.1962 371.12 -112.837 585.443 -209.08 613.409C-302.37 640.517 -472.457 447.939 -514.475 556.391Z' fill='url(%23paint0_linear_2934_16439)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2934_16439' x='-920.986' y='0.203125' width='1719.16' height='2411.44' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='200' result='effect1_foregroundBlur_2934_16439'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_2934_16439' x1='-319.49' y1='1441.29' x2='373.273' y2='782.165' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CAFA3C'/%3E%3Cstop offset='0.310395' stop-color='%2392E8FB'/%3E%3Cstop offset='0.909789' stop-color='%236910D9'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  width: 54.06%;
  aspect-ratio: 799/2412;
  left: 0;
  top: 16%;
  transform: unset;
  pointer-events: none !important;
}

.PostBottomArea .shape2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1041' height='2697' viewBox='0 0 1041 2697' fill='none'%3E%3Cg opacity='0.3' filter='url(%23filter0_f_2934_16438)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1353.37 2236.29C1433.73 2113.43 1252.03 1875.76 1260.5 1693.78C1267.99 1532.96 1410.41 1457.53 1397.29 1292.86C1383.07 1114.41 1345.65 458.53 1227.8 403.686C1102.15 345.22 994.21 1007.86 875.764 1050.18C792.818 1079.81 694.424 988.096 616.475 1034.51C521.643 1090.97 425.693 1181.09 402.057 1332.24C377.915 1486.62 636.476 1685.82 683.398 1844.69C733.589 2014.62 567.629 2221.47 683.398 2284.8C805.557 2351.62 879.092 2098.35 1001.67 2089.47C1120.48 2080.87 1275.26 2355.7 1353.37 2236.29Z' fill='url(%23paint0_linear_2934_16438)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2934_16438' x='0.470703' y='0.0390625' width='1797.67' height='2695.98' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='200' result='effect1_foregroundBlur_2934_16438'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_2934_16438' x1='1345.52' y1='1123.7' x2='345.783' y2='1736.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CAFA3C'/%3E%3Cstop offset='0.310395' stop-color='%2392E8FB'/%3E%3Cstop offset='0.909789' stop-color='%236910D9'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  transform: unset;
  width: 70.43%;
  aspect-ratio: 1041/2697;
  top: 36%;
  right: 0;
  pointer-events: none !important;
}



.PostBottomArea>div {
  position: relative;
  z-index: 2;
}



.PostBottomArea .blog-post .blog-post__body h4 {
  font-size: 32px;
}


.PostBottomArea .blog-post .blog-post__body *+h4,
.PostBottomArea .blog-post .blog-post__body *+h3,
.PostBottomArea .blog-post .blog-post__body *+h2,
.PostBottomArea .blog-post .blog-post__body *+h1,
.PostBottomArea .blog-post .blog-post__body *+h5,
.PostBottomArea .blog-post .blog-post__body *+h6,
.PostBottomArea .blog-post .blog-post__body *+p {
  margin-top: 24px;
  margin-bottom: 0;
}

.PostBottomArea .blog-post .blog-post__body p {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.7;
  /* or 27px */
  letter-spacing: 0.003em;
  color: white;
}

.PostBottomArea .blog-post .blog-post__body a {
  color: #EFEFF1;
  font-weight: 600;
  position: relative;
  letter-spacing: 0.003em;
  text-decoration: underline;
}

.PostBottomArea .blog-post .blog-post__body li a {
  font-weight: 500;
  font-size: 18px;
  line-height: 170%;
  text-align: center;
  letter-spacing: 0.003em;
  font-feature-settings: 'ss01' on, 'ss03' on, 'ss05' on;
  color: #EFEFF1;
  opacity: 0.9;
}

.PostBottomArea .blog-post .blog-post__body a:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: white;
  bottom: 6px;
  left: 0;
  opacity: 0.6;
}

.PostBottomArea .blog-post .blog-post__body blockquote {
  padding: 33px 32px;
  background: rgba(5, 3, 20, 0.27);
  backdrop-filter: blur(24px);
  /* Note: backdrop-filter has minimal browser support */
  border-radius: 4px;
  position: relative;
  margin: 40px 0;
}

.PostBottomArea .blog-post .blog-post__body p:first-child {
  margin: 0;
}

.PostBottomArea .blog-post .blog-post__body blockquote:after {
  background: linear-gradient(144deg, rgb(105 17 217 / 70%) .6%, rgb(137 184 244 / 70%) 100.87%);
  border-radius: 4px;
  content: "";
  inset: 0;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 2px;
  position: absolute;
  transition: all .2s ease-in-out;
  width: 100%;
  z-index: -1;
  opacity: .7;
  top: 0;
  left: -2px;
  pointer-events: none !important;
}

.PostBottomArea .blog-post .blog-post__body blockquote p {
  color: #EFEFF1;
  font-weight: 400;
}

.PostBottomArea .blog-post .blog-post__body blockquote p a {
  color: #fff;
}

.PostBottomArea .blog-post .blog-post__body img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}

.PostBottomArea .blog-post .blog-post__body img+p {
  margin-top: 16px;
}

.PostBottomArea .blog-post .blog-post__body h5 {
  font-size: 24px;
}

.PostBottomArea .blog-post .blog-post__body h1,
PostBottomArea .blog-post .blog-post__body h2,
.PostBottomArea .blog-post .blog-post__body h3,
.PostBottomArea .blog-post .blog-post__body h4,
.PostBottomArea .blog-post .blog-post__body h5,
.PostBottomArea .blog-post .blog-post__body h6 {
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #fff;
}

/* blog detail-page 2024 */

.uptyps_blod_light_v {
  background-color: #ffffff;
}
.uptyps_blod_light_v .PostBottomArea .shape1, 
.uptyps_blod_light_v .PostBottomArea .shape2, 
.uptyps_blod_light_v .PostBottomArea:before {  
  background-image: inherit;
}
.uptyps_blod_light_v .PostBottomArea article.blog-post .blog-post__body #hs_cos_wrapper_post_body  p {
  font-family: 'Dazzed';
  font-style: normal;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 170%;
  letter-spacing: 0.003em !important;
  color: #0B062B !important;
  opacity: 0.9;
}
.uptyps_blod_light_v .PostBottomArea article.blog-post .blog-post__body #hs_cos_wrapper_post_body  li {
  font-family: 'Dazzed';
  font-style: normal;
  font-weight: 500 ;
  font-size: 16px;
  line-height: 170%;
  letter-spacing: 0.003em;
  color: #0B062B ;
  opacity: 0.9;
}

.uptyps_blod_light_v .upt_news_row_box{  
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color:#F5F5F5;
  padding-bottom: 20px;
}
.uptyps_blod_light_v .upt_news_row_box .news_head_title {
  background-color: #6910D9;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin-bottom: 20px;
}
.uptyps_blod_light_v .upt_news_row_box .news_head_title h5 {
  text-align: left !important;
  margin: 0;
  padding: 20px 15px;
  font-family: 'Dazzed';
  font-style: normal;
  font-weight: 600;
  font-size: 19px;
  line-height: 13px;
  display: flex;
  align-items: center;
  color: #FFFFFF;
}

.uptyps_blod_light_v .ocn_blog-wrap {
  padding-left: 15px;
  padding-right: 15px;
}
.uptyps_blod_light_v .ocn_title_head h4 a {
  font-family: 'Dazzed';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  /* line-height: 13px; */
  display: flex;
  align-items: center;
  color: rgba(11, 6, 43, 0.7);
}
.uptyps_blod_light_v .ocn_title_head > a{ color: rgba(11, 6, 43, 0.7);}

.uptyps_blod_light_v .PostBottomArea article.blog-post .blog-post__body #hs_cos_wrapper_post_body h2{
  font-family: 'Dazzed';
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: -0.01em;
  /* font-feature-settings: 'ss01' on, 'ss03' on, 'ss05' on; */
  color: #6910D9 !important;
}
.uptyps_blod_light_v .PostBottomArea article.blog-post .blog-post__body #hs_cos_wrapper_post_body a,
.uptyps_blod_light_v .PostBottomArea article.blog-post .blog-post__body #hs_cos_wrapper_post_body span{  color: #6910D9 !important;}

.uptyps_blod_light_v .PostBottomArea article.blog-post .blog-post__body #hs_cos_wrapper_post_body h3{  color: #6910D9 !important;}


/* blog detail-page 2024 */


@media screen and (min-width: 1500px) {}





/* Blog Listing Version 2 */
.BannerSectionV3.blog_bannerV2 .readButton a,
.blog_listing_v2 .blogCard .readButton a {
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.37px;
  font-weight: 600;
  color: #FFFFFF;
}

.BannerSectionV3.blog_bannerV2 .readButton a:hover,
.blog_listing_v2 .blogCard .readButton a:hover {
  color: #cafa3c
}

.BannerSectionV3.blog_bannerV2 .readButton a span,
.blog_listing_v2 .blogCard .readButton a span {
  width: 13px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.5 13.5L13 7L6.5 0.5L5.3518 1.6482L9.88623 6.2021H0V7.7979H9.88623L5.3518 12.3518L6.5 13.5Z' fill='%23CAFA3C'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 8px;
}

.blog_listing_v2 .blogListSection .blogListParent .blogCardContentPart {
  padding: 0;
  padding-top: 32px;
}

.blog_listing_v2 .blogListSection .blogListParent .blogCard {
  padding: 40px;
}

.blog_listing_v2 .blogListSection .blogListParent .blogCardImage span {
  filter: none;
  background-size: cover;
}

.blog_listing_v2 .blogListSection .blogListParent .blogCardImage {
  width: 104px;
  height: 60px;
  border-radius: 4px;
}

.blog_listing_v2 .blogListSection .blogListParent .publishDate {
  display: block;
  padding-top: 16px;
  line-height: 1.7;
  font-size: 14px;
  letter-spacing: 0.003em;
  color: #EFEFF1;
}

.blog_listing_v2 .blogListSection .blogListParent .blogCardName h6 {
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.blog_listing_page_main.blog_listing_v2 {
  padding-bottom: 0;
}

.blog_listing_page_main.blog_listing_v2 .Resources_Section {
  display: none;
}

.blog_listing_page_main.blog_listing_v2 .Resources_CTAStrip {
  overflow: unset;
}

.blog_listing_page_main.blog_listing_v2 .SVGbackground {
  z-index: -1;
}

.blog_listing_page_main.blog_listing_v2>div {
  z-index: unset;
}

.blog_listing_page_main.blog_listing_v2 .blogListSection .blogListParent .blogCard:before {
  z-index: 1;
}
.blogPostAreaRow{
  padding:0; 
  flex-direction:row-reverse;
  gap:100px !important;
}
.blogPostAreaRow .blog-post__tags {
  gap: 15px;
  display: flex;
  flex-wrap:wrap;
  align-items: center;
  margin-bottom: 42px;
  color: rgba(5, 3, 20, 0.60);
  font-family: Dazzed;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.blogPostAreaRow a.blog-post__tag-link {
  border-radius: 100px;
  background: rgba(75, 0, 187, 0.70);
  padding: 8px 12px;
  color: #FFF;
  font-family: Dazzed;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  text-transform: capitalize;
}

.blog-container-blog-post-v2 .more_data p {
  font-style: italic;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.7;
  letter-spacing: 0.003em;
  color: #EFEFF1;
}

.blog-container-blog-post-v2 .more_data {
  position: relative;
  padding-left: 36px;
  margin-top: 48px;
  display: block;
}

.blog-container-blog-post-v2 .more_data:before {
  content: '';
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg, #9265EB 0%, #92E8FB 29.88%, #D2FF52 100%);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
}

.blog-container-blog-post-v2 h1 {
  margin: 0;
}

.blog-container-blog-post-v2 .blogFeatureImage img {
  width: 100%;
  height: auto;
  aspect-ratio: 288/166.15;
  border-radius: 4px;
  object-fit: cover;
}

.blog-container-blog-post-v2 .blogPostBanner .blogBannerRow .blogBannerSideCol>div+div {
  border-top: 1px solid rgb(239 239 241 / 30%);
  margin-top: 24px;
  padding-top: 16px;
}

.blog-container-blog-post-v2 .blogPostBanner .blogBannerRow .blogBannerSideCol * {
  font-weight: 600;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: 0.003em;
  color: #EFEFF1;
}

.blog-container-blog-post-v2 .blogPostBanner .blogBannerRow .blogBannerSideCol .publishDateBox>div+div,
.blog-container-blog-post-v2 .blogPostBanner .blogBannerRow .blogBannerSideCol .blogTagList a {
  padding-top: 16px;
}

.blog-container-blog-post-v2 .blogPostBanner .blogBannerRow .blogBannerSideCol .blogTagList a {
  color: #9B54F8;
  transition: all ease-in-out 0.2s;
}

.blog-container-blog-post-v2 .blogPostBanner .blogBannerRow .blogBannerSideCol .blogTagList a:hover {
  color: #cafa3c;
}

.blog-container-blog-post-v2 .more_data *:first-child {
  margin: 0;
}

/* .blog-container-blog-post-v2 .more_data * + * { margin: 0 0 1.4rem; } */


.blog-container-blog-post-v2 .blog-post ul {
  list-style: none;
  margin: 16px 0;
  padding: 0;
}

.blog-container-blog-post-v2 .blog-post ul li {
  padding-left: 22px;
  position: relative;
}

.blog-container-blog-post-v2 .blog-post ul li:before {
  content: '';
  display: block;
  width: 6px;
  height: 10px;
  position: absolute;
  top: 8px;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 5L0 0V10L6 5Z' fill='%23CAFA3C'/%3E%3C/svg%3E%0A");
}

.blog-container-blog-post-v2 .blog-post ul li {
  color: white;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: 0.003em;
}

.blog-container-blog-post-v2 .blog-post ul li+li {
  margin-top: 8px;
}

.blog-container-blog-post-v2 .PostBottomArea .shape1 {
  top: 10%;
}

.blog-container-blog-post-v2 .PostBottomArea .shape2 {
  top: 28%;
}

.blog-container-blog-post-v2 .blogPostAreaSideCol .sectionTitle {
  margin: 0;
  letter-spacing: -0.01em;
}

.blog-container-blog-post-v2 .blogPostAreaSideCol .mediaContentData * {
  margin: 0;
  line-height: 1.7;
  color: white;
  font-weight: 500;
  letter-spacing: 0.003em;
}

.blog-container-blog-post-v2 .blogPostAreaSideCol .mediaContentData {
  padding-top: 20px;
}

.blog-container-blog-post-v2 .blogPostAreaSideCol .mediaContentData a {
  color: #efeff1;
  font-weight: 600;
  letter-spacing: .003em;
  position: relative;
}

.blog-container-blog-post-v2 .blogPostAreaSideCol .mediaContentData a:after {
  background: white;
  bottom: 6px;
  content: "";
  height: 1px;
  left: 0;
  opacity: .6;
  position: absolute;
  width: 100%;
}


.blog-container-blog-post-v2 .Resources_CTAStrip:before {
  content: "";
  background-image: url('https://2617658.fs1.hubspotusercontent-na1.net/hubfs/2617658/Uptycs%20Theme%20-%202023/Resource%20Pages%20Images%20-%202023/CTA_Footer_BG.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  pointer-events: none;
  width: 100%;
  height: 1640px;
  position: absolute;
  bottom: -160px;
  z-index: -1;
}

.blog-container-blog-post-v2 .SVGbackground {
  display: none;
}






.blog_listing_page_main .filterSection .filterSectionInner ul.tabList.tab_list_mobile {
  display: none;
}

@media (max-width:1023px) {

  .blog_listing_page_main .filterSection .filterSectionInner ul>li>ul {
    right: 0;
  }

  .blogListSection .blogListParent {
    column-gap: 24px;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 32px;
  }

  .blogListSection .blogListParent .blogCardImage img {
    padding: 22.5px 18px;
  }

  .blogListSection .blogListParent .blogCardContentPart {
    padding: 40px 32px 56px;
  }

  .blogPagingationOuter.text-center.pt65 {
    padding-top: 48px;
  }

  .blogCardName h6 {
    font-size: 20px;
    letter-spacing: -0.01em;
    line-height: 24px;
  }

  /*   .hs-blog-listing .BannerSectionV3.blog_banner {
  background-image: url(https://2617658.fs1.hubspotusercontent-na1.net/hubfs/2617658/Blog%20Banner%20Shape.png) !important;
  background-position: 0 60%;
} */

}

@media (max-width:639px) {
  .blogListSection .blogListParent {
    column-gap: 24px;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 16px;
  }

  .blogCardName {
    height: auto !important;
  }

  .blogListSection .blogListParent .blogCardContentPart {
    padding: 40px 32px 58px;
  }

  .blog_listing_page_main .filterSection .filterSectionInner>ul {
    display: none;
  }

  .blog_listing_page_main .filterSection .filterSectionInner ul.tabList.tab_list_mobile {
    display: block;
    text-align: center;
    position: relative;
  }

  .blog_listing_page_main .filterSection .filterSectionInner ul.tabList.tab_list_mobile>li {
    text-align: center;
    letter-spacing: -0.005em;
    color: #828189;
    font-weight: 600;
    font-size: 13px;
    line-height: 0;
    position: static;
    display: inline-block;
    justify-content: center;
    align-items: center;
  }

  .blog_listing_page_main .filterSection .filterSectionInner ul.tabList.tab_list_mobile>li>span {
    margin-left: 8px;
  }




  /* } */
  .blog_listing_page_main .filterSection .filterSectionInner ul.tabList.tab_list_mobile>li>span svg {
    width: 12px !important;
    height: 12px !important;
  }

  .blog_listing_page_main .filterSection .filterSectionInner ul.tabList.tab_list_mobile>li>ul {
    background: #050314;
    border: 1px solid hsla(240, 7%, 94%, .2);
    border-radius: 16px;
    box-shadow: 0 25px 48px rgba(5, 3, 20, .1);
    height: 321px;
    margin-top: 20px;
    max-height: calc(100vh - 50px);
    max-width: 100%;
    min-width: 100%;
    overflow: auto;
    padding: 24px;
    position: absolute;
    width: 100%;
    z-index: 9999;
    top: 20px;
  }

  .blog_listing_page_main .filterSection .filterSectionInner ul.tabList.tab_list_mobile>li>span.rot_arrow>svg {
    transform: rotate(-180deg);
  }

  /**********6-3-23*******/
  .blogAutherAndSharingRow {
    flex-wrap: wrap;
  }

  .blogAutherAndSharingRow .blogSharingLinks {
    width: 100% !important;
    margin-top: 28px !important;
  }

  .blogPostBanner .blogBannerRow .blogBannerSideCol {
    margin-top: 0 !important;
    width: 100%;
  }

  .PostBottomArea {
    padding-top: 59px;
  }

  .BannerSectionV3.blogPostBanner {
    padding-bottom: 52px;
  }

}

@media screen and (min-width: 1131px) {
  .blog-related-posts {
    padding: 47px 0 96px !important; 
  }
}

#hs_cos_wrapper_post_body table, #hs_cos_wrapper_post_body table ul,#hs_cos_wrapper_post_body table ol,#hs_cos_wrapper_post_body table li,#hs_cos_wrapper_post_body table p,#hs_cos_wrapper_post_body table p span,#hs_cos_wrapper_post_body table h2 span, #hs_cos_wrapper_post_body table h2, #hs_cos_wrapper_post_body tableblockquote {
  color: #050314 !important; font-family: Dazzed,sans-serif!important;
  font-style: normal; background-color:transparent!important;
}

#hs_cos_wrapper_post_body a { 
/*   color: #050314 !important; */
  text-transform: underline;
}  

#hs_cos_wrapper_post_body h2 span {
  color: #050314 !important;
  font-family: Dazzed;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 25px;
}
#hs_cos_wrapper_post_body p {margin-top:0!important;padding-top:3px;font-weight:normal!important;letter-spacing:0.05em!important}
#hs_cos_wrapper_post_body li {margin-top: 6px;font-weight:normal}
#hs_cos_wrapper_post_body li span {color: #050314 !important;margin-top: 6px}
.PostBottomArea .blog-post .blog-post__body a:after {height:0!important}
#hs_cos_wrapper_post_body p span  em  {display:block!important;padding-bottom:25px;}
.blog-post__body li span, 
.blog-post__body p span,
.blog-post__body li { 
  font-size: 16px !important;
  line-height: 26px !important;
} 
.blog-post__body span{
  color: #050314 !important;
}
.blog-post__body td, .blog-post__body th {
  border-color: #050314 !important;
  color: #050314 !important;
}
.blog-post__body .hs-cta-embed {
  margin-bottom: 20px;
}
.hs_cos_wrapper_type_rich_text h2 span, 
.hs_cos_wrapper_type_rich_text span, 
.hs_cos_wrapper_type_rich_text p span {
  color: #000 !important;
}
.blog-post__body li { 
  margin-bottom:10px !important;
}
body {
  background-color: #fff !important;
}


/* New Blog Styles */

.blogListSection .blogListParent .blogCardName h6{
  color: #050314;
  font-size: 17.9px;
  font-style: normal;
  font-weight: 600;
  line-height: 21.6px;
  letter-spacing: -0.18px;
}
.authorDetailText a.author_link {
  color: #050314;
  font-size: 11.8px;
  font-style: normal;
  font-weight: 600;
  line-height: 14.4px;
  letter-spacing: 0.12px;
}

.blogListSection .blogListParent .blogCard{
  border-radius: 0px 0px 14px 14px;
  border: 1px solid rgba(155, 84, 248, 0.50);
}
.blogListSection .blogListParent .blogCard:hover{
  border: 1px solid rgba(155, 84, 248, 0.50) !important;
}
.blogListSection .blogListParent .blogCardImage img{
  padding: 0 !important;
}
.card_row .card_col .blog_title h2{
  color: #050314;
  font-size: 31.4px;
  font-style: normal;
  font-weight: 600;
  line-height: 38.4px; 
  letter-spacing: -0.32px;
}
.card_row .card_col .blog_content p{
  color: #050314;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; 
}
.card_row .card_col .blog_content a{
  color: #050314;
}
.card_row .card_col .blog_author .auther_detail a{
  color: #050314;
  font-size: 14.6px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px; 
  letter-spacing: 0.15px;
}
.BannerSectionV3.blog_banner .BannerBoxSection{
  border-radius: 0px;
  background: rgba(255, 255, 255, 0.60);
  border-top: 5px solid !important;
  border-image-source: linear-gradient(90deg, #5827D3 0%, #B794F4 32%, #9EE1F8 67.5%, #CCF270 100%) !important;
  border-image-slice: 1 !important;
  margin-top: 80px;
}
.blogListSection .blogListParent .blogCard:hover:before {
  background: none;
}
.searchBox{
  background: #ffffff;
  border: 1px solid #D9D9D9;
}
.searchBox:before{
  background: none;
}
.searchBox.active:before {
  background: none;
}
.searchBox input {
  color: #050314 !important;
}
.searchBox.active .search_button svg path {
  fill: revert-layer;

}
.BannerBoxSection.featuredBlog:after {
  background:none !important;
}
.BannerSectionV3.blog_banner .BannerBoxSection:before {
  background-image: none !important;
}
.t_shadow {
  -webkit-text-fill-color: #050314 !important;
  font-size: 52px;
  font-style: normal;
  font-weight: 600;
  line-height: 59px;
}
.BannerSectionV3 {
  padding-top: 20px;
}
.blog_listing_page_main .filterSection .filterSectionInner {
  padding: 29px 0 23px;
  border-image: linear-gradient(90deg, #9b54f8, #8dcff7, #cafa3c) 1;
  border-top: 1px solid;
}
.blog_listing_page_main {
  padding-bottom: 176px;
}
.blogListSection .blogListParent {
  column-gap: 26px !important;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 31px!important;
}
body {
  padding-top: 60px !important;
}
.BannerSectionV3.blog_banner {
  background-size: 100% 71.2%;
  padding-bottom: 73px !important;
  padding-top:130px;
}
.blogListSection .blogListParent .blogCardAuthorDetails .authorDetailText .autherName {
  font-size: 12px;
  margin: 0;
}
.card_row .card_col .blog_tag a:hover {
  color: #9b54f8;
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
  body.body-show-pop {
    margin-top: 0px !important;
  }
}
.card_row .card_col .blog_tag a:hover {
  color: #050314 !important;
}
.card_row .card_col .blog_content p {
  font-size: 18px !important;
  font-weight: 400 !important;
  letter-spacing: .003em;
  line-height: 28px !important;
  margin-bottom: 0;
}
.card_row .card_col .blog_author .auther_detail .blog_post_date {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.7;
  opacity: .7;
  color: #454B54 !important;
}
.blogListSection .blogListParent .blogCardContentPart .blogCardTag {
  font-weight: 600 !important;
}
.BannerSectionV3.blog_banner .feature_blog_card .card_row .arrow_link img {
  object-fit: contain;
  object-position: center;
  width: 53px !important;
  height: 50px !important;
}
.blog_listing_page_main .filterSection .filterSectionInner>ul li.active{
  color:#962DE9;
}
.tabList li{
  cursor: pointer;
}
.blog_listing_page_main .filterSection .filterSectionInner>ul>li:hover{
  color:#962DE9;
}
.blog_listing_page_main ul.subtopics li {
  color: #050314;
}
ul.subtopics li:hover {
  color: #962DE9 !important;
}
.BannerSectionV3.blog_banner .feature_blog_card .card_row {
  background: linear-gradient(116deg, #9b54f8, #8dcff7, #cafa3c);
  border-radius: 0 0 15px 15px;
  padding: 1px;
  position: relative;
}
.BannerSectionV3.blog_banner .feature_blog_card .card_row:after{
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background: linear-gradient(116deg, #9B54F8, #8DCFF7, #CAFA3C);
  content: '';
  z-index: -1;
  border-top: 0px;
  border-radius: 0px 0px 16px 16px;
} 
.BannerSectionV3.blog_banner .feature_blog_card .card_row .card_col.image_col {
  background: #fff ;
  border-radius: 0 0 0 11px;
}
.BannerSectionV3.blog_banner .feature_blog_card .card_row .card_col.content_col {
  background: #fff ;
}
.BannerSectionV3.blog_banner .feature_blog_card .card_row .arrow_link {
  background: #fff ;
  border-radius: 0 0 11px 0;
}

@media (max-width: 639px) {
  .BannerSectionV3.blog_banner .feature_blog_card .card_row .card_col.content_col {
    padding: 40px 32px;
    width: 100%;
    border-radius: 0 0 11px 11px;
  }
}

@media only screen and (max-width: 1023px) and (min-width: 640px){
  .BannerSectionV3.blog_banner .feature_blog_card .card_row .card_col.content_col {
    padding: 40px 32px;
    width: 100%;
    border-radius: 0 0 0 11px;
  }
}

@media (max-width: 1023px) {
  div.BannerSectionV3.blog_banner .feature_blog_card .card_row .card_col.image_col {
    padding: 22px 34px;
    width: 100%;
    border-radius: 0;
  }
}
.blog_listing_page_main .filterSection .filterSectionInner ul.tabList.tab_list_mobile>li {
  color: #050314;
}

@media only screen and (max-width: 767px) and (min-width: 220px){

  .blog_listing_page_main {
    padding-bottom: 60px;
  }

}

.blogListSection .blogListParent .blogCardContentPart .blogCardTag:hover{
  color: #050314;
}
.blogListSection .blogListParent .blogCardName h6 {
  min-height: 103px;
}
.blogListSection .blogListParent .blogCardName h6:hover{
  color: #962DE9
}
.authorDetailText h4 a:hover{
  color: #962DE9
}
.blogListSection .blogListParent .blogCardName h6 {
  min-height: 103px;
}
/*************Responsive Styles*****************/
/***************iPhone Portrait**************/
@media only screen and (max-width: 479px) and (min-width: 220px){
  .blogListSection .blogListParent .blogCardName h6 {
    min-height: auto !important;
  }
}

/**********************iPhone Landscape*************/
@media only screen and (max-width: 767px) and (min-width: 480px){
  .blogListSection .blogListParent .blogCardName h6 {
    min-height: auto !important;
  }
}

.hs-blog-listing .card_row .card_col .blog_content a span {
  color: #050314 !important;
}
.hs-blog-listing .card_row .card_col .blog_content a {
  color: #050314 !important;
}
.blog-post__body h6 {
  color: #050314 !important; 
}
.blog_title a:hover{
  text-decoration: none !important; 
}