/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-pyudz1qnte] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.header[b-pyudz1qnte] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.header-logo[b-pyudz1qnte] {
    width: 180px;
    height: 101px;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.progress[b-pyudz1qnte] {
    height: 0.4rem;
    border-radius: 0;
}

.progress-bar[b-pyudz1qnte] {
    background-color: var(--aib-green);
}

.back-color-white[b-pyudz1qnte] {
    background-color: var(--aib-white);
}

.loading-page-container[b-pyudz1qnte] {
    left: 0;
    right: 0;
    height: 65vh;
}

.loading-page[b-pyudz1qnte] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100% !important;
}

.thank-you-container[b-pyudz1qnte] {
    left: 0;
    right: 0;
    height: 65vh;
}

.thank-you-body[b-pyudz1qnte] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100% !important;
}

.homepage-container[b-pyudz1qnte] {
    padding-top: 66px;
}

.insurer-image-size[b-pyudz1qnte] {
    width: 300px;
    height: 150px;
}
/* /Components/Layout/ProgressBar.razor.rz.scp.css */

.progress[b-bsugtz7j3j] {
    height: 0.4rem; 
    background-color: #f0f0f0; 
    border-radius: 0; 
}

.progress-bar[b-bsugtz7j3j] {
    height: 0.4rem;
    background-color: #0a8244;
    text-align: center;
    color: white;
}
/* /Components/Pages/MultiQuoteDetailsForm.razor.rz.scp.css */
.card-container[b-4ntjc0ho6d] {
    display: flex;
    justify-content: center;
    align-items: flex-start; /* Align cards at the top */
    flex-wrap: wrap;
    gap: 20px; /* Increased gap for better spacing */
    padding: 20px; /* Adjusted padding for better spacing */
}

/* Default card styles for larger screens (3 cards per row) */
.card[b-4ntjc0ho6d] {
    border: 2px solid #ccc;
    border-radius: 8px;
    padding: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: calc(33.33% - 40px/3); /* 3 cards per row, accounting for gap */
    max-width: 400px; /* Maintain max-width */
    position: relative;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    max-height: 300px;
    overflow: hidden;
}

/* Mobile layout (1 card per row) */
@media (max-width: 768px) {
    .card[b-4ntjc0ho6d] {
        width: 100%; /* Full width on mobile */
        max-width: none; /* Remove max-width restriction */
    }
}

.card-header[b-4ntjc0ho6d] {
    position: absolute;
    border: none;
    background-color: white;
    top: 0.1px;
    right: 0.1px;
    display: flex;
    gap: 10px;
    z-index: 1;
}

.card-body[b-4ntjc0ho6d] {
    display: flex;
    align-items: center;
    padding: 8px 8px 8px 0;
    position: relative;
    height: auto;
}

    .card-body[b-4ntjc0ho6d]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 100px;
        width: 80%;
        height: 100%;
        border-left: 2px solid #ccc;
        box-sizing: border-box;
    }

.icon[b-4ntjc0ho6d] {
    width: 100px;
    height: 100px;
    margin-right: 12px;
}

.card-details[b-4ntjc0ho6d] {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
}

.vehicle-info[b-4ntjc0ho6d] {
    font-size: 15px;
    font-weight: bold;
    color: #0a8244;
    padding-bottom: 2px;
    margin-top: 0;
}

.card-details p[b-4ntjc0ho6d] {
    font-size: 12px;
    margin: 0;
    color: #333;
}

.car-add[b-4ntjc0ho6d] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cardadd-button[b-4ntjc0ho6d] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.car-add-icon[b-4ntjc0ho6d] {
    margin-right: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.car-add-text[b-4ntjc0ho6d] {
    font-size: 18px;
    color: #0a8244;
    margin: 0;
}
.card-grid[b-4ntjc0ho6d] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    padding: 1rem;
}

.buttons-grid[b-4ntjc0ho6d] {
    display: flex;
    flex-direction: column; /* Stack items vertically */
    justify-content: center; /* Center vertically */
    align-items: center; /* Center horizontally */
    gap: 20px; /* Space between buttons */
    flex-wrap: wrap; /* Optional: allows wrapping if needed */
}

