.text-muted {
    color: #1a1a1a !important;
}

   strong {
    color: var(--bs-primary);
}

    .contact-form-card {
        /* Changed class */
          background-color: #e6f7ff;
        /* Very light pink/peach color from your design */
        border-radius: 0.75rem;
        border: none;
        /* Ensure no default card border */
    }

    /* Headings and description */
    .section-label {
        /* Changed class */
        color: var(--bs-primary) !important;
        /* The red/pink from your design */
        font-size: 0.85rem;
        letter-spacing: 1px;
    }

    .section-title {
        /* Changed class */
        color: #333;
        /* Darker text for the main heading */
        font-size: 2.2rem;
        font-weight: bold;
    }

    .section-description {
        /* Changed class */
        color: #666;
        /* Slightly darker text for the description */
        font-size: 0.95rem;
    }


    /* Input group styling for form fields */
    .form-field-group .form-input-control {
        /* Changed class */
        border: 1px solid #dee2e6;
        /* Bootstrap's default border color, or slightly lighter */
        border-right: none;
        /* Remove right border for the input part */
        border-top-left-radius: 0.5rem;
        /* More rounded corners for input */
        border-bottom-left-radius: 0.5rem;
        padding: 0.75rem 1rem;
        /* Adjust padding for height */
        box-shadow: none;
        /* Remove any default Bootstrap shadow on focus */
    }

   
    .form-field-group .form-input-control:focus {
    border-color: #5db9df;
    box-shadow: 0 0 0 0.25rem rgb(32 197 194 / 25%);
}

    .form-field-group .form-input-icon {
        /* Changed class */
        background-color: #ffffff;
        /* White background for the icon part */
        border: 1px solid #dee2e6;
        /* Border for the icon part */
        border-left: none;
        /* Remove left border */
        border-top-right-radius: 0.5rem;
        /* More rounded corners for icon */
        border-bottom-right-radius: 0.5rem;
        color: #a0a0a0;
        /* Icon color, a softer gray */
        padding: 0.75rem 1rem;
        /* Match input padding */
    }

    /* Specific styling for the textarea */
    .form-textarea {
        /* Changed class */
        resize: vertical;
        /* Allow vertical resizing only */
    }

    /* Privacy policy text */
    .privacy-consent-text {
        /* Changed class */
        color: #666;
        /* General text color */
        font-size: 0.9rem;
    }

    .privacy-policy-link {
        /* Changed class */
        color: var(--bs-primary);
        /* Red/pink for the link */
        font-weight: bold;
        /* Make it bold */
    }

    .privacy-policy-link:hover {
        color: #e05e54;
        /* Slightly darker on hover */
        text-decoration: underline;
    }

    /* Submit button style */
    .submit-button {
        /* Changed class */
        background-color: var(--bs-primary);
        /* Pinkish red from your design */
        border-color:var(--bs-primary);
        padding: 0.75rem 2rem;
        border-radius: 0.5rem;
        font-weight: bold;
        font-size: 1.1rem;
        /* Slightly larger text */
    }

    .submit-button:hover {
        background-color: #e05e54 !important;
        border-color: #e05e54 !important;
    }


    /* --- Classes for the right column and bottom cards (kept from previous, modify as needed) --- */
    /* Right column contact info icons */
    .icon-circle {
        background-color: #eee;
        /* Light gray background for icons */
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.2rem;
        color:var(--bs-primary);
    }

    .btn-link {
        color: var(--bs-primary);
        /* Pinkish red for the button icons */
    }

    .btn-link:hover {
        color: var(--bs-primary);
    }

    /* Service cards specific styling (example colors) */
    .custom-card-1 {
        background-color: #e6f7ff;
        /* Light blue */
    }

    .custom-card-1 .text-primary {
        color: #007bff !important;
        /* Bootstrap primary blue */
    }

    .custom-card-2 {
        background-color: #e6ffe6;
        /* Light green */
    }

    .custom-card-2 .text-success {
        color: #28a745 !important;
        /* Bootstrap success green */
    }

    .custom-card-3 {
        background-color: #fff0e6;
        /* Light orange */
    }

    .custom-card-3 .text-info {
        color: #17a2b8 !important;
        /* Bootstrap info teal */
    }

      .breadcrumb-heading {
      font-size: 111px;
    font-weight: bold;
    color: #fff;
     filter: drop-shadow(3px 1px 0px #222);
}

.breadcrumb-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    padding-top: 160px;
    left: 14%;
}

.contact-qr{
        margin-left: 179px;
}


  
    @media (max-width: 768px) {
        .bg-breadcrumb{
            min-height: unset;
        }
          .breadcrumb-heading {
            font-size: 36px !important;
            
        }
        .contact-qr{
            height: 100px;
            margin-left: 9px;
        }

    
        .breadcrumb-content {
            position: relative;
            z-index: 2;
            text-align: center;
            color: #fff;
            padding-top: 50px;
        
        }
    }