.section-main {
  position: relative;
  background: url("/assets/img/index/main.jpg") no-repeat center;
  background-size: cover; }
  .section-main .box {
    background: rgba(0, 57, 83, 0.5);
    width: 100%; }
  .section-main .box-txt {
    display: flex;
    justify-content: center; }
  .section-main .txt01 {
    font-size: 32px;
    padding: 45px 0;
    color: #fff; }
    @media screen and (max-width: 1048px) {
      .section-main .txt01 {
        padding: 50px 0;
        font-size: 20px; } }
    @media screen and (max-width: 768px) {
      .section-main .txt01 {
        padding: 30px 0;
        font-size: 18px; } }

.section-box .coment {
  margin: 30px 0;
  line-height: 1.8; }
  @media screen and (max-width: 768px) {
    .section-box .coment {
      font-size: 14px; } }
.section-box .col {
  margin: 30px 0; }
  .section-box .col .title {
    border-bottom: 1px solid #003953; }
    .section-box .col .title h2 {
      font-size: 23px;
      font-weight: bold;
      line-height: 1.8; }
      @media screen and (max-width: 768px) {
        .section-box .col .title h2 {
          font-size: 20px; } }
  .section-box .col p {
    padding: 10px 0; }
    @media screen and (max-width: 768px) {
      .section-box .col p {
        font-size: 14px; } }