h1 {
  font-size: 48px !important; }

h2 {
  font-size: 40px !important; }

h3 {
  font-size: 32px !important; }

h4 {
  font-size: 24px !important; }

h5 {
  font-size: 18px !important; }

@media (max-width: 991.98px) {
  h1 {
    font-size: 24px !important; }

  h2 {
    font-size: 20px !important; }

  h3 {
    font-size: 18px !important; }

  h4 {
    font-size: 18px !important; }

  h5 {
    font-size: 18px !important; } }
#header {
  position: fixed;
  transition: 0.3s ease;
  width: 100%;
  z-index: 10;
  top: 0;
  box-shadow: 1px 0px 6px 0px #00000061; }
  #header .header-top-left p {
    line-height: 2; }
    @media (max-width: 992px) {
      #header .header-top-left p {
        font-size: 12px; } }
  #header .header-bottom {
    padding: 11.5px 0; }
    #header .header-bottom .hLeft .logo {
      width: 144.32px;
      height: 75.93px; }
      @media (max-width: 992px) {
        #header .header-bottom .hLeft .logo {
          width: 72px;
          height: 37px; } }
    #header .header-bottom .hLeft .comp-name {
      font-size: 32px; }
      @media (max-width: 992px) {
        #header .header-bottom .hLeft .comp-name {
          font-size: 20px; } }
    #header .header-bottom .hLeft .comp-tel {
      font-size: 40px; }
      @media (max-width: 992px) {
        #header .header-bottom .hLeft .comp-tel {
          font-size: 24px; } }
    #header .header-bottom .hRight .nav {
      font-size: 18px; }
      #header .header-bottom .hRight .nav li {
        margin-left: 35px; }
        #header .header-bottom .hRight .nav li a {
          color: #828282; }
          #header .header-bottom .hRight .nav li a:hover {
            color: #505050; }
  #header .mb-menu {
    font-size: 24px;
    transform: rotate(0);
    transition: 0.3s ease; }

#mb-menu {
  padding-top: 138px;
  position: fixed;
  z-index: 8;
  top: 0;
  height: 100%;
  width: 0;
  background: white;
  transition: 0.3s ease;
  text-align: center; }
  @media (min-width: 991.98px) {
    #mb-menu {
      padding-top: 180px; } }
  #mb-menu .nav {
    position: relative;
    left: -100px;
    transition: 0.6s ease; }
    #mb-menu .nav li {
      margin-bottom: 24px; }
      @media (min-width: 1200px) {
        #mb-menu .nav li {
          margin-bottom: 24px;
          font-size: 24px; } }
      #mb-menu .nav li a {
        color: #828282; }

#bottom_to_top {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 10;
  width: 50px;
  height: 50px;
  background: #024F9E;
  bottom: -100px;
  right: 30px;
  transition: 0.3s ease; }
  #bottom_to_top:hover {
    background: #0A7EF5; }
  #bottom_to_top i {
    font-size: 24px; }

.left-bubble {
  position: fixed;
  z-index: 10;
  width: 50px;
  height: 50px;
  left: -100px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s ease; }
  .left-bubble:hover {
    background: #0A7EF5; }
  .left-bubble i {
    font-size: 24px; }

#call_me {
  transition: 0.4s ease;
  background-color: greenyellow;
  bottom: 100px; }
  #call_me:hover {
    background: #d0ff63; }

#my_fanpage {
  background: #024F9E;
  bottom: 30px; }
  #my_fanpage:hover {
    background: #0A7EF5; }

#footer {
  padding: 56px 0 15px 0;
  background: url("../images/footer-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  #footer h4 {
    color: white;
    font-weight: normal;
    margin-bottom: 24px; }
    @media (max-width: 767.98px) {
      #footer h4 {
        margin-bottom: 12px; } }
  @media (max-width: 767.98px) {
    #footer h4 {
      margin-top: 18px; } }
  #footer a {
    color: white;
    margin-bottom: 8px; }
    #footer a:hover {
      color: #dbdbdb; }
  #footer .top {
    margin-bottom: 24px; }
  #footer .f-column-nav li {
    margin-bottom: 8px; }

