:root {
    --accent-color: #e7a754;
    --bonus-color: #199450;
    --cta-btn-color: #ff5722;
    --cta-btn-hover-color: #ac3917;
}

a, ol a, ul a { text-decoration: none; font-weight: 500; }
p a, ol a, ul a { color: #ff5722; }
p a:hover, ol a:hover, ul:not(.navbar-nav) a:hover { color: #ff5722; text-decoration: underline; }
h1 { margin: 2rem auto; }
.home h1 { text-transform: uppercase; }
body { background: rgb(33 37 41 / 45%); }
p { font-size: 1.25rem; }
p.lead { font-weight: 400; }
.card p {font-size: 1rem;}
.nav-link { text-transform: uppercase; font-style: normal; font-size: 16px; }
.active.nav-item { border-bottom: 1px solid #ff5722; }
.nav-item:hover { border-bottom: 1px solid #fff; }
.navbar-brand { padding-left: 25px; }
.navbar-dark .navbar-toggler { margin-right: 15px; }

@media screen and (max-width: 600px) {
    .topnav.responsive { position: relative; }
    .topnav.responsive a.icon { position: absolute; right: 0; top: 0; }
    .topnav.responsive a { float: none; display: block; text-align: left; }
}
li { font-weight: 400; font-style: italic; font-size: 18px; }
.shadowed { box-shadow: 10px 10px 5px #ccc; -moz-box-shadow: 10px 10px 5px #ccc; -webkit-box-shadow: 10px 10px 5px #484848; -khtml-box-shadow: 10px 10px 5px #ccc; }
.footer-link { list-style-type: none; margin-right: 38px; }
hr { margin: 0px !important; }
.container-fluid.main { position: relative; padding: 0; }
.home .navbar { position: absolute; width: 100%; }

@media (max-width: 991px) {
    #blog .block-blog { margin-bottom: 30px; }
}

#blog .block-blog img { width: 100%; }
#blog .block-blog .content-blog { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 4px 0 rgba(0, 0, 0, 0.19); display: inline-block; min-height: 125px; padding: 20px 10px; width: 100%; }
#blog .block-blog .content-blog h3 { line-height: 24px; margin-bottom: 20px; text-transform: capitalize; font-weight: normal; letter-spacing: 0; font-size: 16px; }
#blog .block-blog .content-blog h3 a { color: #555; text-decoration: none; transition: 0.3s; }
#blog .block-blog .content-blog h3 a:hover { color: #ff5722; }
#blog .block-blog .content-blog > span { float: left; font-size: 12px; }
#blog .block-blog .content-blog a.readmore { color: #505050; font-size: 12px; font-weight: 600; text-decoration: none; transition: 0.3s; letter-spacing: 0; text-transform: capitalize; }
#blog .block-blog .content-blog a.readmore:hover { color: #ff5722; }

#get-started { display: inline-block; height: 100%; width: 100%; }
.feature-block { background: #fff none repeat scroll 0 0; padding: 30px 20px; transition: all 0.5s ease-in-out 0s; }
.feature-block img { height: 60px; margin-bottom: 30px; width: 60px; }

@media (max-width: 991px) {
    .feature-block { margin-bottom: 30px; }
}
.feature-block:hover { box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); transition: all 0.5s ease-in-out 0s; }
.feature-block h3 { margin-bottom: 20px; }
.feature-block p { margin-bottom: 20px; }
.feature-block a { color: #505050; font-size: 12px; font-weight: 600; text-decoration: none; text-transform: capitalize; transition: 0.3s; }
.feature-block i { font-size: 3rem; margin: 0.25rem auto 1rem; color: #ff5722; border: 1px solid #ff5722; border-radius: 50%; padding: 0.25rem; width: 74px; height: 74px; align-content: center; }
@media screen and (min-width: 1400px) {
  .feature-block { min-height: 348px; }
}

#about-us img { max-width: 100%; }
#about-us .about-content { padding-top: 60px; }
#about-us .about-content h2 { color: #252525; font-family: "roboto"; font-size: 39px; font-weight: 100; letter-spacing: 2px; margin-bottom: 20px; text-transform: capitalize; }
#about-us .about-content span { font-weight: 700; padding-right: 10px; text-transform: uppercase; }
#about-us .about-content ul li { line-height: 36px; }
#about-us .about-content ul li .fa { padding-right: 20px; }

#footer { color: #ccc; font-size: 14px; background: #f7fbfe; }
#footer .footer-top { padding: 60px 0 30px 0; }
#footer .footer-top .footer-contact { margin-bottom: 30px; }
#footer .footer-top .footer-contact p { font-size: 14px; line-height: 24px; margin-bottom: 0; font-family: "Raleway", sans-serif; color: #777777; }
#footer .footer-top h4 { font-size: 16px; font-weight: bold; color: #ccc; position: relative; padding-bottom: 12px; }
#footer .footer-top .footer-links { margin-bottom: 30px; }
#footer .footer-top .footer-links ul { list-style: none; padding: 0; margin: 0; }
#footer .footer-top .footer-links ul i { padding-right: 2px; color: #3498db; font-size: 18px; line-height: 1; }
#footer .footer-top .footer-links ul li { padding: 10px 0; display: flex; align-items: center; }
#footer .footer-top .footer-links ul li:first-child { padding-top: 0; }
#footer .footer-top .footer-links ul a { color: #777777; transition: 0.3s; display: inline-block; line-height: 1; }
#footer .footer-top .footer-links ul a:hover { text-decoration: none; color: #3498db; }
#footer .footer-newsletter { font-size: 15px; }
#footer .footer-newsletter h4 { font-size: 16px; font-weight: bold; color: #ccc; position: relative; padding-bottom: 12px; margin-top: 1rem; }
#footer .footer-newsletter form { background: #fff; padding: 6px 10px; position: relative; border-radius: 4px; text-align: left; border: 1px solid #b6daf2; width: 350px; max-width: 100%; }
#footer .footer-newsletter form input[type=email] { border: 0; padding: 4px 8px; width: calc(100% - 100px); }
#footer .footer-newsletter form input[type=submit] { position: absolute; top: 0; right: -2px; bottom: 0; border: 0; background: none; font-size: 16px; padding: 0 20px 2px 20px; background: #ff5722; color: #fff; transition: 0.3s; border-radius: 0 4px 4px 0; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); }
#footer .footer-newsletter form input[type=submit]:hover { background: #ac3917; }

.btn.btn-primary.orange{  background: #ff5722; border: none; outline: 0;}
.btn.btn-primary.orange:hover{  background: #ac3917;}

[class*=logo-] { width: 130px; margin: 0 auto; display: block; text-indent: -9999px; background-size: contain; background-position: center center; background-repeat: no-repeat; max-width: 100%; height: 100%; }
.primary-table .table-row.table-row-hidden { display: none; }
.primary-table .table-row { min-height: 110px; border: 1px solid var(--accent-color); border-radius: 6px; background: none;}
.primary-table .table-row:first-child { background: color-mix(in srgb, var(--accent-color), transparent 90%); border-width: 2px; }
.primary-table .brand-logo { border-radius: 5px 0 0 5px; }
.primary-table .brand-logo [class*="logo-"] { width: 180px; margin: 0 auto; }
.primary-table .brand-rating { border-right: 1px solid #C4C4C4; }
.brand-rating :is(h3, .brand-score, .brand-name) { color: #414141; font-size: 15px; text-transform: uppercase; font-weight: bold;}
.brand-rating h3::before { all: unset; }
.brand-score { gap: 5px; }
.rating-star { width: 17px; height: 16px; background: center / contain no-repeat var(--icon-rating-star); position: relative; top: -1px; }
.brand-bonus { color: var(--bonus-color); font-weight: 600; line-height: 1.2; min-height: 90px; }
.bonus-amount { font-size: 27px; }
.bonus-before { font-size: 22px; }
.bonus-after { font-size: 18px; }
.primary-table .brand-cta { gap: 8px; }
.primary-table .cta-btn {
    width: 235px;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
    font-weight: 600;
    border-radius: 6px;
    text-transform: uppercase;
}
.cta-btn:not(.review-btn) {font-weight: bold; display: block; padding: 10px 15px; width: 300px; max-width: 100%; background: var(--cta-btn-color); color: #ffffff; text-align: center; border-radius: 5px; text-decoration: none; cursor: pointer;}
.cta-btn:not(.review-btn):hover {background: var(--cta-btn-hover-color); color: #fff; text-decoration: none;}
.cta-btn.review-btn { background: none; border: 1px solid #C4C4C4; color: inherit; text-decoration: none; }
.cta-btn.review-btn:hover:not(.not-active) { background: #ffffff; }
.cta-btn.review-btn.not-active { border: 1px solid #E5E5E5; }
.cta-btn.cta-single {min-width: 200px;}
.special-terms {padding: 0 10px 0; margin-top: -15px; font-size: 12px; color: #555555;}
@media screen and (max-width:767px) {
	.primary-table { max-width: 350px; }
	.primary-table .brand-logo { border-radius: 4px 4px 0 0; display: block; height: 65px;}
	.primary-table .brand-rating { border-right: none; border-bottom: 1px solid #C4C4C4; padding: 12px 0;}
	.primary-table .brand-bonus { padding: 12px 0; }
	.primary-table :is(.brand-rating, .brand-bonus, .brand-cta) {max-width: 300px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .bonus-amount { font-size: 24px; }
}

#show-more { display: none; }
#show-more ~ #hide-btn { display: none; }
#show-more:checked ~ #show-btn { display: none; }
#show-more:checked ~ #hide-btn { display: table; }
#show-more:checked ~ #hide-btn, label[for=show-more] { cursor: pointer; margin: 1rem auto; position: relative; display: table; }
.primary-table ~ #show-btn, .primary-table ~ #show-btn ~ #hide-btn { width: 285px; padding: 10px 0; border-radius: 6px; border: 2px solid var(--cta-btn-color); background: transparent; font-weight: 600; font-size: 14px; text-align: center; }
.primary-table ~ #show-btn:hover, .primary-table ~ #show-btn ~ #hide-btn:hover { background: var(--cta-btn-color); border-color: var(--cta-btn-color); color: #fff; transition: var(--transition);}
.primary-table ~ #show-btn span, .primary-table ~ #show-btn ~ #hide-btn span { position: relative; }
.primary-table ~ #show-btn span::after, .primary-table ~ #show-btn ~ #hide-btn span::after { content: ""; position: absolute; width: 14px; height: 7px; top: 50%; transform: translateY(-50%); right: -20px; }
.primary-table ~ #show-btn span::after { background: center / contain no-repeat var(--icon-arrow-down); }
.primary-table ~ #show-btn ~ #hide-btn span::after { background: center / contain no-repeat var(--icon-arrow-up); }
#show-btn:hover span::after, #hide-btn:hover span::after {filter: brightness(0) saturate(100%) invert(94%) sepia(0%) saturate(7500%) hue-rotate(89deg) brightness(112%) contrast(107%);}
.primary-table .row-hidden { display: none; }
#show-more:checked + .primary-table .row-hidden { display: flex; }

.table.table-transparent :is(th, td) {background: transparent;}

:is(ul, ol).two-col {columns: 2;}
:is(ul, ol).three-col {columns: 3;}
:is(ul, ol).four-col {columns: 4;}
:is(ul, ol):is(.two-col, .three-col, .four-col) li { break-inside: avoid-column; padding-right: 10px; }
@media (max-width: 767px) {
	:is(ul, ol):is(.two-col, .three-col, .four-col) { columns: 2;}
}
@media (max-width: 575px) {
    :is(ul, ol):is(.two-col, .three-col, .four-col) { columns: 1; }
    :is(ul, ol):is(.two-col, .three-col, .four-col) li { padding-right: 0; }
}

:is(.list-pros, .list-cons) li{position: relative;}
:is(.list-pros, .list-cons) li:before { display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 10px; font: 900 18px 'Font Awesome 5 Free'; }
:is(.ul-checks, .list-pros) li:before { content: '\f00c'; color: #198754; }
:is(.ul-minuses, .list-cons) li:before { content: '\f00d'; color: #dc3545; }

.feature-box { background: #fdf3ef; }