body {
            background-color: #f8f9fa;
        }

.navbar {
            background-color: #0d6efd;
        }

        .lead{
            font-weight: 500 !important;
        }


.disclaimer { background-color: #fef2f2; border-left: 4px solid #dc2626; padding: 1rem; margin-bottom: 1rem; }
        .navbar-brand, .nav-link { color: white !important; }
        .nav-link:hover { background-color: #1e40af; border-radius: 5px; }
        .accordion-button { font-size: 1.1rem; }
        .accordion-button:not(.collapsed) { background-color: #e7f1ff; color: #0c63e4; }
        .section-accordion { margin-left: 1.5rem; }
.disclaimer {
     background-color: #fef2f2; 
     border-left: 4px solid #dc2626; 
     padding: 1rem; 
     margin-bottom: 1rem; 
    }

    /* Crpc start */
     ul.lettered-clause {
        list-style-type: none;
        padding-left: 20px;
        margin: 0;
    }

     table.comparison-table {
        width: 100%;
        border-collapse: collapse;
    }
    table.comparison-table th, table.comparison-table td {
        border: 1px solid black;
        padding: 8px;
        vertical-align: top;
       
    }
    table.comparison-table th {
        background-color: #f2f2f2;
         text-align: center;
    }

    /* Crpc End */

    /* nav */

.navbar-nav .nav-item {
    margin: 0 5px; /* Increased spacing between menu items */
   
}
.navbar-nav .nav-link {
    font-size: 0.8rem; /* Smaller font size */
    padding: 6px 10px; /* Adjusted padding for compactness */
    color: #333; /* Darker color for better readability */
    transition: color 0.3s ease, transform 0.2s ease; /* Smooth hover effects */
     
}


.navbar-nav .nav-link:hover {
    color: #007bff; /* Bootstrap primary color for hover */
    transform: translateY(-2px); /* Subtle lift effect on hover */
}

.navbar-brand {
    font-size: 1.5rem; /* Slightly larger brand text */
    font-weight: 600; /* Bold brand text */
    color: #007bff; /* Matching color scheme */
    
}

.navbar {
    /* Light background for the navbar */
    background-color: #0d6efd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

@media (max-width: 992px) {
    .navbar-nav .nav-item {
        margin: 10px 0; /* Vertical spacing for collapsed menu */
    }
}
.navbar-brand, .nav-link {
     color: white !important; 
    /* border: 1px solid white; */
   
}

.nav-link:hover {
     background-color: #1e40af; 
     border-radius: 5px; 
    }
  
    /* new navbar for nested dropdown */
    
    /* Nav end */

.accordion-button {
     font-size: 1.1rem; 
    }

.accordion-button:not(.collapsed) {
     background-color: #e7f1ff; 
     color: #0c63e4; 
    }

.section-accordion {
     margin-left: 1.5rem; 
    }
/* copy to stop copy directly from website  */
/* p
    {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    } */


/* wildlife start */
    ul.lettered-clause {
        list-style-type: none;
        padding-left: 20px;
        margin: 0;
    }

     table.comparison-table {
        width: 100%;
        border-collapse: collapse;
    }
    table.comparison-table th, table.comparison-table td {
        border: 1px solid #ddd;
        padding: 8px;
        vertical-align: top;
    }
    table.comparison-table th {
        background-color: #f2f2f2;
    }
    .input-group {
        border:2px solid blue;
    }
/* wildlife end */

/* service item index page*/
        
        .card {
            background-image: radial-gradient( circle 404px at 20.3% 15.9%,  rgba(0,79,255,1) 0%, rgba(0,240,255,1) 90% );
            color: #FFFFFF;
            transition: background-color 0.3s ease, color 0.3s ease;
            box-shadow: 8px 8px 8px rgba(155, 89, 182, 0.3);
            
        }
        .card a {
            color: #FFFFFF;
            text-decoration: none;
        }
         .card2 {
            background-image: white;
            color: #2124B1 ;
            transition: background-color 0.3s ease, color 0.3s ease;
            box-shadow: 8px 8px 8px rgba(41, 38, 229, 0.6);
            padding:15px;
            border-left: 1px solid #2124B1;
            border-top: 1px solid  rgba(0,79,255,1);
        }
        .card2 p {
            color:black;
        }

        .service-icon i {
            color: #f8f9fa;
        }
        .btn {
            background-color: #FFFFFF;
            color: #2124B1 !important;
        }
      
        .card:hover {
           background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(242,255,255,1) 0%, rgba(255,255,249,1) 90.1% ) !important;
            color: #2124B1 !important;
            /* -webkit-box-shadow:  6px 6px 6px 8px #1c1f96, -6px -6px 6px 6px #ea7d20;
            -moz-box-shadow:  6px 6px 6px 8px #1c1f96, -6px -6px 6px 6px #ea7d20;
            box-shadow: 6px 6px 6px 8px #1c1f96, -6px -6px 6px 6px #ea7d20; */
            box-shadow: 6px 6px 6px 4px rgba(33, 36, 177, 0.4);
           
        }
        .card:hover .service-icon i {
            color:#0DCAF0 !important;
        }
        .card:hover .card-title a {
            
            color: #2124B1 !important;
        }
        .card:hover .btn {
            background-color: #2124B1 !important;
            color: #FFFFFF !important;
        }

         .card2:hover {
           background-image: radial-gradient( circle 404px at 20.3% 15.9%,  rgba(0,79,255,1) 0%, rgba(0,240,255,1) 90% ) !important;
            color: white;
            /* -webkit-box-shadow:  6px 6px 6px 8px #1c1f96, -6px -6px 6px 6px #ea7d20;
            -moz-box-shadow:  6px 6px 6px 8px #1c1f96, -6px -6px 6px 6px #ea7d20;
            box-shadow: 6px 6px 6px 8px #1c1f96, -6px -6px 6px 6px #ea7d20; */
            box-shadow: 6px 6px 6px 4px rgba(121, 191, 227, 0.4);
           
        }


    /* footer start */
        footer {
            background-color: #0d6efd;
            color: #FFFFFF;
        }
        footer a {
            color: #FFFFFF;
            text-decoration: underline;
        }

/* footer end */

        /* .custom-tooltip~.tooltip>.tooltip-inner {
            background-color: yellow !important;
            color:red !important;
        }

        .custom-tooltip~.tooltip>.tooltip-arrow {
            color:yellow !important;
            border-bottom-color: yellow !important;
             
        } */

        .tooltip.custom-tooltip .tooltip-inner {
            background-color: yellow !important;
            color: red !important;
            font-weight: 600;
        }

        .tooltip.custom-tooltip .tooltip-arrow::before {
            border-bottom-color: yellow !important;
        }

        .tooltip.red-tooltip .tooltip-inner {
            background-color: red !important;
            color: white !important;
        }

        .tooltip.red-tooltip .tooltip-arrow::before {
            border-bottom-color: red !important;
        }
        .tooltip.blue-tooltip .tooltip-inner {
            background-color: #0d6efd !important;
            color: white !important;
        }

        .tooltip.blue-tooltip .tooltip-arrow::before {
            border-bottom-color: #0d6efd !important;
        }
         .tooltip.by-tooltip .tooltip-inner {
            background-color: black !important;
            color: yellow !important;
        }

        .tooltip.by-tooltip .tooltip-arrow::before {
            border-bottom-color: #0d6efd !important;
        }


        /*pdf links design */
        .pdf-links { display: flex; flex-wrap: wrap; gap: 1rem; }
        .pdf-links a { flex: 1 1 45%; padding: 0.75rem; background-color: #f8f9fa; border: 1px solid #dee2e6; border-radius: 0.25rem; text-decoration: none; }
        .pdf-links a:hover { background-color: #e7f1ff; }
        @media (max-width: 576px) { .pdf-links a { flex: 1 1 100%; } }


        /* intro card start */
            .intro-card {
            background: linear-gradient(135deg, #ffffff, #e9ecef);
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            padding: 0.5rem;
            margin-bottom: 0.5rem;
        }
        .intro-card h3 {
            font-size: 1.75rem;
            margin-bottom: 1rem;
        }
        .intro-card p.lead {
            font-size: 1.1rem;
            line-height: 1.6;
        }
        .intro-card .btn {
            margin-right: 0.5rem;
            transition: transform 0.2s, background-color 0.2s, color 0.2s;
            color: #0d6efd;
            border-color: #0d6efd;
        }
        .intro-card .btn:hover {
            transform: translateY(-2px);
            background-color: #0d6efd;
            color: #ffffff !important;
            border-color: #0d6efd;
        }
        .intro-card .btn-outline-danger {
            color: #dc3545;
            border-color: #dc3545;
        }
        .intro-card .btn-outline-danger:hover {
            background-color: #dc3545;
            color: #ffffff !important;
            border-color: #dc3545;
        }
        .intro-card .note {
            font-style: italic;
            color: #dc3545;
        }
        .intro-card i {
            margin-right: 0.5rem;
        }
        /* intro card end */