main {
	padding-top: 53px;
}

.breadcrumb {
	background-color: inherit!important;
}

.intro {
	padding-top: 19px;
	background: linear-gradient(#ecf1ff,#f8f9fa); /* #ffe28d is the goldish yellow (left number) */
}

ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
	margin-top: 0 !important;
	margin-bottom: -2rem !important;	
}


.topRankingText {
	margin-bottom: 24px;
	margin-top: 10px;
}

.topRankingText .bodyText a, .segmentSummary a, .nextSteps a {
	text-decoration: none!important;
}

.topRankingText .bodyText a:hover, .segmentSummary a:hover, .nextSteps a:hover {
	text-decoration: underline!important;
}

.topRankingText .bodyText a:active, .segmentSummary a:active, .nextSteps a:active {
	color: rgb(0, 0, 238);
}

.topRankingText .bodyText a:visited, .segmentSummary a:visited, .nextSteps a:visited {
	color: rgb(0, 0, 238);
}

.nextSteps {
	margin-bottom: 2rem;
}
.faqContainer {
	margin-bottom: 2.4rem;
}
.faq {
	border: 1px solid #d7d7d7;
	padding: 12px 12px 0 12px;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);
	margin-bottom: 1rem;
}
.question {
	margin-bottom: 0.5rem;
}
@media (max-width: 992px) {
	.topRankingText {
		margin-bottom: 8px;
		margin-top: 10px;
	}
}

.center {
	margin-right: auto !important;
    margin-left: auto !important;
}

.options {
	margin-bottom: 1.6rem;
}

.btn {
    --bs-btn-line-height: 1.5;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
    display: inline-block;
    padding: 8px 12px 8px 12px;
    font-family: "Montserrat Variable", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 550!important;
	font-size: 0.8rem;
    line-height: var(--bs-btn-line-height);
	letter-spacing: 0.1rem;
    text-align: center;
    text-decoration: none;
	text-transform: uppercase;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: 0;
	box-shadow: 1px 1px 2px #181818;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	background-color: #0468fc;
    color: #fff;
    border-radius: 0;
}

.btn:hover {
    color: white;
    background-color: rgb(13, 77, 253)!important;
    border-color: rgb(13, 77, 253);
	box-shadow: 1px 1px 2px #515151;
}

.rankingsDateline {
	margin-top: 8px;
	margin-bottom: 12px;
	font-size: 0.7rem;
    color: #4c4e4d;
    text-transform: uppercase;
    font-weight: 500;
}
	
.segmentContainer {
	margin-bottom: 24px;
}

.redlineHeading::before {
	content: "";
	display: block;
	margin-bottom: 8px;
	width: 35px;
	height: 4px;
	background: var(--red);		
}
.redlineHeading {
	display: inline-block;
	padding-bottom: 6px;
	margin-top: 0!important;
	margin-bottom: 0!important;	
	font-family: 'Montserrat Variable', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.8rem;
    font-weight: 600 !important;
    line-height: 1.2;	
}

.rankingCard {
	max-width: 960px;
	border: none!important;
	margin-bottom: 2rem;
/*	transition: box-shadow 0.6s;  */
}

.adCard {
	max-width: 960px;
	margin-bottom: 2rem;
	border: none!important;
}

.rankingCard:hover, .modelCard:hover {
	box-shadow: 0px 3px 10px 0px #515151;
}
	
.rankingCard .card-body {
	color: black;
	padding-bottom: 1rem;
}

.rankingCard .card-title {
  color: black;
}

.rankingCardTitle:hover {
	text-decoration: underline;
}

.rankingNumberOverlay {
	position: absolute;
	background-color: white;
	color: black;
	box-shadow: 1px 1px 3px #3c3e3c;
	border: 2px solid #3c3e3c;
	border-radius: 50%;
	width: 55px; 
	height: 55px;
	font-family: 'Montserrat Variable',sans-serif;
	font-weight: 600;
	font-size: 2.1rem;
	margin-left: -12px;
	margin-top: -12px;
	text-align: center;
	z-index: 1000;
	color: black;
	text-shadow: 2px 1px 3px #b7b7b7;
}

