.section-banner .text p { font-family: "rawline-300", " Arial, sans-serif"; font-weight: normal; font-style: normal; }
:lang(th) .section-banner .text p, .section-banner .text :lang(th) p { font-family: "prompt-light", " Arial, sans-serif"; font-weight: normal; font-style: normal; }

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

.main-content .section-title { height: 680px; background-repeat: no-repeat; background-size: cover; margin-bottom: 0; position: relative; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
@media (max-width: 992px) { .main-content .section-title { height: 400px; } }
@media (max-width: 768px) { .main-content .section-title { height: 200px; } }
.main-content .section-title .bg { position: absolute; top: 0; width: 100%; } 
.main-content .section-title .bg img { display: none; }
.main-content .section-title h1 { font-size: 48px; color: #FFFFFF; letter-spacing: 2px; }
@media (max-width: 992px) { .main-content .section-title h1 { font-size: 30px; } }
.main-content .section-title .bgw { position: absolute; bottom: 0; left: 0; width: 100%; }
.main-content .section-title .bgw > div { background: #FFFFFF; width: 1354px; height: 150px; margin: 0 auto; }
@media (max-width: 1350px) { .main-content .section-title .bgw { display: none; } }

@media (max-width: 1350px) { .section-content { padding: 50px 0; } }
.section-content .wrapper { position: relative; padding: 60px 0 60px 0; }
.section-content .wrapper:first-child { padding: 0 0 60px 0; }
.section-content .wrapper .pic { display: flex; justify-content: center; }
.section-content .wrapper .pic img { object-fit: cover; object-position: center; width: 398px; height: 482px; }
@media (max-width: 480px) { .section-content .wrapper .pic img { width: 100%; } }
.section-content .wrapper .text { margin-top: 110px; }
@media (max-width: 992px) { .section-content .wrapper .text { margin-top: 50px; } }
@media (max-width: 768px) { .section-content .wrapper .text { text-align: center; } }
.section-content .wrapper .text img { margin-bottom: 20px; }
.section-content .wrapper .text h2 { font-size: 36px; color: #000000; letter-spacing: 0; }
@media (max-width: 768px) { .section-content .wrapper .text h2 { font-size: 30px; margin-bottom: 20px; } }
.section-content .wrapper .text ul:not(.ccm-ui) { list-style-type: none; margin: 0; padding: 0; }
@media (max-width: 768px) { .section-content .wrapper .text ul:not(.ccm-ui) { text-align: initial; } }
.section-content .wrapper .text ul:not(.ccm-ui) li { font-size: 25px; color: #878A9D; letter-spacing: 0; line-height: 53px; position: relative; padding-left: 30px; }
@media (max-width: 768px) { .section-content .wrapper .text ul:not(.ccm-ui) li { font-size: 16px; line-height: initial; } }
.section-content .wrapper .text ul:not(.ccm-ui) li:before { content: ""; width: 15px; height: 15px; position: absolute; background: #B82025; left: 0; top: 22px; }
@media (max-width: 768px) { .section-content .wrapper .text ul:not(.ccm-ui) li:before { width: 10px; height: 10px; top: 7px; left: 10px; } }
.section-content .wrapper .image-1 { position: absolute; right: 106%; }
.section-content .wrapper .image-2 { position: absolute; right: -93px; }
.section-content .wrapper .image-3 { position: absolute; left: -93px; }
.section-content .wrapper .image-4 { position: absolute; left: 106%; }
.section-content .wrapper .image-5 { position: absolute; right: -93px; }
.section-content .wrapper .image-1 img, .section-content .wrapper .image-2 img, .section-content .wrapper .image-3 img, .section-content .wrapper .image-5 img { width: 173px; height: 173px; object-fit: cover; object-position: center; }
@media (max-width: 1350px) { .section-content .wrapper .image-1, .section-content .wrapper .image-2, .section-content .wrapper .image-3, .section-content .wrapper .image-5 { display: none; } }
.section-content .wrapper:nth-child(odd) .text { max-width: 600px; }
@media (max-width: 992px) { .section-content .wrapper:nth-child(odd) .text { max-width: initial; } }
.section-content .wrapper:nth-child(even) .pic { order: 2; }
@media (max-width: 992px) { .section-content .wrapper:nth-child(even) .pic { order: initial; } }
.section-content .wrapper:nth-child(even) .text { padding-left: 150px; }
@media (max-width: 992px) { .section-content .wrapper:nth-child(even) .text { padding-left: 15px; } }
.section-content .wrapper .bg { background: #BD0000; width: 100%; height: -webkit-fill-available; position: absolute; bottom: 0; right: 70%; }
@media (max-width: 992px) { .section-content .wrapper .bg { display: none; } }

.section-banner { background-position: center; background-size: cover; background-repeat: no-repeat; }
.section-banner img { display: none; }
.section-banner .container { display: flex; justify-content: flex-end; }
.section-banner .text { color: #FFFFFF; font-size: 40px; padding: 180px 0; }
@media (max-width: 768px) { .section-banner .text { padding: 50px 0; } }

@media (max-width: 992px) { .rellax { transform: translate3d(0, 0, 0) !important; } }

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