*{box-sizing: border-box}	
.knowledge-article-content{font-family: Kanit, sans-serif}

.knowledge-article-content{max-width: 1028px; margin: 0 auto}
.knowledge-article-content section{padding: 20px 0}
.knowledge-article-content img{max-width: 100%; display: block; margin: auto}
.knowledge-article-content h2{font-size: 26px; line-height: 30px; font-weight: 600; margin: 0; padding: 0; text-transform: capitalize}
.knowledge-article-content h2 sup {vertical-align: top; font-size: 16px; line-height: 24px}
.knowledge-article-content h3{font-weight: 500; font-size: 18px; line-height: 22px; margin: 0 0 15px} 
.knowledge-article-content p{font-weight: 300; font-size: 16px; line-height: 22px; margin: 0}
.knowledge-article-content p sup {vertical-align: top; font-size: 12px; line-height: 16px}
.knowledge-article-content p span{font-weight: 500}
.knowledge-article-content p>a, .knowledge-article-content li>a{color:#004E7D; text-decoration: underline; font-weight: 400}
.knowledge-article-content ul, .knowledge-article-content ol{display: grid; grid-template-columns: repeat(1, 1fr); gap:8px; margin: 0 0 15px}
.knowledge-article-content ul li, .knowledge-article-content ol li{font-weight: 300; font-size: 16px; line-height: 22px; position: relative}
.knowledge-article-content ul li span, .knowledge-article-content ol li span{font-weight: 500}
.knowledge-article-content ul{padding-left: 0; list-style-type: none}
.knowledge-article-content ol{padding-left: 20px}
.knowledge-article-content ul li{padding-left: 20px}
.knowledge-article-content ol li{padding-left: 5px}
.knowledge-article-content ul li::before { position: absolute; content: "\2022"; left: 0px; top: -2px; font-size: 24px; line-height: 24px}
.knowledge-article-content .mb0{margin-bottom: 0 !important}
.knowledge-article-content .mb20{margin: 20px 0 !important}
.knowledge-article-content .mt-15{margin-top: 15px !important}
.knowledge-article-content .kc-text-center{text-align: center}
.knowledge-article-content .kc-text-italic{font-style: italic}

/*********** Knowledge-Center CTA ***********/
.knowledge-article-content .kb-art-cta{min-width: 212px; line-height: 48px; text-align: center; border-radius: 8px; height: 50px; font-weight: 500; font-size: 16px; display: inline-block; margin: 15px 0 0; padding: 0 10px}
.knowledge-article-content .kb-art-cta.blue-primary{color: #ffffff; background: #004E7D}
.knowledge-article-content .kb-art-cta.blue-secondary{color: #004E7D; background: #ffff; border: 2px solid #004E7D}
.knowledge-article-content .kb-art-cta.red-primary{color: #ffffff; background: #d41e3d}
.knowledge-article-content .kb-art-cta.red-secondary{color: #d41e3d; background: #ffff; border: 2px solid #d41e3d}

/*********** Knowledge-Center Title ***********/
.knowledge-article-content .kb-art-title{width: 100%; margin: 0 0 20px}
.knowledge-article-content .kb-art-title h2{}
.knowledge-article-content .kb-art-title p{margin: 15px 0 0}
.knowledge-article-content .kb-art-title p>span{font-weight: 400}
.knowledge-article-content p.sub-heading{font-size: 20px; line-height: 24px; font-weight: 500; margin: 0 0 15px; text-transform: capitalize}
.knowledge-article-content .list-title{margin: 15px 0 10px !important}
.knowledge-article-content .kc-note{font-size: 13px; line-height: 17px}

/*********** key Takeaways ***********/
.knowledge-article-content .key-takeaways{border: 2px solid #004E7D; border-radius: 4px; padding: 20px; margin: 20px 0; background: #004E7D05}
.key-takeaways .grid-wrap{display: grid; grid-template-columns: repeat(1, 1fr); gap:10px}
.key-takeaways h2, .key-takeaways h3{color: #004E7D; text-transform: uppercase; font-weight: 600}
.key-takeaways p{color: #004E7D}
.key-takeaways ul, .key-takeaways ol{margin: 0}
.key-takeaways ul.text-blue, .key-takeaways ol.text-blue{color: #004E7D}

/*********** FAQ ***********/
.knowledge-article-content .kb-art-faq{position: relative; width:100%}
.kb-art-faq .faq-grid{display: grid; gap: 20px; grid-template-columns: repeat(1, 1fr)}
.kb-art-faq .faq-grid>div h3{margin: 0}
.kb-art-faq .faq-grid>div p{margin: 10px 0 0}

/*********** Info Sections ***********/
.knowledge-article-content .article-info{position: relative; width: 100%}
.article-info .grid-wrap{display: grid; grid-template-columns: repeat(1, 1fr); gap:15px}
.article-info .grid-wrap .list-title { margin: 0 0 -4px !important}
.article-info .grid-wrap ul, .article-info .grid-wrap ol{margin: 0}
.article-info .tiles-grid-wrap{display: grid; grid-template-columns: repeat(1, 1fr); gap:30px}
.article-info .tiles-grid-wrap h3{font-size: 20px; line-height: 24px}
.article-info .tiles-grid-wrap div>p{margin-top: 10px}

/***************** Table Content *****************/
.kb-art-content{width:100%;overflow-x:auto;border:1px solid #bcbec0; border-width: 1px 0 0 1px; margin: 0 0 15px}
.kb-art-tbl{border-collapse:separate;border-spacing:0;width:100%}
.kb-art-tbl td, .kb-art-tbl th{padding:16px;font-size:16px;line-height:22px;border-right:.5px solid #bcbec0;border-bottom:.5px solid #bcbec0;background:#fff; text-align: left; font-weight: 300; min-width: 170px}
.kb-art-tbl thead th{position:sticky;top:0;background:#e0e9ef !important; z-index:5; font-weight:500 !important}
.kb-art-tbl td:first-child,
.kb-art-tbl th:first-child{position:sticky;left:0;background:#fff;z-index:4; font-weight: 400}
.kb-art-tbl thead th:first-child{z-index:6}
.kb-art-tbl tbody tr:nth-child(2n) td{background:#f8f8f8}

/***************** Grid *****************/
.kb-grid-1{grid-template-columns: repeat(1, 1fr)}
.kb-grid-2{grid-template-columns: repeat(2, 1fr)}
.kb-grid-3{grid-template-columns: repeat(3, 1fr)}
.kb-grid-4{grid-template-columns: repeat(4, 1fr)}
.kb-grid-5{grid-template-columns: repeat(5, 1fr)}
.kb-art-grid-wrap{display: grid; gap: 15px}
.kb-art-grid-wrap>div {border: 1px solid #ddd; padding: 15px; border-radius: 4px}
.product-detail-grid{display: grid; gap: 15px}
.product-detail-grid>div{border-bottom: 1px solid #ddd; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-bottom: 15px}
.product-detail-grid .img-content{width: 180px; border: 1px solid #ddd; padding: 10px; border-radius: 4px}
.product-detail-grid .info-content{width: calc(100% - 200px)}
.product-detail-grid>div:nth-last-child(1){padding: 0; border: none}
.product-list-grid{display: grid; gap: 20px}
.product-list-grid>div{border: 1px solid #ddd; padding: 20px; border-radius: 4px}
.product-list-grid>div h3{margin: 15px 0 0}
.product-list-grid>div p{margin-top: 10px}

@media screen and (max-width: 1130.98px){
.article-info .tiles-grid-wrap>div {display: block; overflow: hidden}
.kb-art-content {border-width: 1px 1px 0px 1px}
.kb-art-tbl td, .kb-art-tbl th {min-width: 140px}
}

@media screen and (max-width: 992.98px){
.kb-grid-4{grid-template-columns: repeat(3, 1fr)}
.kb-grid-5{grid-template-columns: repeat(3, 1fr)}
}
	
@media screen and (max-width: 767.98px){
.knowledge-article-content section{padding: 16px 0}
.knowledge-article-content h2{font-size: 22px; line-height: 26px; font-weight: 500}
.knowledge-article-content h3,
.article-info .tiles-grid-wrap h3{font-size: 16px; line-height: 20px; margin: 0 0 10px} 
.knowledge-article-content p{font-size: 14px; line-height: 20px}
.knowledge-article-content p sup {vertical-align: top; font-size: 12px; line-height: 16px}
.knowledge-article-content ul, .knowledge-article-content ol {gap: 5px}
.knowledge-article-content ul li, .knowledge-article-content ol li{font-size: 14px; line-height: 20px}
/*.knowledge-article-content ul li::before {font-size: 18px; line-height: 16px}*/
.knowledge-article-content .kb-art-cta{border-radius: 4px; height: 32px; line-height: 30px; font-size: 12px;  min-width: 180px}
	
.knowledge-article-content .kb-art-title{width: 100%; margin: 0 0 16px}
.knowledge-article-content .kb-art-title h2{}
.knowledge-article-content .kb-art-title p{margin: 11px 0 0}	
.knowledge-article-content p.sub-heading{font-size: 18px; line-height: 22px; margin: 0 0 10px !important}
	
.key-takeaways h2, .key-takeaways h3{font-weight: 500}
.knowledge-article-content .key-takeaways {padding: 15px}	
.product-list-grid {gap: 15px}
.product-list-grid>div {padding: 15px}
.kb-grid-3{grid-template-columns: repeat(2, 1fr)}
.kb-grid-4{grid-template-columns: repeat(2, 1fr)}
.kb-grid-5{grid-template-columns: repeat(2, 1fr)}
	
.kb-art-tbl-content{border-width: 1px 1px 0px 1px}	
.kb-art-tbl td, .kb-art-tbl th{padding: 10px;font-size: 13px; line-height: 1.2;}
}
	
@media screen and (max-width: 430.98px){

}