.goldMedal {
	color: white;
	border: 2px solid white;
	background: linear-gradient(45deg, #cd8c14, #fbc327, #c58206);
	text-shadow: 2px 2px 3px #181818;
}

.silverMedal {
	color: white;
	border: 2px solid white;
	background: linear-gradient(45deg, #7a7a7a, #cccccc, #666666);
	text-shadow: 2px 2px 3px #181818;	
}

.bronzeMedal {
	color: white;
	border: 2px solid white;
	background: linear-gradient(45deg, #65532d, #c79438, #634405);
	text-shadow: 2px 2px 3px #181818;	
}
.medalDarkMode {
	background: black!important;
	box-shadow: none!important;
}
.rankingDrawer {	
	display: none;
	margin-left: -12px;
	padding-left: 12px;
	margin-top: -12px;
	padding-top: 12px;
}

.toggleDrawer {
	cursor: pointer;
	color: #0468fc;
	text-align: center;
}

.segmentSummary {
	margin-bottom: 1.7rem;
}

.bigCtaContainer {
	height: 50px;
	text-align: center;
	margin-bottom: 20px;
}

.bigCta {
	cursor: pointer;
    border: none;
    padding: 9px 9px 9px 11px;
    font-size: 0.9rem;
    font-family: "Montserrat Variable", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 550;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
    font-variant: small-caps;
    box-shadow: 1px 1px 2px #181818;
    z-index: 0;
    background-color: #0468fc;
    color: #fff;
    border-radius: 0;
	text-decoration: none;
}

.bigCta:hover {
	background-color: rgb(13, 77, 253)!important;
	color: white !important;
	box-shadow: 1px 1px 2px #515151 !important;
}

.backToTopLink {
	margin-bottom: 2.5rem!important;
	margin-top: 0.85rem!important;
}

.backToTopLink a {
	border: none!important;
	font-size: 0.85rem!important;
	font-variant: small-caps;
	box-shadow: 1px 1px 1px #e4e4e4;
}

.trendingRankings {
    padding-top: 3px;
    margin-left: -10px;
    padding-left: 10px;
    margin-bottom: 0 !important;	
}

.stickyRankings {
	border-left: 1px solid #cacaca;
}

@media (max-width: 992px) {
	.trendingRankings {
		margin-left: 0;
		padding-left: 0
	}
	
	.stickyRankings {
		border-left: none;
	}

}

@media (min-width: 576px) {
	.rankingNumberOverlay {
		font-size: 2.2rem;
		width: 60px;
		height: 60px;
	}
}

/*.rankingPhotoContainer img {
	transition: transform 0.3s ease-in-out;
}

.rankingCard:hover img {
	transform: scale(1.05);
}*/

.rankingCardPhoto {
	position: relative;
	overflow: hidden;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.rankingPhotoContainer {
	position: relative;
}

.rankingPhoto {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  box-shadow: 0 3px 10px 0 rgb(147 138 115 / 30%);
}

.rankingRatingContainer {
	margin-top: 0px;
	margin-bottom: 8px;
	margin-left: -16px;
	margin-right: -16px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 16px;
	padding-right: 6px;
	background-image: linear-gradient(to right,#f4f4f4,white);
	box-shadow: 0 3px 10px 0 rgb(147 138 115 / 30%);
	display: inline-block;
}
	
.rankingCardTitle {
	font-size: 1.5rem;
	margin-top: 1px;
	margin-bottom: 4px!important;
	color: #0468fc!important;
}

.segmentStats {
	display: inline-block;
    padding: 6px 9px;
    background: #f0f5ff;
    border: 2px solid #d2d2d2;
    border-radius: 4px;
    margin: 4px 0 12px 0;
	font-size: 1rem;
}

@media (max-width: 349px) {
	.segmentStats {
		font-size: 0.85rem;
	}
}

.showRanks {
	color: #0468fc;
}
.showRanks svg {
	padding-bottom: 2px;
}

.chevronUp {
	display: none;
}
.rankHeading {
	cursor: pointer;
	user-select: none;
}
.rankListDrawer {
	display: none;
}
.orderedList {
	margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.85rem;
    line-height: 1.5rem;
	color: #383838;
}

.rankingPriceRange {
	margin-bottom: 2px;
	font-weight: 450;
	color: #383838;	
}

.rankingSegmentCount {
	margin-bottom: 0;
	font-weight: 450;
	color: #383838;
}

.rankingEmphasis {
	font-weight: 550;
}

.rankingCardBullets {
	font-size: 1rem;
	margin-top: 4px;
	margin-bottom: 12px!important;
	font-family: 'Montserrat Variable',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-weight: 550;
	display: inline-block;
	padding-bottom: 8px;
	padding-left: 24px;
	border-bottom: 1px solid #d3d4d3;
	list-style-type: square;
}

.rankingCardBullets li::marker {
	color: #808482;
}

.rankingCardNumber {
	font-weight: 450;
}

/*.rankingCardPrice {
	font-size: 1rem;
	margin-bottom: 12px!important;
	font-family: 'Montserrat Variable',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-weight: 500;
	display: inline-block;
	padding-bottom: 8px;
	border-bottom: 1px solid #d3d4d3;
}	
.priceNumber {
	font-weight: 600;
}*/

.rankingRatingOverlay {
	position: absolute;
	bottom: 0;
	width: 100%;
	border-bottom: 1px solid var(--red);
	z-index: 1;
}

.rankingCardRating {
	font-family: 'Montserrat Variable',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-weight: 600;
	padding-right: 10px;
	padding-bottom: 1px;
	display: inline-block;
	margin-bottom: 0 !important;
	color: rgb(0,0,0);
	width: 100%;
	background: linear-gradient(to right, rgba(232,232,232,0.1), 40%, rgba(232,232,232,1.0));
	text-align: right;
}

.rankingRatingLabel {
	text-transform: uppercase;
	font-size: 1rem;
}

.rankingRatingNumber {
	padding-left: 3px;
	font-size: 1.2rem;
	font-weight: 600;
}
		
.smallRankingRatingText {
	font-size: 0.8rem;
}

.rankingSnippet {
	font-family: 'Charter',serif;
	font-size: 1.1rem;
	line-height: 1.5rem;
	display: block;
}

.rankingCardData a, .rankingCardData a:visited {
	color: inherit;
	text-decoration: none; 
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}
.dropdown,
.dropdown-center {
    position: relative;
}
.dropdown-toggle {
    white-space: nowrap;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.5em;
    vertical-align: 0.2em;
    content: "";
    border-top: 0.4em solid #8fbaff!important;
    border-right: 0.4em solid transparent;
    border-bottom: 0;
    border-left: 0.4em solid transparent;
}
.dropdown-toggle:empty::after {
    margin-left: 0;
}
.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: 0px !important;
	max-height: 266px;
}
ul.dropdown-menu {
	overflow: auto;
}
.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
    --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0;
}
.dropdown-menu-end {
    --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto;
}
@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start;
    }
    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0;
    }
    .dropdown-menu-sm-end {
        --bs-position: end;
    }
    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}
