/* new listicle page */

.listiclesh-336 {
    height: 336px !important;
  }
  
  body {
    position: relative;
  }
  
  .ui-accordion-content a {
    color: #007bff !important;
  }
  
  .listicles-faq .ui-accordion-content ol,
  .listicles-faq .ui-accordion-content ul {
    padding-left: 20px !important;
  }
  
  .page-template-page-listicles .greyline {
    width: 15px !important;
    height: 3px !important;
    background: #adadad !important;
    margin: 0px auto !important;
    border-radius: 15px !important;
  }
  
  /* .page-template-page-listicles .crp-list-item .crp-list-item-image {
    height: 180px !important;
    overflow: hidden !important;
  } */
  
  .sidemenu-fx .list-group .list-group-item {
    padding: 0px;
    border: none !important;
    background: transparent !important;
  }
  
  .page-template-page-listicles .side-menu ul li.active a {
    display: block;
  }
  
  .page-template-page-listicles .plusminus {
    display: none !important;
  }
  
  .page-template-page-listicles .ui-accordion-header .arro-icon {
    width: 100%;
    right: 0 !important;
    text-align: right;
    position: absolute;
    top: 15px !important;
  }
  
  .page-template-page-listicles .body-container .side-menu ul li {
    margin-bottom: 0px !important;
  }
  
  .ulred,
  .ulgrn {
    list-style: none !important;
    position: relative !important;
    padding-left: 0px;
    margin-bottom: 32px !important;
  }
  
  .ulred li,
  .ulgrn li {
    background: url(https://wp-stage.socialpilot.co/wp-content/uploads/2022/07/icont.png)
      no-repeat 0px 10px transparent;
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 1px 20px;
    vertical-align: middle;
  }
  
  /* .page-template-page-listicles .ebook-box .width-70 {
    width: 70%;
  } */
  
  .page-template-page-listicles .crp-list {
    width: 100% !important;
    margin: 0 !important;
  }
  
  .sp-usertm-box {
    display: flex;
    align-items: center;
    margin: 80px 0px;
    padding: 0px 30px;
  }
  
  .sp-usertm-box::before {
    content: url(https://wp-stage.socialpilot.co/wp-content/uploads/2022/07/dot-l.png);
    position: relative;
    left: -25px;
    top: -58px;
  }
  
  .sp-usertm-box::after {
    content: url(https://wp-stage.socialpilot.co/wp-content/uploads/2022/07/dot-r.png);
    position: relative;
    bottom: -78px;
    right: -25px;
  }
  
  .sp-usertm-box .font-17 {
    font-size: 17px !important;
  }
  
  .sp-usertm-box .sp-usertm-text {
    padding-left: 25px;
  }
  
  .page-template-page-listicles .flaglst {
    list-style: none;
    padding: 0 !important;
  }
  
  .ullist-col2 li {
    padding-right: 10px;
  }
  
  ul.ullist-col2.flaglst li {
    padding-left: 30px;
    position: relative;
  }
  
  .page-template-page-listicles .flaglst li::before {
    content: "";
    background: url(https://wp-stage.socialpilot.co/wp-content/themes/wp-bootstrap-starter/inc/assets/images/Frame-18.svg);
    width: 18px;
    height: 17px;
    display: block;
    margin-right: 15px;
    position: absolute;
    left: 0px;
    top: 8px;
  }
  
  .page-template-page-listicles .plusminus {
    font-weight: bold;
    position: absolute;
    top: 20px;
    height: 25px;
    width: 25px;
    text-align: center;
    right: 15px;
    padding: 0px !important;
    line-height: 24px !important;
    border: 2px solid #eaeaea;
    border-radius: 4px !important;
    color: #1068e9 !important;
    font-size: 16px !important;
  }
  
  .page-template-page-listicles .ui-accordion .ui-accordion-header {
    color: #1b1c1e !important;
  }
  
  .page-template-page-listicles .listicles-topimg {
    position: absolute;
    right: 0px;
    bottom: 0;
  }
  
  .page-template-page-listicles .wp-faq-schema-wrap {
    counter-reset: section;
  }
  
  .page-template-page-listicles .wp-faq-schema-wrap h3 {
    counter-reset: subsection;
  }
  
  .page-template-page-listicles .wp-faq-schema-wrap h3:before {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    counter-increment: section;
    content: "0" counter(section);
    font-size: 40px;
    font-weight: 600;
    padding-right: 22px;
    font-family: "ProximaNova-Bold";
    position: absolute;
    left: 0;
  }
  
  .spvscheck-box {
    margin-top: 55px;
    margin-bottom: 29px;
  }
  
  .spvscheck-box .allchekprice {
    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    padding: 30px;
  }
  
  .spvscheck-box .allchekprice h3 {
    width: 45%;
    background: #f2f1f1;
    padding: 8px 15px;
    position: absolute;
    font-size: 20px;
    top: -30px;
    left: 8px;
    font-family: "ProximaNova-Bold";
    border-radius: 4px 4px 4px 0px;
  }
  
  .spvscheck-box .allchekprice h3::before {
    content: "";
    height: 10px;
    width: 7px;
    background: #c7c3c3;
    left: 0px;
    bottom: -10px;
    position: absolute;
    border-radius: 0px 0px 0px 7.5px;
  }
  
  .spvscheck-box .spcheckprice {
    border: 1px solid #1068e9 !important;
  }
  
  .spvscheck-box .spcheckprice h3 {
    background: #1068e9 !important;
    color: #fff !important;
  }
  
  .spvscheck-box .spcheckprice h3::before {
    background: #033e95 !important;
  }
  
  .spvscheck-box .allchekprice p.subtilte {
    font-size: 18px;
    font-family: "ProximaNova-Semibold";
    margin-bottom: 0px !important;
    color: #1b1c1e !important;
    margin-top: 10px !important;
  }
  
  .spvscheck-box .allchekprice h2 {
    font-size: 44px !important;
    color: #f28282;
    margin-top: 25px !important;
    margin-bottom: 10px !important;
  }
  
  .spvscheck-box .allchekprice h2 span {
    font-family: "ProximaNova-Regular" !important;
    font-size: 26px !important;
  }
  
  .spvscheck-box .spcheckprice h2 {
    color: #55bf93 !important;
  }
  
  .page-template-page-listicles .be-productive-section h2 {
    margin-top: 0px !important;
    margin-bottom: 36px !important;
  }
  
  .page-template-page-listicles .listicles-container-header ul {
    margin-bottom: 0px !important;
    display: flex;
    list-style: none;
    padding: 0 !important;
  }
  
  .page-template-page-listicles
    .body-container
    .listicles-container-header
    ul
    li {
    font-size: 16px !important;
    margin-bottom: 0px !important;
    margin-right: 8px !important;
    padding-right: 8px !important;
    border-right: 2px solid #0f67ea !important;
    height: 20px;
  }
  
  .page-template-page-listicles .listicles-container-header ul li:last-child {
    border-right: none !important;
  }
  
  .listicles-related-posts h3 {
    text-align: center !important;
    width: 100%;
    font-size: 32px !important;
    font-family: "ProximaNova-Bold" !important;
  }
  
  .listicles-faq .ui-accordion-header {
    padding-left: 70px;
    margin-bottom: 10px !important;
    background: transparent;
    border: none !important;
    font-size: 20px;
    font-family: "ProximaNova-Regular";
    border-top: 2px solid #eaeaea !important;
    margin-bottom: 0px !important;
  }
  
  .listicles-faq .ui-accordion-header:first-child {
    border-top: none !important;
  }
  
  .listicles-faq .ui-accordion-content {
    border: none !important;
    background: transparent !important;
    padding-left: 70px;
  }
  
  .listicles-faq .ui-accordion-content p {
    font-size: 18px !important;
    color: #797979 !important;
  }
  
  .listicles-faq .ui-accordion-content ul li,
  .listicles-faq .ui-accordion-content ol li {
    font-size: 18px !important;
    line-height: 30px !important;
    margin-bottom: 8px !important;
    color: #1b1c1e !important;
  }
  
  /* .page-template-page-listicles .crp-list-item {
    border: 1px solid #80808063;
    min-height: 265px;
    border-radius: 8px;
  } */
  
  /* .page-template-page-listicles .crp-list-item-image img {
    max-width: 100% !important;
    width: 100% !important;
  } */
  
  /* .page-template-page-listicles .crp-list-item-title {
    padding: 12px;
    text-align: center !important;
  } */
  
  /* .page-template-page-listicles .crp-list-item-title a {
    color: #162020;
    font-family: "ProximaNova-Bold";
    text-decoration: none;
    font-size: 18px;
  } */
  
  .page-template-page-listicles .listicles-faq h2 {
    text-align: center;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
  }
  
  .page-template-page-listicles .listicles-faq .faqline {
    width: 100px;
    margin: 0px auto;
    height: 4px;
    background: #1068e9;
    margin-bottom: 40px;
    border-radius: 25px;
  }
  
  .listicles-faq .ui-accordion-header-icon {
    display: none !important;
  }
  
  .banner-adfirst {
    background: #fff9eb;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 29px !important;
  }
  
  .ullist-col2 {
    column-count: 2;
    padding-left: 0px;
  }
  
  .banner-adfirst p.active {
    color: #bdad4a;
    font-family: "ProximaNova-Bold";
    font-size: 16px !important;
    margin-bottom: 22px !important;
  }
  
  .page-template-page-listicles .banner-adfirst h2 {
    margin-top: 0px !important;
    font-size: 46px !important;
    margin-bottom: 15px !important;
  }
  
  .banner-adfirst .banner-adtext {
    position: relative;
    padding-left: 110px;
  }
  
  .banner-adfirst .banner-adtext .bb-btpa {
    position: absolute;
    right: 0;
    bottom: 0;
    border: 1px solid #000000;
    border-radius: 4px;
    color: #1b1c1e !important;
    padding: 6px 18px;
    font-size: 16px;
  }
  
  .page-template-page-listicles strong,
  .page-template-page-listicles b {
    font-family: "ProximaNova-Bold";
  }
  
  .listicles-container-top {
    background: #f4f9ff;
    overflow-x: hidden;
  }
  
  .listicles-container-top .subcategory {
    padding: 0px 180px;
  }
  
  .listicles-container-top .subcategory h1 {
    font-size: 46px;
    line-height: 63px;
  }
  
  .page-template-page-listicles .blog-section {
    padding: 0px 180px;
  }
  
  .page-template-page-listicles .full-row {
    background: #fff;
    text-align: center;
    padding: 20px;
    position: sticky;
    top: 70px;
    z-index: 1;
    box-shadow: 0px 4px 10px #e6e6e6;
  }
  
  .page-template-page-listicles .full-row h2 {
    font-weight: 900;
    font-size: 32px;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }
  
  .page-template-page-listicles .landing-page-toc {
    border-radius: 8px;
    background: #ffffff;
  }
  
  .page-template-page-listicles .landing-page-toc p.h2 {
    font-family: "ProximaNova-Bold";
    font-size: 46px;
    line-height: 63px;
  }
  
  .page-template-page-listicles
    .ebook-box.register-box
    .flexContainer
    button:hover {
    background: #0c54c0 !important;
  }
  
  .flag-cl3 {
    column-count: 3;
    padding: 0 15px;
  }
  
  .flag-cl3 li {
    font-size: 18px;
    margin-bottom: 10px;
  }
  
  .flex-gridfull {
    display: flex;
    justify-content: space-between;
  }
  
  .page-template-page-listicles .side-menu {
    top: 170px;
    position: -webkit-sticky;
    position: sticky;
    background: #fafafa;
  }
  
  .page-template-page-listicles .side-menu ul {
    padding: 0 !important;
    list-style: none;
    border-radius: 0 !important;
  }
  
  .page-template-page-listicles .body-container .ui-accordion-content ul li {
    font-size: 17px !important;
    color: #797979 !important;
  }
  
  .page-template-page-listicles .side-menu ul li a,
  .page-template-page-listicles .side-menu div#list-example .list a {
    font-size: 16px !important;
    display: block;
    padding: 15px 15px !important;
    line-height: 20px !important;
  }
  
  .page-template-page-listicles .side-menu ul li a.active,
  .page-template-page-listicles .side-menu div#list-example .list a.active {
    background: #eef5ff !important;
    color: #1068e9 !important;
    font-family: 'ProximaNova-Semibold';
    border-left: 4px solid #1068e9 !important;
    padding-left: 11px !important;
  }
  
  .page-template-page-listicles .image-border {
    border: none !important;
    margin-bottom: 32px;
  }
  
  .page-template-page-listicles .get-free-banner .image-border {
    border: 1px solid rgba(157, 157, 157, 0.5) !important;
    border-radius: 8px !important;
  }
  
  .page-template-page-listicle .mb-0 {
    margin-bottom: 0px !important;
  }
  
  .banner-adne {
    background: #dbe9ff;
    margin-bottom: 29px !important;
    border-radius: 8px;
    padding: 30px;
    padding-bottom: 40px;
    text-align: center;
  }
  
  .banner-adne a {
    background: #1068e9;
    color: #fff;
    padding: 12px 30px;
    font-size: 16px;
    font-family: "ProximaNova-Bold";
    border-radius: 4px;
  }
  
  .banner-adne h2 {
    margin-top: 0px !important;
    color: #244d89 !important;
  }
  
  .listbox-boxvs {
    position: relative;
    margin-top: 50px;
    margin-bottom: 32px !important;
  }
  
  .listbox-boxvs .listbox-boxvs-inner {
    border: 1px solid #e6e6e6;
    border-radius: 0px 8px 8px 8px;
    padding: 30px;
    padding-top: 50px;
  }
  
  .listbox-boxvs .listbox-boxvs-inner h3 {
    background: #ebebeb;
    width: 45%;
    padding: 10px;
    font-family: "ProximaNova-Semibold" !important;
    padding-left: 20px;
    position: absolute;
    left: -10px;
    top: -30px;
    font-size: 24px !important;
  }
  
  .listbox-boxvs .listbox-boxvs-inner p:last-child {
    margin-bottom: 0 !important;
  }
  
  .listbox-boxvs .listbox-boxvs-inner h3::before {
    content: "";
    height: 10px;
    width: 10px;
    background: #c9c9c9;
    left: 0px;
    bottom: -10px;
    /* z-index: 100000; */
    position: absolute;
    /* z-index: 1; */
    border-radius: 0px 0px 0px 7.5px;
  }
  
  .listbox-boxvs .listbox-boxvs-inner h3::after {
    content: "";
    top: 0;
    right: -25px;
    position: absolute;
    border-style: solid;
    border-width: 30px 0 25px 25px;
    border-color: transparent transparent transparent #ebebeb;
  }
  
  .page-template-page-listicles .be-productive-section {
    background: #f9f9f9 !important;
    text-align: center;
  }
  
  .page-template-page-listicles .be-productive-section h2 {
    color: #244d89 !important;
    font-family: "ProximaNova-Bold";
    margin-bottom: 10px !important;
  }
  
  .page-template-page-listicles .be-productive-section .home-free-trial-n {
    background: #1068e9 !important;
    border-radius: 4px !important;
  }
  
  .page-template-page-listicles .be-productive-section span {
    color: #1b1c1e !important;
    font-size: 12px;
  }
  
  @media (max-width: 991.98px) {
    .page-template-page-listicles .body-container .media991-p0 {
      padding: 0 !important;
    }
  
    .page-template-page-listicles .enterprise-box,
    .page-template-page-listicles .enterprise-box .text-right {
      text-align: center !important;
    }
  
    .page-template-page-listicles .enterprise-box .text-right {
      margin-top: 20px !important;
    }
  
    .listiclesh-336 {
      height: auto !important;
    }
  }
  
  @media (max-width: 767.98px) {
    .page-template-page-listicles .width-col-auto {
      max-width: 50%;
      width: 50%;
      min-width: 50%;
    }
  }
  
  @media (max-width: 575.98px) {
    .page-template-page-listicles
      .ebook-box
      ._field-wrapper
      ._error
      ._error-inner {
      text-align: center !important;
    }
  
    .page-template-page-listicles .customer-feedback-dec p.user-name {
      padding-bottom: 0px !important;
    }
  
    .page-template-page-listicles .heading-rating p {
      font-size: 14px !important;
    }
  
    .page-template-page-listicles .width-col-auto {
      max-width: 100%;
      width: 100%;
      min-width: 100%;
    }
  }
  
  @media (max-width: 380.98px) {
    .page-template-page-listicles .listicle-body p.h2 {
      display: block;
    }
  }
  
  @media (max-width: 1199.98px) {
  
    .page-template-page-listicles .listicles-topimg {
      right: -160px;
    }
  
    .listbox-boxvs .listbox-boxvs-inner h3 {
      font-size: 20px !important;
    }
  }
  
  @media (max-width: 991.98px) {
    .mega-line-new {
      display: none !important;
    }
  
    .media991-top0 {
      margin-top: 0px !important;
    }
  
    .slack-step .slackp-h100 {
      height: auto !important;
    }
  
    .media-topimg {
      order: -1 !important;
      margin-bottom: 30px !important;
    }
  
    .page-template-page-listicles .listicles-topimg {
      display: none !important;
    }
  
    .page-template-page-listicles .listicles-topimg {
      background-image: none !important;
    }
  
    .page-template-page-listicles .full-row {
      position: relative !important;
    }
  
    .media991-hide {
      display: none !important;
    }
  
    .listicles-container-header h1 {
      margin-bottom: 0px !important;
    }
  
    .page-template-page-listicles .media991-p0 {
      padding: 0 !important;
    }
  
    .page-template-page-listicles .full-row {
      top: 0;
      box-shadow: none !important;
      background: #efefefa1 !important;
    }
  
    .page-template-page-listicles .body-container .media991-py-0 {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
    }
  
    .page-template-page-listicles .body-container .media991-pt-0 {
      padding-top: 0px !important;
    }
  
    .page-template-page-listicles .body-container .media991-pb-0 {
      padding-bottom: 0px !important;
    }
  
    .listbox-boxvs {
      margin-top: 60px;
    }
  }
  
  @media (max-width: 767.98px) {
    .slack-step .slackp-h100 {
      height: auto !important;
    }
  
    .ullist-col2 {
      column-count: auto !important;
    }
  
    .page-template-page-listicles .related-box-n {
      margin-bottom: 25px !important;
    }
  
    .listbox-boxvs .listbox-boxvs-inner h3 {
      width: 55%;
    }
  
    .sp-usertm-box {
      display: block;
      text-align: center;
      padding: 0 !important;
      margin: 50px 0px !important;
    }
  
    .sp-usertm-box .sp-usertm-text {
      padding-left: 0px !important;
    }
  
    .sp-usertm-box .sp-usertm-img {
      margin-bottom: 15px !important;
    }
  
    .sp-usertm-box .sp-usertm-img img {
      height: 100px;
      width: 100px;
    }
  
    .sp-usertm-box::before {
      display: none;
    }
  
    .sp-usertm-box::after {
      display: none;
    }
  
  }
  
  @media (max-width: 575.98px) {
    .iframebox-media {
      height: 8450px;
    }
  
    .alternative-pagefull .ad-bnbox .ad-bncta a.check-otherplan {
      margin-top: 15px !important;
      display: block;
      padding-bottom: 0px !important;
    }
  
    .alternative-pagefull .ad-bnbox .ad-bncta a {
      display: block !important;
    }
  
    .page-template-page-listicles .wp-faq-schema-wrap h3:before {
      font-size: 26px;
      padding-right: 0px;
    }
  
    .listicles-faq .ui-accordion-header {
      font-size: 18px;
      padding-left: 40px;
      padding-right: 40px;
    }
  
    .listicles-faq .ui-accordion-content {
      padding-left: 40px;
    }
  
    .listbox-boxvs .listbox-boxvs-inner h3 {
      width: 65%;
    }
  
    .page-template-page-listicles .landing-page-toc p.h2 {
      font-size: 35px;
      line-height: 35px;
    }
  
    .page-template-page-listicles .landing-page-toc {
      padding: 0 !important;
    }
  
    .page-template-page-listicles .wp-faq-schema-wrap {
      box-shadow: none !important;
      padding: 0 !important;
    }
  }
  
  @media (max-width: 460.98px) {
    .listbox-boxvs .listbox-boxvs-inner h3 {
      width: 85%;
      font-size: 18px !important;
    }
  
    .page-template-page-listicles .listicles-container-header ul li {
      font-size: 14px !important;
      margin-bottom: 0px !important;
    }
  }
  
  .page-template-page-listicles .side-menu ul li a.active,
  .page-template-page-listicles .side-menu div#list-example .list a.active {
    transition-timing-function: ease;
  }
  
  .side-menutop {
    text-align: center;
    margin: 0px 10px;
    border-bottom: 1px solid #e4e0e1;
    cursor: pointer;
  }
  
  .side-menubottom {
    text-align: center;
    border-top: 1px solid #e4e0e1;
    margin: 0px 5px;
    cursor: pointer;
  }
  
  .side-menu .list-group::-webkit-scrollbar {
    display: none;
  }
  
  .page-template-page-listicles.v2 .side-menu .list-group::-webkit-scrollbar {
    display: block !important;
    width: 8px;
  }
  
  .page-template-page-listicles.v2
    .side-menu
    .list-group::-webkit-scrollbar-thumb {
    background: #d9d9d9 !important;
  }
  
  .side-menu .list-group {
    height: 450px;
    overflow-y: scroll;
    -ms-overflow-style: scroll;
    scrollbar-width: scroll;
  }
  
  .page-template-page-listicles .side-menu {
    top: 165px !important;
  }
  
  @media screen and (max-height: 680px) {
    .side-menu .list-group {
      height: 400px;
    }
  }
  
  @media screen and (max-height: 600px) {
    .side-menu .list-group {
      height: 320px;
    }
  }
  
  .page-template-page-listicles p.h2,
  .page-template-page-listicles p.h3 {
    font-family: "ProximaNova-Bold" !important;
  }
  
  .page-template-page-listicles .users-feedback-active {
    background: linear-gradient(
      180deg,
      rgb(214 230 255 / 40%) 9.99%,
      rgb(248 233 226 / 40%) 123.41%
    );
    padding: 25px !important;
    border-radius: 8px;
  }
  
  .page-template-page-listicles .features-box ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    padding-left: 0px;
  }
  
  .page-template-page-listicles .features-box li {
    background: url(https://wp-stage.socialpilot.co//wp-content/themes/wp-bootstrap-starter/inc/assets/images/svg/ck-grn.svg)
      no-repeat 0px 10px transparent;
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 1px 35px;
    vertical-align: middle;
  }
  
  .feeback-bttom-line {
    border-bottom: 1px solid #d9d2d2;
  }
  
  .page-template-page-listicles .read_link {
    background: rgba(16, 104, 233, 0.1);
    border-radius: 8px;
    padding: 15px;
    position: relative;
    margin-bottom: 29px !important;
  }
  
  .page-template-page-listicles .read_link p {
    margin-bottom: 0 !important;
    padding-left: 35px;
  }
  
  .page-template-page-listicles .read_link a {
    font-family: "ProximaNova-Semibold" !important;
  }
  
  .page-template-page-listicles .read_link::before {
    content: url(https://wp-stage.socialpilot.co//wp-content/themes/wp-bootstrap-starter/inc/assets/images/svg/red-more.svg);
    left: 15px;
    position: absolute;
    top: 18px;
  }
  
  .page-template-page-listicles .heading-rating p.active {
    color: #55bf93 !important;
    opacity: 1 !important;
  }
  
  .page-template-page-listicles .heading-rating p.h2 {
    color: #1b1c1e !important;
    opacity: 0.5;
  }
  
  .page-template-page-listicles .heading-rating p {
    font-size: 16px !important;
    color: #1b1c1e !important;
    opacity: 0.5;
  }
  
  .page-template-page-listicles .heading-rating h2 {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    line-height: 30px !important;
  }
  
  .page-template-page-listicles .heading-rating h3 {
    font-size: 32px !important;
    line-height: 30px !important;
  }
  
  .page-template-page-listicles .sp-plans {
    margin-bottom: 20px !important;
  }
  
  .page-template-page-listicles .sp-plans .table {
    border: 1px solid #cde1fb;
    border-radius: 8px;
    border-collapse: unset !important;
  }
  
  .page-template-page-listicles
    .sp-plans
    .table-striped
    tbody
    tr:nth-of-type(odd) {
    background: rgba(6, 103, 235, 0.05) !important;
  }
  
  .page-template-page-listicles .sp-plans .table h4 {
    color: #1da76d;
    font-size: 18px !important;
    font-family: "ProximaNova-Regular";
    margin-bottom: 0px !important;
  }
  
  .page-template-page-listicles .sp-plans .table h4 span {
    display: block;
    font-size: 12px;
    line-height: 12px;
    color: #1b1c1e !important;
    opacity: 0.5;
  }
  
  .page-template-page-listicles .sp-plans .table .table-btn-plans {
    background: #0667eb;
    border: 1.79928px solid #0667eb;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    padding: 12px 28px;
    text-transform: uppercase;
    font-family: "ProximaNova-Semibold" !important;
  }
  
  .page-template-page-listicles .sp-plans .table h5 {
    font-size: 18px;
    line-height: 18px;
    font-family: "ProximaNova-Bold";
    margin-bottom: 0 !important;
  }
  
  .page-template-page-listicles .sp-plans .table tr td {
    vertical-align: middle;
  }
  
  .page-template-page-listicles .sp-plans .table .table-top td {
    font-size: 18px !important;
  }
  
  .page-template-page-listicles .sp-plans .table .light {
    color: #1b1c1e !important;
    opacity: 0.5;
  }
  
  .page-template-page-listicles .enterprise-box {
    background: rgba(6, 103, 235, 0.05);
    border: 1px solid #cde1fb;
    border-radius: 8px !important;
    padding: 25px !important;
  }
  
  .page-template-page-listicles .enterprise-box h2 {
    margin-top: 0px !important;
    font-size: 30px !important;
    margin-bottom: 5px !important;
  }
  
  .page-template-page-listicles .enterprise-box p {
    margin-bottom: 0px !important;
  }
  
  .page-template-page-listicles .enterprise-box a {
    font-size: 14px !important;
    color: #0667eb !important;
    border: 2px solid #0667eb !important;
    padding: 12px 28px;
    border-radius: 4px;
    background: transparent !important;
    text-transform: uppercase;
    font-family: "ProximaNova-Semibold" !important;
  }
  
  .page-template-page-listicles .features-box .ullistone li:last-child {
    margin-bottom: 0 !important;
  }
  
  .page-template-page-listicles .icon-boxcheck {
    align-items: center !important;
  }
  
  .page-template-page-listicles .icon-boxcheck .icon-img {
    margin-right: 8px;
  }
  
  .page-template-page-listicles .icon-boxcheck .icon-text p {
    margin-bottom: 0 !important;
  }
  
  .page-template-page-listicles .icon-boxcheck .icon-text {
    font-size: 18px !important;
    color: #101115;
  }
  
  @media (max-width: 767.98px) {
    .page-template-page-listicles .features-box ul {
      columns: 1;
      -webkit-columns: 1;
      -moz-columns: 1;
    }
  
    .page-template-page-listicles .users-feedback p.user-name {
      margin-bottom: 8px !important;
    }
  }
  
  @media (max-width: 450.98px) {
    .page-template-page-listicles .heading-rating h3,
    .page-template-page-listicles .heading-rating .h3 {
      font-size: 28px !important;
    }
  }
  
  @media (max-width: 380.98px) {
    .page-template-page-listicles .heading-rating h3,
    .page-template-page-listicles .heading-rating .h3 {
      font-size: 24px !important;
    }
  }


/* listicle page */

.page-template-page-listicles .features-box ul li {
    margin-right: 16px !important;
  }
  
  @media (max-width: 767.98px) {
    .features-box ul li {
      margin-right: 0px !important;
    }
  }
  
  .page-template-page-listicles .listicle-body .h2l {
    font-size: 32px !important;
    line-height: 42px !important;
    margin-bottom: 8px !important;
    font-family: "ProximaNova-Bold" !important;
  }
  
  .page-template-page-listicles .side-menu .h-50 {
    height: 50px !important;
  }
  
  .page-template-page-listicles .side-menu .h-40 {
    height: 40px !important;
  }
  
  .page-template-page-listicles .page-template-page-listicles .side-menu .h-auto {
    height: auto !important;
    max-height: auto !important;
  }
  
  .page-template-page-listicles .heading-rating {
    margin-bottom: 16px !important;
    align-items: center !important;
  }
  
  /* .page-template-page-listicles .ebook-box ._field-wrapper ._error-inner {
    text-align: left !important;
  } */
  
  .page-template-page-listicles .heading-rating p.h2 {
    font-family: "ProximaNova-Bold";
    color: #1b1c1e;
    opacity: 0.5;
  }
  
  .page-template-page-listicles .heading-rating p.h2.active {
    font-family: "ProximaNova-Bold" !important;
    margin-bottom: 0 !important;
  }
  
  .page-template-page-listicles .heading-rating p.h2 {
    font-size: 28px !important;
    line-height: 28px !important;
    margin-bottom: 2px !important;
    font-family: "ProximaNova-Semibold" !important;
  }
  
  .page-template-page-listicles .pt-8 {
    padding-top: 8px !important;
  }
  
  .page-template-page-listicles .listicles-related-posts h3 {
    margin-bottom: 32px !important;
  }
  
  .page-template-page-listicles .body-container .ui-accordion-content ul li,
  .page-template-page-listicles .body-container .ui-accordion-content ol li {
    font-size: 18px !important;
    line-height: 26px !important;
    color: #1b1c1e !important;
  }
  
  .page-template-page-listicles .ui-accordion-content p,
  .page-template-page-listicles .ui-accordion-content ul,
  .page-template-page-listicles .ui-accordion-content ol {
    margin-bottom: 25px !important;
  }
  
  .page-template-page-listicles .listicles-faq h2 {
    margin-top: 16px !important;
    margin-bottom: 30px !important;
    text-align: center;
    line-height: 39px !important;
  }
  
  .listicles-faq .ui-accordion-content p {
    font-size: 18px !important;
    color: #000 !important;
  }
  
  .page-template-page-listicles .ui-accordion .ui-accordion-header {
    font-size: 18px !important;
    font-family: "ProximaNova-Semibold" !important;
    padding: 16px 0px !important;
    padding-right: 40px !important;
    padding-left: 8px !important;
  }
  
  .page-template-page-listicles .ui-accordion-header .arro-icon {
    width: auto !important;
    right: 0 !important;
    text-align: right;
    position: absolute;
    padding-top: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  
  .page-template-page-listicles .ui-accordion-header .arro-icon img {
    transition: 300ms linear all;
  }
  
  .users-feed-ibox {
    margin-bottom: 12px !important;
  }
  
  .page-template-page-listicles .mt-16,
  .page-template-page-listicles p.mt-16 {
    margin-bottom: 16px !important;
  }
  
  .page-template-page-listicles .read_link a {
    font-family: "ProximaNova-Bold";
    text-decoration-line: underline;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #1068e9 !important;
  }
  
  .page-template-page-listicles .read_link a:hover {
    text-decoration-line: underline;
    color: #1068e9 !important;
  }
  
  .page-template-page-listicles hr {
    border-bottom: 1px solid #e6e6e6de !important;
    margin: 48px 0px !important;
  }
  
  .page-template-page-listicles .users-feedback p.user-name {
    font-family: "ProximaNova-Bold" !important;
    font-size: 18px !important;
    margin-bottom: 8px !important;
  }
  .page-template-page-listicles .users-feed-ibox .userfedd-detbox p.user-name {
    margin-bottom: 0px !important;
    margin-top: 2px !important;
    font-size: 18px !important;
    line-height: 26px !important;
  }
  
  .page-template-page-listicles .users-feedback-active {
    background: linear-gradient(
      180deg,
      rgb(214 230 255 / 40%) 9.99%,
      rgb(248 233 226 / 40%) 123.41%
    );
    padding: 32px !important;
    border-radius: 8px;
  }
  
  .page-template-page-listicles .users-feed-ibox .userfedd-img-box {
    height: 54px !important;
    width: 54px !important;
    font-size: 24px !important;
    line-height: 0 !important;
  }
  
  .page-template-page-listicles .features-box ul {
    margin-bottom: 0px !important;
  }
  
  .page-template-page-listicles h3,
  .page-template-page-listicles p.h3 {
    margin-bottom: 16px !important;
    font-size: 24px !important;
    line-height: 34px !important;
    font-family: "ProximaNova-Bold" !important;
  }
  
  .page-template-page-listicles :is(h3.mb-0, p.h3.mb-0) {
    margin-bottom: 0px !important;
  }
  
  .page-template-page-listicles .users-feedback-active {
    background: linear-gradient(
      180deg,
      rgb(214 230 255 / 30%) 9.99%,
      rgb(248 233 226 / 30%) 123.41%
    ) !important;
  
    margin-bottom: 32px;
  }
  
  .page-template-page-listicles .features-box {
    /* border: 1px solid #e6e6e6;*/
    border-radius: 8px;
    /*padding: 32px !important;*/
    margin-bottom: 32px !important;
  }
  
  .page-template-page-listicles .pt-10 {
    padding-top: 10px !important;
  }
  
  .page-template-page-listicles .heading-rating p {
    margin-bottom: 0 !important;
  }
  
  .page-template-page-listicles .body-container ul li {
    font-size: 18px !important;
    margin-bottom: 16px !important;
    line-height: 30px;
    position: relative;
    break-inside: avoid;
  }
  
  /* listicle page */





/* new list  */

.page-template-page-listicles.v2 .side-menu ul li a,
.page-template-page-listicles.v2 .side-menu div#list-example .list a {
  padding: 10px 30px !important;
}

.page-template-page-listicles.v2 .side-menu ul li a.active,
.page-template-page-listicles.v2 .side-menu div#list-example .list a.active {
  padding: 10px 26px !important;
}

.page-template-page-listicles.v2 .pg-title h2 {
  margin-top: 0px !important;
}

.page-template-page-listicleslist
  .page-template-page-listicles
  .wp-faq-schema-wrap {
  box-shadow: none !important;
  padding: 0px !important;
  border-radius: 0px !important;
  width: 100% !important;
}

.page-template-page-listicles.v2 .side-menu {
  top: 100px !important;
}

.page-template-page-listicles.v2 .sidemenu-fx {
  padding: 16px 0px;
  border-radius: 8px !important;
  box-shadow: 0px 0px 34px 0px rgba(27, 28, 30, 0.15);
  background: #fff !important;
}

.page-template-page-listicles.v2 .ebook-box {
  background: #f4f8ff !important;
}

/* .page-template-page-listicles .ebook-box.register-box {
  padding: 32px !important;
} */

.page-template-page-listicles.v2 .nstyle .about-author-blk .author-box {
  text-align: left !important;
}

.page-template-page-listicles.v2
  .nstyle
  .about-author-blk
  .author-box
  .authorboximg {
  margin-right: 24px !important;
}

.page-template-page-listicles.v2
  .nstyle
  .about-author-blk
  .author-box
  .img-circle {
  height: 122px !important;
  width: 122px !important;
  min-width: 122px !important;
}

.author-box p.h3 a {
  color: #1b1c1e !important;
}

.page-template-page-listicles.v2 .side-menu .list-group {
  height: calc(100vh - 210px) !important;
}

.page-template-page-listicles.v2 .post-body {
  padding-left: 32px !important;
}

.page-template-page-listicles.v2 .sidemenu-fx .sidemenu-title p {
  font-size: 18px !important;
  line-height: 30px !important;
  display: flex;
  align-items: center;
  margin-bottom: 16px !important;
}

.page-template-page-listicles.v2 .sidemenu-fx .sidemenu-title p svg {
  margin-right: 8px !important;
}

.page-template-page-listicles.v2 .sidemenu-fx .sidemenu-title {
  padding-left: 30px !important;
}

.page-template-page-listicles.v2
  .wp-faq-schema-wrap
  .ui-accordion-content
  ul
  li,
.page-template-page-listicles.v2
  .wp-faq-schema-wrap
  .ui-accordion-content
  ol
  li {
  font-size: 18px !important;
  line-height: 28px !important;
}

.page-template-page-listicles.v2 .wp-faq-schema-wrap .ui-accordion-content ul,
.page-template-page-listicles.v2 .wp-faq-schema-wrap .ui-accordion-content ol {
  padding-left: 24px !important;
  font-size: 16px !important;
}

@media (max-width: 767.98px) {
  .page-template-page-listicles.v2
    .nstyle
    .about-author-blk
    .author-box
    .d-flex.flex-row {
    display: block !important;
  }

  .page-template-page-listicles.v2 .nstyle .about-author-blk .author-box {
    text-align: center !important;
  }

  .page-template-page-listicles.v2
    .nstyle
    .about-author-blk
    .author-box
    .authorboximg {
    margin-right: 0px !important;
  }

  .page-template-page-listicles.v2
    .nstyle
    .about-author-blk
    .author-box
    .img-circle {
    height: 60px !important;
    width: 60px !important;
    min-width: auto !important;
  }
}

/* new list  */

/* banner ads */

.page-template-page-listicles .banner-ad-full {
    background-image: linear-gradient(
      164deg,
      rgb(78, 102, 211),
      rgb(53, 67, 158)
    );
    margin-bottom: 25px !important;
    text-align: center;
    border-radius: 10px;
    color: white;
    padding: 25px 50px !important;
    padding-bottom: 35px !important;
    margin: 45px 0px;
    margin-bottom: 45px !important;
  }
  
  .page-template-page-listicles .banner-ad-full h3 {
    text-align: center !important;
    color: #fff !important;
    line-height: 45px !important;
    margin-top: 0 !important;
  }
  
  @media (max-width: 575.98px) {
    .page-template-page-listicles .banner-ad-full h3 {
      line-height: 35px !important;
    }
  }
  
  /* banner ads */



/* listicle side banner */
.listicel_sideBanner p br {
    display: block !important;
  }
  
  .listicel_sideBanner_full {
    background-image: url(https://wp-stage.socialpilot.co/wp-content/uploads/2024/10/banner_bluebg.webp);
    border-radius: 8px !important;
    background-size: 100% 100% !important;
    max-width: 400px;
    margin: 0px auto;
  }
  
  .listicel_sideBanner {
    transition: 300ms linear all;
    background-repeat: no-repeat;
    padding: 24px;
    border-radius: 8px;
    text-align: left;
    background-image: url(https://wp-stage.socialpilot.co/wp-content/uploads/2025/01/banner_girl.webp);
    background-size: auto;
    background-position: right bottom;
    background-size: 170px 240px;
  }
  
  .listicel_sideBanner .star img {
    max-width: 129px !important;
    margin-bottom: 16px !important;
  }
  
  .listicel_sideBanner .text {
    padding-bottom: 12px;
  }
  
  .listicel_sideBanner .text p {
    font-size: 14px !important;
    line-height: 20px !important;
    color: #fff !important;
    font-family: "ProximaNova-Bold" !important;
    margin-bottom: 12px !important;
  }
  
  .listicel_sideBanner .user_name p {
    font-size: 12px !important;
    line-height: 26px !important;
    color: #fff !important;
    font-family: "ProximaNova-Semibold" !important;
    margin-bottom: 0px !important;
  }
  
  .listicel_sideBanner .btn_white {
    border-radius: 8px;
    font-size: 15px;
    background: #fe8848;
    box-shadow: 0px 3.771px 10px 0px rgba(18, 44, 89, 0.3);
    padding: 9px 18px;
    display: inline-block !important;
    font-family: "ProximaNova-Bold" !important;
    color: #fff !important;
    margin-top: 24px !important;
    line-height: 18px;
    transition: 300ms linear all;
  }
  
  .listicel_sideBanner .btn_white::after {
    content: url(https://wp-stage.socialpilot.co/wp-content/uploads/2024/10/white_arrow.svg);
    position: relative;
    z-index: 1;
    top: 1px;
    margin-left: 4px;
    display: inline-block;
    transition: 300ms linear all;
  }
  
  .listicel_sideBanner:hover .btn_white {
    scale: 1.05;
  }
  
  .listicel_sideBanner .text::after {
    content: "";
    height: 1px;
    width: 10%;
    background: #ffffff;
    display: block;
    opacity: 0.2;
  }
  
  .listicel_sideBanner .user_name p::before {
    content: url(https://wp-stage.socialpilot.co/wp-content/uploads/2024/10/g2.svg);
    position: relative;
    z-index: 1;
    top: 4px;
    margin-right: 6px;
  }
  
  .page-template-page-listicles.v2 .side-menu.v2 {
    top: 90px !important;
  }
  
  .page-template-page-listicles.v2 .side-menu.active-cta.v2 .list-group {
    height: calc(100vh - 450px) !important;
  }
  @media (max-width: 991.98px) {
    .page-template-page-listicles.v2 .side-menu.active-cta.v2 .list-group {
      height: calc(100vh) !important;
      max-height: 240px !important;
    }
  }
  
  @media (max-width: 575.98px) {
    .page-template-page-listicles.v2 .sidemenu-fx {
      display: none !important;
    }
  
    .page-template-page-listicles .side-menu .mt-16 {
      margin-top: 0 !important;
    }
  }
  
  /* listicle side banner */



  /* 2 listicle page start */

.listbox-boxvs .listbox-boxvs-inner h3 {
    width: auto !important;
    padding-right: 20px !important;
  }
  
  .spvscheck-box .allchekprice h3,
  .listbox-boxvs .listbox-boxvs-inner h3 {
    margin: 0 !important;
  }
  
  @media (max-width: 991.98px) {
    .page-template-page-listicles .body-container .media991-p0 {
      padding: 0 !important;
    }
  
    .page-template-page-listicles .enterprise-box,
    .page-template-page-listicles .enterprise-box .text-right {
      text-align: center !important;
    }
  
    .page-template-page-listicles .enterprise-box .text-right {
      margin-top: 20px !important;
    }
  }
  
  @media (max-width: 767.98px) {
    .page-template-page-listicles .width-col-auto {
      max-width: 50%;
      width: 50%;
      min-width: 50%;
    }
  
    .do-more-less {
      padding: 0 10px;
    }
  }
  
  @media (max-width: 575.98px) {
    .page-template-page-listicles
      .ebook-box
      ._field-wrapper
      ._error
      ._error-inner {
      text-align: center !important;
    }
  
    .page-template-page-listicles .customer-feedback-dec p.user-name {
      padding-bottom: 0px !important;
    }
  
    .page-template-page-listicles .heading-rating p {
      font-size: 14px !important;
    }
  
    .page-template-page-listicles .width-col-auto {
      max-width: 100%;
      width: 100%;
      min-width: 100%;
    }
  }
  
  @media (max-width: 380.98px) {
    .page-template-page-listicles .listicle-body p.h2 {
      display: block;
    }
  }
  
  @media (max-width: 1199.98px) {
    /* .page-template-page-listicles .ebook-box .flexContainer {
      width: 100% !important;
    } */
  
    .page-template-page-listicles .listicles-topimg {
      right: -0px;
    }
  
    .listbox-boxvs .listbox-boxvs-inner h3 {
      font-size: 20px !important;
    }
  }
  
  .page-template-page-listicles .features-box ul.ullistone {
    columns: 1 !important;
    -webkit-columns: 1 !important;
    -moz-columns: 1 !important;
  }
  
  .page-template-page-listicles .feed-rev-line {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 24px !important;
    margin-bottom: 24px !important;
  }
  
  .page-template-page-listicles .icon-boxcheck {
    align-items: center !important;
  }
  
  .page-template-page-listicles .icon-boxcheck .icon-img {
    margin-right: 10px;
  }
  
  .page-template-page-listicles .icon-boxcheck .icon-text p {
    margin-bottom: 0 !important;
  }
  
  .page-template-page-listicles .icon-boxcheck .icon-text {
    font-size: 18px !important;
    color: #101115;
  }
  
  @media (max-width: 991.98px) {
    .page-template-page-listicles .body-container .media991-p0 {
      padding: 0 !important;
    }
  
    .page-template-page-listicles .enterprise-box,
    .page-template-page-listicles .enterprise-box .text-right {
      text-align: center !important;
    }
  
    .page-template-page-listicles .enterprise-box .text-right {
      margin-top: 20px !important;
    }
  
    .white-lable-image {
      margin-left: 0;
    }
  }
  
  @media (max-width: 767.98px) {
    .page-template-page-listicles .width-col-auto {
      max-width: 50%;
      width: 50%;
      min-width: 50%;
    }
  }
  
  @media (max-width: 575.98px) {
    .page-template-page-listicles
      .ebook-box
      ._field-wrapper
      ._error
      ._error-inner {
      text-align: center !important;
    }
  
    .page-template-page-listicles .customer-feedback-dec p.user-name {
      padding-bottom: 0px !important;
    }
  
    .page-template-page-listicles .heading-rating p {
      font-size: 14px !important;
    }
  
    .page-template-page-listicles .width-col-auto {
      max-width: 100%;
      width: 100%;
      min-width: 100%;
    }
  
    .white-lable-image {
      margin-left: 0;
    }
  }
  
  @media (max-width: 380.98px) {
    .page-template-page-listicles .listicle-body p.h2 {
      display: block;
    }
  }
  
  /* 2 listicle page end */

  




/* list page user fedd */
.page-template-page-listicles .head-free-trial {
    text-transform: inherit !important;
    border-radius: 4px;
  }
  
  .page-template-page-listicles
    .ebook-box
    .flexContainer
    .inputField::-webkit-input-placeholder {
    color: #adadad;
    font-size: 14px;
  }
  
  .page-template-page-listicles
    .ebook-box
    .flexContainer
    .inputField:-ms-input-placeholder {
    color: #adadad;
    font-size: 14px;
  }
  
  .page-template-page-listicles
    .ebook-box
    .flexContainer
    .inputField::placeholder {
    color: #adadad;
    font-size: 14px;
  }
  
  /* .page-template-page-listicles .ebook-box ._field-wrapper ._error-inner {
    text-align: left !important;
  } */
  
  /* .page-template-page-listicles .ebook-box p.eb-subtext {
    font-size: 14px !important;
  } */
  
  .page-template-page-listicles strong,
  .page-template-page-listicles b,
  .page-template-page-listicles strong {
    font-family: "ProximaNova-Bold" !important;
  }
  
  .page-template-page-listicles
    .body-container
    .listicles-container-header
    ul
    li {
    font-size: 16px !important;
    margin-bottom: 0px !important;
    height: auto !important;
    line-height: 1 !important;
  }
  
  .page-template-page-listicles
    .body-container
    .listicles-container-header
    ul
    li:not(:last-child) {
    border-right: 2px solid #0f67ea !important;
    margin-right: 8px !important;
    padding-right: 8px !important;
  }
  
  .page-template-page-listicles .full-row h2 {
    line-height: 131.8% !important;
  }
  
  .page-template-page-listicles .body-container .fre-pros-box ul li,
  .page-template-page-listicles .body-container .fre-cons-box ul li {
    margin-bottom: 10px !important;
  }
  
  .page-template-page-listicles .body-container .fre-pros-box ul li:last-child,
  .page-template-page-listicles .body-container .fre-cons-box ul li:last-child {
    margin-bottom: 0px !important;
  }
  
  .page-template-page-listicles .page-template-page-listicles .side-menu ul li a {
    color: #1068e9 !important;
  }
  
  .page-template-page-listicles .listicle-body p.h3 {
    font-size: 24px !important;
    line-height: 28px;
    font-weight: 700;
  }
  
  .page-template-page-listicles .body-container .ui-accordion-content ul li,
  .page-template-page-listicles .body-container .ui-accordion-content ol li {
    font-size: 18px !important;
    line-height: 32px !important;
    color: #000000 !important;
    margin-bottom: 10px !important;
    font-family: "ProximaNova-Regular";
  }
  
  .listicles-faq .ui-accordion-content p {
    color: #1b1c1e !important;
  }
  
  .page-template-page-listicles .wp-faq-schema-wrap h3:before {
    display: none !important;
  }
  
  .listicles-faq .ui-accordion-header {
    padding-left: 8px !important;
  }
  
  .listicles-faq .ui-accordion-content {
    padding-left: 8px !important;
  }
  
  .page-template-page-listicles .listicles-faq h2 {
    margin-top: 18px !important;
    margin-bottom: 56px !important;
  }
  
  .page-template-page-listicles .plusminus {
    display: none !important;
  }
  
  .page-template-page-listicles .ui-accordion-header .arro-icon {
    width: auto !important;
    right: 0 !important;
    text-align: right;
    position: absolute;
    padding-top: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  
  .page-template-page-listicles .ui-accordion-content p,
  .page-template-page-listicles .ui-accordion-content ul,
  .page-template-page-listicles .ui-accordion-content ol {
    margin-bottom: 25px !important;
  }
  
  .page-template-page-listicles .crp-list-item {
    overflow: hidden;
  }
  
  .page-template-page-listicles .users-feedback-active {
    background: linear-gradient(
      180deg,
      rgb(214 230 255 / 30%) 9.99%,
      rgb(248 233 226 / 30%) 123.41%
    ) !important;
  }
  
  .page-template-page-listicles .users-feedback p.user-name {
    font-family: "ProximaNova-Bold" !important;
  }
  
  .users-feed-ibox {
    margin-bottom: 15px !important;
  }
  
  .users-feed-ibox .userfedd-img-box {
    height: 55px;
    width: 55px;
    background: #80808045;
    margin-right: 10px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px !important;
    font-family: "ProximaNova-Semibold";
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
  }
  
  /* list page user fedd */



  /* list page design */

.sp-listbox-feb {
    padding: 24px !important;
    border-radius: 8px !important;
    border: 1px solid #bcd7ff;
    height: 100% !important;
  }
  
  .sp-listbox-feb.active {
    background: #f4f8ff !important;
  }
  
  .sp-listbox-feb p.title {
    margin-bottom: 4px !important;
    font-family: "ProximaNova-Semibold" !important;
  }
  
  .sp-listbox-feb p:last-child {
    margin-bottom: 0px !important;
  }
  
  .sp-listbox-feb p.text {
    font-size: 16px !important;
    line-height: 26px !important;
    color: #56606e;
  }
  
  .page-template-page-listicles
    .sp-plans.s_pnewtable
    .table
    tr:not(:last-child)
    td:not(:last-child) {
    border-right: 1px solid #cde1fc;
  }
  
  .page-template-page-listicles .sp-plans.s_pnewtable .table tr:nth-child(2) td {
    border-top: 1px solid #bcd7ff;
    border-bottom: 1px solid #bcd7ff;
  }
  
  .page-template-page-listicles .sp-plans.s_pnewtable .table tr td .sp_flex {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }
  
  .page-template-page-listicles .sp-plans.s_pnewtable .table tr td .sp_discount {
    font-size: 14px;
  }
  
  .page-template-page-listicles
    .sp-plans.s_pnewtable
    .table
    tr
    td
    .yearly_plan_sp {
    font-size: 20px;
    text-decoration-line: line-through;
    margin-bottom: 4px !important;
  
    text-decoration-color: #e85150;
  }
  
  .page-template-page-listicles .sp-plans.s_pnewtable .table tr td h5 {
    font-size: 32px !important;
    line-height: 42px !important;
    margin-bottom: 4px !important;
  }
  
  .page-template-page-listicles .sp-plans.s_pnewtable .table tr td h5 span {
    font-size: 18px;
    line-height: 30px !important;
    opacity: 1;
    font-family: "ProximaNova-Regular" !important;
  }
  
  .sp_listreview {
    border-radius: 8px;
    border: 1px solid #bcd7ff;
    background: #dae9ff4d;
    position: relative !important;
    padding: 32px !important;
  }
  
  .sp_listreview:after {
    content: "";
    width: 40px;
    height: 40px;
    background: url(https://wp-stage.socialpilot.co/wp-content/uploads/2024/03/g2.svg)
      no-repeat;
    top: 0;
    right: 16px;
    position: absolute;
    background-size: 100% 100%;
  }
  
  .sp_listreview .img {
    margin-bottom: 10px !important;
    margin-top: -65px;
  }
  
  .sp_listreview .review {
    margin-bottom: 20px !important;
  }
  
  .sp_listreview .review p:last-child {
    margin-bottom: 0px !important;
  }
  
  .sp_listreview .star {
    margin-bottom: 16px !important;
  }
  
  .sp_listreview .user {
    font-size: 18px;
    line-height: 30px !important;
  }
  
  .sp_listreview .user .name {
    font-family: "ProximaNova-Bold" !important;
  }
  
  .sp_listreview .user .pos {
    color: #56606e !important;
  }
  
  .mt-review-top {
    margin-top: 56px;
  }
  
  @media (max-width: 767.98px) {
    .mt-review-top {
      margin-top: 56px;
    }
  
    .page-template-page-listicles .sp-plans.s_pnewtable .table tr td .sp_flex {
      display: block !important;
      text-align: left !important;
    }
  
    .page-template-page-listicles
      .sp-plans.s_pnewtable
      .table
      tr
      td
      .sp_flex
      .text {
      margin-bottom: 16px !important;
    }
  
    .sp_listreview .img {
      margin-top: 0 !important;
    }
  
    .mt-review-top {
      margin-top: 32px !important;
    }
  }
  
  /* list page design */



  /* listicle price table */

.price_Tablebox.plan-pagefull.planlpny {
    border: 1px solid #bcd7ff;
    background: #fff;
    box-shadow: 0px 0px 28px 0px #d9e5fa;
    border-radius: 8px !important;
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  
  .price_Tablebox.planlpny.plan-pagefull .version-block {
    box-shadow: none !important;
    border-radius: 0 !important;
  
    border-left: 0px !important;
    border-top: 0 !important;
    background: transparent !important;
    border-bottom: 0px !important;
  }
  
  .price_Tablebox.planlpny.plan-pagefull .col-md-6:last-child .version-block {
    border-right: 0px !important;
  }
  
  .price_Tablebox.planlpny .version-n-block h3 {
    font-size: 18px !important;
    line-height: 28px !important;
    color: #56606e !important;
    margin-bottom: 16px !important;
  }
  
  .price_Tablebox.planlpny .version-n-block h2 {
    font-size: 32px !important;
    line-height: 42px !important;
    margin-top: 0px !important;
    margin-bottom: 12px !important;
  }
  
  .price_Tablebox .version-n-block h2 span {
    font-size: 18px !important;
    line-height: 28px !important;
    font-family: "ProximaNova-Regular" !important;
  }
  
  .price_Tablebox.plan-pagefull.planlpny
    .plan-feature-main-points-test-top
    ul
    li {
    font-size: 14px !important;
    line-height: 26px !important;
    margin-bottom: 4px !important;
    padding-left: 22px;
  }
  
  .price_Tablebox.plan-pagefull.planlpny .plans-trail-btn-n a,
  .price_Tablebox.plan-pagefull.planlpny .get-free-trail-btn-n a {
    font-size: 16px !important;
    line-height: 26px !important;
    padding: 9px 14px !important;
    border-radius: 4px !important;
  }
  
  .price_Tablebox.plan-pagefull.planlpny .most-popular-tag-n p {
    left: -8px;
  }
  
  .price_Tablebox.plan-pagefull
    .version-block
    .amount_text
    small.discount_annual_price {
    margin-bottom: 0px !important;
    font-size: 14px !important;
    line-height: 24px !important;
  }
  
  @media (max-width: 991.98px) {
    .price_Tablebox.planlpny.plan-pagefull .col-md-6:first-child .version-block,
    .price_Tablebox.planlpny.plan-pagefull .col-md-6:nth-child(2) .version-block {
      border-bottom: 1px solid #d4e3fd !important;
      height: 100% !important;
    }
  }
  
  @media (max-width: 767.98px) {
    .price_Tablebox.plan-pagefull.planlpny {
      border: none !important;
  
      box-shadow: none !important;
      border-radius: 0px !important;
    }
  
    .price_Tablebox.planlpny.plan-pagefull .col-md-6:first-child .version-block,
    .price_Tablebox.planlpny.plan-pagefull .col-md-6:nth-child(2) .version-block {
      height: auto !important;
      border-left: 1px solid #e4edfc !important;
      border-right: 1px solid #e4edfc !important;
      border-bottom: 1px solid #e4edfc !important;
      border-top: 1px solid #e4edfc !important;
      border-radius: 4px !important;
    }
  
    .price_Tablebox.planlpny.plan-pagefull .version-block {
      border-left: 1px solid #e4edfc !important;
      border-right: 1px solid #e4edfc !important;
      border-bottom: 1px solid #e4edfc !important;
      border-top: 1px solid #e4edfc !important;
      border-radius: 4px !important;
      box-shadow: 0px 0px 28px 0px #d9e5fa !important;
    }
  }
  
  /* listicle price table */
  
  .page-template-page-listicles.v2 .side-menu ul li a.forbes::after {
    content: "";
    width: 100px;
    height: 35px;
    background: url("https://wp-stage.socialpilot.co/wp-content/uploads/2024/03/forbes-2.svg")
      no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    margin-bottom: -12px;
    margin-top: -4px;
    margin-left: 8px !important;
  }
  
  @media (max-width: 1199.98px) {
    .page-template-page-listicles.v2 .side-menu ul li a.forbes::after {
      width: 60px !important;
    }
  }





/* listicle table mobile design */

.glance-table.compare-table.table-drop .table tbody tr:last-child td {
    border-bottom: 0 !important;
  }
  
  @media (max-width: 991.98px) {
    .glance-table.mobile-ny .table {
      overflow: auto !important;
    }
  
    .mobile-ny.glance-table th {
      position: -webkit-sticky;
      /* For Safari */
      position: sticky;
      top: 0px;
      background-color: #fff;
      z-index: 10;
      border-bottom: 2px solid #ccc;
    }
  
    .table-drop.mobile-ny tr.header th,
    .table-drop.mobile-ny tr.header td {
      background: #ffffff !important;
    }
  
    .glance-table.mobile-ny .table {
      border-radius: 0 !important;
      table-layout: fixed !important;
    }
  
    .table-drop.mobile-ny tr.header th.mobile-active,
    .table-drop.mobile-ny tr.header td.mobile-active {
      background: #dae9ff !important;
    }
  
    .glance-table.mobile-ny .table tr:first-child th,
    .glance-table.mobile-ny .table tr:first-child td {
      width: auto !important;
    }
  
    .glance-table.mobile-ny table tr.header th {
      box-shadow: 0px 4px 5px 0px rgba(27, 28, 30, 0.14) !important;
    }
  
    .glance-table.mobile-ny table tr.header th.td1,
    .glance-table.mobile-ny table tr.nohide td.td1 {
      display: none !important;
    }
  
    .glance-table.mobile-ny table tr.header th.td6,
    .glance-table.mobile-ny table tr.header th.td7,
    .glance-table.mobile-ny table tr.header th.td8 {
      display: none;
    }
  
    .glance-table.mobile-ny .table tbody tr th p {
      font-size: 14px !important;
      line-height: 24px !important;
    }
  
    .glance-table.mobile-ny .table td {
      display: none;
    }
  
    .glance-table.mobile-ny .table td.td1 {
      display: table-cell !important;
    }
  
    .glance-table.mobile-ny .table td.mobile-active {
      display: table-cell !important;
    }
  
    .glance-table.table-drop.mobile-ny .table tbody tr td:not(:first-child) {
      text-align: right !important;
      padding-right: 12px !important;
    }
  
    .glance-table.table-drop.mobile-ny .table tbody tr td img {
      margin-right: 0px !important;
      display: inline !important;
    }
  
    .glance-table.table-drop.mobile-ny .table tbody tr td {
      border-right: 0 !important;
    }
  
    .glance-table.table-drop.mobile-ny .table tbody tr td:first-child {
      border-right: 0 !important;
      padding-left: 12px !important;
  
      font-size: 14px !important;
      line-height: 20px !important;
    }
  
    .glance-table.mobile-ny tr.header th {
      cursor: pointer;
    }
  
    .glance-table.compare-table.mobile-ny .table tbody tr td {
      font-size: 14px !important;
      line-height: 20px !important;
    }
  
    .glance-table.mobile-ny table .btn-outline-blue,
    .glance-table.mobile-ny table a.btn-blue.btn-sm {
      text-align: center !important;
    }
  
    .glance-table.compare-table.mobile-ny .table tbody tr.nohide td {
      text-align: center !important;
    }
  }
  
  @media (max-width: 575.98px) {
    .glance-table.mobile-ny .table tbody tr th p {
      line-height: 20px !important;
    }
  
    .glance-table.mobile-ny table .btn-outline-blue,
    .glance-table.mobile-ny table a.btn-blue.btn-sm {
      display: block !important;
    }
  
    .glance-table.mobile-ny .table tr .glance-table-top img {
      height: 35px !important;
      width: 35px !important;
    }
  
    .glance-table.mobile-ny .table tbody tr th {
      padding-top: 12px !important;
    }
  
    .glance-table.mobile-ny {
      margin-right: -15px !important;
      margin-left: -15px !important;
    }
  }
  
  /* listicle table mobile design */

  

  /* listicle new design */

.image-box {
    margin-bottom: 24px !important;
  }
  
  .image-box img {
    width: 100% !important;
    height: auto !important;
  }
  
  .spStrong {
    font-family: "ProximaNova-Bold" !important;
    margin-bottom: 8px !important;
  }
  
  .blueAlert {
    border-radius: 8px;
    background: #e7f0fd;
    padding: 12px 16px !important;
    margin-bottom: 24px !important;
  }
  
  .blueAlert p:last-child {
    margin-bottom: 0 !important;
  }
  
  .o_features_box ul,
  .o_features_box ol {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 16px !important;
  }
  
  .o_features_box :is(ul, ol) li {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.4757 1.61363C9.64073 1.10573 10.3593 1.10573 10.5243 1.61363L12.1214 6.5289C12.1952 6.75604 12.4068 6.90983 12.6457 6.90983H17.8139C18.3479 6.90983 18.57 7.59321 18.1379 7.90711L13.9567 10.9449C13.7635 11.0853 13.6827 11.3341 13.7565 11.5613L15.3536 16.4765C15.5186 16.9844 14.9373 17.4068 14.5052 17.0929L10.324 14.0551C10.1308 13.9147 9.86918 13.9147 9.67596 14.0551L5.49478 17.0929C5.06274 17.4068 4.48142 16.9844 4.64645 16.4765L6.24352 11.5613C6.31732 11.3341 6.23647 11.0853 6.04325 10.9449L1.86207 7.90711C1.43002 7.59321 1.65207 6.90983 2.18611 6.90983H7.35433C7.59316 6.90983 7.80483 6.75604 7.87863 6.5289L9.4757 1.61363Z' fill='%2366C076'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    padding: 0px 0px 1px 35px;
    padding: 0px 0px 0px 32px;
    background-position: 0px 5px;
  }
  
  .o_ratings {
    margin-bottom: 24px !important;
  }
  
  .o_ratings .o_ratings_grid .o_ratings_txt .o_ratings {
    margin-bottom: 0px !important;
  }
  
  .o_ratings .o_ratings_grid {
    display: grid;
    grid-template-columns: auto auto auto;
    column-gap: 30px;
    margin-top: 16px !important;
  }
  
  .o_ratings .o_ratings_grid .o_ratings_txt {
    display: flex;
    margin-bottom: 16px !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  
  .o_ratings .o_ratings_grid .o_ratings_box .progress {
    height: 12px !important;
    border-radius: 16px !important;
    background: #dfebff;
  }
  
  .o_ratings .o_ratings_grid .o_ratings_box .progress .progress-bar {
    background-color: #0f67ea;
  }
  
  .o_ratings .o_ratings_grid .o_ratings_box._green .progress .progress-bar {
    background-color: #66c076;
  }
  
  .o_ratings .o_ratings_grid .o_ratings_box._red .progress .progress-bar {
    background-color: #db4f4e !important;
  }
  
  .o_ratings .o_ratings_grid .o_ratings_txt .o_ratings {
    font-family: "ProximaNova-Semibold" !important;
  }
  
  .page-template-page-listicles .pxgnyx1 .heading-rating {
    align-items: start !important;
  }
  
  .page-template-page-listicles .pxgnyx1 .heading-rating p.h2 {
    font-size: 32px !important;
    font-family: "ProximaNova-Bold" !important;
    opacity: 1 !important;
  }
  
  .page-template-page-listicles .pxgnyx1 .heading-rating p.h2 small {
    font-family: "ProximaNova-Regular" !important;
    font-size: 24px !important;
  }
  
  .page-template-page-listicles .pxgnyx1 .heading-rating {
    margin-bottom: 24px !important;
  }
  
  .page-template-page-listicles hr.o_small {
    margin: 32px 0px !important;
  }
  
  @media (max-width: 767.98px) {
    .o_ratings .o_ratings_grid {
      grid-template-columns: auto auto;
      row-gap: 24px !important;
    }
  }
  
  @media (max-width: 575.98px) {
    .o_ratings .o_ratings_grid {
      grid-template-columns: auto;
    }
  
    .page-template-page-listicles .pxgnyx1 .heading-rating p.h2 {
      font-size: 22px !important;
      line-height: 22px !important;
      margin-bottom: 0px !important;
    }
  
    .page-template-page-listicles .pxgnyx1 .heading-rating p.h2 small {
      font-size: 18px !important;
    }
  
    .page-template-page-listicles .heading-rating .pxgnyx1 p {
      font-size: 14px !important;
      line-height: 24px !important;
    }
  }
  
  /* listicle new design */



  /* listicle banner design */

.blue_banner_{
    background: #DAE9FF80;
  padding: 24px;
  border-radius: 8px;
  margin-bottom: 24px;
    border: 1px solid #BCD7FF;
  }
  
  .blue_banner_ .banner_flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  }
  
  .blue_banner_ .banner_flex .content p.banner_title{
  margin-bottom:4px;
    font-family: 'ProximaNova-Bold' !important;
  }
  
  .blue_banner_ .banner_flex .content p:last-child{
  margin-bottom:0 !important;
  
  }
  
  @media (max-width: 767.98px) { 
  
  .blue_banner_{
      text-align: center;
  }
  
  .blue_banner_ .banner_flex {
  display: block !important;
  }
  
  .blue_banner_ .banner_flex .cta{
  margin-top:16px; 
  }
  
  }
  
  /* listicle banner design */
  

  /* side menu */

.page-template-page-listicles.v2 .side-menu.active-cta .list-group {
    height: calc(100vh - 270px) !important;
    scroll-behavior: smooth;
  }
  
  .page-template-page-listicles .side-menu {
    background: transparent !important;
  }
  
  /* side menu */


  .listicles-container-top {
    background: linear-gradient(180deg, #f4f9ff 0%, #ebf4ff 100%) !important;
  }
  


  @media (max-width: 575.98px) {
    .page-template-page-listicles.v2 .post-body {
      padding-left: 15px !important;
    }
  
    .page-template-page-listicles .side-menu.active-cta.v2 .list-group,
    .page-template-page-listicles.v2 .side-menu.active-cta .list-group {
      height: calc(100vh) !important;
      max-height: 240px !important;
    }
  }


  .page-template-page-listicles .full-row {
    z-index: 100 !important;
  }

  .page-template-page-listicles .heading-rating p.h2.active {
    color: #55bf93 !important;
    opacity: 1 !important;
  }

  .page-template-page-listicles .sub-titleboxlist {
    margin-bottom: 32px;
  }
  
  .page-template-page-listicles .sub-titleboxlist :is(h3, p.h3, h2, p.h2) {
    margin-bottom: 24px !important;
    position: relative;
  }
  
  .page-template-page-listicles
    .sub-titleboxlist
    :is(h3, p.h3, h2, p.h2)::before {
    content: "";
    height: 5px;
    width: 35px;
    background: #7ae0af;
    position: absolute;
    bottom: -8px;
  }
  
  .page-template-page-listicles h3.listp-subtitle {
    margin-bottom: 32px !important;
    position: relative !important;
  }
  
  .page-template-page-listicles h3.listp-subtitle::before {
    content: "";
    height: 5px;
    width: 35px;
    background: #7ae0af;
    position: absolute;
    bottom: -8px;
  }
  
  .page-template-page-listicles .grey-alert {
    background: #f2f1f1;
    padding: 20px;
    margin-bottom: 32px !important;
    border-radius: 5px;
    font-size: 18px !important;
    font-family: "ProximaNova-Regular" !important;
  }
  
  .page-template-page-listicles .grey-alert p {
    margin-bottom: 0px !important;
  }
  
  .page-template-page-listicles .fre-review-box {
    border: 1px solid #e6e6e6;
    border-radius: 16px;
    margin-bottom: 32px;
    padding: 25px !important;
    position: relative;
    margin-top: 32px;
  }
  
  a.first.pl-0 {
    padding-left: 0 !important;
  }
  
  @media (max-width: 991.98px) {
    a.first.pl-0 {
      padding-left: 15px !important;
    }
  }









/*5-june-2025*/



 .table-modify tbody tr:nth-child(odd) {
    background-color: #F5F9FF; /* deep blue */
        border-radius: 1% !important;
  }
  .table-modify tbody tr:nth-child(even) {
    background-color: #fff; /* lighter blue */
  }

.table-modify tr td:nth-child(2),
.table-modify tr th:nth-child(2) {
  border-left: 1px solid #0f67ea !important;   /* left border */
  border-right: 1px solid #0f67ea !important;  /* right border */
}

.table-modify tr td:nth-child(1),
.table-modify tr th:nth-child(1){
  border-right-color: #fff !important;
}



.glance-table.table-drop .table-modify .table tbody tr th:first-child{
  width: 225px !important;
}

.table-modify tbody tr th:first-child{
width: 230px !important;
}

.table-modify tr.header th, .table-modify tr.header td {
    background: #ffffff !important;
      z-index: 0;
   position: relative;
/*    border-radius: 14px 0px 0px 0px !important;*/
}

.table-modify .table tbody tr:nth-child(n+3) th:last-child {
    background: #f4f8ff !important;

}


.table-modify .table-responsive{
 overflow: unset !important;
}

.table-modify .table {
  overflow: unset !important;
}




.table-modify tbody :is(tr:first-child, tr:last-child) {
    background-color: transparent !important;
    overflow: hidden !important;
}


.table-modify tbody tr:first-child th:first-child{
border-radius: 16px 0px 0px 0px !important;
}


.table-modify tbody tr:first-child th:last-child{
border-radius: 0px 16px 0px 0px !important;
}

.table-modify .table tbody tr th:nth-child(4) {
    background: #f4f8ff !important;
}

.table-modify .table tbody tr th:nth-child(5) {
    background: #f4f8ff !important;
}

.table-modify .table tbody tr th:nth-child(3) {
    background: #f4f8ff !important;
}


.table-modify .tooltip {
  margin-top: -10px !important; /* Reduce space between tooltip and icon */
}

.table-modify .bs-tooltip-bottom .arrow::before {
  margin-top: 0px !important; /* Fix arrow positioning */
}



@media only screen and (max-width: 600px){
.tooltip-container .custom-tooltip {
    width: 210px;
}
.tooltip-container .custom-tooltip::after {
    top: -16%;
}

.table-modify tr td:nth-child(2), .table-modify tr th:nth-child(2) {
    border-left: 1px solid #0f67ea00 !important;
    border-right: 1px solid #bcd7ff !important;
}
}





/* Related Posts */

.crp-list-item .crp-list-item-image img {
  height: 262px !important;
  border-radius: 16px;
  width: 100%;
  min-width: 100% !important;
  object-fit: cover;
}

.crp-list-item-title {
  padding: 0 !important;
  text-align: left !important;
  padding-top: 24px !important;
}


.crp-list-item-title a {
  font-size: 20px !important;
  line-height: 30px !important;
  font-family: 'ProximaNova-Semibold' !important;
  text-align: left !important;
  color: #1B1C1E !important;
}


@media (max-width: 575.98px) {

  .crp-list-item-title {
    padding-top: 16px !important;
  }

  .crp-list-item-title a {
    font-size: 18px !important;
    line-height: 28px !important;
  }

}

/* Related Posts */