/* สีหลัก #4e647b */
/* สีรอง #feac00 */
/* สีที่3 #ff0080 */
/*สี 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:#4f58ed!important;}
  .bg-theme .breadcrumb-item {
      color: #212529!important;
  }
  .bg-theme .breadcrumb-item a:hover {
      transition:0.7s all;
      color:#212529!important;
  }
  .breadcrumb-item .active{color:#fefefe!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:#212529!important;
    transition:0.7s all;
  }

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

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

  .breadcrumb-item span{
    color:#fefefe;
    text-shadow: 0px 0px 0px rgba(255,255,255,0.1);
  }
  .fw-bold{color:#212529!important}

  .btn-quotation {
    background-color: #7fff00!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: #ff0080;
      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 #ff0080!important;
}

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

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


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

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

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

  .navbar .dropdown-item.active,
  .navbar .dropdown-item:active,
  .navbar .dropdown-item:hover {
        color: #fefefe;
        background-color: #ff0080;
        transition: 0.7s all;
    }
.navbar-toggler {
  color: #fefefe;
  border-color:#fefefe;
}
    /* 4block */
    #fourblock h4{ background-color:#4e647b;}
    #fourblock strong{background-color:#4e647b;}
    #fourblock i{color:#ff59ac;}

#moreservices  h2{color:#4e647b}

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


    /* our-services */
    .ourservices .details .icon,
    .moreservices .details .icon {
      background: #ff0080;
      color: #fefefe;
      border: 6px solid #fefefe!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: #50637b;
      border: 6px solid #ff59ac!important;
    }
    .ourservices .service-item:hover .details .icon i,
    .moreservices  .service-item:hover .details .icon i {
      color: #fefefe!important;
    }

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

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

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

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

      @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: #ff0080;}
              
      }


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

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

.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:#ff0080;
  border:2px solid #ff0080;

}

.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:#4f627a;
  color:#fefefe;
  border:1px solid #000;
}
.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:#ff88c4;}
    .footer-info a:hover{color:#ff0080;}

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

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

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

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



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

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