/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./assets/css/themes/aviva/_aviva.scss?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.auto-coverages.l-columns.l-columns--2-large {
  gap: 0px;
}
.auto-coverages .list-alt-check-icon {
  background: var(--image-list-alt-check-icon) no-repeat center center;
  height: 36px;
  width: 36px;
}
.auto-coverages .information-icon {
  background: var(--image-information-icon) no-repeat center center;
  cursor: pointer;
  height: 20px;
  width: 20px;
  min-width: 20px;
  vertical-align: sub;
}
.auto-coverages .personal-injury-icon {
  background: var(--image-personal-injury-icon) no-repeat center center;
  height: 36px;
  width: 36px;
}
.auto-coverages .no-crash-icon {
  background: var(--image-no-crash-icon) no-repeat center center;
  height: 36px;
  width: 36px;
}
.auto-coverages .list-item div:first-child {
  flex: 2;
}
.auto-coverages .list-item div:last-child {
  flex: 1;
}

.loading-indicator-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(35, 36, 41, 0.5);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

/**
 * Margin mixin for applying margin values with responsive breakpoint support
 * 
 * This mixin generates margin CSS properties based on direction, size, and optional breakpoint.
 * It supports predefined spacing values from the $spacers map or 'auto' value.
 * All margin properties are applied with !important flag.
 * 
 * @param {string} $direction - The direction to apply margin
 *   - 'top' or 't': margin-top
 *   - 'right' or 'r': margin-right
 *   - 'bottom' or 'b': margin-bottom
 *   - 'left' or 'l': margin-left
 *   - 'x': horizontal margins (left and right)
 *   - 'y': vertical margins (top and bottom)
 *   - 'all': all sides
 * 
 * @param {string|number} $size - The size key from $spacers map or 'auto'
 *   - Must be a valid key in the $spacers map (e.g., 'sm', 'md', 'lg', 1, 2, 3, etc.)
 *   - Or 'auto' for automatic margins
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive behavior
 *   - When provided, margins will only apply at that breakpoint and up
 *   - Uses media-breakpoint-up() mixin internally
 * 
 * @example
 *   // Basic usage - top margin with size 'md'
 *   @include margin('top', 'md');
 * 
 * @example
 *   // Horizontal auto margins for centering
 *   @include margin('x', 'auto');
 * 
 * @example
 *   // Responsive margin - only applies on tablet and up
 *   @include margin('bottom', 'lg', 'md');
 * 
 * @example
 *   // All sides margin with numeric size
 *   @include margin('all', 3);
 * 
 * @example
 *   // Vertical margins with responsive breakpoint
 *   @include margin('y', 'sm', 'lg');
 */
/**
 * Padding mixin for applying spacing with optional breakpoint support
 * 
 * This mixin generates padding utilities based on direction, size from the $spacers map,
 * and optional responsive breakpoints using the media-breakpoint-up mixin.
 * 
 * @param {string} $direction - The direction to apply padding:
 *   - 'top' or 't': padding-top
 *   - 'right' or 'r': padding-right  
 *   - 'bottom' or 'b': padding-bottom
 *   - 'left' or 'l': padding-left
 *   - 'x': horizontal padding (left and right)
 *   - 'y': vertical padding (top and bottom)
 *   - 'all': padding on all sides
 * 
 * @param {string|number} $size - Key from the $spacers map (e.g., 'sm', 'md', 'lg', 1, 2, 3)
 * 
 * @param {string|null} $breakpoint - Optional breakpoint name for responsive padding
 *   When null, padding applies to all screen sizes
 * 
 * @example Basic usage
 *   .my-element {
 *     @include padding('top', 'md');
 *   }
 * 
 * @example Horizontal padding
 *   .my-element {
 *     @include padding('x', 'lg');
 *   }
 * 
 * @example Responsive padding
 *   .my-element {
 *     @include padding('all', 'sm', 'tablet');
 *   }
 * 
 * @example Multiple responsive paddings
 *   .my-element {
 *     @include padding('y', 'xs');           // Small vertical padding on all screens
 *     @include padding('y', 'md', 'tablet'); // Medium vertical padding on tablet+
 *     @include padding('y', 'lg', 'desktop'); // Large vertical padding on desktop+
 *   }
 */
/**
 * Applies a gap property with a specified size from the spacers map.
 * 
 * @param {string} $size - The spacing size key from the $spacers map (e.g., 1, 2, 3, 4, 5)
 * @param {string|null} $breakpoint - Optional breakpoint name to apply the gap only at specific screen sizes
 * 
 * @example Basic usage
 *   .flex-container {
 *     @include gap(3);
 *   }
 * 
 * @example With breakpoint
 *   .grid-layout {
 *     @include gap(2, 'md');
 *   }
 * 
 * @example Multiple breakpoints
 *   .responsive-grid {
 *     @include gap(1, 'sm');
 *     @include gap(3, 'lg');
 *   }
 */
