.section-coordinator .wrapper .cricle-outside .cricles .cricle p, .section-extended-services .block .block-title { font-family: "rawline-700", " Arial, sans-serif"; font-weight: normal; font-style: normal; }
:lang(th) .section-coordinator .wrapper .cricle-outside .cricles .cricle p, .section-coordinator .wrapper .cricle-outside .cricles .cricle :lang(th) p, :lang(th) .section-extended-services .block .block-title, .section-extended-services .block :lang(th) .block-title { font-family: "prompt-bold", " Arial, sans-serif"; font-weight: normal; font-style: normal; }

.section-content-title h2 { font-size: 48px; color: #000000; margin-bottom: 45px; }
@media (max-width: 768px) { .section-content-title h2 { font-size: 30px; } }
.section-content-title p { font-size: 21px; color: #878A9D; max-width: 800px; } 
@media (max-width: 768px) { .section-content-title p { font-size: 14px; } }

.section-coordinator { /* background-attachment: fixed; */ background-position: bottom; background-repeat: no-repeat; background-size: cover; margin-top: 60px; }
.section-coordinator picture img { display: none; }
.section-coordinator .wrapper { padding: 120px 0 90px 0; height: 826px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; }
@media (max-width: 900px) { .section-coordinator .wrapper { height: inherit; padding: 50px 0 50px 0; } }
.section-coordinator .wrapper .cricle-outside { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; width: 314px; height: 314px; background: #B82025; border-radius: 50%; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;             /* .cricles{ position: absolute; left: 50%; //width: 314px;  //height: 314px;  @include flex(flex,center,center); @media(max-width: 768px){  position: inherit; flex-direction: column; width: 300px; padding: 0 15px; } .cricle{ width: 163px; height: 163px; border-radius: 50%;  //background: #ffffff; position: absolute; @include flex(flex,center,center); background-position: center; background-size: cover; background-repeat: no-repeat; @media(max-width: 1192px){  width: 120px; height: 120px; } @media(max-width: 768px){  position: inherit; width: 100%; justify-content: space-between; } img{ //display: none; width: 163px;  height: 163px; border-radius: 50%; @media(max-width: 1192px){  width: 120px; height: 120px; } } p{ @extend %font-main-bold; position: absolute; margin: 0; font-size: 25px; color: #FFFFFF; @media(max-width: 1192px){  font-size: 20px; } @media(max-width: 768px){  position: inherit; width: 50%; text-align: center; } }
 &:nth-child(odd){ @include flex(flex,null,null); flex-direction: inherit; @media(max-width: 768px){  img{ order: 1; } p{ order: 2; } } }
 &:nth-child(even){ @media(max-width: 768px){  img{ order: 2;  } p{ order: 1; } } }
 &:nth-child(1){ left: -400px; p{  right: 100%; margin-right: 20px; } @media(max-width: 1192px){  display: flex; flex-direction: column; left: -280px;  p{ position: inherit; margin-right: 0; } } @media(max-width: 768px){ flex-direction: inherit; p{ //margin-left: 20px; } } } &:nth-child(2){ bottom: -310px; left: -310px; p{ right: 100%; margin-right: 20px; } @media(max-width: 1192px){  display: flex; flex-direction: column; bottom: -230px;  left: -230px;  p{ position: inherit; margin-right: 0; } } @media(max-width: 768px){ flex-direction: inherit; p{ //margin-right: 20px; } } } &:nth-child(3){ bottom: -380px;  p{ top: 100%; margin-top: 20px; } @media(max-width: 1192px){  display: flex; flex-direction: column; bottom: -300px;    p{ position: inherit; margin-top: 0; } } @media(max-width: 768px){ flex-direction: inherit; p{ //margin-left: 20px; } } } &:nth-child(4){ bottom: -310px; right: -310px;  p{ left: 100%; margin-left: 20px; } @media(max-width: 1192px){  display: flex; flex-direction: column; bottom: -230px;  right: -230px;  p{  position: inherit; margin-left: 0; } } @media(max-width: 768px){ flex-direction: inherit; p{ //margin-right: 20px; } } } &:nth-child(5){ right: -400px; p{ left: 100%;  margin-left: 20px; } @media(max-width: 1192px){  display: flex; flex-direction: column; right: -280px;  p{ position: inherit;  margin-left: 0; } } @media(max-width: 768px){ flex-direction: inherit; p{   //margin-left: 20px;  } } } } }*/ }
@media (max-width: 1192px) { .section-coordinator .wrapper .cricle-outside { width: 240px; height: 240px; } }
@media (max-width: 900px) { .section-coordinator .wrapper .cricle-outside { width: 100%; height: auto; background: none; flex-direction: column; } }
.section-coordinator .wrapper .cricle-outside .cricle-inside { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; flex-direction: column; text-align: center; width: 240px; height: 240px; background: #ffffff; border-radius: 50%; box-shadow: 6px 6px 18px 0 #610F11; -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: 1192px) { .section-coordinator .wrapper .cricle-outside .cricle-inside { width: 180px; height: 180px; } }
@media (max-width: 900px) { .section-coordinator .wrapper .cricle-outside .cricle-inside { margin-bottom: 30px; } }
.section-coordinator .wrapper .cricle-outside .cricle-inside img { margin-bottom: 20px; }
.section-coordinator .wrapper .cricle-outside .cricle-inside p { font-size: 16px; color: #000000; letter-spacing: 0.67px; margin: 0; max-width: 200px; }
.section-coordinator .wrapper .cricle-outside .cricles { position: absolute; left: 50%; top: 50%; }
@media (max-width: 900px) { .section-coordinator .wrapper .cricle-outside .cricles { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; position: static; flex-direction: column; width: 300px; padding: 0 15px; } }
.section-coordinator .wrapper .cricle-outside .cricles .cricle { width: 163px; height: 163px; border-radius: 50%; position: absolute; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; background-position: center; background-size: cover; background-repeat: no-repeat; }
@media (max-width: 1192px) { .section-coordinator .wrapper .cricle-outside .cricles .cricle { width: 120px; height: 120px; } }
@media (max-width: 900px) { .section-coordinator .wrapper .cricle-outside .cricles .cricle { position: static; width: 100%; justify-content: space-between; } }
.section-coordinator .wrapper .cricle-outside .cricles .cricle img { width: 163px; height: 163px; border-radius: 50%; }
@media (max-width: 1192px) { .section-coordinator .wrapper .cricle-outside .cricles .cricle img { width: 120px; height: 120px; } }
.section-coordinator .wrapper .cricle-outside .cricles .cricle p { position: absolute; margin: 0; font-size: 25px; color: #FFFFFF; }
@media (max-width: 1192px) { .section-coordinator .wrapper .cricle-outside .cricles .cricle p { font-size: 20px; } }
@media (max-width: 900px) { .section-coordinator .wrapper .cricle-outside .cricles .cricle p { position: inherit; width: 50%; text-align: center; } }
@media (max-width: 900px) { .section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(odd) img { order: 1; }
  .section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(odd) p { order: 2; } }
@media (max-width: 900px) { .section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(even) img { order: 2; }
  .section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(even) p { order: 1; } }
.section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(1) { left: -400px; margin-top: -82px; }
.section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(1) p { right: 100%; margin-right: 20px; }
@media (max-width: 1192px) { .section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(1) { display: flex; left: -280px; margin-top: -60px; }
  .section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(1) p { position: inherit; } }
@media (max-width: 900px) { .section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(1) { margin-top: 0px; }
  .section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(1) p { margin-right: 0px; margin-left: 20px; } }
.section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(2) { bottom: -310px; left: -310px; }
.section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(2) p { right: 100%; text-align: center; width: 100%; }
@media (max-width: 1192px) { .section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(2) { display: flex; bottom: -230px; left: -230px; }
  .section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(2) p { position: inherit; } }
@media (max-width: 900px) { .section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(2) p { margin-left: 0px; margin-right: 20px; } }
.section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(3) { bottom: -380px; margin-left: -82px; flex-direction: column; }
.section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(3) p { top: 100%; margin-top: 20px; width: 100%; text-align: center; left: 0; }
@media (max-width: 1192px) { .section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(3) { display: flex; bottom: -300px; margin-left: -60px; }
  .section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(3) p { position: inherit; } }
@media (max-width: 900px) { .section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(3) { flex-direction: row; margin-left: 0px; }
  .section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(3) p { width: auto; margin-right: 50px; } }
.section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(4) { bottom: -310px; right: -310px; }
.section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(4) p { left: 100%; margin-left: 20px; }
@media (max-width: 1192px) { .section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(4) { display: flex; bottom: -230px; right: -230px; }
  .section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(4) p { position: inherit; } }
@media (max-width: 900px) { .section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(4) p { margin-left: 20px; margin-right: 20px; } }
.section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(5) { right: -400px; margin-top: -82px; }
.section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(5) p { left: 100%; margin-left: 20px; width: 100%; }
@media (max-width: 1192px) { .section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(5) { display: flex; right: -280px; margin-top: -60px; }
  .section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(5) p { position: inherit; } }
@media (max-width: 900px) { .section-coordinator .wrapper .cricle-outside .cricles .cricle:nth-child(5) { margin-top: 0px; } }

.section-extended-services .title { padding: 50px 0 30px 0; }
.section-extended-services .title h2 { font-size: 21px; color: #000000; letter-spacing: 0.88px; margin: 0; margin-bottom: 20px; }
.section-extended-services .block .block-title { font-size: 15px; color: #6E7186; padding: 20px 0; }
.section-extended-services .block .block-image { position: relative; margin: auto; overflow: hidden; height: 276px; margin-bottom: 30px; background: #000000; }
.section-extended-services .block .block-image .desc { position: absolute; bottom: 0; margin: 30px 15px; text-shadow: 0px 0px 2px #000; }
.section-extended-services .block .block-image .desc p { font-size: 14px; color: #FFFFFF; letter-spacing: 0; margin: 0; }
.section-extended-services .block .block-image img { max-width: 100%; transition: all 1s; display: block; width: 100%; height: 276px; object-fit: cover; object-position: center; transform: scale(1); }
.section-extended-services .block .block-image img:hover { transform: scale(1.2); }
.section-extended-services .block .block-content { position: absolute; bottom: 0; margin: 30px 15px; }
.section-extended-services .block .block-content p { font-size: 14px; color: #FFFFFF; letter-spacing: 0; margin: 0; }

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