/* Blog post */

.FooterArea .container {
  width: 100%;
  max-width: 1140px !important; 
} 

.blog-post {
  margin: 0 auto;
  max-width: 960px;
}

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

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

.blog-post__timestamp {
  display: block;
}

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

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

/* Blog related posts */

.blog-related-posts {
  background-color: #F8FAFC;
}

.blog-related-posts h2 {
  text-align: center;
}

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

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

.blog-section .container,  {
  max-width: 1140px;
  width: 90%;
  margin: auto;
  display: block;
} 
.all-post-tag li:first-child {
  list-style: none;
}

.blog-nav-info .nav-col .sidebar-form.social-icon {
  display: flex;
  align-items: center;
  background: #fff;
  margin: 20px 0;
  box-shadow: 0 4px 4px rgba(0,0,0,0.2);
  border-radius: 16px;
  font-size: 16px;
  color: #222222;
  font-weight: 600;
  padding: 15px 15px;
  align-items: center;
  justify-content: space-between;
}

.blog-nav-info .nav-col .sidebar-form.social-icon ul {
  list-style: none;
  margin: 0;
  display: flex;
  gap:0 10px;
}

.blog-nav-info .nav-col .sidebar-finance h3 {
  font-size: 20px;
}

.blog-nav-info .nav-col .sidebar-finance .button-global {
  width: 100%;
  box-sizing: border-box !important;
}

.blog-nav-info .nav-col .tablet-wrap {
  margin-top: 20px;
}

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

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

.blog-related-posts__image {
  height: auto;
  max-width: 100%;
}

.blog-related-posts__title {
  margin: 0.7rem 0;
}

/* Blog comments */

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

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

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

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

/*new template css */
/*artical scroll section css start*/
.blog-nav-info .custom-row{display: flex; flex-wrap: wrap;}
.blog-nav-info .nav-col {width: 100%; max-width: 359px;}
.blog-nav-info .blog-info-col {width: calc(100% - 400px); margin-left: auto;}
.pageScrollNav .page-outer {position: relative;height: 120px;overflow: auto;transition: max-height 0.3s ease-out, overflow 0s 0.3s;
  padding-left: 12px;margin-left: -11px; scrollbar-width:none; -ms-overflow-style:none;}
