.elementor-4902 .elementor-element.elementor-element-12e674b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-cc0dfd6 */.page-title-area{
    display: none!important;
}

   body {
            font-family: 'Inter', sans-serif;
            background-color: #1a1a1a; /* Dark background */
            color: #f3f4f6; /* Default light text */
        }
        .bg-dark {
            background-color: #1a1a1a;
        }
        .bg-dark-secondary {
            background-color: #2a2a2a; /* Slightly lighter dark for cards/sections */
        }
        .text-red-accent {
            color: #f43636;
        }
        .bg-red-accent {
            background-color: #f43636;
        }
        .btn-red {
            background-color: #f43636;
            color: white;
            transition: background-color 0.3s ease, transform 0.2s ease;
            display: inline-flex; /* Ensures icon and text align */
            align-items: center; /* Vertically center icon and text */
            gap: 0.5rem; /* Space between icon and text */
            padding: 0.75rem 1.5rem; /* Adjust padding as needed */
            border-radius: 9999px; /* Full round */
            font-weight: 600;
        }
        .btn-red:hover {
            background-color: #e53e3e; /* Slightly darker red on hover */
            transform: translateY(-2px);
        }
        .section-padding {
            padding-top: 4rem; /* 64px */
            padding-bottom: 4rem; /* 64px */
        }
        @media (min-width: 768px) {
            .section-padding {
                padding-top: 6rem; /* 96px */
                padding-bottom: 6rem; /* 96px */
            }
        }
        .feature-card, .testimonial-card, .faq-item {
            background-color: #2a2a2a; /* Use secondary dark */
            border-radius: 0.75rem; /* Rounded corners */
            padding: 1.5rem; /* Spacing inside cards */
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .feature-card:hover {
             transform: translateY(-5px);
             box-shadow: 0 10px 15px -3px rgba(244, 54, 54, 0.1), 0 4px 6px -4px rgba(244, 54, 54, 0.1);
        }
        /* Simple Accordion for FAQ */
        .faq-question {
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            margin-top: 0;
        }
        .faq-item.active .faq-answer {
            max-height: 300px; /* Adjust as needed */
            margin-top: 1rem;
        }
        .faq-item.active .faq-arrow {
            transform: rotate(180deg);
        }
        .faq-arrow {
            transition: transform 0.3s ease;
        }
        /* Responsive image container */
        .img-aspect-16-9 {
            position: relative;
            width: 100%;
            padding-top: 56.25%; /* 16:9 Aspect Ratio */
            overflow: hidden;
            border-radius: 0.5rem; /* Rounded corners for images */
        }
        .img-aspect-16-9 img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .img-aspect-16-9:hover img {
            transform: scale(1.05);
        }
        /* Style for the Elementor placeholder */
        .elementor-placeholder {
             border: 2px dashed #4b5563; /* Gray border */
             padding: 3rem 1rem;
             text-align: center;
             border-radius: 0.5rem;
             margin-top: 2rem;
        }/* End custom CSS */