/**
 * Applies a row gap to flex or grid containers with responsive breakpoint support.
 * 
 * @param {String} $size - The size key from the $spacers map (e.g., 1, 2, 3, 4, 5)
 * @param {String} $breakpoint - Optional breakpoint name (sm, md, lg, xl, xxl). If null, applies to all screen sizes
 * 
 * @example Basic usage
 *   .my-grid {
 *     @include row-gap(3);
 *   }
 * 
 * @example With breakpoint
 *   .responsive-grid {
 *     @include row-gap(2, md);
 *   }
 * 
 * @example Multiple breakpoints
 *   .flexible-grid {
 *     @include row-gap(1, sm);
 *     @include row-gap(3, lg);
 *   }
 * 
 * @requires $spacers - Map containing spacing values
 * @requires media-breakpoint-up() - Mixin for responsive breakpoints
 * 
 * @output Generates row-gap property with !important flag within media query (if breakpoint specified)
 */
/**
 * Applies column-gap spacing to an element with optional responsive breakpoint support.
 * 
 * This mixin sets the column-gap property using predefined spacing values from the $spacers map.
 * It can be applied at specific breakpoints using the media-breakpoint-up mixin.
 * 
 * @param {String} $size - The spacing size key from the $spacers map (e.g., 'sm', 'md', 'lg', '1', '2', '3')
 * @param {String|null} $breakpoint - Optional breakpoint name for responsive application (e.g., 'sm', 'md', 'lg', 'xl')
 * 
 * @example Basic usage
 *   .grid-container {
 *     @include column-gap('md');
 *   }
 * 
 * @example With responsive breakpoint
 *   .grid-container {
 *     @include column-gap('lg', 'md');
 *   }
 * 
 * @example Multiple responsive column gaps
 *   .grid-container {
 *     @include column-gap('sm');
 *     @include column-gap('md', 'md');
 *     @include column-gap('lg', 'lg');
 *   }
 * 
 * @requires $spacers - Map containing spacing values
 * @requires media-breakpoint-up - Mixin for responsive breakpoints
 */
/**
 * Generates responsive spacing CSS properties with optional breakpoint support.
 * 
 * @param {string} $property - The CSS property to apply spacing to (e.g., 'margin', 'padding')
 * @param {string|null} $direction - Optional direction suffix (e.g., 'top', 'bottom', 'left', 'right', 'x', 'y', 'all')
 * @param {string|number} $size - The spacing size value (can be a spacing scale value or custom size)
 * @param {string|null} $breakpoint - Optional breakpoint name to wrap the spacing in a media query
 * 
 * @example
 * // Basic padding usage
 * .card {
 *   @include spacing('padding', 'all', 16px);
 * }
 * 
 * @example
 * // Margin with direction
 * .section {
 *   @include spacing('margin', 'top', 24px);
 * }
 * 
 * @example
 * // Responsive padding for specific breakpoint
 * .container {
 *   @include spacing('padding', 'x', 32px, 'md');
 * }
 * 
 * @example
 * // Responsive margin bottom for mobile
 * .hero {
 *   @include spacing('margin', 'bottom', 48px, 'sm');
 * }
 */
