.comp-chart-row-cont .row.specs-table-row {display: flex; justify-content: space-between; position: relative; gap: 18rem;}
.comp-chart-row-cont .row.sticky-row {position: relative; display: flex; justify-content: space-between; gap: 18rem; z-index: 99;}
.comp-chart-row-cont .row.sticky-row .col {width: calc((75% / 2) - 30rem); position: relative;}
.comp-chart-row-cont .row.sticky-row .col:first-of-type {width: 25%; padding-top: 25rem;}
.comp-chart-row-cont .row.sticky-row .col:nth-of-type(n+2) {border-top-right-radius: 10px; border-top-left-radius: 10px; padding: 28rem 20rem;}
.comp-chart-row-cont .row.specs-table-row .col {position: relative; width: calc((75% / 2) - 30rem); z-index: 2; background: #fff;}
.comp-chart-row-cont .row.specs-table-row:nth-of-type(odd) .col:nth-of-type(n+2) {background: #f5f5f5;}
.comp-chart-row-cont .row.specs-table-row .col:first-of-type {font-family: Roobert Medium,sans-serif;}
.comp-chart-row-cont .row.sticky-row .col h3 {font-family: 'Roobert Medium',sans-serif; font-weight: 400; font-size: 18px;}
.comp-chart-row-cont .row.specs-table-row .col:nth-of-type(n+2) {padding: 23rem 20rem;}
.comp-chart-row-cont .icon-list-item .description p, .comp-chart-row-cont .icon-list-item .description {font-size: 14px; margin-top: 0;}
.comp-chart-row-cont .icon-list-item .description ul li {font-family: Roobert Regular, sans-serif; font-size: 14px; margin-bottom: 10px; position: relative; padding-left: 25px;}
.comp-chart-row-cont .icon-list-item .description ul li::before {content: ''; background: url('/-/media/9F09D577ECDF43DA819FBA9B82279211.ashx') no-repeat; height: 15px; width: 15px; position: absolute; left: 0; top: 6px;}
.comp-chart-row-cont .row.sticky-row .col:nth-of-type(2), .comp-chart-row-cont .row.specs-table-row .col:nth-of-type(2) {margin-right: 0;}
.comp-chart-row-cont .row.specs-table-row:last-of-type .col:nth-of-type(n+2) {border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
.comp-chart-row-cont .row.sticky-row::before {content:""; width: calc((100% / 3)* 2); position: absolute; height: 100%; background: #d0d0d0; top: 0; right: 0; z-index: 0; backdrop-filter: blur(108px); filter: blur(21px); opacity: .5;}
.comp-chart-row-cont .row.specs-table-row::before {content:""; width: 80%; position: absolute; height: 100%; background: #d0d0d0; top: 0px; right: 15px; z-index: 0; backdrop-filter: blur(108px); filter: blur(21px); opacity: .5;}
.comp-chart-row-cont .row.specs-table-row.two-col::before {content:""; width: 73%; position: absolute; height: 100%; background: #d0d0d0; top: 0px; right: 15px; z-index: 0; backdrop-filter: blur(108px); filter: blur(21px); opacity: .5;}
.comp-chart-row-cont .row.specs-table-row:last-of-type::before {content:""; width: 80%; position: absolute; height: 100%; background: #d0d0d0; top: 17px; right: 15px; z-index: 0; backdrop-filter: blur(108px); filter: blur(21px); opacity:.5;}
.comp-chart-row-cont .row.specs-table-row.two-col:last-of-type::before {content:""; width: 73%; position: absolute; height: 100%; background: #d0d0d0; top: 17px; right: 15px; z-index: 0; backdrop-filter: blur(108px); filter: blur(21px); opacity: .5;}
.comp-chart-row-cont .row.specs-table-row .col:first-of-type {background: 0 0; width: 25%; padding-top: 22rem; font-size: 16px;}
.comp-chart-row-cont .row.specs-table-row a.btn-primary-green-on-white {font-family: Roobert Medium,sans-serif;}
.comp-chart-row-cont .row.specs-tables .row.specs-table-row:last-child .col {position: relative; padding: 23rem 20rem 8rem;}
.comp-chart-row-cont .row.specs-tables .row.specs-table-row:last-child .empty-col.col {padding: 0; background: transparent;}
.comp-chart-row-cont .row.specs-tables .row.specs-table-row:last-child .empty-col.col::before {display: none;}
.comp-chart-row-cont .col a, .comp-chart-col-cont .col .col-footer a {letter-spacing: 0; display: flex; width: max-content; align-items: center; font-weight: 400; margin-bottom: 15rem; font-size: 14px;}
.comp-chart-row-cont .col a svg, .comp-chart-col-cont .col .col-footer a svg {transform: translateX(5px); max-width: 22px; transition: all .3s ease-in-out;}
.comp-chart-row-cont .col a:hover svg, .comp-chart-col-cont .col .col-footer a:hover svg {transform: translateX(9px);}
.comp-chart-row-cont .row.sticky-row .col:first-of-type {width: 25%; padding-top: 25rem;}
.comp-chart-row-cont .icon-list-item {display: flex; font-size: 16px; padding-right: 30rem;}
.comp-chart-row-cont .icon-list-item .check-icon {margin-right: 10px; width: 22px; height: 22px; min-width: 22px;}
.comp-chart-row-cont .check-icon .svg-icon-wrapper {border-radius: 50%; height: 22px; width: 22px; overflow: hidden; position: relative; display: inline-block;}
.comp-chart-row-cont .check-icon .svg-icon-wrapper svg {fill: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px;}

.comp-chart-title-cont {margin: 20rem 0 40rem 0;}
.comp-chart-title-cont.Center, .comp-chart-title-cont.Center p {text-align: center; margin-left: auto; margin-right: auto;}
.comp-chart-title-cont.Right, .comp-chart-title-cont.Right p {text-align: right; margin-left: auto; margin-right: 0;}
.comp-chart-title-cont p {font-size: 14px; max-width: 800rem;}
.comp-chart-col-cont .col-outer {position: relative; display: flex; gap: 18rem;}
.comp-chart-col-cont .col {width: calc(100% / 2); background: #fff; z-index: 2; display: flex; border-radius: 10px; flex-direction: column;}
.comp-chart-col-cont .col-outer::before {content: ""; width: 100%; position: absolute; height: 100%; background: #d0d0d0; top: 0px; z-index: 0; backdrop-filter: blur(108px); filter: blur(21px); opacity: .6;}
.comp-chart-col-cont .col .col-head {padding: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.comp-chart-col-cont .col .col-body {padding: 20rem; flex-grow: 1;}
.comp-chart-col-cont .col .col-footer {padding: 20rem; background: #f5f5f5; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; min-height: 86rem; display: flex; align-items: center; width: 100%; margin-top: 10px;}
.comp-chart-col-cont .col .col-footer a {margin-bottom: 0;}
.comp-chart-col-cont .col h3 {font-family: 'Roobert Medium', sans-serif; font-weight: 400; font-size: 18px;}
.comp-chart-col-cont .col p {font-size: 14px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 0;}
.comp-chart-col-cont .col .subhead {font-weight: bold; margin: 20px 0 15px 0; border-top: 1px solid #ebebeb; padding-top: 20px; }
.comp-chart-col-cont .col ul li {display: flex; align-items: flex-start; margin: 15px 0; font-size: 14px;}
.comp-chart-col-cont .col ul li .check-icon {width: 18px; height: 18px; margin-right: 8px;}
.comp-chart-col-cont .col ul li .fis-icon-check {width: 14px; height: 14px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.comp-chart-col-cont .col ul li span.svg-icon-wrapper {width: 18px; height: 18px; display: inline-block; border-radius: 50%; position: relative;}

.comp-chart-row-cont .mobile-grid-col-wrapper .topic-wrapper:nth-of-type(even) {background: #f5f5f5;}
.comp-chart-row-cont .mobile-grid-col-wrapper h3 {font-weight: 400;}
.comp-chart-row-cont .specs-tables .mobile-grid-col-wrapper:last-of-type {margin-bottom: 0;}
.comp-chart-row-cont .mobile-col-parent-header, .comp-chart-row-cont .mobile-grid-col-wrapper .topic-wrapper {padding: 23rem 20rem;}
.comp-chart-row-cont .mobile-grid-col-wrapper {border-radius: 10px; overflow: hidden; box-shadow: rgba(0, 0, 0, .20) 0px 0px 5px; box-sizing: content-box; margin-bottom: 25px;}
.comp-chart-row-cont .mobile-grid-col-wrapper .icon-list-item {margin-bottom: 10rem;}
.comp-chart-row-cont .mobile-grid-col-wrapper .topic-header {font-size: 16px; font-family: 'Roobert Medium', sans-serif; margin-bottom: 15rem;}
.comp-chart-row-cont .mobile-grid-col-wrapper .topic-content:last-of-type a:last-of-type {margin-left: 20px; display: flex; align-items: center;}
.comp-chart-row-cont .mobile-grid-col-wrapper .topic-content:last-of-type a, .comp-chart-row-cont .mobile-grid-col-wrapper .topic-content {display: flex; align-items: center;}
.comp-chart-row-cont .mobile-grid-col-wrapper .topic-content a svg {transform: translateX(5px); max-width: 22px; transition: all .3s ease-in-out;}
.comp-chart-row-cont .mobile-grid-col-wrapper .topic-content a:hover svg {transform: translateX(9px);}

@media(max-width: 768px){
  .comp-chart-row-cont .row {flex-direction: column;}
  .comp-chart-row-cont .row.sticky-row .col, .comp-chart-row-cont .row.specs-table-row .col, .comp-chart-row-cont .row.specs-table-row .col:first-of-type {width: 100%;}
  .comp-chart-col-cont .col-outer {display: block;}
  .comp-chart-col-cont .col {width: 100%; margin-bottom: 30px; position: relative;}
}