.tech-info-sidebar {
  padding: 18px;
  border-radius: 15px;
  box-shadow: 0px 5px 13px 0px #00000021; }
  .tech-info-sidebar .sb-title {
    font-size: 24px;
    margin-bottom: 24px; }
  .tech-info-sidebar .post-item-recomend {
    display: flex;
    margin-bottom: 24px; }
    .tech-info-sidebar .post-item-recomend .wrapper {
      margin-right: 12px; }
      .tech-info-sidebar .post-item-recomend .wrapper img {
        border-radius: 10px;
        width: 100px;
        object-fit: cover; }
    .tech-info-sidebar .post-item-recomend p.title a {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
    .tech-info-sidebar .post-item-recomend .title {
      font-size: 18px; }

.owl-carousel {
  position: relative; }
  .owl-carousel .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%); }
  .owl-carousel .owl-nav {
    position: absolute;
    color: #828282;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    width: 105%;
    display: flex;
    justify-content: space-between;
    top: 20%; }
    @media (max-width: 992px) {
      .owl-carousel .owl-nav {
        width: 109%;
        top: 30%; } }
    .owl-carousel .owl-nav span {
      font-size: 50px; }
      @media (max-width: 992px) {
        .owl-carousel .owl-nav span {
          font-size: 35px; } }
  .owl-carousel button.owl-dot:not(:first-child) {
    margin-left: 12px; }
  .owl-carousel button.owl-dot {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #828282;
    transition: 0.2s; }
    .owl-carousel button.owl-dot:hover {
      background: #0A7EF5 !important; }
    .owl-carousel button.owl-dot.active {
      background: #0A7EF5 !important; }

#home-page .owl-stage-outer {
  padding-bottom: 70px; }
  @media (max-width: 991.98px) {
    #home-page .owl-stage-outer {
      padding-bottom: 35px; } }
#home-page .mode-item {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 7px 12px 0px #b1b1b1bd;
  height: 100%; }
  @media (max-width: 991.98px) {
    #home-page .mode-item {
      box-shadow: 0px 3px 8px 0px #b1b1b1bd; } }
  #home-page .mode-item h3 a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  #home-page .mode-item:hover h3 a {
    color: #0A7EF5; }
  #home-page .mode-item .top {
    border-radius: 8px 8px 0 0; }
    #home-page .mode-item .top img {
      height: 304px;
      object-fit: cover; }
  #home-page .mode-item .bottom {
    padding: 30px 12px 12px 12px; }
#home-page section.intro-direct {
  padding: 80px 0; }
  @media (max-width: 991.98px) {
    #home-page section.intro-direct {
      padding: 40px 0; } }
  #home-page section.intro-direct .content {
    margin-bottom: 48px; }
    @media (max-width: 991.98px) {
      #home-page section.intro-direct .content {
        margin-bottom: 24px; } }
    #home-page section.intro-direct .content h1, #home-page section.intro-direct .content p, #home-page section.intro-direct .content ul li {
      margin-bottom: 12px; }
#home-page section.product-modes {
  background: #F9FBFF;
  padding-top: 70px; }
  @media (max-width: 991.98px) {
    #home-page section.product-modes {
      padding-top: 35px; } }
  #home-page section.product-modes h1 {
    margin-bottom: 12px; }
  #home-page section.product-modes p {
    margin-bottom: 50px; }
    @media (max-width: 991.98px) {
      #home-page section.product-modes p {
        margin-bottom: 25px; } }
#home-page section.company-intro {
  padding: 80px; }
  @media (max-width: 991.98px) {
    #home-page section.company-intro {
      padding: 40px 0; } }
  #home-page section.company-intro h1, #home-page section.company-intro img {
    margin-bottom: 48px; }
    @media (max-width: 991.98px) {
      #home-page section.company-intro h1, #home-page section.company-intro img {
        margin-bottom: 24px; } }
  #home-page section.company-intro .card-intro {
    border: 1px solid #828282;
    border-radius: 8px;
    background: #F9FBFF;
    padding: 24px 16px 24px 16px;
    box-shadow: 0px 7px 13px #8888885e; }
    @media (max-width: 991.98px) {
      #home-page section.company-intro .card-intro {
        padding: 12px 8px 12px 8px; } }
    #home-page section.company-intro .card-intro .top i.fas {
      transition: 0.3s ease;
      line-height: 2; }
      #home-page section.company-intro .card-intro .top i.fas:hover {
        color: #0A7EF5;
        cursor: pointer; }
  #home-page section.company-intro .card-intro:not(:last-child) {
    margin-bottom: 24px; }
    @media (max-width: 991.98px) {
      #home-page section.company-intro .card-intro:not(:last-child) {
        margin-bottom: 12px; } }