.banner-heading {
  background-color: var(--color-page-heading-bg);
  color: var(--color-text-base);
}
.banner-heading .l-content-container {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}
@media (min-width: 45em) {
  .banner-heading .l-content-container {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

.banner-container {
  margin-bottom: -78px;
  padding-bottom: 86px;
  background-color: var(--color-page-heading-bg);
}
.banner-container .policy-data-title {
  margin: 0;
}
.banner-container .policy-data {
  margin: 5px 0 0 0;
}
.banner-container .button-container {
  padding-bottom: 32px !important;
}

.banner.m-hero.t-accent-light {
  background-color: var(--color-banner);
}
.banner.m-hero.t-accent-light:before {
  background-color: var(--color-banner);
}
.banner.m-hero.t-accent-light .button-container {
  gap: 15px;
}
.banner.m-hero.t-accent-light .button-container img {
  border-radius: 0;
}
.banner.m-hero.t-accent-light .a-breadcrumb .a-breadcrumb-list__item .a-breadcrumb-page {
  cursor: pointer;
  color: var(--color-text-light);
}
.banner.m-hero.t-accent-light:has(.m-hero__image img) nav.a-breadcrumb:not(m-long-form-hero .a-breadcrumb) {
  background: none;
}
.banner.m-hero.t-accent-light.imageless-banner .m-hero-message {
  padding-top: 60px;
}
.banner.m-hero.t-accent-light.imageless-banner .a-breadcrumb-list__item::before {
  background-color: var(--color-phone-call-btn) !important;
}
.banner.m-hero.t-accent-light.imageless-banner .a-breadcrumb-list__item .a-breadcrumb-page {
  color: var(--color-phone-call-btn);
  text-decoration-color: var(--color-phone-call-btn);
}

.policy-status {
  padding: 4px 37px 4px 12px;
  border-radius: 20px;
  color: var(--color-text-light);
  width: fit-content;
  max-width: 100%;
}
.policy-status.active {
  background: var(--color-active);
  background-image: var(--image-info-icon);
  background-repeat: no-repeat;
  background-position: calc(100% - 3px) center;
  background-size: 24px 24px;
}
.policy-status.cancelled {
  background: var(--color-cancelled);
  background-image: var(--image-info-icon);
  background-repeat: no-repeat;
  background-position: calc(100% - 3px) center;
  background-size: 24px 24px;
}
.policy-status.scheduled {
  background: var(--color-scheduled);
  background-image: var(--image-info-icon);
  background-repeat: no-repeat;
  background-position: calc(100% - 3px) center;
  background-size: 24px 24px;
}

@media (min-width: 45em) {
  .banner-container {
    margin-bottom: -76px;
    padding-bottom: 94px;
  }
  .banner.m-hero.t-accent-light .a-breadcrumb .a-breadcrumb-list__item .a-breadcrumb-page {
    color: var(--color-phone-call-btn);
  }
}
.a-button {
  line-height: 24px;
}
.a-button.m-show-more-button {
  padding: 0;
}

.call-center-layout {
  gap: 8.33333%;
}
.call-center-layout__main-area {
  flex: 6;
}
.call-center-layout__tile-area {
  flex: 5;
}

.call-center .title-image {
  border-radius: 0;
}
.call-center .phone-call-btn {
  max-width: 285px;
  display: block;
  align-items: center;
  text-align: center;
  direction: ltr;
  margin: 0 auto;
  unicode-bidi: plaintext;
}
.call-center .phone-call-btn a {
  text-decoration: none;
  color: var(--color-phone-call-btn);
}

.change-payment-date .page-heading {
  background-color: var(--color-page-heading-bg);
  color: var(--color-text-base);
}
.change-payment-date .call-center-layout {
  margin-top: 32px !important;
}
.change-payment-date .call-center-layout__main-area .data-row {
  margin-top: 0px !important;
}
.change-payment-date .call-center-layout__main-area .m-form-row.m-form-row--full-width {
  margin-top: 32px !important;
}

.contact-us .contact-card {
  border: 1px solid var(--color-border);
  border-radius: 10px;
  box-shadow: 0px 2px 10px 0px var(--color-shadow);
}

.container-box {
  border: 1px solid var(--color-border);
  border-radius: 8px;
}
.container-box .container-box-title {
  gap: 10px;
}

.document .container-box .container-box-title {
  padding-top: 24px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.document .m-table {
  margin-top: 0px !important;
  padding-bottom: 24px !important;
}
.document .m-table thead > tr > th {
  padding-top: 32px !important;
  padding-bottom: 15px !important;
}
.document .m-table thead > tr > th.first {
  padding-left: 24px !important;
}
.document .m-table thead > tr > th.last {
  padding-right: 24px !important;
}
.document .m-table tbody > tr > td {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.document .m-table tbody > tr > td.first {
  padding-left: 24px !important;
}
.document .m-table tbody > tr > td.last {
  padding-right: 24px !important;
}
.document .m-table table thead tr {
  border-bottom: 1px solid var(--color-border);
}
.document .m-table table thead tr th,
.document .m-table table thead tr td {
  background-color: transparent;
}
.document .m-table table tbody {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.document .m-table table tbody tr {
  border-bottom: unset;
}
@media (min-width: 45em) {
  .document .m-table table tbody tr th,
  .document .m-table table tbody tr td {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
.document .m-table table th,
.document .m-table table td {
  padding-left: 0px !important;
  vertical-align: top;
  border: unset;
}
.document .m-table table th:last-child,
.document .m-table table td:last-child {
  padding-right: 0px !important;
}
.document .m-table table .download-button {
  text-align: right;
}
.document .m-table table .download-button .a-link-icon.no-wrap {
  white-space: nowrap;
}
.document .m-table table .download-button .a-link-icon::after {
  margin-right: 0px !important;
}
.document .m-table .u-text--center {
  margin-top: 24px !important;
}
.document .m-table .a-pagination {
  margin-top: 24px !important;
}

.drivers .l-columns {
  row-gap: 15px;
}
.drivers .driver-icon {
  background: var(--image-driver-icon) no-repeat center center;
  height: 36px;
  width: 36px;
}
.drivers .divider-bottom {
  border-bottom: 1px solid var(--color-sub-border);
}
@media (min-width: 45em) {
  .drivers .l-columns {
    row-gap: 20px;
  }
}

.footer .m-footer-content .phoneNum {
  color: var(--color-text-light);
}
.footer .m-footer-content .footer-link {
  color: var(--color-text-light);
}
.footer .m-footer-content .link-container {
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 45em) {
  .footer .m-footer-content .link-container {
    grid-template-columns: repeat(5, minmax(0, 19.5fr)) minmax(0, 22fr);
  }
}

.js-o-masthead .o-masthead.verify-email .o-masthead__logged-in-link,
.js-o-masthead .o-masthead.verify-email .o-masthead__skip-links {
  display: none;
}
.js-o-masthead .o-masthead-navigation__close::after {
  display: none;
}
.js-o-masthead .o-masthead-support__heading {
  border-bottom: 0px;
}
.js-o-masthead .o-masthead-support__heading.with-border {
  border-top: 1px solid var(--color-border);
}
.js-o-masthead .a-list-plain {
  padding-top: 0;
}
.js-o-masthead .a-list-plain a.o-masthead-support__link {
  background-image: none;
}
.js-o-masthead .log-out a {
  text-decoration-color: var(--color-text-light);
}
.js-o-masthead .log-out .log-out-icon {
  background: var(--image-logout-icon) no-repeat center center;
  height: 24px;
  width: 24px;
}

@media (min-width: 45em) {
  .js-o-masthead .o-masthead-logged-in__logout {
    border-top: 0;
  }
  .js-o-masthead.js-o-masthead--narrow-megamenu .o-masthead-support__heading {
    border-bottom: 0px;
  }
  .js-o-masthead.js-o-masthead--narrow-megamenu .o-masthead-support__heading.with-border {
    border-top: 1px solid var(--color-border);
  }
}
.landing .card-container {
  border: 1px solid rgb(198, 198, 198);
}
.landing .card-container.t-accent-dark {
  background: rgb(0, 89, 107);
}
.landing .card-container .title-image {
  border-radius: 0;
}
.landing .policy-title {
  gap: 10px;
}
.landing .policy-title .policy-status {
  min-height: 34px;
  height: 100%;
  border-radius: 20px;
}
.landing .policy-title .policy-status.active {
  background: rgba(62, 129, 44, 0.2);
  background-image: var(--image-active-icon);
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 20px 20px;
}
.landing .policy-title .policy-status.cancelled {
  background: rgba(177, 1, 1, 0.2);
  background-image: var(--image-cancelled-icon);
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 20px 20px;
}
.landing .policy-title .policy-status.scheduled {
  background: rgb(230, 231, 230);
  background-image: var(--image-scheduled-icon);
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 20px 20px;
}
@media (min-width: 45em) {
  .landing .policy-title {
    gap: 15px;
  }
}

.app-loader {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  transition: opacity 120ms ease;
}
.app-loader--visible {
  opacity: 1;
  pointer-events: auto;
  background: rgba(255, 255, 255, 0.92);
}

/**
 * Display mixin for applying display values with optional responsive breakpoint support
 * 
 * This mixin generates display CSS properties based on the display value and optional breakpoint.
 * It supports all display values from the $displays variable.
 * All display properties are applied with !important flag.
 * 
 * @param {string} $value - The display value to apply
 *   - Must be a valid value from the $displays list (none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex, grid)
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive behavior
 *   - When provided, display will only apply at that breakpoint and up
 *   - Uses media-breakpoint-up() mixin internally
 * 
 * @example
 *   // Basic usage - hide element
 *   @include display('none');
 * 
 * @example
 *   // Flex display
 *   @include display('flex');
 * 
 * @example
 *   // Responsive display - only applies on tablet and up
 *   @include display('grid', 'md');
 * 
 * @example
 *   // Hide on mobile, show as block on larger screens
 *   @include display('none');
 *   @include display('block', 'sm');
 */
/**
 * Hide element mixin - shorthand for display: none
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive hiding
 * 
 * @example
 *   // Hide element completely
 *   @include hide();
 * 
 * @example
 *   // Hide only on desktop and up
 *   @include hide('lg');
 */
/**
 * Block display mixin with optional responsive support
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive block display
 * 
 * @example
 *   // Show as block element
 *   @include block();
 * 
 * @example
 *   // Show as block only on tablet and up
 *   @include block('md');
 */
/**
 * Flex display mixin with optional responsive support
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive flex display
 * 
 * @example
 *   // Display as flex
 *   @include flex();
 * 
 * @example
 *   // Display as flex only on mobile and up
 *   @include flex('sm');
 */
/**
 * Inline flex display mixin with optional responsive support
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive inline-flex display
 * 
 * @example
 *   // Display as inline-flex
 *   @include inline-flex();
 * 
 * @example
 *   // Display as inline-flex only on desktop and up
 *   @include inline-flex('lg');
 */
/**
 * Grid display mixin with optional responsive support
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive grid display
 * 
 * @example
 *   // Display as grid
 *   @include grid();
 * 
 * @example
 *   // Display as grid only on tablet and up
 *   @include grid('md');
 */
/**
 * Inline display mixin with optional responsive support
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive inline display
 * 
 * @example
 *   // Display as inline
 *   @include inline();
 * 
 * @example
 *   // Display as inline only on mobile and up
 *   @include inline('sm');
 */
/**
 * Inline-block display mixin with optional responsive support
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive inline-block display
 * 
 * @example
 *   // Display as inline-block
 *   @include inline-block();
 * 
 * @example
 *   // Display as inline-block only on desktop and up
 *   @include inline-block('lg');
 */
/**
 * Table display mixin with optional responsive support
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive table display
 * 
 * @example
 *   // Display as table
 *   @include table();
 * 
 * @example
 *   // Display as table only on tablet and up
 *   @include table('md');
 */
/**
 * Table row display mixin with optional responsive support
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive table-row display
 * 
 * @example
 *   // Display as table-row
 *   @include table-row();
 * 
 * @example
 *   // Display as table-row only on desktop and up
 *   @include table-row('lg');
 */
/**
 * Table cell display mixin with optional responsive support
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive table-cell display
 * 
 * @example
 *   // Display as table-cell
 *   @include table-cell();
 * 
 * @example
 *   // Display as table-cell only on mobile and up
 *   @include table-cell('sm');
 */
/**
 * Helper mixin for generating all display utilities for a specific breakpoint
 * This is used internally to generate utility classes but can be used manually if needed
 * 
 * @param {string|null} $breakpoint - The breakpoint to generate utilities for
 * 
 * @example
 *   // Generate display utilities for medium breakpoint
 *   @include generate-display-utilities('md');
 */
/**
 * Responsive flex mixin with breakpoint support
 * 
 * @param {string} $property - Flex property type ('direction', 'wrap', 'justify', 'align-items', etc.)
 * @param {string} $value - Value for the flex property
 * @param {string|null} $breakpoint - Optional breakpoint for responsive behavior
 * 
 * @example
 * .container {
 *   @include flex('direction', 'column');
 *   @include flex('justify', 'space-between', 'md');
 * }
 */
.o-modal {
  min-height: auto;
  padding: 0;
  width: 100%;
}
.o-modal .o-modal-inner {
  border-radius: 24px;
}
.o-modal .title-image {
  border-radius: 0;
}
.o-modal .title-icon {
  vertical-align: baseline;
}
.o-modal .warning-icon {
  border-radius: 0;
}
.o-modal .warning-icon-title {
  background-image: var(--image-error-icon-title);
  background-repeat: no-repeat;
  background-position: top;
  height: 75px;
  margin-bottom: 24px;
}
.o-modal .lower-section {
  background-color: var(--color-modal-background);
}

@media (min-width: 45em) {
  .o-modal {
    width: 660px;
  }
}
.o-modal .o-modal__content .info-modal {
  padding: 32px;
}
.o-modal .o-modal__content .info-modal .modal-title {
  margin: 0;
}
.o-modal .o-modal__content .info-modal .modal-content {
  margin: 24px 0 24px 0;
}

.submit-claim-modal .phone-btn a {
  color: var(--color-phone-call-btn);
}

.timeout-modal {
  padding: 32px !important;
}
.timeout-modal .title {
  text-align: center;
}
.timeout-modal .description {
  text-align: center;
  margin-top: 24px !important;
}
.timeout-modal .timeout-image {
  text-align: center;
  height: 113px;
  background: var(--image-timeout-icon) no-repeat center center;
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.timeout-modal .time-left {
  text-align: center;
}
.timeout-modal .btn-section {
  display: block !important;
  margin-top: 24px !important;
  justify-content: center !important;
  gap: 24px !important;
}
@media (min-width: 45em) {
  .timeout-modal .btn-section {
    display: flex !important;
  }
}
.timeout-modal .btn-section .a-button {
  width: 100%;
}
@media (min-width: 45em) {
  .timeout-modal .btn-section .a-button {
    width: 214px;
  }
}
.timeout-modal .btn-section .done-btn {
  margin-top: 20px !important;
}
@media (min-width: 45em) {
  .timeout-modal .btn-section .done-btn {
    margin-top: 0px !important;
  }
}

.bundle-modal {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
@media (min-width: 45em) {
  .bundle-modal {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}
.bundle-modal .title {
  margin: 0px !important;
}
.bundle-modal .subtitle {
  margin-top: 24px !important;
}
.bundle-modal .btn-section {
  text-align: center;
}
.bundle-modal .btn-section .close-btn {
  margin-top: 20px !important;
}
.bundle-modal.contact-bottom-section {
  background-color: var(--color-modal-background);
  padding-top: 15px !important;
}
@media (min-width: 45em) {
  .bundle-modal.contact-bottom-section {
    padding-top: 20px !important;
  }
}
.bundle-modal.contact-bottom-section .hours {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.bundle-modal .disclaimer {
  margin-top: 24px !important;
}

.max-date-change-modal {
  padding: 16px 24px 24px 24px;
}
.max-date-change-modal .title {
  margin: 0;
  padding-top: 16px;
}
.max-date-change-modal .close-btn-ion {
  display: block;
  cursor: pointer;
  margin-left: auto;
  padding-top: 16px !important;
  padding-bottom: 0px !important;
}
.max-date-change-modal .phone-btn {
  text-align: center;
  padding-top: 0;
}
.max-date-change-modal .business-hours {
  text-align: center;
  margin-top: 15px;
}

@media (min-width: 45em) {
  .max-date-change-modal {
    padding: 20px 32px 32px 32px;
  }
  .max-date-change-modal .title {
    padding-top: 24px;
  }
  .max-date-change-modal .business-hours {
    margin-top: 20px;
  }
}
.iframe-css {
  border-radius: 12px;
  background-color: #eeefee;
}

.named-insured .l-columns {
  row-gap: 15px;
}
.named-insured .person-icon {
  background: var(--image-named-insured-icon) no-repeat center center;
  height: 30px;
  width: 30px;
}
.named-insured .divider-bottom {
  border-bottom: 1px solid var(--color-sub-border);
}
@media (min-width: 45em) {
  .named-insured .l-columns {
    row-gap: 20px;
  }
}

.payment-details {
  margin-bottom: 24px !important;
}
.payment-details.m-card-content {
  background-color: var(--color-notification-info-background);
  border-radius: 15px;
  padding: 24px !important;
}
.payment-details.m-card-content .m-card-content__inner .make-payment-button .a-button.a-button--primary {
  max-width: 100%;
}
.payment-details.m-card-content .m-card-content__inner .amount-info span {
  color: var(--color-text-light);
  flex: 50%;
}
.payment-details.m-card-content .m-card-content__inner .amount-info span.a-heading.a-heading--5 {
  padding-bottom: 10px !important;
}
.payment-details .title-icon {
  background: var(--image-payment-schedule-icon) no-repeat center center;
  height: 36px;
  width: 36px;
}
.payment-details .detail-row div {
  flex: 1;
}

.bank-details.m-card-content {
  border: 1px solid var(--color-border);
  border-radius: 15px;
  padding: 24px !important;
}
.bank-details.m-card-content .m-card-content__inner .l-columns--2-large.l-columns {
  gap: 20px;
}
.bank-details.m-card-content .m-card-content__inner .btn-container {
  gap: 20px;
}
.bank-details.m-card-content .m-card-content__inner .btn-container div {
  flex: 50%;
}
.bank-details.m-card-content .m-card-content__inner .btn-container .a-button {
  height: 100%;
  max-width: 100%;
}

@media (min-width: 45em) {
  .bank-details .btn-container {
    gap: 24px;
  }
}
.payment-schedule .container-box .container-box-title {
  padding-top: 24px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.payment-schedule .m-table {
  margin-top: 0px !important;
  padding-bottom: 24px !important;
}
.payment-schedule .m-table thead > tr > th {
  padding-bottom: 16px !important;
  padding-top: 32px !important;
}
.payment-schedule .m-table thead > tr > th.first {
  padding-left: 24px !important;
}
.payment-schedule .m-table thead > tr > th.last {
  padding-right: 24px !important;
  text-align: end;
}
.payment-schedule .m-table tbody > tr > td {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.payment-schedule .m-table tbody > tr > td.first {
  padding-left: 24px !important;
}
.payment-schedule .m-table tbody > tr > td.last {
  padding-right: 24px !important;
  text-align: end;
}
.payment-schedule .m-table table thead tr {
  border-bottom: 1px solid var(--color-border);
}
.payment-schedule .m-table table thead tr th,
.payment-schedule .m-table table thead tr td {
  background-color: transparent;
}
.payment-schedule .m-table table tbody {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.payment-schedule .m-table table tbody tr {
  border-bottom: unset;
}
.payment-schedule .m-table table th,
.payment-schedule .m-table table td {
  padding-left: 0px !important;
  vertical-align: top;
  border: unset;
}
.payment-schedule .m-table table th:last-child,
.payment-schedule .m-table table td:last-child {
  padding-right: 0px !important;
}

.property-policy-list .m-card-content {
  min-height: 200px;
}

.property-coverages.l-columns.l-columns--2-large {
  gap: 0px;
}
.property-coverages .title-icon {
  background: var(--image-list-alt-check-icon) no-repeat center center;
  height: 36px;
  width: 36px;
}
.property-coverages .information-icon {
  background: var(--image-information-icon) no-repeat center center;
  cursor: pointer;
  height: 20px;
  width: 20px;
  min-width: 20px;
  vertical-align: sub;
}
.property-coverages .list-alt-check-icon {
  background: var(--image-list-alt-check-icon) no-repeat center center;
  height: 36px;
  width: 36px;
}
.property-coverages .person-icon {
  background: var(--image-person-icon) no-repeat center center;
  height: 36px;
  width: 36px;
}
.property-coverages .worry-free-bundle-part {
  background-color: var(--color-modal-background);
  border-radius: 25px;
}
.property-coverages .transparent-button {
  border: 0;
  background: transparent;
}
.property-coverages .break-column {
  flex-basis: 100%;
  width: 0;
}
.property-coverages .op-coverage-text {
  flex: 1 1 25%;
}
.property-coverages .list-item div:first-child {
  flex: 2;
}
.property-coverages .list-item div:last-child {
  flex: 1;
}

.m-tabs .m-tabs__nav {
  margin-bottom: 0;
}

.notifications {
  background-color: var(--color-text-light);
  border: 1px solid var(--color-border);
  border-radius: 8px;
}

.notification-window {
  border-radius: 8px;
}
.notification-window.warning {
  background: var(--color-notification-warning-border);
  border: 1px solid var(--color-notification-warning-background);
}
.notification-window.info {
  background: var(--color-notification-info-border);
  border: 1px solid var(--color-notification-info-background);
}

.empty-screen-min-height {
  min-height: 800px;
}

.auto-policy-list .title,
.property-policy-list .title {
  margin-bottom: 30px;
}
.auto-policy-list .m-card-content .tile-model,
.property-policy-list .m-card-content .tile-model {
  margin: 5px 0 0 0;
}
.auto-policy-list .m-card-content .tile-vin,
.auto-policy-list .m-card-content .tile-unit,
.property-policy-list .m-card-content .tile-vin,
.property-policy-list .m-card-content .tile-unit {
  margin-top: 10px;
}

@media (min-width: 45em) {
  .m-card-content {
    padding: 32px;
  }
}
div.m-card-notification-wrapper .m-card-notification-wrapper__inner > .m-card-notification {
  max-width: 100%;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
div.m-card-notification-wrapper .m-card-notification-wrapper__inner > .m-card-notification button.m-card__close {
  right: -15px;
}

.service-unavailable .content-container {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
@media (min-width: 45em) {
  .service-unavailable .content-container {
    margin-top: 80px !important;
  }
}
.service-unavailable .content-container .content {
  margin-top: 60px !important;
}
.service-unavailable .content-container .description {
  margin-top: 20px !important;
}
.service-unavailable .content-container .description a {
  text-decoration: none;
}

.auto-landing .payment-details-wrapper .m-tabs .m-tabs__content {
  margin-top: 32px !important;
}
.auto-landing .payment-details-wrapper .m-tabs .m-tabs__content .schedule {
  margin-top: 24px !important;
}
@media (min-width: 45em) {
  .auto-landing .payment-details-wrapper .m-tabs .m-tabs__content .schedule {
    margin-top: 0px !important;
  }
}
@media (min-width: 45em) {
  .auto-landing .payment-details-wrapper .m-tabs .m-tabs__content .details {
    margin-left: 24px !important;
  }
}

.property-landing .payment-details-wrapper .m-tabs .m-tabs__content {
  margin-top: 32px !important;
}
.property-landing .payment-details-wrapper .m-tabs .m-tabs__content .schedule {
  margin-top: 24px !important;
}
@media (min-width: 45em) {
  .property-landing .payment-details-wrapper .m-tabs .m-tabs__content .schedule {
    margin-top: 0px !important;
  }
}
@media (min-width: 45em) {
  .property-landing .payment-details-wrapper .m-tabs .m-tabs__content .details {
    margin-left: 24px !important;
  }
}

.one-time-payment .call-center-layout {
  margin-top: 32px !important;
}
.one-time-payment .m-button-group {
  margin-top: 60px !important;
}

.payment-method .call-center-layout {
  margin-top: 32px !important;
}
.payment-method .call-center-layout .light-call-center {
  display: none;
}
.payment-method .m-button-group {
  margin-top: 60px !important;
}
.payment-method .moneris-section {
  margin-bottom: 32px !important;
}

.drivers .container-box-title,
.named-insured .container-box-title {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.drivers .driver,
.drivers .insured,
.named-insured .driver,
.named-insured .insured {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.drivers .a-heading--2,
.named-insured .a-heading--2 {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
}
@media (min-width: 45em) {
  .drivers .a-heading--2,
  .named-insured .a-heading--2 {
    font-size: 32px;
    line-height: 40px;
  }
}
.drivers .t-accent-light .primary-operator,
.drivers .t-accent-light .secondary-operator,
.named-insured .t-accent-light .primary-operator,
.named-insured .t-accent-light .secondary-operator {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.drivers .t-accent-light .js-m-showhide,
.named-insured .t-accent-light .js-m-showhide {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.drivers .t-accent-light .js-m-showhide .insured-details,
.drivers .t-accent-light .js-m-showhide .driver-details,
.named-insured .t-accent-light .js-m-showhide .insured-details,
.named-insured .t-accent-light .js-m-showhide .driver-details {
  background: var(--color-table-background);
}
.drivers .t-accent-light .js-m-showhide .m-showhide__control,
.named-insured .t-accent-light .js-m-showhide .m-showhide__control {
  margin-left: 24px !important;
}
.drivers .t-accent-light .js-m-showhide .m-showhide__control-desc,
.named-insured .t-accent-light .js-m-showhide .m-showhide__control-desc {
  display: flex;
  flex-direction: row-reverse;
  gap: 4px;
}
.drivers .t-accent-light .js-m-showhide .m-showhide__control-desc:before,
.named-insured .t-accent-light .js-m-showhide .m-showhide__control-desc:before {
  -webkit-mask-image: var(--image-arrow-down);
          mask-image: var(--image-arrow-down);
  height: 12px;
  width: 12px;
  transition: none;
  animation: none;
}
.drivers .t-accent-light .js-m-showhide .m-showhide__control-desc:after,
.named-insured .t-accent-light .js-m-showhide .m-showhide__control-desc:after {
  border: none;
  content: none;
}

.auto-coverages .coverages .a-heading--2 {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
}
@media (min-width: 45em) {
  .auto-coverages .coverages .a-heading--2 {
    font-size: 32px;
    line-height: 40px;
  }
}
.auto-coverages .coverages .question-text {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  color: var(--color-background);
  text-decoration-line: underline;
  text-decoration-style: dotted;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: 25%;
  text-underline-position: from-font;
}
.auto-coverages .coverages .information-icon--question {
  background: var(--image-information-icon-blue) no-repeat center center;
  cursor: pointer;
  height: 20px;
  width: 20px;
  min-width: 20px;
  vertical-align: sub;
}

.limit-ded-descriptor {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-date-subtext);
}

.light-call-center {
  background-color: var(--color-table-background);
  border: 1px solid var(--color-border);
}
.light-call-center .a-heading--2 {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
}
@media (min-width: 45em) {
  .light-call-center .a-heading--2 {
    font-size: 32px;
    line-height: 40px;
  }
}
.light-call-center a {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.property-coverages .coverage-type-title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
}
@media (min-width: 45em) {
  .property-coverages .coverage-type-title {
    font-size: 32px;
    line-height: 40px;
  }
}
.property-coverages .ded-limit-tooltip {
  color: var(--color-ded-limit-tooltip);
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 20px !important;
  margin-right: 32px !important;
}
.property-coverages .limit-ded-descriptor {
  color: var(--color-text-descriptor);
}
.property-coverages .ion-content-block {
  padding: 24px !important;
}
.property-coverages .ion-content-block .container-box-title {
  padding: 0px !important;
  margin-bottom: 10px !important;
}
.property-coverages .ion-content-block .person-icon,
.property-coverages .ion-content-block .list-alt-check-icon {
  display: none;
}
.property-coverages .ion-content-block .coverage-container .coverage-item {
  padding-right: 16px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.property-coverages .ion-content-block .coverage-container .coverage-item:not(:last-of-type) {
  border-bottom: 1px solid var(--color-border);
}
.property-coverages .ion-content-block .coverage-container:not(:first-of-type) {
  margin-top: 40px !important;
}
.property-coverages .question-text {
  padding-top: 20px !important;
  margin: 0px !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  color: var(--color-background);
  text-decoration-line: underline;
  text-decoration-style: dotted;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: 25%;
  text-underline-position: from-font;
}
.property-coverages .information-icon--question {
  background: var(--image-information-icon-blue) no-repeat center center;
  cursor: pointer;
  height: 20px;
  width: 20px;
  min-width: 20px;
  vertical-align: sub;
}

.o-modal {
  min-height: auto;
}
.o-modal .o-modal-inner {
  border-radius: 12px;
}

.o-modal .o-modal__content .info-modal {
  padding-left: 32px !important;
  padding-right: 32px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.o-modal .o-modal__content .info-modal.use-close-btn {
  padding-top: 16px !important;
}
.o-modal .o-modal__content .info-modal.use-close-btn .btn-text {
  margin-top: 0px !important;
  cursor: pointer;
}
.o-modal .o-modal__content .info-modal.use-close-btn .close-btn {
  display: block;
  cursor: pointer;
  background-image: var(--image-close-btn);
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  background-size: 24px 24px;
  margin-top: 0;
  border: none;
  background-color: initial;
  margin-bottom: 24px;
}

.banner-container {
  margin-bottom: 0px !important;
  padding-top: 0px !important;
}
.banner-container .a-button.a-button--primary {
  border-bottom-style: solid;
  border-color: var(--color-secondary-btn) !important;
  background: transparent !important;
  color: var(--color-secondary-btn);
}
.banner-container .a-button.a-button--primary:hover {
  color: var(--color-text-light);
}

.m-card.m-card-notification {
  border: 1px solid var(--color-error-border);
  background: var(--color-error-background);
  margin-top: 32px !important;
  padding-left: 60px !important;
}
.m-card.m-card-notification--error {
  border-radius: 8px;
}
.m-card.m-card-notification--error::before {
  margin-top: 0px !important;
}

:root {
  --color-text-base: #191919;
  --color-text-light: #ffffff;
  --color-banner: #fff3c6;
  --color-page-heading-bg: #fff9e3;
  --color-border: #c6c6c6;
  --color-sub-border: #cccccc;
  --color-shadow: rgba(198, 198, 198, 0.5019607843);
  --color-error-background: #f7e5e5;
  --color-error-border: #ebbfbf;
  --color-table-background: #f7f7f7;
  --color-modal-background: #eeefee;
  --color-phone-call-btn: #191d64;
  --color-date-subtext: #535353;
  --color-notification-warning-background: #b10101;
  --color-notification-warning-border: rgba(177, 1, 1, 0.1490196078);
  --color-notification-info-background: #00596b;
  --color-notification-info-border: #cdebee;
  --color-active: #3e812c;
  --color-scheduled: #535353;
  --color-cancelled: #b10101;
  --color-background: #1034bf;
  --color-secondary-btn: #191d64;
  --image-logout-icon: url("/myaviva/self-serve/assets/images/logout-icon.svg");
  --image-payment-schedule-icon: url("/myaviva/self-serve/assets/images/payment-schedule.svg");
  --image-document-icon: url("/myaviva/self-serve/assets/images/document.svg");
  --image-list-alt-check-icon: url("/myaviva/self-serve/assets/images/list-alt-check.svg");
  --image-information-icon: url("/myaviva/self-serve/assets/images/information-icon.svg");
  --image-information-icon-blue: url("/myaviva/self-serve/assets/images/information-icon-blue.svg");
  --image-personal-injury-icon: url("/myaviva/self-serve/assets/images/personal-injury-icon.svg");
  --image-no-crash-icon: url("/myaviva/self-serve/assets/images/no-crash-icon.svg");
  --image-driver-icon: url("/myaviva/self-serve/assets/images/person-key-icon.svg");
  --image-named-insured-icon: url("/myaviva/self-serve/assets/images/person-key-icon.svg");
  --image-person-icon: url("/myaviva/self-serve/assets/images/person-icon.svg");
  --image-info-icon: url("/myaviva/self-serve/assets/images/info-icon-white.svg");
  --image-active-icon: url("/myaviva/self-serve/assets/images/active-icon.svg");
  --image-scheduled-icon: url("/myaviva/self-serve/assets/images/scheduled-icon.svg");
  --image-cancelled-icon: url("/myaviva/self-serve/assets/images/inactive-icon.svg");
  --image-timeout-icon: url("/myaviva/self-serve/assets/images/timeout.svg");
  --image-arrow-down: url("/myaviva/self-serve/assets/images/arrow-down.svg");
  --image-close-btn: url("/myaviva/self-serve/assets/images/close-btn.svg");
}

/*# sourceMappingURL=aviva.8e186d9d21dc9abb.css.map*/