/*! 03/13/2024 Copyright 2024 USAA. All Rights Reserved. */
.cdo .product-card-header {
    padding: 18px 32px;
}

.cdo .product-card {
    border: 1px solid transparent;
}

.cdo .pos-rel {
    position: relative;
}

.cdo .apr-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    color: #3e4042;
}

.cdo .apr-amount {
    font-size: 52px;
    font-family: "Mercury Display", Times, serif;
    line-height: 47px;
}

.cdo .apr-details {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    margin-left: 6px;
}

.cdo .apr-perc-symbol {
    font-family: "Mercury Display", Times, serif;
    font-size: 32px;
    line-height: 28px;
    font-weight: 600;
}

.cdo .apr-label {
    font-weight: 500;
    margin-bottom: -5px;
    font-size: 13px;
    line-height: 24px;
}

.cdo .callout-cta .cta-major {
    white-space: nowrap;
}

.cdo .page-breadcrumbs {
    padding: 15px 64px;
}

.cdo .no-wrap-sup {
    white-space: nowrap;
}

.cdo .no-wrap-sup sup {
    line-height: 0;
}

.cdo .banner.banner-functional .banner-sub-heading {
    overflow-wrap: break-word;
}

.cdo .apr-wrap {
    overflow-wrap: anywhere;
}

.cdo .list-filler {
    flex: 1 1 auto;
    flex-direction: column;
    flex-wrap: wrap;
    width: calc(50% - 30px);
    min-width: calc(50% - 30px);
    padding: 12px 32px;
    margin-left: 0px;
}

.cdo .cdo-accordion .accordion-section :last-child.accordion-row.bg-white {
    box-shadow: 0 3px 2px -2px #d9d9d8;
}

.cdo .cdo-accordion .accordion-section .accordion-row.bg-white {
    border-left: 1px solid #d0cfce;
    border-right: 1px solid #d0cfce;
}

.cdo .card-shadow::after {
    box-shadow: 0 1px 2px 0 rgba(41, 42, 44, 0.25);
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

.cdo .list-icon {
    width: 32px;
    height: 32px;
    margin-right: 12px;
    flex-shrink: 0;
}

.cdo .list-icon .auto-icon {
    width: 32px;
    height: 32px;
    transform: scale(1.3125);
}

.cdo .list-icon .cardoor-icon {
    width: 32px;
    height: 32px;
    transform: scale(1.09375);
}

.cdo .mb-5 {
    margin-bottom: 5px !important;
}

.cdo .font-22 {
    font-size: 22px;
    line-height: 24px;
}

.cdo .cta-btn.secondary {
    font-size: 16px;
}

.cdo .cta-btn.primary:not(.cta-md),
.cdo .banner .cta-btn {
    font-size: 20px;
}

.cdo .hide-desktop {
    display: none;
}

.cdo .fifty-fifty-image.refinance-image-mobile {
    height: auto;
    width: 100%;
    top: 0;
    left: 0;
    transform: none;
}

.cdo .product-card-content ul.bullet-list li {
    margin-left: 8px;
    padding: 0px;
}

.cdo .article-cards .card .card-img-wrap {
    aspect-ratio: 258/148;
}

.cdo .fifty-fifty-list .check-list li {
    flex: 0 1 auto;
    width: 50%;
    min-width: 50%;
}

.cdo .fifty-fifty-list .check-list li .check-list-title {
    font-weight: 500;
    font-size: 16px;
    color: #3e4042;
}

.cdo .breadcrumb-arrow::after {
    content: "\203A";
    display: inline-block;
    margin-left: 12px;
    margin-right: 12px;
}

.cdo .text-white a {
    color: white;
}

.cdo .breadcrumb-page {
    display: inline-block;
}

.cdo .order-1 {
    order: 1;
}

.cdo .order-2 {
    order: 2;
}

.cdo .order-3 {
    order: 3;
}

.cdo .order-4 {
    order: 4;
}

.cdo .order-5 {
    order: 5;
}

.cdo .refinance-bottom {
    margin-bottom: 72px;
}

.cdo .fifty-fifty-image {
    height: auto;
}

.cdo .banner .banner-img {
    width: 100%;
    height: 100%;
}
.cdo .callout-icon-image.icon-white {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7400%) hue-rotate(14deg) brightness(113%) contrast(101%);
  width: 48px;
  height: 48px;
}