.submit-next-container[b-4ntjc0ho6d] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-container[b-4ntjc0ho6d] {
    width: 100%;
}
.call-me-banner[b-4ntjc0ho6d] {
    display: flex;
    justify-content: space-between; /* Pushes text left and button right */
    align-items: center; /* Vertically centers content */
    background-color: #0a8244; /* Green background from the image */
    color: white;
    padding: 10px 20px;
    border-radius: 2px;
    width: 100%;
    max-width: 800px; /* Adjust based on your design preference */
    margin: 0 auto; /* Centers the banner horizontally */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.banner-text[b-4ntjc0ho6d] {
    display: flex;
    flex-direction: column;
    margin-right: 20px; /* Space between text and button */
}

.main-text[b-4ntjc0ho6d] {
    font-size: 1.4em;
    font-weight: bold;
}

.sub-text[b-4ntjc0ho6d] {
    font-size: 0.9em;
    color: #f0f0f0; /* Slightly lighter white for contrast */
}

.call-me-button[b-4ntjc0ho6d] {
    background-color: #c80056; /* Red button from the image */
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.3s;
}

    .call-me-button:hover[b-4ntjc0ho6d] {
        background-color: #a70047; /* Darker red on hover for interactivity */
    }


@media (max-width: 768px) {
    .card-grid[b-4ntjc0ho6d] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/PersonalDetailsForm.razor.rz.scp.css */
.custom-checkbox-input[b-0ghavzqhf7] {
    width: 20px;
    height: 20px;
    accent-color: #0a8244; /* Green tick color */
    cursor: pointer;
    vertical-align: top;
    margin-right: 1px;
    display: inline-block;
}

.checkbox-label[b-0ghavzqhf7] {
    display: inline-block;
    vertical-align: top;
    color: gray; /* Optional: Adjust text color */
    font-size: 12px; /* Optional: Adjust font size */
    margin: 0;
    padding-left: 8px;
    max-width: 600px; /* Adjustable maximum width for wrapping */
}

.custom-checkbox[b-0ghavzqhf7] {
    display: flex;
    align-items: flex-start;
    margin-top: 20px; /* Adjustable space from the previous div */
}
/* /Components/Pages/VehicleSummaryDetailsForm.razor.rz.scp.css */
.card-container[b-mk6bpp52wy] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    height: auto;
    padding: 10px;
}

.card[b-mk6bpp52wy] {
    border: 2px solid #ccc;
    border-radius: 8px;
    padding: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 400px;
    position: relative;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    max-height: 300px;
    overflow: hidden;
}

.card-header[b-mk6bpp52wy] {
    position: absolute;
    border: none;
    background-color: white;
    top: 0.1px;
    right: 0.1px;
    display: flex;
    gap: 10px;
    z-index: 1;
    padding: 5px; /* Added padding to give space around icons */
}

.edit-button[b-mk6bpp52wy], .delete-button[b-mk6bpp52wy] {
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
    cursor: pointer;
    z-index: 2;
}

.edit-button img[b-mk6bpp52wy], .delete-button img[b-mk6bpp52wy] {
    width: 12px;
    height: 10px;
    background-color: white;
}

.card-body[b-mk6bpp52wy] {
    display: flex;
    align-items: center;
    padding: 25px 8px 8px 0; /* Increased top padding to avoid overlap with header */
    position: relative;
    height: auto;
}

.card-body[b-mk6bpp52wy]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 100px;
    width: 80%;
    height: 100%;
    border-left: 2px solid #ccc;
    box-sizing: border-box;
}

.icon[b-mk6bpp52wy] {
    width: 100px;
    height: 100px;
    margin-right: 12px;
}

.card-details[b-mk6bpp52wy] {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
}

.vehicle-info[b-mk6bpp52wy] {
    font-size: 15px;
    font-weight: bold;
    color: #0a8244;
    padding-bottom: 2px;
    margin-top: 0;
}

.card-details p[b-mk6bpp52wy] {
    font-size: 12px;
    margin: 0;
    color: #333;
}

