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

      body {
          font-family: 'Montserrat', sans-serif;
          scroll-behavior: smooth;
      }

      h1,
      h2,
      h3,
      h4 {
          font-family: 'Playfair Display', serif;
      }

      .hero-section {
          background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0.5) 100%), url('https://readdy.ai/api/search-image?query=professional%20business%20scene%20with%20people%20discussing%20insurance%20plans%2C%20elegant%20office%20environment%20with%20modern%20furniture%2C%20soft%20natural%20lighting%2C%20warm%20atmosphere%2C%20professional%20attire%2C%20documents%20on%20table%2C%20shield%20symbol%20in%20background%2C%20high%20quality%20professional%20corporate%20image&width=1600&height=800&seq=1&orientation=landscape');
          background-size: cover;
          background-position: center;
      }

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

      .custom-input {
          border: 1px solid #e2e8f0;
          transition: all 0.3s;
      }

      .custom-input:focus {
          border-color: #0D7280;
          box-shadow: 0 0 0 3px rgba(13, 114, 128, 0.2);
          outline: none;
      }

      .btn-primary {
          background-color: #0D7280;
          color: white;
          transition: all 0.3s;
      }

      .btn-primary:hover {
          background-color: #0A5A66;
          transform: translateY(-2px);
      }

      .btn-secondary {
          background-color: #C6A15A;
          color: white;
          transition: all 0.3s;
      }

      .btn-secondary:hover {
          background-color: #B08E4A;
          transform: translateY(-2px);
      }

      .btn-outline {
          border: 2px solid #0D7280;
          color: #0D7280;
          transition: all 0.3s;
      }

      .btn-outline:hover {
          background-color: #0D7280;
          color: white;
      }

      .service-icon {
          color: #0D7280;
          background-color: rgba(13, 114, 128, 0.1);
      }

      .social-icon {
          transition: all 0.3s;
      }

      .social-icon:hover {
          color: #C6A15A;
          transform: translateY(-3px);
      }

      .justify-all {
        text-align: justify !important;
      }