.section-detail .wrapper .content h2 { font-family: "rawline-300", " Arial, sans-serif"; font-weight: normal; font-style: normal; }
:lang(th) .section-detail .wrapper .content h2, .section-detail .wrapper .content :lang(th) h2 { font-family: "prompt-light", " Arial, sans-serif"; font-weight: normal; font-style: normal; }

.section-detail .wrapper .content p b { font-family: "rawline-700", " Arial, sans-serif"; font-weight: normal; font-style: normal; }
:lang(th) .section-detail .wrapper .content p b, .section-detail .wrapper .content p :lang(th) b { font-family: "prompt-bold", " Arial, sans-serif"; font-weight: normal; font-style: normal; }

.section-content { padding-bottom: 40px; } 
@media (max-width: 1198px) { .section-content .row { flex-direction: column; align-items: center; text-align: center; } }
.section-content .title { max-width: 100%; }
@media (max-width: 1198px) { .section-content .title { margin-bottom: 20px; } }
.section-content .title h2 { font-size: 21px; color: #000000; position: relative; display: flex; justify-content: center; align-items: center; margin-top: 2px; }
@media (max-width: 768px) { .section-content .title h2 { font-size: 20px; } }
.section-content .title h2:before { content: ""; width: 30px; height: 1px; border-top: 2px solid #B82025; margin-right: 10px; }
@media (max-width: 1198px) { .section-content .desc { text-align: left; } }
.section-content .desc p { font-size: 21px; color: #878A9D; letter-spacing: 0; }
@media (max-width: 768px) { .section-content .desc p { font-size: 14px; } }

.section-detail { display: flex; height: 788px; /*
.content{ background: #F4F5FA;  width: 100%; padding: 100px 400px; margin-left: 422px; display: flex; justify-content: center; align-items: center; flex-direction: column; h2{ font-family: 'nimbus-sans-light';   font-size: 48px; color: #000000; max-width: 620px; &:after{ content: ""; width: 220px; height: 1px; border-top: 1px solid #D8D8D8;  margin-top: 30px; margin-left: 30px; position: absolute; } } p{ font-size: 21px; color: #878A9D; } 
}
*/ }
@media (max-width: 1368px) { .section-detail { height: 650px; } }
@media (max-width: 1080px) { .section-detail { height: auto; flex-direction: column; align-items: center; } }
.section-detail .image { position: absolute; margin-top: 60px; }
@media (max-width: 1080px) { .section-detail .image { position: inherit; margin-top: inherit; } }
.section-detail .image img { box-shadow: 23px 19px 69px -36px rgba(69, 73, 91, 0.35); border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
@media (max-width: 1368px) { .section-detail .image img { width: 500px; } }
@media (max-width: 1080px) { .section-detail .image img { width: 500px; border-radius: 10px; } }
@media (max-width: 768px) { .section-detail .image img { width: 100%; } }
.section-detail .wrapper { background: #F4F5FA; width: 100%; /* margin-left: -120px; */ margin-left: 415px; }
@media (max-width: 1080px) { .section-detail .wrapper { margin-left: inherit; background: inherit; } }
.section-detail .wrapper .content { margin-top: 120px; margin-left: 420px; }
@media (max-width: 1368px) { .section-detail .wrapper .content { margin-left: 150px; } }
@media (max-width: 1080px) { .section-detail .wrapper .content { margin-left: inherit; text-align: center; padding-bottom: 80px; } }
@media (max-width: 768px) { .section-detail .wrapper .content { padding-left: 15px; padding-right: 15px; padding-bottom: 0; } }
.section-detail .wrapper .content h2 { font-size: 40px; color: #000000; max-width: 620px; margin-bottom: 30px; }
@media (max-width: 1080px) { .section-detail .wrapper .content h2 { max-width: inherit; } }
@media (max-width: 768px) { .section-detail .wrapper .content h2 { font-size: 30px; } }
.section-detail .wrapper .content h2:after { content: ""; width: 220px; height: 1px; border-top: 1px solid #D8D8D8; margin-top: 25px; margin-left: 30px; position: absolute; }
@media (max-width: 1080px) { .section-detail .wrapper .content h2:after { display: none; } }
.section-detail .wrapper .content p { font-size: 21px; color: #878A9D; max-width: 520px; }
@media (max-width: 1080px) { .section-detail .wrapper .content p { max-width: inherit; } }
@media (max-width: 768px) { .section-detail .wrapper .content p { font-size: 14px; } }
.section-detail .wrapper .content p b { font-size: 18px; color: #B82025; letter-spacing: 3.4px; }
@media (max-width: 768px) { .section-detail .wrapper .content p b { font-size: 14px; } }

/*# sourceMappingURL=code_of_conduct_page.css.map */