/** Shopify CDN: Minification failed

Line 1212:2 Unexpected "{"

**/
.article-anouncement a {
    color: #fff;
    text-decoration: underline;
    font-weight: 600;
}
.af-blog-title.new-design-article p a {
    color: #fff;
}
/*article newdesign section css  end*/









.custom-content-blogs-inner a:hover {
    color: #fff !important;
}
p.blog-author a {
    color: #31A58C;
    font-weight: 600;
}
.af-product-blog .slick-track {
    padding: 10px 0;
}
.af-blog-images A[href=""] {
  pointer-events: none;
}
.af-blog-text img {
    width: 100%;
    margin:10px auto;
}
  .af-table-num {
   display: inline-block !important;
  }

.social-sharing-blog {
    display: flex;
    align-items: center;
}

.social-sharing-blog p {
    margin: 0 0 0 10px;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
}

.social-sharing-blog .list-social__item {
    margin: 0;
}
.af-product-blog .product-block__collection--list {
    display: flex;
    text-align: center;
    margin: 0 auto;
    padding: 10px 20px;
}

.af-product-blog .product-block__collection--list a {
    display: block;
    padding: 10px 20px;
    width:max-content;
    color: #fff !important;
    background: #31a58c;
    text-decoration: none !important;
    border-radius: 10px;
    font-size: 18px;
}