#home-page section.services-list {
  background: #F9FBFF;
  padding: 75px 45px; }
  @media (max-width: 991.98px) {
    #home-page section.services-list {
      padding: 35px 0; } }
  #home-page section.services-list p {
    text-align: justify; }
  #home-page section.services-list .service-card {
    border-radius: 8px;
    background-color: white;
    box-shadow: 0 3px 9px #888888eb;
    margin-bottom: 24px;
    padding: 58px 33px;
    text-transform: uppercase; }
    @media (max-width: 991.98px) {
      #home-page section.services-list .service-card {
        padding: 30px 15px; } }
    @media (max-width: 767.98px) {
      #home-page section.services-list .service-card {
        margin-bottom: 12px; } }
    #home-page section.services-list .service-card h1 {
      color: #EEEEEE;
      margin-bottom: 40px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
      @media (max-width: 991.98px) {
        #home-page section.services-list .service-card h1 {
          margin-bottom: 20px; } }
    #home-page section.services-list .service-card h5 {
      color: #505050;
      font-weight: bold; }
    #home-page section.services-list .service-card:hover {
      background-color: #0A7EF5; }
      #home-page section.services-list .service-card:hover h1, #home-page section.services-list .service-card:hover h5 {
        color: white; }
  #home-page section.services-list button {
    margin-top: 48px; }
    @media (max-width: 991.98px) {
      #home-page section.services-list button {
        margin-top: 24px; } }
#home-page section.our-project {
  background: url("../images/page-home/banner-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  height: 100%;
  padding: 150px 0; }
  @media (max-width: 991.98px) {
    #home-page section.our-project {
      padding: 75px 0; } }
  #home-page section.our-project .col:not(:last-child) {
    border-right: 1px solid #dbdbdb; }
  #home-page section.our-project .content {
    color: white; }
    #home-page section.our-project .content span {
      font-size: 64px; }
      @media (max-width: 991.98px) {
        #home-page section.our-project .content span {
          font-size: 32px; } }
      @media (max-width: 767.98px) {
        #home-page section.our-project .content span {
          font-size: 24px; } }
      @media (max-width: 575.98px) {
        #home-page section.our-project .content span {
          font-size: 18px; } }
    @media (max-width: 575.98px) {
      #home-page section.our-project .content p {
        font-size: 14px; } }
#home-page section.news-highlight {
  padding: 80px 24px; }
  @media (max-width: 991.98px) {
    #home-page section.news-highlight {
      padding: 40px 12px; } }
  #home-page section.news-highlight .owl-stage-outer {
    padding-bottom: 24px; }
  #home-page section.news-highlight button {
    margin-top: 48px; }
    @media (max-width: 991.98px) {
      #home-page section.news-highlight button {
        margin-top: 24px; } }
#home-page section.contact-now {
  background-color: #024F9E;
  padding: 77px 0; }
  @media (max-width: 991.98px) {
    #home-page section.contact-now {
      padding: 38px 0; } }

