a { text-decoration: none; color: inherit; }

    .col-md-4 ul { list-style: none; padding: 0; margin: 0; }

    /* Helpers */
    .pt_40 { padding-top: 40px; }
    .pt_30 { padding-top: 30px; }
    .mt_30 { margin-top: 30px; }
    .mt_50 { margin-top: 50px; }
    .mb_30 { margin-bottom: 30px; }

    /* Container */
    .container { max-width: 1140px; margin: auto; padding: 0 15px; }

    .row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
    .col-md-8, .col-md-6, .col-md-4, .col-12 {
      padding: 0 15px;
      box-sizing: border-box;
    }
    .col-md-8 { flex: 0 0 66.666%; max-width: 66.666%; }
    .col-md-6 { flex: 0 0 50%; max-width: 50%; }
    .col-md-4 { flex: 0 0 33.333%; max-width: 33.333%; }
    .col-12 { flex: 0 0 100%; max-width: 100%; }

    /* Swiper Slider */
    .swiper-container { width: 100%; height: auto; }
    .swiper-slide img { width: 100%; border-radius: 6px; }

    .category-item {
      position: relative;
      overflow: hidden;
      border-radius: 6px;
    }

    .category-text {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.5);
      opacity: 0;
      transition: 0.3s;
    }

    .category-item:hover .category-text { opacity: 1; }

    .category-text-table {
      display: table;
      width: 100%;
      height: 100%;
    }

    .category-text-cell {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
    }

    .category-hover li {
      display: inline-block;
      margin: 0 5px;
    }

    .category-hover a {
      color: #fff;
      font-size: 18px;
    }

    /* Thumbnail Swiper */
    .pro-detail-thumbs .swiper-slide {
      height: 80px;
      opacity: 0.4;
      cursor: pointer;
    }

    .pro-detail-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }

    /* FAQ Section */
    .faq-service h2 {
      font-size: 24px;
      margin-bottom: 20px;
      font-weight: 600;
    }

    .faq-item {
      border: 1px solid #ddd;
      border-radius: 4px;
      margin-bottom: 15px;
      overflow: hidden;
    }

    .faq-button {
      width: 100%;
      background: #f8f8f8;
      border: none;
      padding: 15px 20px;
      font-size: 16px;
      text-align: left;
      font-weight: 500;
      cursor: pointer;
    }

    .faq-body {
      padding: 15px 20px;
      background-color: #fff;
    }

    /* Video Section */
    .video-headline h3 {
      font-size: 22px;
      font-weight: 600;
      margin-bottom: 15px;
    }

    .video-img {
      position: relative;
      overflow: hidden;
      border-radius: 6px;
    }

    .video-img img {
      width: 100%;
      display: block;
      border-radius: 6px;
    }

    .video-section {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.4);
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      transition: 0.3s ease;
    }

    .video-img:hover .video-section { opacity: 1; }

    .video-button {
      display: inline-block;
      width: 60px;
      height: 60px;
      background: #fff;
      border-radius: 50%;
      position: relative;
    }

    .video-button span::before {
      content: '';
      position: absolute;
      top: 18px;
      left: 24px;
      border-style: solid;
      border-width: 10px 0 10px 18px;
      border-color: transparent transparent transparent #000;
    }

    /* Sidebar */
    .service-sidebar .service-widget {
      background: #f9f9f9;
      border-radius: 6px;
      padding: 20px;
    }

    .service-sidebar ul li {
      padding: 10px 0;
      border-bottom: 1px solid #e2e2e2;
    }

    .service-sidebar ul li:last-child { border-bottom: none; }

    .service-sidebar ul li a {
      display: flex;
      align-items: center;
      color: #333;
    }

    .service-sidebar ul li a i {
      margin-right: 10px;
      font-size: 12px;
      color: #888;
    }

    .service-sidebar ul li.active a,
    .service-sidebar ul li a:hover {
      color: #007bff;
      font-weight: 600;
    }

    @media screen and (max-width: 768px) {
      .col-md-8, .col-md-6, .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
      }
    }