.single-service-treatment-number {
    >div{
        padding: 80px 24px;
        max-width: 1044px;
        margin: 0 auto;
    
        >h2 {
            text-align: center;
            margin-bottom: 60px;
    
            &::after {
                content: "";
                display: block;
                width: 60px;
                height: 4px;
                margin: 12px auto 0;
                background-color: var(--color-primary-3);
            }
        }

        >h3{
            color: var(--color-primary-2);
            margin-bottom: 16px;
        }

        >.flex-content{
            strong{
				font-weight: 500;
			}

			ul, ol{
				list-style: initial;
				padding-left: 28px;
				>li{
					font-family: "Noto Sans TC", sans-serif;
					color: var(--color-gray-1);
					font-size: 16px;
					line-height: 1.8;
					font-weight: 350;
					letter-spacing: 2px;
				}
			}
			table{
				td{
					border: 1px solid var(--color-gray-1);
					padding: 12px;
					font-family: "Noto Sans TC", sans-serif;
					font-size: 16px;
					line-height: 1.8;
					font-weight: 350;
					letter-spacing: 2px;
				}
			}
        }
    }
}

@media screen and (width < 768px) {
    .single-service-treatment-number > div{
        >h2{
            margin-bottom: 40px;
        }
        >h3{
            margin-bottom: 12px;
        }
		>.flex-content{
			ul, ol{
				padding-left: 24px;
				>li{
					font-size: 14px;
				}
			}
			table td{
				font-size: 14px;
			}
		}
    }
}

@media screen and (width < 576px) {
    .single-service-treatment-number > div{
        padding: 60px 24px;
    }
}