html {
      scroll-behavior: smooth;
    }

    .blog-article-main {
      max-width: 1366px;
      margin: 0 auto;
      padding: 10px 43px 43px;
    }
    
    [id^='anchor'] {
        scroll-margin-top: 120px !important;
    }

    .blog-article-main h1, .blog-article-main h2, .blog-article-main h3 {
  		font-family: 'Rubik';
        font-weight: 500;
        color: #333333;
    }

 	.blog-article-main h1 {
        font-size: 32px;
        margin: 5px 0 20px;
    }

   .blog-article-main h2 {
        font-size: 24px;
        line-height: 140%;
        margin: 24px 0 16px;
    }

 	.blog-article-main h3 {
        font-size: 20px;
      	line-height: 140%;
        margin: 32px 0 16px;
    }

    .blog-article-main p {
        font-family: 'Rubik';
  		font-weight: 400;
  		line-height: 160%;
        font-size: 16px;
        color: #4B4B4B;
        margin: 0 0 16px;
    }

    .blog-article-main ul li p {
        margin: 0 0 8px !important;
    }

    .blog-full-banner {
        margin-bottom: 8px;
    }

    .blog-article-main img {
        margin-bottom: 16px;
      	width: 100%;
    }


    .article-content-wrapper {
      width: 100%;
      max-width: 845px;
    }


    .article-content-wrapper ol,
    .article-content-wrapper ul {
      padding-left: 16px;
    }

    .article-content-wrapper ul {
      list-style: none;
    }

    .article-content-wrapper ul li {
      position: relative;
    }

    .article-content-wrapper ul li::before {
      content: "\2022";
      font-size: 17px;
      color: #D9D9D9;
      font-weight: bold;
      position: absolute;
      top: 2px;
      left: -18px;
	}

    #chck1 {
      position: absolute;
      opacity: 0;
      z-index: -1;
    }

    .blog-tabs {
      width: 100%;
      border-radius: 8px;
      max-width: 544px;
      overflow: hidden;
    }

    .blog-tab {
      width: 100%;
      color: #9D1E23;
      overflow: hidden;
    }

    .blog-tab-label {
  	  font-family: 'Rubik';
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 21px 27px;
      font-size: 20px;
  	  border-radius: 8px;
      background: #F6F6F6;
      font-weight: 500;
      cursor: pointer;
    }

    .blog-tab-label::after {
      content: "";
      transform: rotate(360deg);
      font-weight: 300 !important;
      width: 15px;
      height: 8.5px;
      text-align: center;
      background-image: url(https://plazavea.vteximg.com.br/arquivos/vector-scroll-blog.png);
      background-repeat: no-repeat;
  	  background-size: contain;

    }

    .blog-tab-content {
      max-height: 0;
      padding: 0 1em;
      color: #9D1E23;
      background: #F6F6F6;

    }
	.blog-tab-label .pvaicon-24-arrow {
      transform: rotate(270deg);
      font-weight: 300 !important;
      width: 30px;
      height: 30px;
      text-align: center;
  	  color: #9D1E23;


    }

    .blog-tab-content ol {
      padding-left: 16px;
      margin: 0;
    }

	.blog-tab-content ol li {
	  font-size:18px
    }

    .blog-tab-contentol {
      padding-left: 16px;
    }

    .blog-tab-content li a {
      color: #9D1E23;
      font-size: 18px;
      text-decoration-line: none;
      line-height: 1.5;
      font-weight: 400;
      cursor: pointer;
    }

    .blog-tab-content li a:hover {
  		text-decoration: underline;
    }

    .blog-tab-content ol li {
        color: #9D1E23 !important;
    }

    input:checked+.blog-tab-label::after {
      transform: rotate(180deg);
    }

    input:checked~.blog-tab-content {
      max-height: 267px;
      padding: 1px 23px 26px 27px;
      margin-top: -4px;
  	  overflow: scroll;
    }

   @media screen and (max-width: 768px) {
        
   .blog-article-main {
      padding: 16px;
    }
  
     .blog-article-main h1, .blog-article-main h2, .blog-article-main h3 {
  		font-size: 18px;
    }
  
 	.blog-tab-content li a {
    	font-size: 16px;

	}
  
   .blog-tab-label {
      font-size: 18px;
 
    }
    .blog-article-main p {
        font-size: 14px;
    }
  
  }