.afacad-flux-sigle {
                                            font-family: "Afacad Flux", sans-serif;
                                            font-optical-sizing: auto;
                                            font-weight: 400;
                                            font-style: normal;
                                            font-variation-settings: "slnt" 0;

                                        }


                                        .afacad-flux-sigle2 {
                                            font-family: "Afacad Flux", sans-serif;
                                            font-optical-sizing: auto;
                                            font-weight: 400;
                                            font-style: normal;
                                            font-variation-settings: "slnt" 0;

                                        }

                                       

                                        .video-border {
                                            border: 2px solid rgb(107, 106, 106);
                                            padding: 0;
                                            margin: 0;
                                            border-radius: 0px;
                                        }

                                        .features-table {
                                            display: flex !important;
                                            border: 1px solid #ddd !important;
                                            border-radius: 8px !important;
                                            overflow: hidden !important;
                                            box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
                                        }

                                        .features-menu {
                                            width: 30% !important;
                                            background-color: #f8f9fa !important;
                                            border-right: 1px solid #ddd !important;
                                            padding: 0 0 15px 0 !important; /* Removed top padding */
                                        }

                                        .features-menu .feature-item {
                                            display: block !important;
                                            padding: 10px 15px !important;
                                            color: #333 !important;
                                            text-decoration: none !important;
                                            border-bottom: 1px solid #eee !important;
                                            transition: background-color 0.3s ease !important;
                                        }

                                        .features-menu .feature-item:last-child {
                                            border-bottom: none !important;
                                            padding-bottom: 0 !important; /* Removed bottom padding for the last item */
                                        }

                                        .features-menu .feature-item:hover,
                                        .features-menu .feature-item.active {
                                            background-image: linear-gradient(to right, #e9ecef, #cce5ff) !important; /* Gradient from light grey to light blue */
                                            color: #007bff !important;
                                        }

                                        .features-content {
                                            width: 70% !important;
                                            padding: 20px !important;
                                            background-color: #fff !important;
                                        }

                                        .feature-detail {
                                            display: none !important;
                                        }

                                        .feature-detail.active {
                                            display: block !important;
                                        }

/* Adjust main content padding for fixed navbar */
main {
    padding-top: 20px; /* Add some padding to the top of the main content */
}

.resource-block {
    text-decoration: none !important; /* Remove underline for the link itself */
    color: #333 !important; /* Ensure text color is dark for better visibility */
    border: 1px solid rgba(0,0,0,0.1); /* Subtle border */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* Softer shadow */
    padding: 20px; /* Add padding inside the block */
    display: block; /* Make the whole block clickable */
    height: 100%; /* Ensure consistent height */
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.resource-block:hover {
    text-decoration: none !important; /* Remove underline on hover */
    color: #333 !important; /* Keep text color consistent on hover */
    transform: translateY(-5px); /* Lift effect on hover */
    box-shadow: 0 8px 16px rgba(0,0,0,0.2); /* More pronounced shadow on hover */
}

.resource-block h3,
.resource-block:hover h3,
.resource-block p,
.resource-block:hover p,
.resource-block .read-more,
.resource-block:hover .read-more {
    text-decoration: none !important; /* Ensure no underline for child elements */
    color: inherit !important; /* Keep text color consistent for child elements */
}