.cst-blog-post-banner-v2 {
  position: relative;
  width: 100%;
  --bg-color: rgba(41, 223, 255, var(--color-opacity, 1));
}

.cst-blog-post-banner-v2 .cst-blog-post-banner-inner {
  padding: 50px;
  padding-top:100px;
}

.cst-blog-post-banner-v2 .single-content__hero-inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 50px;
  justify-content: space-between;
  width: 100%;
}

.cst-blog-post-banner-v2 .single-content__hero-inner .single-content__thumbnail {
  border-radius: 9px;
  max-width: 100%;
  width: 50%;
}
.cst-blog-post-banner-v2 .single-content__hero-inner .title-content-sec {
  width:50%;
  max-width:100%;
}


.cst-blog-post-banner-v2 .single-content__thumbnail:before {
  border-radius: var(--border-radius, 6px);
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transition: var(--shadow-transition, opacity .25s ease-out);
  -o-transition: var(--shadow-transition, opacity .25s ease-out);
  transition: var(--shadow-transition, opacity .25s ease-out);
  width: 100%;
  z-index: -1;
  -webkit-box-shadow: var(--shadow-x-before, var(--shadow-x, 0)) var(--shadow-y-before, var(--shadow-y, 10px)) var(--shadow-blur-before, var(--shadow-blur, 25px)) var(--shadow-color-before, var(--shadow-color, var(--color-grey-0)));
  box-shadow: var(--shadow-x-before, var(--shadow-x, 0)) var(--shadow-y-before, var(--shadow-y, 10px)) var(--shadow-blur-before, var(--shadow-blur, 25px)) var(--shadow-color-before, var(--shadow-color, var(--color-grey-0)));
  opacity: var(--shadow-opacity-before, var(--shadow-opacity, .3));
}

.cst-blog-post-banner-v2 .single-content__thumbnail img {
  display: block;
}

.cst-blog-post-banner-v2 h2.single-content__category {
  color: #eb3dae;
  font-family: Axiforma, Arial, serif;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
}

.cst-blog-post-banner-v2 h2.single-content__category a {
  color: #eb3dae;
}

.cst-blog-post-banner-v2 h1.single-content__title {
  font-size: 2.8125rem;
  line-height: 1.35;
  margin:0;
}

.cst-blog-post-banner-v2 .meta.single-content__meta {
  -webkit-padding-before: 24px;
  -webkit-margin-after: 32px;
  margin-block-end: 32px;
  padding-block-start: 24px;
}