.af-product-blog .product-block__collection--list:hover {
    box-shadow: none;
    cursor: unset;
}
@media only screen and (min-width: 769px) {
  h4{
    font-size: 20px;
  }
.article-anouncement {
    background: #31A58C;
    padding: 10px 20px;
    margin-top: 20px;
}

.article-anouncement p {
    color: #fff !important;
    font-size: 20px;
  line-height: 30px;
}
.table-content-new-design h2.af-extra-align {
    margin:0px
}
.container.blog-new-designs {
    margin-top: 40px;
}
.related-blog-item p {
    font-size: 18px;
    font-weight: 600;
}

.related-blog-item a {
    color: #222;
}
.af-article-content-wrapper .af-blog-headings h2 {
    margin: 0;
}

.af-blog-title.new-design-article {
    width: 50%;
}

.af-blog-images.af-first-img {
    width: 45%;
}
.blog-new-designs {
    display: flex;
  justify-content: space-between;
}
.table-content-new-design{
    width: 16%;
}
.af-article-content {
  width: 49%;
}
.author-information-custom {
    display: flex;
    align-items: center;
}
.custom-content-article-inner p {
    margin: 0;
}
.custom-article-redesign-full-section {
    display: flex;
    width: 100%;
    align-items: center;
    padding:40px 60px !important;
    background: #31A58C;
      border-radius: 20px;
    margin: 20px auto;
  justify-content:space-between;
}
.af-article-content-wrapper {
    width: 65%;
}
.af-blog-title.new-design-article p{
  color: white !important;
  font-size: 16px !important;
}
.af-blog-title.new-design-article h1 {
    text-align: left;
    color: white !important;
    margin:0 0 20px;
}
.table-content-new-design .af-table-col {
    background: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.table-content-new-design .af-table-row {
    display: block;
    margin-top: 20px;
}

.table-content-new-design .af-table-col {
    margin-bottom: 20px !important;
}
.table-content-new-design .af-table-num {
    background:none;
    padding:0px;
    color:#222;
    
}
.af-article-content .af-blog-headings h2 {
    margin-top: 0;
}

.related-blogs h2 {
    margin: 0 0 20px;
}

.related-blogs-wrapper h3 {
    margin: 10px 0;
}

.blog-new-designs-wrapper {
    display: flex;
      justify-content: space-between;
}

.social-sharing-blog a.list-social__link.link.link--text {
    background: none;
}
li.new-socials {
    list-style: none;
    margin: 0 20px 0 0;
}

li.new-socials svg {
    width: 40px;
    height: 40px;
}
.author-socials {
    margin-top: 10px;
}
    /* Layout after author */
    .main-layout {

      position: relative;
    }

    .toc,
    .related-products {


      height: 930px;
      /* Full height */
      position: sticky;
      top: 80px;
      overflow-y: auto;
    }
.custom-article-redesign-full-section.container {
    background-image: url(/cdn/shop/files/Ellipse_141_69a51166-db34-40bf-97d8-28ae0dfc0bbc.png?v=1745836427);
    background-repeat: no-repeat;
    background-position: top right;
}





  /* new-design-blog-post */
  .pro-cons-row {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.pro-cons-col {
    width: 44%;
}

.pros-head {
    background: #31a58c;
    font-size: 22px;
    color: #fff !important;
    padding: 12px 30px;
    border-radius: 20px 20px 0px 0px;
    display: flex;
    align-items: center;
}

.pro-cons-col ul {
    list-style: none;
    font-size: 18px;
    line-height: 25px;
    padding: 0 20px;
}

.pro-cons-col ul li {
    border-bottom: 2px solid #e8e0e0;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.cons-head {
    background: #c72127;
    font-size: 22px;
    color: #fff !important;
    padding: 12px 30px;
    border-radius: 20px 20px 0px 0px;
    display: flex;
    align-items: center;
}
.pros-head svg,.cons-head svg{
    margin-right:10px;
}



  /* end sectss */
  .hide-on-desktop{
    display:none;
  }
  .af-blog-socials p {
    margin: 0;
    font-size: 18px;
}

.af-blog-socials {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.brand-slider-blog .brand-slider {
    background: none;
}
.brand-slider-blog .slick-slide img {
    padding: 20px;
}
.brand-slider-blog .slick-slide a.adaptive_height {
    border-radius: 50%;
    box-shadow: 0 0 10px #00000026;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, .15));
}


.brand-slider-blog .slick-slide a.text {
    margin-top: 10px;
    font-weight: 600;
}


  
  .af-table-row {
    height: 670px;
    overflow-y: auto;
}
.af-table-row::-webkit-scrollbar-thumb{
    background-color: #31a58c;
}
.af-table-row::-webkit-scrollbar {
    width: 3px;
    height: 4px;
}
  .af-custom-breadcrumbs .link {
    color: #999;
    font-size: 16px;
}

.af-custom-breadcrumbs svg {
    fill: #999;
    width: 9px;
    height: 10px;
    color: #999;
}

.af-custom-breadcrumbs span {
    font-size: 16px;
}

.af-blog-breadcrumbs {
    margin-top: 29px;
    margin-left: 10px;
}
  .af-first-img {
    width: 50%;
  }
  .af-blog-heading-row {
    display: flex;
    flex-direction: row-reverse;
    align-items: start;
    width: 100%;
    justify-content: space-between;
  }
  .af-extra-align {
    text-align: left !important;
    margin-left: 10px;
    margin-top:0px !important;
  }
  .af-blog-heading-col h2 {
    margin-top: 0 !important;
  }

  .af-blog-heading-col {
    width: 47%;
  }
  .af-blogs-container {
    max-width: 1400px;
    margin: 0 auto;
    width: 80%;
  }
  .af-table-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 0 auto;
  }

  .af-table-col {
    width: 100%;
    display: flex;
    justify-content: start;
    margin: 0px 10px 20px 10px;
    border-radius: 5px;
    align-items: center;
    padding: 10px;
    background: linear-gradient(
      180deg,
      rgba(34, 34, 34, 0.1) 0%,
      rgba(147, 142, 142, 0.3) 0%
    );
  }

  .af-table-num {
    background: #31a58c;
    padding: 6px 12px;
    color: #fff;
    border-radius: 5px;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    margin-right: 15px;
  }

  .af-table-text {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    display: flex;
    align-items: center;
  }

  .af-table-text a {
    color: #222;
  }
  .af-blog-title h1 {
    text-align: center;
    
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 30px;
    color: #222;
  }
  .af-light h2,
  .af-light h3 {
    text-align: left !important;
    color:#000 !important;
  }
  .af-dark h2,
  .af-dark h3 {
    text-align: left !important;
    color:#fff !important;
  }
  .af-blog-headings p{
        font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
  }
  .article-content h2,
  .af-blog-headings span,
  .af-blog-headings h3,
  .article-content h3{
  
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
  }
    .article-content h4{
  
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    margin-top: 50px;
    margin-bottom: 30px;
  }
  .af-blog-text p {
    color: #222;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 30px;
    padding-top: 10px;
  }
  /* table */
  .af-blog-text table tr td p {
    color: #222;
  }

  .af-blog-text table tr {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .af-blog-text table tr td {
    width: 50%;
    border: 1px solid;
    margin: 0;
    padding: 0 10px;
  }

  .af-blog-text table {
    margin: 40px auto 60px;
    width: 100%;
  }
  .af-table-text h2,
  .af-table-text h3 {
    margin: 0;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
  }
  .af-blog-text ul {
    color: #1e1e1e;
    
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
  }
  /* blog with product images */
  .af-dark {
    background: #222;
    padding: 20px;
    margin: 40px auto;
}
  .af-light .af-blog-product-col-title p,
  .af-light .af-blog-product-keys-text p,
  .af-light .af-blog-product-col-desc p {
    color: #000;
  }

  .af-light .af-blog-product-col-title {
    border-bottom: 1px solid #222;
  }
  .af-light .af-blog-product-keys-icon svg{
    fill:#000;
  }
  .af-light .af-blog-product-col-btn-shopnow {
    background: #222;
  }
  .af-light .af-blog-product-keys {
    border: 1px solid #000;
  }
  .af-dark .af-blog-product-col-title p,
  .af-dark .af-blog-product-keys-text p,
  .af-dark .af-blog-product-col-desc p {
    color: #fff;
  }
  .af-dark .af-blog-product-keys-icon svg{
    fill:#fff;
  }
  .af-dark .af-blog-product-col-title {
    border-bottom: 1px solid #fff;
  }
  .af-dark .af-blog-product-col-btn-shopnow {
    border:1px solid #fff;
  }
  .af-dark .af-blog-product-keys {
    border: 1px solid #fff;
  }

  .af-blog-product-row {
    display: flex;
    justify-content: space-between;
    margin-top:50px;
    margin-bottom:50px;
  }

  .af-blog-product-col-first {
    width: 35%;
  }

  .af-blog-product-col-second {
    width: 64%;
  }

  .af-blog-product-col-img img {
    border-radius: 20px;
    background: #fff;
    box-shadow: 0px 0px 23.350000381469727px 0px rgba(0, 0, 0, 0.15);
    padding: 30px;
  }

  .af-blog-product-col-title p {
  
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 0px 0px 8px;
  }

  .af-blog-product-col-key-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .af-blog-product-keys {
    width: 48%;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: 7px;
    margin: 20px 0px 0px;
  }

  .af-blog-product-keys-text p {
    margin: 0;
    
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; 
  }

  .af-blog-product-keys-icon {
    padding-right: 20px;
    padding-left: 15px;
  }

  .af-blog-product-keys-icon svg {
    width: 16px;
    height: 12px;
    stroke: unset;
    fill: unset;
  }

  .af-blog-product-col-btn-row {
    display: flex;
    align-items: end;
    justify-content: space-between;
  }

  .af-blog-product-col-btn-price {
    border-radius: 10px;
    background: #31a58c;
    margin-top: 30px;
    padding: 6px 12px;
  }

  .af-blog-product-col-btn-price p {
    color: #fff;
  
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
  }

  .af-blog-product-col-btn-shopnow {
    margin-top: 20px;
    border-radius: 10px;
    padding: 8px 20px;
  }

  .af-blog-product-col-btn-shopnow a {
    color: #fff;
   
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  .af-blog-product-col-desc {
    margin-top: 30px;
  }

  .af-blog-product-col-desc p {
    
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; 
  }
}
@media only screen and (max-width: 769px) {
  .af-blog-breadcrumbs {
    overflow-x: auto;
}

.af-blog-breadcrumbs breadcrumb-component {
    width: max-content;
    display: flex;
    padding: 10px 0;
}
  .article-anouncement {
    background: #31A58C;
    padding: 10px 20px;
}

.article-anouncement p {
    color: #fff !important;
    font-size: 16px;
}
  .af-new-design-cont{
    padding: 0 10px !important;
  }
  .toc-select {
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #fff;
  }
.table-content-new-design.toc.hide-on-desktop.shopify-section-header-sticky {
    background: #fff;
    padding-top: 20px;
}
  select#toc-select {
    width: 60%;
    padding: 15px 20px;
    margin-bottom: 20px;
    color: #31a58c;
    border: 1px solid #31a58c;
    border-radius: 10px;
    font-size: 18px;
}
  .table-content-new-design h2.af-extra-align {
    margin:0px
}
.container.blog-new-designs {
    margin-top: 20px;
}
.related-blog-item p {
    font-size: 18px;
    font-weight: 600;
}

.related-blog-item a {
    color: #222;
}
.af-article-content-wrapper .af-blog-headings h2 {
    margin: 0;
}

.af-blog-title.new-design-article {
    width: 100%;
}

.af-blog-images.af-first-img {
    width: 100%;
    margin-bottom: 20px;
}
.blog-new-designs {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 0 20px;
}
.table-content-new-design{
    width: 100%;
}
.af-article-content {
  width: 49%;
}
.author-information-custom {
    display: flex;
    align-items: center;
}
.custom-content-article-inner p {
    margin: 0;
}
.custom-article-redesign-full-section {
    display: flex;
    width: auto;
    align-items: center;
    padding: 20px;
    background: #31A58C;
    border-radius: 20px;
    justify-content:space-between;
    flex-direction: column-reverse;
    margin: 20px;
}
.af-article-content-wrapper {
    width: 100%;
}
.af-blog-title.new-design-article p{
  color: white !important;
  font-size: 16px !important;
}
.af-blog-title.new-design-article h1 {
    text-align: left;
    color: white !important;
    margin:0 0 20px;
    font-size: 24px;
}
.table-content-new-design .af-table-col {
    background: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.table-content-new-design .af-table-num {
    background:none;
    padding:0px;
    color:#222;
    
}
.af-article-content .af-blog-headings h2 {
    margin-top: 0;
}

.related-blogs h2 {
    margin: 0 0 20px;
}

.related-blogs-wrapper h3 {
    margin: 10px 0;
}

.blog-new-designs-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin-bottom: 20px;
}

.social-sharing-blog a.list-social__link.link.link--text {
    background: none;
}
li.new-socials {
    list-style: none;
    margin: 0 20px 0 0;
}

li.new-socials svg {
    width: 35px;
    height: 35px;
}
.author-socials {
    margin-top: 10px;
}





.table-content-new-design.related-products {
    display: none;
}




  .pro-cons-row {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-direction:column;
}

.pro-cons-col {
    width: 100%;
    margin-bottom: 10px;
}

.pros-head {
    background: #31a58c;
    font-size: 18px;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 20px 20px 0px 0px;
    display: flex;
    align-items: center;
}

.pro-cons-col ul {
    list-style: none;
    font-size: 14px;
    line-height: 25px;
    padding: 0 15px;
}

.pro-cons-col ul li {
    border-bottom: 2px solid #e8e0e0;
    margin-bottom: 5px;
    padding-bottom: 3px;
}
.cons-head {
    background: #c72127;
    font-size: 20px;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 20px 20px 0px 0px;
    display: flex;
    align-items: center;
}
.pros-head svg,.cons-head svg{
    margin-right:10px;
}

  /* end sectss */
  .af-blog-socials p {
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0;
}

.af-blog-socials {
    margin-bottom: 20px;
}
  .hide-on-mobile{
    display:none;
  }
  .af-product-blog .product-block__collection--list a {
    padding: 5px 10px;
    font-size: 14px;
}

  .brand-slider-blog .brand-slider {
    background: none;
}
.brand-slider-blog .slick-slide img {
    padding: 20px;
}
.brand-slider-blog .slick-slide a.adaptive_height {
    border-radius: 50%;
    box-shadow: 0 0 10px #00000026;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, .15));
}


.brand-slider-blog .slick-slide a.text {
    margin-top: 10px;
    font-weight: 600;
}
  a.blog-custom-anchor{
    width:100% !important;
  }
  .af-custom-breadcrumbs .link {
    color: #999;
    font-size: 14px;
}

.af-custom-breadcrumbs svg {
    fill: #999;
    width: 9px;
    height: 10px;
    color: #999;
}

.af-custom-breadcrumbs span {
    font-size: 14px;
}

.af-blog-breadcrumbs {
    margin-top: 10px;
    margin-left: 5px;
}
  /* blog with product */
  .af-dark {
    background: #222;
    padding-top: 20px;
    margin: 10px auto;
}
  .af-light .af-blog-product-col-title p,
  .af-light .af-blog-product-keys-text p,
  .af-light .af-blog-product-col-desc p {
    color: #000;
    margin: 0;
  }

  .af-light .af-blog-product-col-title {
    border-bottom: 1px solid #222;
    order: 2;
  }
  .af-light .af-blog-product-keys-icon svg{
    fill:#000;
  }
  .af-light .af-blog-product-col-btn-shopnow {
    background: #222;
  }
  .af-light .af-blog-product-keys {
    border: 1px solid #000;
  }
  .af-dark .af-blog-product-col-title p,
  .af-dark .af-blog-product-keys-text p,
  .af-dark .af-blog-product-col-desc p {
    color: #fff;
  }
  .af-dark .af-blog-product-keys-icon svg{
    fill:#fff;
  }
  .af-dark .af-blog-product-col-title {
    border-bottom: 1px solid #fff;
  }
  .af-dark .af-blog-product-col-btn-shopnow {
    border:1px solid #fff;
  }
  .af-dark .af-blog-product-keys {
    border: 1px solid #fff;
  }

  .af-blog-product-row {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 20px;
    flex-direction: column;
  }

  .af-blog-product-col-first {
    width: 100%;
  }

  .af-blog-product-col-second {
    width: 100%;
    display: grid;
  }

  .af-blog-product-col-img img {
    border-radius: 20px;
    background: #fff;
    box-shadow: 0px 0px 23.350000381469727px 0px rgba(0, 0, 0, 0.15);
    padding: 15px;
  }

  .af-blog-product-col-title p {
 
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 0px 0px 8px;
  }

  .af-blog-product-col-key-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    order: 3;
  }

  .af-blog-product-keys {
    width: 100%;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: 7px;
    margin: 15px 0px 0px;
  }

  .af-blog-product-keys-text p {
    margin: 0;
    
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
  }

  .af-blog-product-keys-icon {
    padding-right: 20px;
    padding-left: 15px;
  }

  .af-blog-product-keys-icon svg {
    width: 12px;
    height: 9px;
    stroke: unset;
    fill: unset;
  }

  .af-blog-product-col-btn-row {
    display: flex;
    align-items: end;
    justify-content: space-between;
    order: 1;
    margin-bottom: 30px;
    margin-top: 30px;
  }

  .af-blog-product-col-btn-price {
    border-radius: 10px;
    background: #31a58c;
    padding: 6px 12px;
  }

  .af-blog-product-col-btn-price p {
    color: #fff;
   
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
  }

  .af-blog-product-col-btn-shopnow {
    border-radius: 10px;
    padding: 8px 20px;
  }

  .af-blog-product-col-btn-shopnow a {
    color: #fff;
    
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  .af-blog-product-col-desc {
    margin-top: 20px;
    order: 4;
  }

  .af-blog-product-col-desc p {
    
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }

.af-dark .af-blog-product-col-title {
    order: 2;
}
  /* end */
  .af-blog-text ul {
    color: #1e1e1e;
    padding-left: 20px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
  }

  .af-blogs-container {
    padding: 0px 16px;
  }
  .af-table-row {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
  }

  .af-table-col {
    width: 100%;
    display: flex;
    justify-content: start;
    margin-bottom: 10px;
    border-radius: 5px;
    align-items: center;
    padding: 5px;
    background: linear-gradient(
      180deg,
      rgba(34, 34, 34, 0.1) 0%,
      rgba(147, 142, 142, 0.3) 0%
    );
  }

  .af-table-num {
    background: #31a58c;
    padding: 4px 10px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-right: 10px;
  }

  .af-table-text {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }

  .af-table-text a {
    color: #222;
  }
  .af-blog-title h1 {
    text-align: center;
  
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
  }
  .af-light h2,
  .af-light h3 {
    text-align: left !important;
    color:#000 !important;
  }
  .af-dark h2,
  .af-dark h3 {
    text-align: left !important;
    color:#fff !important;
  }
  .af-blog-headings p{
      color: var(--black, #222);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    margin: 20px auto;
  }
  .article-content h2,
  .af-blog-headings h2,
  .af-blog-headings h3,
  {
    color: var(--black, #222);
    
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    margin: 20px auto;
  }
  .article-content h3{
    font-size: 18px;
  }
  .article-content h4{
   color: var(--black, #222);
    
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    margin: 20px auto;
  }
  .af-blog-text p {
    color: #222;
    
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
  }
  /* table */
  .af-blog-text table tr td p {
    color: #222;
  }

  .af-blog-text table tr {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .af-blog-text table tr td {
    width: 50%;
    border: 1px solid;
    margin: 0;
           padding: 0 10px;
  }

  .af-blog-text table {
    margin: 40px auto 60px;
    width: 100%;
  }
  .af-table-text h2,
  .af-table-text h3 {
    margin: 0px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }
  .af-table-text {
    display: flex;
    align-items: center;
  }
}
/* Ipad responsive */
@media only screen and (max-width: 1198px) and (min-width: 770px) {
  /* blog with product */
  .af-blog-product-row{
    flex-direction:column;
  }
  .af-blog-product-col-first{
    width:100%;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
  }
  .af-blog-product-col-second {
    width: 100%;
}
  .af-dark{
    padding-top:15px;
    padding-bottom:15px;
    padding-right:0px;
    padding-left:0px;
  }
  .af-blog-product-col-desc p{
    margin-bottom:0px;
  }
  /* end */
  .af-blogs-container {
    max-width: 1400px;
    margin: 0 auto;
    width: 90% !important;
  }
  .af-table-col {
    width: 100% !important;
  }
  .af-blog-title h1 {
    font-size: 24px !important;
  }
  .af-blog-headings p{
      font-size: 18px !important;
    margin-top: 25px !important;
    margin-bottom: 10px !important;
  }
  .af-blog-headings h2,
  .af-blog-headings h3 {
    font-size: 18px !important;
    margin-top: 25px !important;
    margin-bottom: 10px !important;
  }
  .af-table-text,
  .af-table-num,
  .af-blog-text p {
    font-size: 16px !important;
  }
  .af-blog-heading-row {
    flex-direction: column;
  }
  .af-blog-heading-col {
    width: 100%;
  }
}
.af-blogs-container .breadcrumb-container.style--line_clamp_1 .breadcrumb {
  padding-left: 15px !important;
}
.af-blog-images img {
  width: 100%;
  border-radius: 10px;
  height:670px;
  object-fit:fill;
}
.template-article #MainContent {
  padding: 0px;
}

a.blog-custom-anchor {
    background: #31a58c;
    color: #fff;
    padding: 10px;
    border-radius: 8px;
    display: block;
    width: 25%;
    text-align: center;
    margin: 20px auto;
}