.section-dna .section-item{justify-content:space-between;gap:60px;display:flex}.section-dna .section-item .text-content{flex:1}.section-dna .section-item .text-content .title{align-items:center;gap:20px;margin-bottom:40px;display:flex}.section-dna .section-item .text-content .title h2{font-size:var(--font-h2);line-height:var(--font-h2-lh);font-weight:600}.section-dna .section-item .text-content .detail{font-size:var(--font-h4);line-height:var(--font-h4-lh);white-space:pre-line}.section-dna .section-item .image-content{flex:1;justify-content:flex-end;display:flex}.section-dna .section-item .image-content img{object-fit:cover;border-radius:15px;max-width:100%;height:auto;box-shadow:0 0 6px #0000001a}.section-dna .grid{margin-top:var(--ctn-gutter-y);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-content:flex-start;align-items:flex-start;gap:50px;display:flex}.section-dna .grid .item{background:0 0;width:25%}.section-dna .grid .item .card-title{font-size:var(--font-h3);line-height:var(--font-h3-lh);color:#e4bf45;border-bottom:1px solid #c3c6c8;margin-bottom:20px;padding-bottom:10px;font-weight:600}.section-dna .grid .item .card-detail{font-family:Sarabun,sans-serif;font-size:var(--font-h4);line-height:var(--font-h4-lh);text-align:left;font-weight:400}@media (max-width:980px){.section-dna .section-item{flex-direction:column;gap:20px}.section-dna .section-item .text-content,.section-dna .section-item .image-content{text-align:left;flex:none;width:100%}.section-dna .section-item .image-content{order:-1;justify-content:center}.section-dna .section-item .text-content{order:1}.section-dna .section-item .text-content .icon{width:auto;height:auto}.section-dna .section-item .text-content .title{gap:10px;margin-bottom:20px}.section-dna .section-item .text-content .title .icon{max-width:25px}.section-dna .grid{margin-top:var(--ctn-gutter-y);padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(335px,2fr))!important}.section-dna .grid .item{text-align:center;width:335px;margin:auto;padding:20px}.section-dna .grid .item .card-title{text-align:center;margin-bottom:10px;padding-bottom:5px}.section-dna .grid .item .card-detail{text-align:center}}@media (max-width:768px){.section-dna .grid{flex-flow:column;row-gap:20px;display:flex}}
