/* สีหลัก #4e647b */
/* สีรอง #feac00 */
/* สีที่3 #b2f507 */
/*สี background #f1f8e9*/

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:#4e647b!important;}
  .bg-theme .breadcrumb-item {
      color: #b2f507!important;
  }
  .bg-theme .breadcrumb-item a:hover {
      transition:0.7s all;
      color:#b2f507!important;
  }
  .breadcrumb-item .active{color:#b2f507!important;}
  .dropdown-item.active, .dropdown-item:active,
  .dropdown-item:hover {
      color:#001c54;
  }

  .nav-link {
    color:#4e647b;
    transition:0.7s all;
  }

  .nav-link:hover,
  .nav-link.active {
    color:#37953c!important;
    transition:0.7s all;
  }

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

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

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

  .btn-quotation {
    background-color: #2bf8f9!important;
  }

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

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

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

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

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

    .testimonials .swiper-pagination .swiper-pagination-bullet-active {
      background-color:#4e647b;
      border:3px solid #fefefe;
    }


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

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

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

.moreservices .details .icon {
  background: #b2f507;
}
#moreservices  h2{color:#3a4753}
#moreservices  h4{color:#4e647b}


/* navbar */
.navbar .nav-link{color:#4e647b;}

.navbar .nav-link.active{color:#37953c!important;}

.navbar .nav-link:hover{color:#37953c;}

  .navbar .dropdown-item.active,
  .navbar .dropdown-item:active,
  .navbar .dropdown-item:hover {
        color: #fefefe;
        background-color: #37953c;
        transition: 0.7s all;
    }

    /* 4block */
    #fourblock h4{ background-color:#4e647b;}
    #fourblock strong{background-color:#4e647b;}
    #fourblock i{color:#b2f507;}

#moreservices  h2{color:#4e647b}

    .onfocus h3 span{color:#b2f507}
    .onfocus .content ul i {
      color:#b2f507;
    }


    /* our-services */
    .ourservices .details .icon,
    .moreservices .details .icon {
      background: #4e647b;
      color: #b2f507;
      border: 6px solid #b2f507!important;
    }
    .ourservices .service-item:hover .details h3,
    .moreservices .service-item:hover .details h3 {
      color: #232323;
    }
    .ourservices .service-item:hover .details .icon ,
    .moreservices .service-item:hover .details .icon {
      background: #b2f507;
      border: 6px solid #fefefe!important;
    }
    .ourservices .service-item:hover .details .icon i,
    .moreservices  .service-item:hover .details .icon i {
      color: #4e647b!important;
    }

#ourservices  h4,#ourservices  h3 span,
#moreservices  h4,#moreservices  h3 span{
  /* แก้สีตรงนี้ find and replace ที่เดียว */
  color:#37953c;
}

/* whyus */
.portfolio .portfolio-flters li:hover,
.portfolio .portfolio-flters li.filter-active {
  /* แก้สีตรงนี้ 3จุด */
  color: #37953c;
}

.portfolio .portfolio-item .portfolio-info strong {
  color: #37953c;
}
.themetext{color:#37953c}

    .about .tab-content strong,
    .moreservices .tab-content strong {
      color: #2c435e;
    }
        .about .tab-content i {
          color: #37953c;
        }
        .text-left-md strong span{color: #37953c;}

      @media (max-width: 460px) {
            .about strong span,.moreservices strong span{
              color: #4e647b;
            }
              .about .tab-content strong,.moreservices .tab-content strong  {
                font-size: 14px;
                color:#4e647b;
              }
              .text-left-md strong span{color: #37953c;}
              
      }


/* FAQ */
#faq .text-align-toon strong{
  color:#4e647b;
}
#faq .text-align-toon span{
  color:#37953c;
}

.frequently .accordion-item .accordion-body ul li .fas{
  color:#4e647b;
}
.frequently .accordion-item .accordion-body p .fas{
  color:#37953c;
}

.frequently .accordion-button::after svg {
  color:#fefefe;
  background-color:#3a4652;
}


.frequently .accordion-item {
  background-color:#dedede;
  border-radius:20px;
  color:#fefefe;
}

.frequently .accordion-button{
  color: #fefefe;
  background-color:#37953c;
  border:2px solid #37953c;

}

.frequently  .accordion-button .fa,
.frequently  .accordion-button .fas {
    color: #000!important;
}


.frequently .accordion-collapse ul li {
  color:#000;
}
.frequently  .accordion-button:hover,
.frequently  .accordion-button:not(.collapsed):hover {
  background-color:#b2f507;
  color:#4e647b;
  border:1px solid #b2f507;
}
.frequently .accordion-item p
{color:#4e647b}

.frequently  .accordion-button:hover .fa,
.frequently  .accordion-button:hover .fas {
    color:#fefefe!important;
}
.frequently .accordion-button::after{
  color:#fefefe!important;
}




/*testimonials*/

/* footer */
    #footer .footer-top{
      /* แก้ไขสีตรงนี้ */
      background-color:#4e647b;
      color:#fefefe;
    }
    #footer .copyright{
      background-color:#212529;
      color:#fefefe;
    }

    @media (max-width: 460px) {
      #footer {
        background-color:#f55301;
      }

    }
    .footer-info a{color:#b2f507;}
    .footer-info a:hover{color:#37953c;}

    .footer-info h3{color:#b2f507;}

    .mobile-footer {
      background-color:#2d3e50;
      border-top: 1px solid #00ffff;
    }

    .mobile-footer button {
      color: #fefefe;
    }

    .mobile-footer button.active {
      color: #fefefe;
    }

.active>.page-link, .page-link.active {
    background-color: #37953c!important;
    border-color: #37953c!important;
    color: #fefefe!important;
}

    /* client */
   @media (max-width: 460px) {
    #gallery h4, #gallery strong {font-size: 19px!important;}
  }

.ourservices .details h3 {
  color: #2c435e;
}
.ourservices .details h3:hover {
  color: #dfdfdf;
}