/* new home css */
body {
  --background-color-blog: #fbfbfb;
}
body.dark-mode {
  --background-color-blog: #0F132C;
}

/* New blog page CSS */
/* Banner section */
.revamped a, .revamped button, .revamped h1, .revamped h2, .revamped h3, .revamped h4, .revamped h5, .revamped h6, .revamped li, .revamped p, .revamped strong { font-family: "Poppins",sans-serif!important; }
.revamped .blog__header__text { padding: 0; width: 43%; }
.revamped .blog__header__text h1.blog__header__title { font-size: 58px; color: var(--h1-color); margin: 0 0 60px 0; font-family: "Poppins",sans-serif; line-height: 1.165em; }
.revamped .blog__header__text h1.blog__header__title .highlight { color: #98bf38; display: block; }
.revamped .blog__header__text h1.blog__header__title span { color: #4d60d1; }
.revamped .blog__header__img { width: 50%; }
.revamped .blog__header .row { justify-content: space-between; align-items: center; padding-bottom: 50px;}
.revamped .container { width: 100%; max-width: 1140px; }
.revamped .blog__header__form { margin: 0; padding: 0; }
.revamped .blog__header__form__fields { position: relative; justify-content: space-between;  }
.revamped .blog__header__form__fields input { border: 1px solid #9C9C9C; border-radius: 6px; max-width: 237px; height: 43px; font-size: 14px; line-height: 1.5em; outline: none; padding: 12px 10px; font-family: 'Poppins'; }
.revamped .blog__header__form__fields button { position: absolute; right: 0; top: 0; height: 43px; background: #4d60d1; border-radius: 6px; font-size: 16px; font-family: 'Poppins'; font-weight: 600; text-transform: capitalize; padding: 14px 44px; line-height: 1em; width: 100%; }
.revamped .blog__header__form__fields input::placeholder { font-size: 14px; font-weight: 500; }
.revamped .blog__header__form__response { bottom: -80px!important; color: #c00; position: absolute; text-align: left; margin: 10px 0 0; }

/* Filter section */
.select2-results__option { font-size: 15px; font-family: 'Poppins'; font-weight: 400; line-height: normal; }
.revamped .blog__sub-header .form .form-button { margin: 0 20px 0 0; }
.revamped .blog__sub-header .form .form-button button { line-height: 1.5em; font-size: 16px; border: 1px solid #212a60; font-weight: 400; color: #fff; padding: 10px 20px; background: #1e2657; border-radius: 10px; transition: all 0.4s ease; }
.revamped .blog__sub-header .form .form-button button::after, .revamped .blog__sub-header .form .form-button button::before { display: none!important; }
.revamped .blog__sub-header .form .form-button button:hover { background:  #4d60d1; color: #fff; border: 1px solid #4d60d1; }
.revamped .blog__sub-header .form .form-button button.active { background: #4d60d1; color: #fff; border: 1px solid #4d60d1; }
.revamped .after_banner_content { padding: 40px 0 40px; background: var(--background-color-blog);}
.revamped .blog__loading { margin-bottom: 0; }
.blog__container.revamped { padding-bottom: 0; }
.revamped .blog__sub-header { padding-top: 0; }
.revamped .item__count { margin-top: 0; font-size: 16px; font-weight: 500; line-height: 1.5em; position: absolute; bottom: -30px; left: 0; transform: translateY(100%); }
.revamped .blog__sub-header .form .form-button .item__count { display: none; }
.revamped .blog__sub-header__filter { position: relative; width: 100%; justify-content: space-between; }
.revamped .blog__sub-header .form .form-button button.active + .item__count { display: block; }
.search_bar_new .search-form { height: 100%; display: flex; }
.search_bar_new .search-form label input { height: 100%; border: none; background: #ebeff2; padding: 10px 30px; border-radius: 10px 0 0 10px; outline: none; max-width: 200px; }
.search_bar_new .search-form .sub_btn input { cursor: pointer; z-index: 1; background: transparent; border: none; height: 100%; width: 52px; position: relative; color: transparent; }
.search_bar_new .search-form .sub_btn { background: #f7a749; position: relative; cursor: pointer; border-radius: 0 10px 10px 0; overflow: hidden; }
.search_bar_new .search-form .sub_btn::after { z-index: 0; content: ''; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27' fill='none'%3E%3Cpath d='M22.3177 20.9937L25.9795 24.6537C26.1503 24.8305 26.2448 25.0673 26.2427 25.3131C26.2405 25.5589 26.1419 25.794 25.9681 25.9679C25.7943 26.1417 25.5592 26.2403 25.3133 26.2424C25.0675 26.2446 24.8307 26.1501 24.6539 25.9793L20.992 22.3174C18.5991 24.3676 15.505 25.4113 12.3592 25.2294C9.21331 25.0476 6.26015 23.6544 4.11937 21.3421C1.97859 19.0298 0.816614 15.9782 0.87726 12.8277C0.937905 9.67717 2.21646 6.67257 4.44464 4.44439C6.67282 2.21622 9.67741 0.937661 12.8279 0.877016C15.9785 0.81637 19.0301 1.97835 21.3423 4.11913C23.6546 6.2599 25.0478 9.21307 25.2297 12.3589C25.4115 15.5048 24.3679 18.5988 22.3177 20.9918V20.9937ZM13.0627 23.3749C15.7977 23.3749 18.4207 22.2884 20.3547 20.3544C22.2887 18.4205 23.3752 15.7975 23.3752 13.0624C23.3752 10.3274 22.2887 7.70434 20.3547 5.77037C18.4207 3.8364 15.7977 2.74991 13.0627 2.74991C10.3276 2.74991 7.70458 3.8364 5.77061 5.77037C3.83664 7.70434 2.75015 10.3274 2.75015 13.0624C2.75015 15.7975 3.83664 18.4205 5.77061 20.3544C7.70458 22.2884 10.3276 23.3749 13.0627 23.3749Z' fill='%23FBFBFB'/%3E%3C/svg%3E") center/22px no-repeat; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
div#searchResults { position: absolute; bottom: 0; transform: translateY(100%); left: 0; color: #c00; }
.search_bar_new { position: relative; display: flex; }
.select2-results__options::-webkit-scrollbar { width: 4px; }
.select2-search--dropdown { padding: 10px; }
.select2-results__options::-webkit-scrollbar-thumb { width: 100%; background: #bdbdbd; border-radius: 100px; }
.search_bar_new .dropdown .select2-container { height: 100%; min-width: 200px; }
.search_bar_new .dropdown .select2-container span { height: 100%; display: block; border: none; background: none; }
.search_bar_new .dropdown .select2-container span.select2-selection__rendered { font-size: 16px; display: flex; align-items: center; padding: 0 20px; background: #ebeff2; border: none!important; border-radius: 10px; }
.select2-results__option { color: #000; padding: 7px 12px; }
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-results__option:hover { background: #f7a749!important; color: #fff!important; }
.search_bar_new .dropdown { margin: 0 20px 0 0; }
.select2-dropdown { background: #ebeff2; border: 1px solid #cdcdcd!important; box-shadow: 0 0 30px -10px #4949495e; top: 10px; overflow: hidden; border-radius: 8px!important; }
.select2-search__field { outline: none!important; border-radius: 8px; }
span.select2-selection__placeholder { display: flex!important; align-items: center; font-size: 16px!important; color: var(--text-color)!important; font-weight: 400!important; font-family: poppins; }

/* Grid section */
.revamped .blog__content { margin: 90px 0 0; }
.revamped .blog__content__item a { text-decoration: none!important; }
.revamped .blog__content__item { background: var(--grid-tr-background); padding: 0; box-shadow: none; border-radius: 20px; overflow: hidden; display: flex; flex-flow: column; justify-content: space-between; }
/* .revamped .blog__content__item__excerpt { padding: 0; } */
.revamped .blog__content__item__featured_image figure { width: 100%; position: unset; transform: unset; aspect-ratio: 16/9; display: flex; align-items: center; justify-content: center;}
.revamped .blog__content__item__featured_image figure img { width: fit-content;margin: 0 auto;max-height: 100%;position: unset;border-radius: 20px;height: auto; }
.revamped .blog__content__item__featured_image .blog__content__item__image { height: unset; border-radius: 20px; padding: 0; }
.revamped .blog__content__item__featured_image .blog__content__item__image__wrap { max-width: 100%; }
.revamped .blog__popup__img img { aspect-ratio: 745/467; object-fit: cover; }
.revamped .blog__content__item__excerpt .blog__popup__img__wrap { border-radius: 20px; overflow: hidden; }
.revamped .blog__content__item__excerpt .video-item .youtube img { aspect-ratio: 16 / 9; position: unset; object-fit: cover; left: 0; margin: 0 !important; opacity: 1; top: -16.82%; width: 100%; border-radius: 20px; }
.blog__content__item__excerpt .video-item .youtube { padding: 0; aspect-ratio: 16 / 9; border-radius: 20px; }
.revamped .blog__content__item .blog__content__item__data, .revamped .blog__content__item h2, .revamped .blog__content__item__excerpt { padding: 0; border: none; min-height: unset!important; padding-inline: 30px!important; }
/* .revamped .blog__content__item .blog__content__item__text { display: none; } */
.revamped .blog__content__item .blog__content__item__text { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 150px; margin: 0 0 30px 0; }
.revamped .blog__content__item .blog__content__item__text p { display: inline; }
.revamped .blog__content__item .blog__content__item__data { margin-bottom: 10px!important; }
.revamped .blog__content__item .subscribe-podcast { justify-content: space-between; display: flex; }
.revamped .blog__content__item .subscribe-podcast a { width: calc((100% / 3) - 12px); display: inline-flex; align-items: center; justify-content: center; text-decoration: none!important; background: #f4f4f4; padding: 10px; border-radius: 10px; }
.revamped .blog__content__item h2 { margin: 20px 0 14px 0; font-size: clamp(18px, 4.2vw, 24px); line-height: 1.4em; font-weight: 600; }
.revamped .blog__content__item .blog__content__item__data .post-data__item { margin: 0; }
.revamped .blog__content__item h2 a { color: var(--text-color); }
.revamped .blog__content__item .blog__content__item__data .post-data__item, .revamped .blog__content__item .blog__content__item__data .post-data__item a { color: var(--text-color); font-size: 16px; font-weight: 500; line-height: 1.5em; display: flex; align-items: center; }
.revamped .blog__content__item .blog__content__item__data .post-data__item:not(:last-child) { margin: 0 30px 0 0; }
.revamped .blog__content__item .blog__content__item__data .post-data__item { margin-bottom: 14px!important; }
.icon__placer { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; background: #eee; border-radius: 8px; margin: 0 14px 0 0; }
.icon__placer i { filter: grayscale(251) brightness(0); }
.icon__placer svg path { fill: #000; }
.revamped .blog__content__item__excerpt_social { padding: 0 30px 30px; }
.revamped .blog__content__item .subscribe-podcast a svg { height: 24px; width: fit-content; margin: 0 8px 0 0; }
.revamped .blog__content__item .subscribe-podcast a span { font-size: 18px!important; font-weight: 600; line-height: 1.5em; color: var(--text-color); }
.revamped .blog__loading { display: none; justify-content: center; align-items: center;}
.revamped .blog__loading.active { display: flex;}
.revamped .blog__loading .st-blog-loading { width: 50px; height: 50px; border: 5px solid #f3f3f3; border-top: 5px solid #3498db; border-radius: 50%; animation: spin 1s linear infinite; }
.revamped .blog__content__item__excerpt .podcast-cover, .revamped .blog__content__item__excerpt .video-item { width: calc(100% + 60px); transform: translateX(-30px); }
.revamped .blog__content__item .blog__content__item__data .post-data__item.read_time { display: flex; align-items: center; }
.revamped .blog__content__item .blog__content__item__data .post-data__item.read_time .icon__placer { position: relative; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }


/* New Post page CSS */
.post__links { text-align: center; }

/* Responsive CSS */

@media(max-width:767px) {
  /* New blog page CSS */
  .revamped .blog__header .row { margin: 0; }
  .revamped .blog__header__text { width: 100%; }
  .revamped .blog__header__text h1.blog__header__title { font-size: 40px; text-align: center; }
  .revamped .blog__header__form { margin: 0 auto; }
  .revamped .blog__header__text h1.blog__header__title br { display: none; }
  .revamped .blog__header__form__fields button { position: unset; width: 100%; padding: 20px 44px; flex: unset; }
  .revamped .blog__header__form__fields { flex-flow: column; }
  .revamped .blog__header__form__fields input[type="email"] { margin: 0 0 20px; padding: 20px 30px 20px 30px; }
  .revamped .after_banner_content { padding: 50px 0; background: var(--background-color-blog); }
  .revamped .blog__sub-header .form { flex-wrap: nowrap; overflow: auto; width: 100%; justify-content: unset; padding: 0 0 20px 0; }
  .revamped .blog__sub-header .form .form-button { flex: 1; }
  .revamped .blog__sub-header__filter { margin: 0!important; }
  .revamped .item__count { margin: 10px 0 0 0; font-size: 16px; }
  .revamped .blog__sub-header__filter { margin: 0!important; }
  .revamped .item__count { margin: 10px 0 0 0; font-size: 16px; }
  .revamped .blog__content__item .blog__content__item__data,   .revamped .blog__content__item h2, .revamped .blog__content__item__excerpt_social { padding-inline: 15px!important; }
  .revamped .blog__content__item .subscribe-podcast a span { font-size: 12px!important; }
  .revamped .blog__content__item .subscribe-podcast a { padding: 8px 10px; }
  .revamped .blog__content__item .subscribe-podcast a svg { margin: 0 3px 0 0; }
  .revamped .blog__sub-header__filter .search_bar_new { order: -1; margin: 0 0 30px; width: 100%; justify-content: space-between; }
  .revamped .blog__sub-header__filter .search_bar_new .search-form { justify-content: space-between; }
  .revamped .blog__sub-header__filter .search_bar_new .search-form label, .revamped .blog__sub-header__filter .search_bar_new .search-form label input { width: 100%; }
}

@media (max-width:480px) {
  .revamped .blog__sub-header__filter .search_bar_new { flex-flow: column; }
  .revamped .blog__sub-header__filter .search_bar_new .search-form label input { width: 100%; max-width: 100%; }
  .search_bar_new .dropdown .select2-container { width: 100%!important; }
  .search_bar_new .dropdown { margin: 0 0 20px!important; }
  .search_bar_new .dropdown .select2-container span.select2-selection__rendered { padding: 7px 20px; }
}

@media (min-width:768px) {
  .revamped .blog__header__img img { max-width: 360px; margin: 0 auto; display: block; }
}
@media (min-width:1024px) {
  .revamped .blog__header__img img { max-width: inherit; margin: 0 auto; display: block; }
}

@media (min-width:768px) and (max-width:991px) {
  .revamped_footer .footer__logo { flex: 1 0 auto!important; width: 100%!important; max-width: 100%!important; display: flex; justify-content: center; flex-flow: column; align-items: center; }
}

@media (min-width:768px) and (max-width: 1024px) {
  .revamped .blog__header .row { margin: 0; }
  .revamped .blog__header__text h1.blog__header__title { font-size: 37px; }
  .revamped .blog__header__form__fields button { position: unset; height: unset!important; width: 100%!important; flex: unset; padding: 18px 44px; }
  .revamped .blog__header__form__fields { width: 100%; flex-flow: column; }
  .revamped .blog__header__form__fields input[type="email"] { padding: 18px 30px 18px 30px; margin: 0 0 20px; }
  .revamped .blog__sub-header .form .form-button { margin: 0 10px 0 0; }
  .revamped .item__count { margin: 0; }
  .revamped .blog__sub-header__filter { flex-flow: column; }
  .revamped .blog__sub-header__filter .search_bar_new { order: -1; margin: 0 0 30px; }
  .revamped .blog__sub-header__filter .form { display: flex; justify-content: space-between; }
  .revamped .blog__sub-header__filter .form .form-button { width: 100%; }
  .revamped .blog__sub-header__filter .form .form-button button { width: 100%; }
}

@media (max-width:991px) {
  .contact__content.revamped .form_row .col-lg-5 { order: -1; margin-bottom: 50px; width: 100%; }
  .contact__content.revamped .form_row { padding: 16px 16px; }
  .contact__content.revamped .form_row .contact__content__form h2 { font-size: 24px; margin-bottom: 24px; }
  .contact__content.revamped .form_row .contact__content__form { width: 100%; }
}
@media (min-width:992px) {
  .revamped .blog__content__item[data-format="webinar"] .upper_block h2 { order: -1; min-height: 67px!important; }
  .contact__content.revamped .form_row .col-lg-7 .inner { padding-right: 40px; }
}

@media (min-width:992px) and (max-width:1200px) {
  .revamped .item__count { margin: 0; }
  .revamped .blog__content__row.row { margin: 0; }
  .revamped .blog__sub-header__container { margin: 0 0 20px; }
}

@media (min-width:1025px) and (max-width:1200px) {
  .revamped .blog__header__text h1.blog__header__title { font-size: 50px; }
  .revamped .blog__header .row { margin: 0; }
  .revamped .blog__sub-header__filter { flex-flow: column; }
  .revamped .blog__sub-header__filter .search_bar_new { order: -1; margin: 0 0 30px; }
  .revamped .blog__sub-header__filter .form { display: flex; justify-content: space-between; }
  .revamped .blog__sub-header__filter .form .form-button { width: 100%; }
  .revamped .blog__sub-header__filter .form .form-button button { width: 100%; }
}