section.certificate .top {
  padding: 80px 0;
  background-color: #F9FBFF; }
  @media (max-width: 991.98px) {
    section.certificate .top {
      padding: 40px 0; } }
section.certificate .bottom {
  background-color: #F9FBFF;
  padding: 24px 0;
  border-bottom: 1px solid #dbdbdb; }
  section.certificate .bottom .owl-carousel .owl-item img {
    width: 123px;
    height: 123px;
    margin: 0 auto; }

.content-nav {
  background-color: #024F9E; }
  @media (max-width: 575.98px) {
    .content-nav .container {
      padding: 0 6px; }
    .content-nav li {
      flex-grow: 1; } }
  .content-nav .nav-tab .tab-intro-cus {
    cursor: pointer;
    color: white;
    padding: 30px 18px;
    font-weight: bold;
    user-select: none;
    /* standard syntax */
    -webkit-user-select: none;
    /* webkit (safari, chrome) browsers */
    -moz-user-select: none;
    /* mozilla browsers */
    -khtml-user-select: none;
    /* webkit (konqueror) browsers */
    -ms-user-select: none;
    /* IE10+ */ }
    @media (max-width: 767.98px) {
      .content-nav .nav-tab .tab-intro-cus {
        padding: 18px 9px; } }
  .content-nav .nav-tab h4.active {
    background-color: white;
    color: #024F9E !important; }

#intro-page section.content .content-place {
  padding: 80px 0; }
  @media (max-width: 767.98px) {
    #intro-page section.content .content-place {
      padding: 40px 0; } }
  #intro-page section.content .content-place h2, #intro-page section.content .content-place h4 {
    font-weight: bold !important; }
  #intro-page section.content .content-place #tab1 h2 {
    margin-bottom: 24px; }
    @media (max-width: 767.98px) {
      #intro-page section.content .content-place #tab1 h2 {
        margin-bottom: 12px; } }
  #intro-page section.content .content-place #tab1 p {
    margin-bottom: 32px; }
    @media (max-width: 767.98px) {
      #intro-page section.content .content-place #tab1 p {
        margin-bottom: 18px; } }
  #intro-page section.content .content-place #tab1 img.boss {
    margin-bottom: 80px; }
    @media (max-width: 767.98px) {
      #intro-page section.content .content-place #tab1 img.boss {
        margin-bottom: 40px; } }
  #intro-page section.content .content-place #tab1 .img-grid {
    margin-bottom: 118px; }
    @media (max-width: 767.98px) {
      #intro-page section.content .content-place #tab1 .img-grid {
        margin-bottom: 60px; } }
  #intro-page section.content .content-place #tab1 .grid-container {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 24px;
    margin-bottom: 100px; }
    @media (max-width: 767.98px) {
      #intro-page section.content .content-place #tab1 .grid-container {
        margin-bottom: 50px;
        grid-gap: 12px; } }
    @media (max-width: 575.98px) {
      #intro-page section.content .content-place #tab1 .grid-container {
        margin-bottom: 24px;
        grid-gap: 6px; } }
    #intro-page section.content .content-place #tab1 .grid-container .item1 {
      grid-row: 1 / 3;
      grid-column: 1 / 2; }
      #intro-page section.content .content-place #tab1 .grid-container .item1 img {
        height: 100%; }
    #intro-page section.content .content-place #tab1 .grid-container .item2 {
      grid-row: 1 / 2;
      grid-column: 2 / 4; }
    #intro-page section.content .content-place #tab1 .grid-container .item3 {
      grid-row: 2 /3;
      grid-column: 2 / 4; }
  #intro-page section.content .content-place #tab1 .must-choose h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 12px; }
    @media (max-width: 767.98px) {
      #intro-page section.content .content-place #tab1 .must-choose h4 {
        margin-bottom: 24px; } }
  #intro-page section.content .content-place #tab2 h4 {
    margin-bottom: 28px;
    text-decoration: underline;
    -webkit-text-underline-position: under;
    -ms-text-underline-position: below;
    text-underline-position: under;
    -webkit-text-decoration-color: #024F9E;
    /* Safari */
    text-decoration-color: #024F9E; }
    @media (max-width: 767.98px) {
      #intro-page section.content .content-place #tab2 h4 {
        margin-bottom: 14px; } }
  #intro-page section.content .content-place #tab2 img {
    margin: 80px 0; }
    @media (max-width: 767.98px) {
      #intro-page section.content .content-place #tab2 img {
        margin: 40px 0; } }
  #intro-page section.content .content-place #tab2 .col {
    margin-bottom: 48px; }
    @media (max-width: 767.98px) {
      #intro-page section.content .content-place #tab2 .col {
        margin-bottom: 24px; } }

#service-page section.nav-content .nav {
  margin-bottom: 40px; }
  @media (max-width: 767.98px) {
    #service-page section.nav-content .nav {
      margin-bottom: 20px; } }
#service-page section.nav-content .tab-content-wrapper {
  background-color: #F9FBFF;
  padding: 48px 0; }
  @media (max-width: 767.98px) {
    #service-page section.nav-content .tab-content-wrapper {
      padding: 24px 0; } }
  #service-page section.nav-content .tab-content-wrapper .tab-content {
    text-align: justify; }

