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

.section-header p { font-family: "rawline-400", " Arial, sans-serif"; font-weight: normal; font-style: normal; }
:lang(th) .section-header p, .section-header :lang(th) p { font-family: "prompt-regular", " Arial, sans-serif"; font-weight: normal; font-style: normal; }

.section-header h2 { font-family: "rawline-700", " Arial, sans-serif"; font-weight: normal; font-style: normal; }
:lang(th) .section-header h2, .section-header :lang(th) h2 { font-family: "prompt-bold", " Arial, sans-serif"; font-weight: normal; font-style: normal; }

.section-title h1 { margin-bottom: 100px; } 
@media (max-width: 992px) { .section-title h1 { margin-bottom: initial; } }
.section-title .text { display: flex; align-items: center; margin-top: -117px; }
@media (max-width: 998px) { .section-title .text { justify-content: center; margin-top: 0px; margin-bottom: 50px; } }
.section-title .text > div { margin-left: -65px; }
.section-title .text > div p { font-family: 'nimbus-sans-bold'; font-size: 24px; color: #000000; letter-spacing: 0; line-height: 38px; margin: 0; }
.section-title .content p { font-family: 'nimbus-sans-light'; font-size: 21px; color: #878A9D; letter-spacing: 0; line-height: 38px; margin: 0; }

.section-header { position: relative; padding-bottom: 100px; }
@media (max-width: 768px) { .section-header { padding-bottom: 50px; } }
@media (max-width: 992px) { .section-header .wrapper { height: initial; } }
.section-header .wrapper .conLeft { padding-right: 45px; }
@media (max-width: 992px) { .section-header .wrapper .conLeft { padding-right: 15px; } }
.section-header .bg { background: #B82025; height: 640px; position: absolute; width: 40%; }
@media (max-width: 992px) { .section-header .bg { display: none; } }
.section-header .slider { width: 640px; height: 460px; margin: 70px 0 110px 0; }
@media (max-width: 992px) { .section-header .slider { margin: 50px 0; } }
@media (max-width: 1298px) { .section-header .slider { margin: 0 0; } }
.section-header .slider img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.section-header .slideControls { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; position: absolute; bottom: 35px; right: 45px; width: 120px; }
@media (max-width: 1080px) { .section-header .slideControls { justify-content: center; margin-bottom: 40px; } }
@media (max-width: 768px) { .section-header .slideControls { display: none; } }
.section-header .slideControls .slidePrev, .section-header .slideControls .slideNext { background: #FFFFFF; box-shadow: 0 2px 3px 0 rgba(90, 97, 105, 0.11), 0 4px 8px 0 rgba(90, 97, 105, 0.12); border-radius: 50%; width: 50px; height: 50px; cursor: pointer; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
.section-header .slideControls .slidePrev { margin-right: 5px; box-shadow: none; }
.section-header .slideControls .slidePrev:hover .triangle-left { border-right: 10px solid #878A9D; }
.section-header .slideControls .slidePrev .triangle-left { width: 0; height: 0; border-top: 5px solid transparent; border-right: 10px solid #878A9D; border-bottom: 5px solid transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.section-header .slideControls .slideNext:hover .triangle-right { border-left: 10px solid #B82025; }
.section-header .slideControls .slideNext .triangle-right { width: 0; height: 0; border-top: 5px solid transparent; border-left: 10px solid #B82025; border-bottom: 5px solid transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.section-header h2 { font-size: 36px; color: #BD0000; letter-spacing: 0; margin: 0; }
@media (max-width: 768px) { .section-header h2 { margin-top: 20px; font-size: 30px; } }
.section-header p { font-size: 21px; color: #000000; letter-spacing: 0; margin: 0; }
@media (max-width: 768px) { .section-header p { font-size: 14px; } }

.section-content { padding: 30px 0; }
@media (max-width: 768px) { .section-content { padding: 0 0; } }
.section-content .container { max-width: 1170px; }
.section-content .image { padding: 0; }
.section-content .image img { width: 100%; height: 579px; object-fit: cover; object-position: center; }
@media (max-width: 768px) { .section-content .image img { width: initial; height: initial; } }
.section-content .row { margin-bottom: 100px; }
@media (max-width: 768px) { .section-content .row { margin-bottom: 50px; } }
.section-content .row:nth-child(even) .image { order: 2; }
@media (max-width: 992px) { .section-content .row:nth-child(even) .image { order: initial; } }
@media (max-width: 768px) { .section-content .row:nth-child(even) .image img { width: initial; height: initial; } }
.section-content .row:nth-child(even) .content { padding-left: 0px; padding-right: 50px; }
@media (max-width: 992px) { .section-content .row:nth-child(even) .content { order: 1; padding-left: 15px; padding-right: 15px; } }
.section-content .content { padding: 0; padding-left: 50px; margin-top: 80px; }
@media (max-width: 992px) { .section-content .content { padding: 0 15px; } }
@media (max-width: 768px) { .section-content .content { margin-top: 20px; } }
.section-content .content h2 { font-size: 24px; color: #000000; margin: 0; text-transform: uppercase; margin-bottom: 58px; }
@media (max-width: 768px) { .section-content .content h2 { font-size: 20px; margin-bottom: 20px; } }
.section-content .content p { font-size: 21px; color: #878A9D; letter-spacing: 0; margin: 0; }
@media (max-width: 768px) { .section-content .content p { font-size: 14px; } }
.section-content .content ul { list-style-type: none; margin: 0; padding: 0; }
.section-content .content ul li { padding-left: 20px; position: relative; margin-bottom: 10px; }
.section-content .content ul li:before { content: ""; width: 10px; height: 10px; position: absolute; background: #B82025; left: 0; top: 8px; }
@media (max-width: 768px) { .section-content .content ul li { font-size: 14px; } }

.section-iso .container { max-width: 970px; }
.section-iso hr { margin-bottom: 100px; }
.section-iso .image { display: flex; justify-content: space-between; margin-bottom: 60px; }
@media (max-width: 768px) { .section-iso .image { flex-direction: column; align-items: center; } }
@media (max-width: 768px) { .section-iso .image img { width: 180px; margin-bottom: 20px; } }
.section-iso p { font-size: 21px; color: #000000; line-height: 38px; }

.section-text { display: flex; justify-content: space-between; align-items: center; padding: 100px 0; }
@media (max-width: 1198px) { .section-text { justify-content: center; padding: 50px 10px; } }
@media (max-width: 1198px) { .section-text .left, .section-text .right { display: none; } }
.section-text .content { max-width: 850px; }
.section-text .content img { margin-bottom: 50px; }
.section-text .content img.dqend { float: right; transform: rotate(180deg); }
.section-text .content h2 { font-size: 36px; color: #000000; letter-spacing: 0; text-align: center; line-height: 61px; }
@media (max-width: 768px) { .section-text .content h2 { font-size: 20px; line-height: 35px; } }

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