.detail-section{padding: 20px;background-image: url(../images/blog/detail-bg.svg);margin-bottom: 20px; background-size: cover;background-position: center;width: 100%;}
.detail-section h2{color: var(--txttheme);font-size: 25px;font-weight: 600;margin-bottom: 10px;line-height: 36px;}
.detail-section .content-text{font-size: 14px;color: var(--txtblack);line-height: 24px;margin-bottom: 20px;font-weight: 500;}
.detail-section .result-text{font-size: 15px;color: var(--txtblack); margin-bottom: 0;line-height: 24px;}
.blog-row {display: flex;flex-wrap: wrap; gap: 10px;margin-bottom: 16px;}
.blog-box {background: #fff;border-radius: 6px;padding: 15px;flex: 1 1 250px;min-width: 250px;box-sizing: border-box;border: 2px solid #DDEBFF;}
.blog-box .icon-box{min-width: 55px;width: 55px;height: 55px;background-color: #E7F1FF;border-radius: 50%;margin-bottom: 8px;display: flex;justify-content: center;align-items: center;} 
.blog-box .blog-title {font-size: 17px !important;margin-bottom: 5px !important;color: var(--txtblack) !important;font-weight: 600 !important;line-height: 24px !important;}
.blog-box .blog-desc{font-size: 14px;color: var(--txtblack);line-height: 24px;margin-bottom: 0;}


.section-box{padding: 20px;background-color: #D8E8FE;margin-bottom: 30px;}
.section-box .section-title{color: var(--txttheme);font-size: 25px;font-weight: 600;margin-bottom: 10px;line-height: 36px;}
.section-box .section-desc{font-size: 14px;color: var(--txtblack);line-height: 24px;margin-bottom: 20px;font-weight: 500;}
.section-box .section-row{display: grid;gap: 10px;margin-bottom: 15px;grid-template-columns: repeat(2, 1fr);}
.section-box .section-row .section-card{background: #fff;border-radius: 6px;padding: 15px;box-sizing: border-box;border: 1px solid #0D6EFD;}
.section-box .section-row .section-heading{font-size: 16px !important;margin-bottom: 5px !important;color: var(--txtblack) !important;font-weight: 600 !important;line-height: 20px !important;}
.section-box .section-row .section-text{font-size: 14px;color: var(--txtblack);line-height: 24px;margin-bottom: 0;}
.section-box .result-text{font-size: 14px;color: var(--txtblack);line-height: 24px;margin-bottom: 0;}


.benefits-section{padding: 20px;box-shadow: 0 0 15px 3px rgba(105, 105, 105, 10%);background-color: #fff;margin-bottom: 30px;}
.benefits-section .benefits-title{color: var(--txttheme);font-size: 25px;font-weight: 600;margin-bottom: 10px;line-height: 36px;}
.benefits-section .benefits-desc{font-size: 14px;color: var(--txtblack);line-height: 24px;margin-bottom: 20px;font-weight: 500;}

.benefits-section .benefits-list{margin: 0; padding: 0;}
.benefits-section .benefits-list .list-item{background: #fff;position: relative;border-radius: 6px;margin-bottom: 10px;display: flex;align-items: stretch;border: 2px solid #DDEBFF;}

.benefits-section .benefits-list .list-item .benefit-icon {background-color: #DDEBFF;position: absolute; left: 0;top: 0;bottom: 0;width: 65px;min-width: 65px;display: flex;justify-content: center;align-items: center;height: 100%;}
.benefits-section .benefits-list .list-item .content-box{padding: 10px 15px 10px 80px;}
.benefits-section .benefits-list .list-item .content-box .list-title{font-size: 16px !important;font-weight: 600 !important;line-height: 20px !important;color: var(--txtblack) !important;margin-bottom: 5px !important;}
.benefits-section .benefits-list .list-item .content-box .list-description{font-size: 14px;line-height: 24px;margin-bottom: 0;color: var(--txtblack);}

.implementation-section {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;align-items: flex-start;margin-bottom: 30px;}
.implementation-section .implementation-title{color: var(--txttheme);font-size: 25px;font-weight: 600;margin-bottom: 10px;line-height: 36px;}
.implementation-section .implementation-list .list-box{border: 2px solid #DDEBFF;background-color: #F9FBFF;border-radius: 6px;margin-bottom: 10px;padding: 12px;}
.implementation-section .implementation-list .list-box:last-child{margin-bottom: 0;}
.implementation-section .implementation-list .list-box .list-heading{font-size: 16px !important;font-weight: 600 !important;line-height: 20px !important;color: var(--txtblack) !important;margin-bottom: 5px !important;}
.implementation-section .implementation-list .list-box .list-text{font-size: 14px;line-height: 24px;margin-bottom: 0;color: var(--txtblack);}

.example-section {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;align-items: flex-start;margin-bottom: 30px;}
.example-section .example-title{color: var(--txttheme);font-size: 25px;font-weight: 600;margin-bottom: 10px;line-height: 36px;}
.example-section .example-desc{font-size: 14px;line-height: 24px;margin-bottom: 0;color: var(--txtblack);}

.conclusion-section .conclusion-title{color: var(--txttheme);font-size: 25px;font-weight: 600;margin-bottom: 10px;line-height: 36px;}
.conclusion-section .conclusion-desc{font-size: 14px;line-height: 24px;margin-bottom: 0;color: var(--txtblack);}