.car-add[b-mk6bpp52wy] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cardadd-button[b-mk6bpp52wy] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.car-add-icon[b-mk6bpp52wy] {
    margin-right: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.car-add-text[b-mk6bpp52wy] {
    font-size: 18px;
    color: #0a8244;
    margin: 0;
}
/* /Components/Shared/Benefits.razor.rz.scp.css */
.form-group[b-8eck0kw48u] {
    text-align: center;
    padding: 20px;
    border: 3px solid #0a8244;
    border-radius: 5px;
    width: 300px;
    margin: 0 auto;
    background-color: #f9f9f9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s; /* Smooth transition for hover effect */
}

    .form-group:hover[b-8eck0kw48u] {
        background-color: #e6e6e6; /* Slightly darker on hover */
    }

    .form-group:active[b-8eck0kw48u] {
        background-color: #d3d3d3; /* Even darker when clicked */
    }

.product-logo[b-8eck0kw48u] {
    width: 200px;
    height: 80px;
    margin-bottom: 1px;
}

.label-bold[b-8eck0kw48u] {
    font-weight: bold;
    margin-right: 10px;
}

p[b-8eck0kw48u] {
    display: inline;
    font-size: 12px;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

.icon[b-8eck0kw48u] {
    width: 12px;
    height: 12px;
    margin-right: 5px;
    vertical-align: top;
    display: inline-block;
}

strong[b-8eck0kw48u] {
    font-size: 20px;
    color: #0a8244;
    display: block;
    margin-bottom: 10px;
}

.benefit-item[b-8eck0kw48u] {
    text-align: left;
    margin-left: 20px;
    display: flex;
    align-items: flex-start;
}

.green-separator[b-8eck0kw48u] {
    border: 0;
    border-top: 2px solid #0a8244;
    margin: 3px 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
/* /Components/Shared/LoadingSpinner.razor.rz.scp.css */
.overlay[b-ofcj1in8pk] {
    --overlay-dark: #09090980;
    z-index: 1002;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--overlay-dark);
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner-wrapper[b-ofcj1in8pk] {
    z-index: 1003;
    background-color: transparent;
    opacity: unset;
}

/* SVG Animation */
svg[b-ofcj1in8pk] {
    fill: #0a8244;
    width: 100px;
}

#frame1[b-ofcj1in8pk] {
    visibility: visible;
    animation: 1.2s show-b-ofcj1in8pk infinite;
    animation-delay: 0.12s;
}

#frame2[b-ofcj1in8pk] {
    visibility: hidden;
    animation: 1.2s show-b-ofcj1in8pk infinite;
    animation-delay: 0.14s;
}

#frame3[b-ofcj1in8pk] {
    visibility: hidden;
    animation: 1.2s show-b-ofcj1in8pk infinite;
    animation-delay: calc(2 * 0.14s);
}

#frame4[b-ofcj1in8pk] {
    visibility: hidden;
    animation: 1.2s show-b-ofcj1in8pk infinite;
    animation-delay: calc(3 * 0.14s);
}

#frame5[b-ofcj1in8pk] {
    visibility: hidden;
    animation: 1.2s show-b-ofcj1in8pk infinite;
    animation-delay: calc(4 * 0.14s);
}

@keyframes show-b-ofcj1in8pk {
    0% {
        visibility: hidden;
    }

    5% {
        visibility: visible;
    }

    30% {
        visibility: hidden;
    }
}
/* /Components/Shared/MainFormTitle.razor.rz.scp.css */

.body-content-title[b-anxamruf9g] {
    color: #0a8244;
    font-weight: bold;
    font-size: 21px;
    text-align: center;
    font-family: 'Helvetica Neue', Helvetica;
    font-weight: bold; /* Bold text */
}

.subtitle-template[b-anxamruf9g] {
    color: #364646;
    font-weight: bold;
    font-size: 16px;
    display: flex;
    justify-content: center;
    line-height: 1;
    margin-top: 30px;
    padding: 0 5px;
    font-family: 'Helvetica Neue', Helvetica;
}

/* /Components/Shared/ToolTip.razor.rz.scp.css */
.form-group[b-q1rgcve65s] {
    display: flex; /* Align children horizontally */
    align-items: center; /* Vertically center align items */
    justify-content: center; /* Center the content horizontally */
    position: relative; /* For positioning of the tooltip */
    width: 100%; /* Ensure full width for the form group */
}

.label-container[b-q1rgcve65s] {
    flex-grow: 1; /* Allow the label container to take available space */
    text-align: center; /* Center text within the container */
}

.label-bold[b-q1rgcve65s] {
    margin-right: 10px; /* Space between the label and tooltip icon */
}

.tooltip-container[b-q1rgcve65s] {
    position: relative;
    display: flex;
    align-items: center; /* Vertically center align items */
}

.tooltip-icon[b-q1rgcve65s] {
    background-color: #0a6f3b;
    color: white;
    border-radius: 50%;
    width: 15px; /* Set a specific width */
    height: 15px; /* Set a specific height */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px; /* Adjust font size for better alignment */
    margin-left: 10px; /* Space between label and tooltip icon */
}