.tab {
  background-color: #F4F4F4;
  border-radius: 8px;
  color: #505050;
  padding: 37px 12px;
  text-align: center;
  margin-bottom: 24px;
  cursor: pointer; }
  .tab h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: normal; }
    @media (max-width: 767.98px) {
      .tab h4 {
        font-size: 14px !important; } }
  @media (max-width: 767.98px) {
    .tab {
      margin-bottom: 16px;
      padding: 18px 6px; } }

.tab.active {
  background-color: #024F9E;
  color: white;
  font-weight: bold; }

#page-product-list section.content {
  background-color: #F9FBFF;
  padding: 80px 0; }
  @media (max-width: 767.98px) {
    #page-product-list section.content {
      padding: 40px 0; } }
  #page-product-list section.content h2 {
    margin-bottom: 80px; }
    @media (max-width: 767.98px) {
      #page-product-list section.content h2 {
        margin-bottom: 40px; } }
  #page-product-list section.content .product-list .product-item {
    background: #fff;
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0px 8px 9px #88888880;
    position: relative;
    overflow: hidden; }
    @media (max-width: 767.98px) {
      #page-product-list section.content .product-list .product-item {
        padding: 12px;
        margin-bottom: 12px; } }
    #page-product-list section.content .product-list .product-item img {
      height: 250px;
      object-fit: cover;
      width: 100%;
      margin-bottom: 20px; }
      @media (max-width: 767.98px) {
        #page-product-list section.content .product-list .product-item img {
          margin-bottom: 12px;
          height: 125px; } }
      @media (max-width: 991.98px) {
        #page-product-list section.content .product-list .product-item img {
          height: 170px; } }
    #page-product-list section.content .product-list .product-item h4 {
      color: #505050;
      text-align: center;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical; }
    #page-product-list section.content .product-list .product-item .product-item-mask {
      border-radius: 8px;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #024F9E;
      color: white;
      font-weight: bold;
      opacity: 0;
      transition: 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center; }
      #page-product-list section.content .product-list .product-item .product-item-mask:hover {
        opacity: .8; }

#detail-product section.content .top {
  background-color: #F9FBFF;
  text-align: justify;
  padding-top: 80px; }
  @media (max-width: 767.98px) {
    #detail-product section.content .top {
      padding-top: 40px; } }
  #detail-product section.content .top .desc {
    margin-bottom: 48px; }
    @media (max-width: 767.98px) {
      #detail-product section.content .top .desc {
        margin-bottom: 24px; } }
  #detail-product section.content .top .item-feature {
    margin-bottom: 48px; }
    @media (max-width: 767.98px) {
      #detail-product section.content .top .item-feature {
        margin-bottom: 24px; } }
    #detail-product section.content .top .item-feature img {
      width: 100%; }
    #detail-product section.content .top .item-feature h4 {
      font-weight: bold;
      -webkit-text-decoration-color: #024F9E;
      /* Safari */
      text-decoration-color: #024F9E; }
#detail-product section.content .bottom {
  background-color: #F9FBFF; }
  #detail-product section.content .bottom .thucpham tr td:nth-child(3) {
    border-left: 1px solid #dbdbdb; }
  #detail-product section.content .bottom .tab {
    padding: 37px 80px;
    margin-bottom: 12px;
    cursor: pointer; }
    @media (max-width: 767.98px) {
      #detail-product section.content .bottom .tab {
        margin-bottom: 8px;
        padding: 18px 20px; } }
  #detail-product section.content .bottom .tab-content-wrapper #hight-light-feature {
    padding: 64px 0;
    background-color: #024F9E;
    color: white; }
    @media (max-width: 767.98px) {
      #detail-product section.content .bottom .tab-content-wrapper #hight-light-feature {
        padding: 32px 0; } }
    #detail-product section.content .bottom .tab-content-wrapper #hight-light-feature h1 {
      margin-bottom: 48px; }
      @media (max-width: 767.98px) {
        #detail-product section.content .bottom .tab-content-wrapper #hight-light-feature h1 {
          margin-bottom: 24px; } }
    #detail-product section.content .bottom .tab-content-wrapper #hight-light-feature img {
      border-radius: 8px; }
  #detail-product section.content .bottom .tab-content-wrapper #specification {
    background-color: #F9FBFF;
    padding: 64px 0; }
    @media (max-width: 767.98px) {
      #detail-product section.content .bottom .tab-content-wrapper #specification {
        padding: 32px 0; } }
    #detail-product section.content .bottom .tab-content-wrapper #specification table td:first-child {
      font-weight: bold; }