/*! 10/27/2023 Copyright 2023 USAA. All Rights Reserved. */
.cdo .section.cd-rates .smallp {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 22px;
  }
  
  .cdo .tabs-content-wrap {
    padding-top: 20px;
  }
  
  .cdo tbody {
    border: none !important;
  }
  
  .cdo th,
  .cdo td {
    border: none;
    border-bottom: solid 1px #DEDDDC;
  }
  
  .cdo .cells {
    text-align: center;
    background-color: white;
  }
  
  .cdo .cell-dense {
    width: 33%;
  }
  
  .cdo .va-middle {
    vertical-align: middle;
  }
  
  .cdo .cell-condensed {
    padding: 12px 10px;
  }
  
  .cdo .row-header {
    border-bottom: solid 1px #e0dedc !important;
  }
  
  .cdo .row-cell {
    border-bottom: solid 1px #e0dedc !important;
  }
  
  .cdo .first-column {
    text-align: left;
  }
  
  .cdo .regular-table {
    border: none;
    background-color: transparent;
    font-size: 1em;
    width: 100%;
    table-layout: auto;
    border-radius: 0;
  }
  
  .cdo .cells {
    width: 80px;
  }
  
  .cdo .regular-table .cell-dense {
    width: 200px;
    padding-left: 22px;
    padding-right: 22px;
    color: #0B2237;
    
  }
  
  .cdo .first-column {
    width: 185px;
  }
  
  .cdo .cells.cell-condensed.va-middle.cell-dense.table-th {
    padding-left: 16px;
    padding-right: 16px;
  }
  

  
  .cdo thead.table-thead .row-header .table-th {
    text-shadow: none;
    border-radius: 0;
    color: #FFFFFF;
    font-family: "Gotham Narrow";
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
  }
  
  .cdo thead.table-thead .row-header .table-th.cells.cell-condensed.va-middle.cell-dense {
    height: 50px !important;
    vertical-align: middle !important;
    text-align: left;
  }
  
  .cdo thead.table-thead .row-header .table-th.cells.first-column.va-middle.cell-dense.col-header {
    text-align: left;
    vertical-align: middle !important;
  }
  
  .cdo .variable-rate .cellHeader-variable-rate {
    padding-left: 15%;
  }
  
  .cdo .for-mobile {
    display: none;
  }
  
  .cdo .breadcrumb-arrow::after {
    content: "\203A";
    display: inline-block;
    margin-left: 12px;
    margin-right: 12px;
  }
  
  .cdo .breadcrumb-page {
    display: inline-block;
  }
  
  .cdo .striped,
  .cdo .table.striped .table-thead .table-th {
    background-color: #12395B;
  }
  
  .cdo .tab-link {
    position: relative;
  }
  
  .cdo .tab-link:focus-visible {
    outline: 1px auto Highlight;
    outline: 1px auto -webkit-focus-ring-color;
    border-radius: 1px;
    z-index: 1;
  }
  
  .cdo .tab-list {
    padding: 3px;
  }
  
  .cdo .tab-list::after {
    bottom: 3px;
  }
  
  .cdo caption {
    background: white;
  }
  .cdo caption .table-caption {
    font-family: "Mercury Display", Times, serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 40px;
    color: #3e4042;
    margin-bottom: 16px;
    display: block;
}
.cdo caption .table-summary {
    font-size: 16px;
    line-height: 24px;
    display: block;
}
  .cdo .cta-btn.cta-md {
    min-width: 200px;
  }

  .cdo .rates-table thead.table-thead .row-header .table-th {
     color: #0B2237;
     font-family: "Gotham Narrow", Arial, sans-serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 28px;
}
tr:last-child th,
tr:last-child td {
    border-bottom: inherit;
}
.cdo .rates-table .first-column {
    background: #ECECEB;
}
.cdo .rates-table .regular-table .cell-dense {
  padding-left: 16px;
  padding-right: 16px;
  font-size: 16px;
  line-height: 28px;
  text-align: left;
}
.cdo .rates-table .body-copy.disclaimer {
  font-size: 13px;
  line-height: 16px;
}
.cdo .body-copy .for-mobile .smallp {
  font-size: 13px;
  line-height: 16px;
}
.section.rates-table .accessibility-hidden,
.section.rates-table .usaa-hiddenMessage,
.section.rates-table .hiddenMessage {
  position: unset;
}
.cdo .regular-table .first-column.cell-dense {
  width: 225px;
}
.cdo.hide-rates,
.cdo .hide-rates {
  display: none;
}