h1, h2 {
      font-weight: 600;
    }
    .cardtoon{
          background-color:#fefefe; border-radius:15px;
          box-shadow: 1px 1px 9px 0px rgba(23,23,23,0.023);
          -webkit-box-shadow: 1px 1px 9px 0px rgba(23,23,23,0.023);
          -moz-box-shadow: 1px 1px 9px 0px rgba(23,23,23,0.023);
    }
    @media (max-width: 460px) {
      .cardtoon{background-color:#fefefe; border-radius:0px}
    }

  /* breadcrumb-index */
  .bg-theme{background-color:#f55301!important;}
  .bg-theme .breadcrumb-item {
      color: #fefefe!important;
  }
  .bg-theme .breadcrumb-item a:hover {
      transition:0.7s all;
      color:#001c54!important;
  }
  .dropdown-item.active, .dropdown-item:active,
  .dropdown-item:hover {
      color:#001c54;
  }
  .nav-link:hover,
  .nav-link.active {
    color:#f55301!important;
    transition:0.7s all;
  }

  #gallery h4, #gallery strong {
    color:#f55301!important;
  }

  #services h2, #services h3 {
      color:#f55301!important;
  }

  .breadcrumb-item span{color:#fefefe!important;}
  .fw-bold{color:#f55301!important;}

  .btn-quotation:hover {
      background-color: #f55301!important;
      color: #fefefe!important;
      transition:0.7s all;
  }
  .client-gallery span{color:#0055aa;}

  .accordion-button:hover{
    background-color:#f55301;
    color:#fefefe;
  }

  /* testimonials************************************************************ */

    .testimonials .swiper-pagination .swiper-pagination-bullet {
      /* แก้ไขสีตรงนี้ 2 */
      background-color: #f55301;
      border:3px solid #e9e9e9;
    }

    .testimonials .testimonial-item span {
      /* แก้ไขสีตรงนี้ */
      color:#f55301;
    }

    .testimonials .swiper-pagination .swiper-pagination-bullet-active {
      background-color:#2d3e50;
      border:3px solid #2d3e50;
    }


.moreservices .service-item:hover .details h3 {
  color: #f55301!important;
}

.moreservices .service-item:hover .details .icon {
  background: #fefefe;
  border: 2px solid #f89b10!important;
}

.moreservices .service-item:hover .details .icon i {
  color: #fefefe!important;
}
.moreservices a{color: #001c54;}

.moreservices .details .icon {
  background: #f89b10!important;
}
#moreservices  h2{color:#3a4753}
#moreservices  h4{color:#f55301}