#detail-product section.img-gallery {
  padding: 80px 0; }
  @media (max-width: 767.98px) {
    #detail-product section.img-gallery {
      padding: 40px 0; } }
  #detail-product section.img-gallery img {
    border-radius: 8px; }
#detail-product section.certificate {
  background-color: #F9FBFF; }
  #detail-product section.certificate .bottom {
    border-bottom: none; }
#detail-product section.product-recomend {
  padding: 75px 0; }
  @media (max-width: 767.98px) {
    #detail-product section.product-recomend {
      padding: 30px 0; } }
  #detail-product section.product-recomend .product-recomend-item {
    background: #fff;
    border-radius: 8px;
    padding: 18px;
    margin-bottom: 24px;
    box-shadow: 0px 8px 9px #88888880; }
    @media (max-width: 767.98px) {
      #detail-product section.product-recomend .product-recomend-item {
        padding: 12px;
        margin-bottom: 12px; } }
    #detail-product section.product-recomend .product-recomend-item img {
      height: 250px;
      object-fit: cover;
      width: 100%;
      margin-bottom: 20px; }
      @media (max-width: 767.98px) {
        #detail-product section.product-recomend .product-recomend-item img {
          margin-bottom: 12px;
          height: 125px; } }
      @media (max-width: 991.98px) {
        #detail-product section.product-recomend .product-recomend-item img {
          height: 170px; } }
    #detail-product section.product-recomend .product-recomend-item h4 {
      color: #505050;
      text-align: center;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical; }

#all-posts .content-nav li:not(:last-child) {
  position: relative; }
  #all-posts .content-nav li:not(:last-child)::after {
    position: absolute;
    content: '';
    top: 50%;
    right: 0;
    width: 1px;
    height: 50%;
    transform: translateY(-50%);
    background-color: white; }
#all-posts section.content {
  padding: 80px 0; }
  @media (max-width: 991.98px) {
    #all-posts section.content {
      padding: 40px 0; } }
  #all-posts section.content .post-item {
    margin-bottom: 24px;
    border-radius: 15px;
    padding: 24px 16px;
    box-shadow: 0px 5px 13px 0px #00000021; }
    @media (max-width: 991.98px) {
      #all-posts section.content .post-item .wrapper {
        margin-right: 0;
        margin-bottom: 12px; } }
    #all-posts section.content .post-item .wrapper img {
      width: 100%;
      height: 250px;
      object-fit: cover; }
      @media (max-width: 991.98px) {
        #all-posts section.content .post-item .wrapper img {
          height: 180px;
          width: 100%; } }
    #all-posts section.content .post-item .content p {
      font-size: 18px;
      margin-bottom: 12px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
    #all-posts section.content .post-item .content p.title {
      font-size: 24px;
      color: #505050; }
      #all-posts section.content .post-item .content p.title a:hover {
        color: #828282; }
    #all-posts section.content .post-item .content .see-detail {
      padding: 12px 40px;
      background-color: #828282;
      width: fit-content;
      border-radius: 20px; }
      @media (max-width: 991.98px) {
        #all-posts section.content .post-item .content .see-detail {
          padding: 6px 20px; } }

#post-detail {
  padding: 48px 0;
  text-align: justify; }
  #post-detail img {
    max-width: 100%; }
  @media (max-width: 767.98px) {
    #post-detail {
      padding: 24px 0; } }
  #post-detail .next-pre-post {
    padding: 16px 0;
    border-top: 1px solid #dbdbdb;
    margin-top: 24px; }
    @media (max-width: 767.98px) {
      #post-detail .next-pre-post {
        margin-top: 12px;
        padding: 8px 0; } }
    #post-detail .next-pre-post-bar a:hover {
      color: #0A7EF5; }

#contact section.content {
  padding: 40px 0 80px 0; }
  @media (max-width: 767.98px) {
    #contact section.content {
      padding: 20px 0 40px 0; } }
  #contact section.content img.center-logo {
    position: relative;
    top: 0;
    opacity: 1;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    max-width: 400px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-bottom: 40px; }
    @media (max-width: 767.98px) {
      #contact section.content img.center-logo {
        margin-bottom: 20px; } }