.pageScrollNav .page-outer.open {height: auto; overflow-y: scroll;}
.pageScrollNav .page-outer.open::-webkit-scrollbar {display: none;}
.pageScrollNav {margin-left: auto; position: sticky; top: 110px; }
.pageScrollNav .listBox{background-color: #ffffff; border-radius: 16px; box-shadow: 0 4px 4px rgba(0,0,0,0.2); padding: 20px;}
.pageScrollNav .titleText {font-family: Cosmica-SemiBold; color: #222222; font-size: 20px; margin-bottom: 15px; display: flex;align-items: center;gap: 0 10px;}
.pageScrollNav .titleText img {width: 30px;min-width: 30px; margin: 0 -3px 0 -8px;}
.pageScrollNav .titleText .toggleBtn {margin-left: auto; display: flex; outline: 0;}
.pageScrollNav .titleText .toggleBtn img {width: 10px;min-width: 10px;margin: 0;}
.pageScrollNav .titleText .toggleBtn.open {transform: scale(-1);}
.pageScrollNav ul {padding: 0; margin: 0;}
.pageScrollNav ul li {margin-top: 0; list-style: none; position: relative; line-height: inherit; margin-bottom:7px;}
.pageScrollNav ul li a {color: #555555; font-size: 14px; position: relative; display: block; padding-left: 25px; padding-bottom:7px;line-height: 1.2;}
.pageScrollNav ul li a:focus {outline: 0;}
.pageScrollNav ul li a:hover {color: #F90081;}
.pageScrollNav ul li.current a {text-decoration: underline;}
.pageScrollNav ul li:last-child {font-size: 14px; position: relative;}
.pageScrollNav ul li:last-child b {display: block;}
.pageScrollNav ul li:last-child a {padding-bottom: 0;}
.linksBlock .titleText {font-family: 'pp_telegrafultrabold'; color: #394D42; border-top: solid 1px #C6C6C6; border-bottom: solid 1px #C6C6C6; padding: 10px 0; margin-bottom: 5px; display: block;}
.linksBlock ul li a {color: #1E221D; border-bottom: solid 1px #E1E1E1; padding: 12px 60px 12px 0; position: relative; display: block;}
.linksBlock ul li a::after {background: url('../images/rightgreenarrow.svg') no-repeat;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 10px;height: 16px;background-size: 100%;content: "";}
.linksBlock ul li a:hover {color: #315A43;}
.popularSteps h3 {margin-bottom: 40px;}
.stepBLock {text-align: center; font-size: 11px; color: #315A43; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; padding: 80px 50px; height: 100%;}
.stepBLock h5 { text-transform: none; color: #394D42; letter-spacing: normal; width: 100%; margin: 10px 0 0 0;}
.stepBLock .hover-icon {opacity: 0; margin-top: 10px; display: block;}
.stepBLock:hover .hover-icon {opacity: 1;}
.blog-nav-info {margin-top: 25px;}
.blog-nav-info .nav-col .carIconBG {position: absolute; left: 15px;z-index: 9;top: 0;bottom: 0; width: 10px; 
  background: url(//8934159.fs1.hubspotusercontent-na1.net/hubfs/8934159/raw_assets/public/Carmoola%202024/images/road-img.jpg) repeat-y;   
  height: auto;
  min-height: 293px;
  background-size: 100%;}

/* .blog-nav-info .nav-col .page-outer.open .carIconBG {
min-height: 0;
} */
.blog-nav-info .nav-col .carIcon {position: absolute;left: 15px;z-index: 9;top: 0;bottom: 0; width:10px; height: 100%;  background-color: #f4f4f4;}
.blog-nav-info .nav-col .carIcon img {margin-bottom: 0;position: absolute;left: -8px !important;}
.pageScrollNav #drawing_canvas {position: absolute;margin: auto;width: 325px;height: 325px;top: auto;bottom: 0;left: -99px;right: auto;pointer-events: none;object-position: center;object-fit: cover;}
.pageScrollNav ul li i {position: absolute;display: block;left: 50%;top: 50%;width: 5px;height: 8px;opacity: 0;-webkit-animation: bang 1.5s ease-out forwards;animation: bang 1.5s ease-out forwards;pointer-events: none;}
.blog-nav-info .nav-col .sidebar-form.social-icon ul {margin-right: 30px;}
@-webkit-keyframes bang {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes bang {
  from {
    transform: translate3d(0, 0, 0);   
    opacity: 1;
  }
}
.mobileView-SharingFinance{display:none;}
@media only screen and (max-width: 991px) {
  .blog-nav-info .nav-col {max-width: 100%;}
  .blog-nav-info .blog-info-col {width: 100%; margin-top: 30px;}
  .dekstopView-SharingFinance{display:none;}
  .mobileView-SharingFinance{display:block;}
  .mobileView-SharingFinance .sidebar-form.social-icon {
    align-items: center;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .2);
    color: #222;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: space-between;
    margin: 20px 0;
    padding: 15px;
  }
  .mobileView-SharingFinance .sidebar-form.social-icon ul {
    margin-right: 30px;
    display: flex;
    gap: 0 10px;
    list-style: none;
    margin: 0;
    margin: 0;
    padding: 0;
  }
  div#faqSection {
    padding: 0;
  }
div#faqSection .container {
    width: 100%;
}
}
.mobileView-SharingFinance a.cta_button.button-global{
  width: -webkit-fill-available;
  margin-bottom: 15px;
}
.accordion-body p {
  margin-bottom: 0;
}
.title-faqs-block{    margin-bottom: 0;}
} 

.faqsArea .container {
  width: 100%;
  max-width: 100%;

}   
.blog-nav-info #complete{padding:15px;}
.pageScrollNav ul li.complete a {text-decoration:none;}
.pageScrollNav ul#h2List {
  overflow: hidden;
  padding-left: 15px;
  position: relative;
  margin-left: -15px;
}
.blog-nav-info .finalDestination{
  background: #ffffff !important;
}
.blog-info-col ul li{font-size:24px;}
.blog-info-col ul li a{color:#F90081;}
@media (max-width: 1280px) and (min-width: 980px) {
.blog-info-col ul li {
        font-size: clamp(21px, 1.875vw, 24px);
    }
}
@media (max-width: 980px) {
.blog-info-col ul li {
        font-size: clamp(18px, 2.245vw, 22px);
    }
}
/* .page-outer.close .carIcon,
.page-outer:not(.open) .carIcon {   
top: 147.6px !important;
}   */