:where([class^="ri-"])::before {
      content: "\f3c2";
    }

    body {
      font-family: 'Inter', sans-serif;
    }

    .hero-gradient {
      background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
    }

    .stats-item {
      position: relative;
    }

    .stats-item::after {
      content: '';
      position: absolute;
      right: 0;
      top: 25%;
      height: 50%;
      width: 1px;
      background-color: #e5e7eb;
    }

    .stats-item:last-child::after {
      display: none;
    }

    .service-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 25px -5px rgba(30, 61, 89, 0.1);
    }

    .portfolio-item:hover .portfolio-overlay {
      opacity: 1;
    }

    .testimonial-card {
      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    }

    input:focus,
    textarea:focus,
    select:focus {
      outline: none;
      border-color: #17A2B8;
    }

    .custom-checkbox {
      position: relative;
      padding-left: 35px;
      cursor: pointer;
      user-select: none;
    }

    .custom-checkbox input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
    }

    .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 24px;
      width: 24px;
      background-color: #fff;
      border: 2px solid #e5e7eb;
      border-radius: 4px;
    }

    .custom-checkbox:hover input~.checkmark {
      border-color: #17A2B8;
    }

    .custom-checkbox input:checked~.checkmark {
      background-color: #17A2B8;
      border-color: #17A2B8;
    }

    .checkmark:after {
      content: "";
      position: absolute;
      display: none;
    }

    .custom-checkbox input:checked~.checkmark:after {
      display: block;
    }

    .custom-checkbox .checkmark:after {
      left: 8px;
      top: 4px;
      width: 6px;
      height: 12px;
      border: solid white;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg);
    }

    .custom-select {
      position: relative;
    }

    .custom-select::after {
      content: "\ea4e";
      font-family: 'remixicon';
      position: absolute;
      right: 16px;
      top: 50%;
      transform: translateY(-50%);
      pointer-events: none;
      color: #6b7280;
    }