@keyframes example {
  0% {
    top: 250px; }
  50% {
    opacity: 0; }
  100% {
    top: 0;
    opacity: 1; } }
  #contact section.content .contact-form {
    margin-top: 100px;
    margin-bottom: 80px;
    padding: 58px 180px;
    border: 1px solid #dbdbdb;
    border-radius: 8px; }
    @media (max-width: 991.98px) {
      #contact section.content .contact-form {
        padding: 16px;
        margin-top: 50px;
        margin-bottom: 40px; } }
    #contact section.content .contact-form label {
      width: 100%; }
    #contact section.content .contact-form input[type='submit'] {
      padding: 12px 30px;
      border-radius: 6px;
      box-shadow: 0 5px 3px 0px #8484844d;
      background: #024F9E !important;
      border: none;
      color: white;
      font-weight: bold;
      margin-top: 12px; }
    #contact section.content .contact-form input {
      margin-bottom: 12px; }
  #contact section.content iframe {
    width: 100%; }

body {
  padding: 0;
  margin-top: 138px;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
  line-height: 1.5; }
  @media (max-width: 1024px) {
    body {
      margin-top: 90px; } }

p.detail {
  font-size: 24px; }
  @media (max-width: 1024px) {
    p.detail {
      font-size: 16px; } }

p {
  margin: 0; }

ul {
  padding: 0;
  margin: 0;
  list-style-type: none; }

a {
  text-decoration: none;
  color: black; }
  a:hover {
    color: black; }

a.current-page {
  font-weight: bold;
  color: black !important;
  position: relative; }

#header a.current-page::after, #mb-menu a.current-page::after {
  position: absolute;
  content: '';
  height: 2px;
  width: 100%;
  left: 0;
  bottom: -10px;
  background: #024F9E; }

#footer a.current-page {
  color: #FC8F00 !important;
  font-weight: normal; }

.blue-co {
  color: #024F9E; }

.blue-light-co {
  color: #0A7EF5; }

.grey-co {
  color: #505050; }

.grey-light-co {
  color: #828282; }

.orange-co {
  color: #FC8F00; }

.blue-bg {
  background: #024F9E !important; }

.co-hv:hover {
  color: #0A7EF5; }

.bg-hv:hover {
  background-color: #0A7EF5; }

.btn-cus {
  font-weight: bold;
  padding: 18px 48px;
  background: #FC8F00;
  border-radius: 6px;
  box-shadow: 0 5px 3px 0px #8484844d; }
  @media (max-width: 991.98px) {
    .btn-cus {
      padding: 9px 24px; } }
  .btn-cus a {
    color: white; }
  .btn-cus:hover {
    background: #ffab3d; }

.btn-cus2 {
  font-weight: bold;
  padding: 18px 48px;
  background: white;
  border-radius: 6px;
  box-shadow: 0 5px 3px 0px #8484844d; }
  @media (max-width: 991.98px) {
    .btn-cus2 {
      padding: 9px 24px; } }
  .btn-cus2 a {
    color: #024F9E; }
  .btn-cus2:hover {
    background: #f7f7f7; }

.mb-4mb {
  margin-bottom: 12px; }

.under-line {
  text-decoration: underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under; }

.cardhover {
  transition: transform 0.3s ease; }
  .cardhover:hover {
    transform: scale(1.03); }

.imghover-op:hover {
  opacity: 0.8; }

.pagenavi {
  text-align: center;
  line-height: 2;
  margin-top: 48px; }
  @media (max-width: 991.98px) {
    .pagenavi {
      margin-top: 24px; } }
  .pagenavi * {
    margin-right: 28px; }
  .pagenavi span.current {
    background: #024F9E;
    border-radius: 4px;
    padding: 6px 12px;
    color: white; }
  .pagenavi .next, .pagenavi .prev {
    color: #024F9E; }
  .pagenavi .prev-fake {
    cursor: default; }
  .pagenavi a {
    color: #515151; }

.wpcf7-response-output {
  font-weight: bold;
  color: #09c750;
  border: none !important; }

.owl-carousel .owl-stage {
  display: flex; }

.owl-carousel .owl-item img {
  width: 100%;
  height: 100%; }

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