.cst-blog-post-banner-v2 .meta.single-content__meta .meta__group.spread {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.cst-blog-post-banner-v2 .meta.single-content__meta .meta__group.spread .post-item-author {
  padding-right: 30px;
  --between-spacing: 10px;
  --author-img-size: 40px;
}

.cst-blog-post-banner-v2 .meta.single-content__meta .meta__group.spread .post-item-author a {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.cst-blog-post-banner-v2 .meta.single-content__meta .meta__group.spread .post-item-author a img {
  height: auto;
  -ms-flex-negative: 0;
  background-color: var(--article-image-primary-color, #e9ebf0);
  border-radius: 50%;
  flex-shrink: 0;
  width: var(--author-img-size, 48px);
}

.cst-blog-post-banner-v2 .meta.single-content__meta .meta__group.spread .post-item-author .author-display__group {
  -webkit-margin-start: var(--between-spacing, 20px);
  margin-inline-start: var(--between-spacing, 20px);
}

.cst-blog-post-banner-v2 .meta.single-content__meta .meta__group.spread  .author-display__name {
  color: #292d34;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1;
  padding-top: 2px;
  margin: 0;
}

.cst-blog-post-banner-v2 .single-content__meta .vertical-bar {
  opacity: .2;
}

.cst-blog-post-banner-v2 .hidden-mobile, 
.cst-blog-post-banner-v2 .mobile-hidden {
  display: block !important;
}

.cst-blog-post-banner-v2 .meta.single-content__meta .meta__group.spread  .meta__info {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  font-size: .875rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.cst-blog-post-banner-v2 .meta.single-content__meta .meta__group.spread .meta__date {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.35;
  margin: 0;
  padding: 0 40px;
}
.cst-blog-post-banner-v2 .meta__info svg {
  -webkit-margin-end: 8px;
  margin-inline-end: 8px;
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}

.cst-blog-post-banner-v2 .meta.single-content__meta .meta__group.spread .meta__reading {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  -webkit-margin-start: var(--between-spacing, 20px);
  margin-inline-start: var(--between-spacing, 20px);
  font-size: .875rem;
  font-weight: 590;
  line-height: 1.35;
  margin: 0;
  padding: 0 40px;
}

.cst-blog-post-banner-v2 .single-content__share-desktop-wrap {
  display: block;
}

.cst-blog-post-banner-v2 .list-reset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.cst-blog-post-banner-v2 .share__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-margin-before: 0;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-block-start: 0;
  list-style: none;
}

.cst-blog-post-banner-v2 .share__list .share__list-item {
  margin-right: 28px;
}

.cst-blog-post-banner-v2 .share__link {
  --shadow-opacity: .1;
  --border-radius: 45px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--bg-secondary);
  border-radius: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  justify-content: center;
  position: relative;
  -webkit-transition: -webkit-transform var(--transition-short);
  transition: -webkit-transform var(--transition-short);
  -o-transition: transform var(--transition-short);
  transition: transform .25s cubic-bezier(.5,0,.5,1);
  transition: transform .25s cubic-bezier(.5,0,.5,1), -webkit-transform .25s cubic-bezier(.5,0,.5,1);
  width: 45px;
  --transition-short: .25s cubic-bezier(.5,0,.5,1);
  background: #fff;
  -webkit-box-shadow: 0 20.2778px 60.8333px rgba(16, 30, 54, .1);
  box-shadow: 0 20.2778px 60.8333px rgba(16, 30, 54, .1);
  height: 60px;
  margin: 0;
  width: 60px;
}

.cst-blog-post-banner-v2 .share__list svg {
  height: 20px;
  width: 22px;
}

.cst-blog-post-banner-v2 .share__link svg {
  display: block;
}


.cst-blog-post-banner-v2:after {
  background-color: var(--bg-color);
  content: "";
  height: 100%;
  left: 0;
  opacity: .1;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.cst-blog-post-banner-v2:before {
  border-radius: 50%;
  -webkit-filter: blur(150px);
  filter: blur(150px);
  height: 1140px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: -360px;
  width: 1140px;
  z-index: -2;
  --conic-rotate: 45deg;
  --conic-opacity: .3;
  background-image: conic-gradient(from 45deg at 50% 50%, var(--conic-1, var(--color-pink)), var(--conic-2, var(--color-yellow)), var(--conic-2, var(--color-yellow)), var(--conic-3, var(--color-blue)), var(--conic-3, var(--color-blue)), var(--conic-4, var(--color-purple)), var(--conic-4, var(--color-purple)), var(--conic-1, var(--color-pink)));
  border-radius: 50%;
  content: "";
  display: block;
  height: 1140px;
  opacity: var(--conic-opacity, .7);
  overflow: hidden;
  -webkit-transform: rotate(var(--conic-rotate, 0deg));
  transform: rotate(var(--conic-rotate, 0deg));
  width: 1140px;
  will-change: transform;
  --color-pink: #eb3dae;
  --color-yellow: #f7ce51;
  --color-blue: #5bc5fa;
  --color-purple: #7b42d1;
}

.cst-blog-post-banner-v2 .share__link:hover {
  --shadow-opacity: .2;
  --icon-color: #57b947;
  cursor: pointer;
  -webkit-transform: translate3d(0, 2px, 0);
  transform: translate3d(0, 2px, 0);
}

.cst-blog-post-banner-v2 .single-content__meta .meta__info .vertical-bar {
  margin: 0;
}
.cst-blog-post-banner-v2 .share__list .share__list-item:last-child svg {
  max-width: 10px;
}
@media (max-width: 1400px){
  .cst-blog-post-banner-v2 .meta.single-content__meta .meta__group.spread .meta__date {
    padding: 0 30px;
  }

  .cst-blog-post-banner-v2 .meta.single-content__meta .meta__group.spread .meta__reading {
    padding: 0 30px;
  }
}


@media (max-width:1200px){
  .cst-blog-post-banner-v2 .meta.single-content__meta .meta__group.spread .post-item-author {
    width: 100%;
  }

  .cst-blog-post-banner-v2 .single-content__meta .hidden-svg {
    display: none !important;
  }

  .cst-blog-post-banner-v2 .meta.single-content__meta .meta__group.spread .meta__date {
    padding: 0 20px;
    padding-left: 0;
  }

  .cst-blog-post-banner-v2 .meta.single-content__meta .meta__group.spread .meta__info {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    margin-top: 20px;
  }

  .cst-blog-post-banner-v2 .meta.single-content__meta .meta__group.spread .meta__reading {
    padding: 0 20px;
  }
}


@media (max-width: 900px){
  .cst-blog-post-banner-v2 .cst-blog-post-banner-inner {
    padding: 30px;
    padding-top: 100px;
  }

  .cst-blog-post-banner-v2 .single-content__hero-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
  }

  .cst-blog-post-banner-v2 .single-content__hero-inner .single-content__thumbnail {
    height: unset;
    max-width: 100%;
  }

  .cst-blog-post-banner-v2 .single-content__thumbnail img {
    height: auto;
    width: 100%;
  }

  .cst-blog-post-banner-v2 h1.single-content__title {
    font-size: 2rem;
  }

  .cst-blog-post-banner-v2 .meta.single-content__meta .meta__group.spread {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cst-blog-post-banner-v2 .meta.single-content__meta .meta__group.spread .meta__info {
    -webkit-box-flex: unset;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex: unset;
    flex: unset;
    justify-content: space-between;
    margin-top: 10px;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .cst-blog-post-banner-v2 .single-content__meta .meta__info .vertical-bar {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin: 0 20px;
  }

  .cst-blog-post-banner-v2 .single-content__share-desktop-wrap {
    display: none;
  }

  .cst-blog-post-banner-v2 .single-content__hero-inner div {
    max-width: 100%;
    width: 100%;
  }


}


@media (max-width:767px){

  .cst-blog-post-banner-v2 .single-content__hero-inner .title-content-sec,
  .cst-blog-post-banner-v2 .single-content__hero-inner .single-content__thumbnail{
    width:100%;