.tooltip-content[b-q1rgcve65s] {
    visibility: hidden; /* Hide tooltip content by default */
    width: 300px;
    font-size: 12px;
    background-color: #f9f9f9;
    color: #333;
    text-align: left;
    border-radius: 3px;
    padding: 10px;
    border: 1px solid #0a6f3b;
    position: absolute;
    z-index: 1;
    right: 100%; /* Position it to the left of the tooltip icon */
    top: 50%; /* Center it vertically relative to the icon */
    margin-right: 1px; /* Space between the tooltip icon and the tooltip content */
    transform: translateY(-50%); /* Center the tooltip content vertically */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    opacity: 0; /* Hide tooltip content by default */
    transition: opacity 0.3s ease; /* Smooth transition for tooltip visibility */
}

.tooltip-icon:hover + .tooltip-content[b-q1rgcve65s] {
    visibility: visible; /* Show tooltip content on hover */
    opacity: 0.95; /* Ensure tooltip content is visible */
}
/* /Components/Shared/YesNoButtons.razor.rz.scp.css */
.centered-container[b-r16na73rws] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.form-group[b-r16na73rws] {
    text-align: center;
}

.svg-container[b-r16na73rws] {
    display: flex;
    justify-content: center;
    gap: 20px; /* Adjust the gap between buttons as needed */
}

.sub-label[b-r16na73rws] {
    font-size: 12px;
    color: #364646;
    font-family: 'Helvetica Neue', Helvetica;
    margin-bottom: 20px;
}

/* TooltipComponent.css */
.tooltip-container[b-r16na73rws] {
    position: relative;
    display: inline-flex; /* Use inline-flex to align items horizontally */
    align-items: center; /* Align items vertically center */
    margin-left: 5px; /* Adjust spacing between label and tooltip icon */
}

.tooltip-icon[b-r16na73rws] {
    background-color: #0a6f3b;
    color: white;
    border-radius: 50%;
    width: 20px; /* Set a specific width */
    height: 20px; /* Set a specific height */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px; /* Adjust font size for better alignment */
    margin-right: 10px;
}

.tooltip-content[b-r16na73rws] {
    visibility: hidden; /* Hide tooltip content by default */
    width: 200px;
    font-size: 12px;
    background-color: #f9f9f9;
    color: #333;
    text-align: left;
    border-radius: 3px;
    padding: 10px;
    border: 1px solid #0a6f3b;
    position: absolute;
    z-index: 1;
    left: 100%; /* Position it right next to the tooltip icon */
    top: 50%; /* Center it vertically relative to the icon */
    margin-left: 10px; /* Space between the tooltip icon and the tooltip content */
    transform: translateY(-50%); /* Center the tooltip content vertically */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    opacity: 0; /* Hide tooltip content by default */
    transition: opacity 0.3s ease; /* Smooth transition for tooltip visibility */
}

.tooltip-container:hover .tooltip-content[b-r16na73rws] {
    visibility: visible; /* Show tooltip content on hover */
    opacity: 0.95; /* Ensure tooltip content is visible */
}
/* /Components/Wizzard/QuoteWizard.razor.rz.scp.css */
.page[b-gk67ogowmt] {
    position: relative;
    min-height: 90vh;
    display: flex;
    flex-direction: column;
    font-family: 'Helvetica Neue', Helvetica,
}

.header[b-gk67ogowmt] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    font-family: 'Helvetica Neue', Helvetica,
}

.header-left[b-gk67ogowmt] {
    display: flex;
    align-items: center;
}

.header-back[b-gk67ogowmt] {
    width: 35px;
    height: 35px;
    margin-right: 10px; /* Adjust spacing between back button and logo */
}

.hidden-back[b-gk67ogowmt] {
    visibility: hidden;
    width: 35px;
    height: 35px;
    margin-right: 10px;
}

.header-center[b-gk67ogowmt] {
    position: absolute;
    left: 50%; /* Position at the horizontal center */
    transform: translateX(-50%); /* Center horizontally */
    z-index: 1; /* Ensure logo stays above progress bar */
}

.header-logo[b-gk67ogowmt] {
    width: 180px;
    height: 101px;
    display: block;
}

.progress-bar[b-gk67ogowmt] {
    width: 100%;
    padding: 15px;
    background-color: white; /* Example background color */
    text-align: center; /* Center ProgressBar horizontally */
    margin-top: 10px; /* Adjust spacing between header and ProgressBar */
}

.submit-next-container[b-gk67ogowmt] {
    display: flex;
    justify-content: center;
    margin-top: 20px; /* Adjust spacing between ProgressBar and submit-next-container */
}