@media (min-width: 768px) {
	.segmentHeading {
		margin-left: -8px;
		padding-left: 8px;
	}
	
    .dropdown-menu-md-start {
        --bs-position: start;
    }
    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0;
    }
    .dropdown-menu-md-end {
        --bs-position: end;
    }
    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}
@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start;
    }
    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0;
    }
    .dropdown-menu-lg-end {
        --bs-position: end;
    }
    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
	.col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
	
	.col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
	
	.col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
}
@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start;
    }
    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0;
    }
    .dropdown-menu-xl-end {
        --bs-position: end;
    }
    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}
@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start;
    }
    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0;
    }
    .dropdown-menu-xxl-end {
        --bs-position: end;
    }
    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}
.dropdown-item {
    display: block;
    width: 100%;
	margin-left: -3px;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
    clear: both;
	font-size: 1.1rem;
    font-weight: 600;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-left: 5px solid transparent;
    border-radius: var(--bs-dropdown-item-border-radius, 0);
}
@media (max-width: 575.98px) {
	.dropdown-item {
		font-size: 0.95rem;
	}
}

@media (max-width: 380px) {
	.dropdown-item {
		font-size: 0.9rem;
	}
}

@media (max-width: 359px) {
	.dropdown-item {
		font-size: 0.8rem;
	}
}

.dropdown-item::after {
	display: block;
	content: attr(data-text);
	height: 0;
	visibility: hidden;
	overflow: hidden;
	user-select: none;
	pointer-events: none;
	font-weight: 700;

	@media speech {
		display: none;
	}

}

.dropdown-item:focus,
.dropdown-item:hover {
	border-left: 5px solid #aaacaa;
	font-weight: 700;
}
.dropdown-item:active {
	border-left: 5px solid var(--red);
}
.dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent;
}
.dropdown-menu.show {
    display: block;
}
.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: 0.875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap;
}
.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color);
}
.dropdown-menu {
    border: 2px solid #0468fc;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 3px;
    padding-right: 3px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
	max-width: 100%;
	overflow: auto;
}
.dropdown-toggle {
    white-space: revert !important;
}
.dropdownFit {
	border-right: 6px solid transparent;
}

.dropdownFit a {
    text-decoration: none;
    color: #2c2d2c !important;
}
.dropdownLink {
    display: block;
    width: 100%;
	margin-left: -3px;
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-right: 6px;
    clear: both;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-left: 5px solid transparent;
	border-right: 5px solid transparent;
    border-radius: var(--bs-dropdown-item-border-radius, 0);
	font-weight: 600;
}
.dropdownLink:focus,
.dropdownLink:hover {
	border-left: 5px solid #aaacaa;
	border-right: 3px solid transparent;
	font-weight: 700;
}
.dropdownLink:active {
	border-left: 5px solid var(--red);
}
.ratingLink {
    display: inline;
}

@media (min-width: 1200px) {
    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
}

@media (min-width: 1400px) {
    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}
@media (max-width: 768px) {
	.bodyPadding {
		padding-left: 16px;
		padding-right: 16px;
	}
	.segmentHeading {
		margin-left: -16px;
		padding-left: 16px;
	}
}
@media (max-width: 575.98px) {
	.titleString {
		font-size: 2.1rem;
	}
}
@media (max-width: 359px) {
	.titleString {
		font-size: 2rem;
	}
}