/*!
=========================================================
* Steller Landing page
=========================================================

* Copyright: 2019 DevCRUD (https://devcrud.com)
* Licensed: (https://devcrud.com/licenses)
* Coded by www.devcrud.com

=========================================================

* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
*/

:root {
	--light-bg: #fffaf9;
	--accent-color: #ff3d0b;
	--accent-color-secondary: #ff7a57;
	--text-color: #495057;
	--cta-button-bg: var(--accent-color);
	--cta-button-bg-hover: var(--accent-color-secondary);
	--cta-btn-text-color: #ffffff;
	--transition: all .3s ease-in-out;
	--rev-btn-border: #c6c7ce;
	--rev-btn-border-muted: #e6e7ea;
    --bonus-color: var(--accent-color-secondary);
    --elements-border-color: var(--accent-color-secondary);
	--icon-arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 14 7'%3E%3Cpath d='M6.142 6.563.378 1.923a.978.978 0 0 1-.377-.672.97.97 0 0 1 .24-.73.975.975 0 0 1 .652-.356.959.959 0 0 1 .708.211l5.149 4.15L11.901.223a.96.96 0 0 1 .615-.222.962.962 0 0 1 .615 1.702L7.362 6.502a.95.95 0 0 1-.614.221.961.961 0 0 1-.6-.163l-.006.003Z' style='fill: %232E174F;fill-rule:nonzero' transform='translate(.003)'/%3E%3C/svg%3E");
    --icon-arrow-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 14 7'%3E%3Cpath d='M6.142 6.563.378 1.923a.978.978 0 0 1-.377-.672.97.97 0 0 1 .24-.73.975.975 0 0 1 .652-.356.959.959 0 0 1 .708.211l5.149 4.15L11.901.223a.96.96 0 0 1 .615-.222.962.962 0 0 1 .615 1.702L7.362 6.502a.95.95 0 0 1-.614.221.961.961 0 0 1-.6-.163l-.006.003Z' style='fill:%232E174F;fill-rule:nonzero' transform='rotate(180 6.74 3.362)'/%3E%3C/svg%3E");
	--icon-rating-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 16.627 15.888'%3E%3Cg data-name='Group 15'%3E%3Cpath d='M12.074 15.152c-.227 0-.455-.055-.659-.161L8.31 13.359l-3.102 1.63A1.42 1.42 0 0 1 3.15 13.5l.593-3.455-2.513-2.451a1.423 1.423 0 0 1-.016-2.01c.215-.218.498-.36.798-.406l3.473-.504 1.551-3.147A1.423 1.423 0 0 1 8.94.882c.277.138.504.366.64.64l1.555 3.15 3.468.504c.372.053.705.249.932.551.228.303.324.676.272 1.052a1.424 1.424 0 0 1-.42.823l-.002-.002-2.504 2.438.59 3.459a1.418 1.418 0 0 1-1.396 1.655Zm2.298-8.38h.002-.002Z' data-name='Path 47' style='fill:%23fbd269;stroke-width:0'/%3E%3C/g%3E%3C/svg%3E");
}
html, body { scroll-behavior: smooth; }
body { margin: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--text-color); text-align: left; background-color: #fff; }
:hover { transition: var(--transition); -webkit-transition: var(--transition); -o-transition: var(--transition); }
a { color: var(--accent-color); text-decoration: none; }
a:hover { color: var(--accent-color-secondary); }
.btn-link { font-weight: 400; color: var(--accent-color); text-decoration: none; }
.btn-link:hover { color: var(--accent-color-secondary); text-decoration: underline; }
.btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; }
.btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; }
.bg-primary { background-color: var(--light-bg) !important; }
#faq .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 0; }
#faq .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }

p { font-size: 15px !important; margin-bottom: 12px; letter-spacing: .6px; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 5px; }
.title { font-size: calc(18px + (25 - 18) * ((100vw - 320px) / (1200 - 320))); }

@media (min-width: 992px) {
	.title { font-size: 28px; }
}

.section-title { font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1200 - 320))); scroll-margin-top: 100px; }

@media (min-width: 992px) {
	.section-title { font-size: 30px; }
}

.subtitle { font-size: calc(13px + (15 - 13) * ((100vw - 320px) / (1200 - 320))); opacity: .8; }

@media (min-width: 992px) {
	.subtitle { font-size: 15px; }
}

pre { background: #eaf0fc; border: 2px solid #ced4da; padding: 1rem; border-radius: 0.25rem; }
.socials { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.socials .social-item { display: block; margin: 0 5px; width: 40px; height: 40px; border-radius: 50%; border: 2px solid var(--accent-color); color: var(--accent-color); text-align: center; line-height: 40px; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; }

.socials .social-item:hover { background: var(--accent-color); color: #fff; }
.btn { font-size: 14px; font-weight: bold; }
.btn.btn-primary { color: #fff; }
.btn.rounded { border-radius: 50px !important; }
.btn.w-sm { min-width: 100px; }
.btn.w-md { min-width: 130px; }
.btn.w-lg { min-width: 160px; }

.img-wrapper { position: relative; border-radius: 0.25rem; overflow: hidden; margin-bottom: 30px; display: block; display: block; }
.img-wrapper img { position: relative; width: 100%; z-index: 8; }
.img-wrapper .overlay { background: rgba(255, 122, 87, 0.7); position: absolute; left: 0; bottom: 100%; width: 100%; height: 100%; z-index: 9; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; }
.img-wrapper .overlay .overlay-infos { position: absolute; top: 0%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition-delay: .2s; transition-delay: .2s; color: #fff; }
.img-wrapper .overlay .overlay-infos h5 { margin-bottom: 15px; }
.img-wrapper .overlay .overlay-infos a { display: inline-block; width: 35px; height: 35px; border-radius: 50%; border: 2px solid #fff; line-height: 35px; text-align: center; color: #fff; text-decoration: none; }
.img-wrapper .overlay .overlay-infos a:hover { background: #fff; color: var(--accent-color); }
.img-wrapper:hover .overlay, .img-wrapper:active .overlay { bottom: 0; visibility: visible; opacity: 1; }
.img-wrapper:hover .overlay .overlay-infos, .img-wrapper:active .overlay .overlay-infos { top: 50%; }
.card { box-shadow: 2px 3px 10px rgba(206, 212, 218, 0.3); }
.card .post-details { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; max-width: 250px; margin-bottom: 15px; }
.card .post-details a { opacity: .6; color: #444; font-size: 15px; }
.card .post-details a i { padding-right: 5px; }
.custom-card { border-radius: 0.25rem; -webkit-transition: all 0.3s; transition: all 0.3s; }
.custom-card .card-body { padding: 30px 10px; }
.custom-card .card-body i { display: block; font-size: 40px; margin-bottom: 18px; color: var(--accent-color); }
.custom-card:hover, .custom-card:active { background: #fffaf9; }
.custom-card:hover i, .custom-card:active i { color: #fff; }
.testmonial-card { background: #fff; box-shadow: 2px 3px 10px rgba(206, 212, 218, 0.3); border-radius: 0.25rem; max-width: 700px; margin: 10px auto; padding: 20px 15px; }
.testmonial-card img { width: 80px; height: 80px; border-radius: 50%; box-shadow: 2px 3px 10px rgba(206, 212, 218, 0.3); margin-bottom: 30px; }
.testmonial-card .title { margin-top: 30px; font-size: 20px; }
.carousel .carousel-indicators { bottom: -60px; }
.carousel .carousel-indicators li { width: 10px; height: 10px; border-radius: 50%; box-shadow: inset 1px 1px 10px rgba(173, 181, 189, 0.3), inset -1px -1px 7px rgba(173, 181, 189, 0.3); }
.carousel .carousel-indicators li.active { box-shadow: 0 0 5px rgba(108, 117, 125, 0.3); }
.contact { position: relative; border-radius: 0.3rem; border: 1px solid 1px; box-shadow: 1px 2px 6px rgba(173, 181, 189, 0.5); padding: 0 30px 0 25px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; max-width: 1000px; margin: 0 auto 150px; z-index: 99; background: #fff; }
.contact .form { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; border-right: 1px solid #dee2e6; padding: 35px 30px 35px 0; }
.contact .form form { margin-top: 30px; }
.contact .contact-infos { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; margin-left: 30px; min-width: 350px; }
.contact .contact-infos .item { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.contact .contact-infos .item i { display: block; width: 40px; font-size: 16px; color: primary; width: 37px; height: 37px; border-radius: 50%; border: 1px solid var(--accent-color); line-height: 34px; text-align: center; padding: 0 !important; color: var(--accent-color); margin-right: 15px; }
.contact .contact-infos .item div { border-bottom: 1px solid #dee2e6; margin-bottom: 25px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
.contact .contact-infos .item div h5 { margin-bottom: 10px; opacity: .9; }
.contact .contact-infos .item div p { opacity: .7; font-size: 15px; margin-bottom: 4px; }

@media (max-width: 991.98px) {
	.contact { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 20px; }
	.contact .form { margin: 0 0 20px 0; padding: 0; border-right: 0; }
	.contact .contact-infos { display: none; }
}

#map { position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; }
#map iframe { width: 100%; height: 100%; border: 0; }
.navbar { padding: 0; min-height: 80px; -webkit-transition: all 0.3s; transition: all 0.3s; background: #fff; }
.navbar .navbar-nav { height: auto; }
.navbar .navbar-nav .nav-link { font-size: 13px; font-weight: bold; margin: 0 10px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.navbar .navbar-nav .nav-link.active { color: var(--accent-color); }
.navbar .navbar-nav .btn { min-width: 120px; }
.navbar.affix { box-shadow: 0 6px 15px rgba(206, 212, 218, 0.3); }

@media (max-width: 767.98px) {
	.navbar { padding: 0 20px; }
}

.progress { background: #eaf0fc; border-radius: 0.2rem; height: 3px; margin-bottom: 30px; }
.progress .progress-bar { position: relative; height: 100%; text-align: left; }
.progress .progress-bar span { font-size: 13px; font-weight: bold; position: absolute; opacity: .7; bottom: 18px; right: -14px; }
.progress .progress-bar:after { content: ''; display: block; position: absolute; top: -5px; right: -4px; width: 13px; height: 13px; border-radius: 50%; background: var(--accent-color); box-shadow: 0 0 10px rgba(255, 122, 87, 0.5); }
.page-footer { background: #fcfdff; padding: 40px; border-top: 1px solid #cbd3da; margin-top: 40px; }
.page-footer .row { height: 100px; }
.page-footer p { margin-bottom: 0; }
.page-footer .socials { max-width: 210px; margin-left: auto; }
.page-footer .socials .social-item { margin-left: auto; }

@media (max-width: 767.98px) {
	.page-footer { padding: 20px 0; }
	.page-footer .row { text-align: center; }
	.page-footer .row .socials { margin: auto; }
}

.header { height: 45vh; border-bottom: 1px solid #dee2e6; }
.header .container { height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.header .container .infos .subtitle { margin-bottom: 0; font-size: 25px; font-weight: 500; }
.header .container .infos .title { margin-bottom: 0px; font-size: 45px; font-weight: bold; text-align: center; }
.header .container .infos p { margin-top: -5px; font-size: 22px; }
.header .container .infos .btn { display: inline-block; margin: 0 2px; }
.header .container .img-holder { height: 100%; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; padding-left: 0px; }
.header .container .img-holder img { width: 100%; max-width: 620px; -webkit-filter: drop-shadow(0 -4px 20px rgba(206, 212, 218, 0.4)); filter: drop-shadow(0 -4px 20px rgba(206, 212, 218, 0.4)); margin-left: auto; margin-right: -2rem; }

@media (max-width: 991.98px) {
	.header .container { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
	.header .container .infos { margin-top: 0; }
	.header .container .img-holder { display: none; }
}

.header .widget { position: relative; max-width: 920px; width: 95%; margin: 0 auto; border-radius: 30px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; border: 1px solid #dee2e6; padding: 20px; margin-top: -100px; z-index: 999; background: #fffaf9; box-shadow: 0 0 15px rgba(173, 181, 189, 0.4); }
.header .widget .widget-item { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; text-align: start; border-right: 1px solid #dee2e6; }
.header .widget .widget-item:last-child { border-right: 0; }
.header .widget .widget-item h2, .header .widget .widget-item p { margin: 0; }
.header .widget .widget-item p { opacity: .7; font-size: 14px; }

@media (max-width: 767.98px) {
	.header .widget { padding: 10px; margin-top: -32px; }
	.header .widget .widget-item h2 { font-size: 20px; }
	.header .widget .widget-item p { font-size: 13px; }
}

.header-title { font-size: 2.4rem; font-weight: bold; opacity: .8; }
.header-mini { min-height: 24rem; height: 24rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 1rem; background: #ffcbbd; }
.section { position: relative; padding: 1rem 0; }
.about { padding-top: 10rem; }
.section:nth-child(even) { background: white; }
.section.bg-white { background-color: #fff; }
.section.bg-gray { background: white; }
#contact .card-header { background-color: #fffaf9 !important; }
.custom-card span { font-size: 25px !important; font-weight: 600 !important; color: var(--accent-color) !important; margin-bottom: 10px !important; display: block !important; }

@media (max-width:1200px){
	.header { height: 54vh; }
}

@media (max-width:991px){
	.header { height: 54vh; }
	.about { padding-top: 20rem !important; }
	.header .container .infos { margin-top: -52px; }
	.terms h1 { font-size: 2rem !important; }
	.terms h2 { font-size: 1.6rem !important; }
}

@media (max-width:767px){
	.about { padding-top: 28rem !important; }
	.header .container .infos { margin-top: 0px !important; }
	.flex { flex-direction: column !important; }
	.flex a { margin-bottom: 20px !important; }
}

@media (max-width:567px){
	.header .container .infos .title { font-size: 35px !important; }
	.header { height: 41vh; }
	.about { padding-top: 30rem !important; }
}

@media (max-width:500px){
	.about { padding-top: 33rem !important; }
}

@media (max-width:430px){
	.about { padding-top: 35rem !important; }
	.header .container .infos .title { font-size: 27px !important; }
	.header .widget { border-radius: 10px !important; }
	.custom-card span { font-size: 19px !important; }
}

@media (max-width:395px){
	.header { height: 40vh; }
	.header .container .infos { margin-top: 36px !important; }
	.about { padding-top: 38.5rem !important; }
}

@media (max-width:340px){
	.about { padding-top: 43rem !important; }
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: var(--accent-color); }

.error { display: grid; align-items: center; justify-content: center; background: url(../imgs/404.jpg); background-position: center; background-repeat: no-repeat; background-size: contain; height: 85vh; }
.error a { margin: 0 20px; padding: 10px; font-size: 20px; background-color: var(--accent-color); color: #fff !important; border-radius: 5px; text-align: center; border: 2px solid #fff; }
.error a:hover { background-color: #ff4817; }
.error h1 { text-align: center; }
.clear { clear: both; }

[class*="bg-"] [class*="svg-"] {
    width: 185px;
    margin: 0 auto;
    display: block;
    text-indent: -9999px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    max-width: 100%;
    height: 100%;
}

:is(a, span).cta-btn { font-size: 14px; color: var(--cta-btn-text-color); background-color: var(--cta-button-bg); padding: 12px 30px; display: inline-block; border-radius: 5px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; transition: var(--transition); }
:is(a, span).cta-btn:hover { background-color: var(--cta-button-bg-hover); }
:is(a, span).cta-btn.review-btn { background: none; color: var(--text-color); border: 1px solid var(--rev-btn-border);}
:is(a, span).cta-btn.review-btn:hover:not(.not-active) { background: var(--white); }
:is(a, span).cta-btn.review-btn.not-active {  color: #6a6a6a; font-weight: normal; border: 1px solid var(--rev-btn-border-muted); }
:is(a, span).cta-btn.cta-single { width: max-content; max-width: 300px; min-width: 200px; }
[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 { border: 1px solid var(--elements-border-color); border-radius: 6px; background: unset; }
.primary-table .table-row:first-of-type { border-width: 2px; }
.primary-table .brand-logo { border-radius: 4px 0 0 4px; max-height: 100%; }
.primary-table .brand-rating { border-right: 1px solid #eee; }
.brand-rating :is(h3, .brand-score, .brand-name) { color: var(--text-color); font-size: 16px; 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: bold; line-height: 1.2; }
.bonus-amount { font-size: 25px; }
:is(.bonus-before, .bonus-after) { font-size: 20px; }
.primary-table .brand-cta { gap: 8px; }
.primary-table .cta-btn { padding: 10px 5px; }
.special-terms { margin-top: -10px; font-size: 10px; }

@media screen and (min-width: 768px) {
	.primary-table .table-row { height: 120px; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.bonus-amount { font-size: 20px; }
}

@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 #eeeeee; padding: 12px 0; }
	.primary-table .brand-bonus { padding: 12px 0; }
	.primary-table .brand-cta { gap: 12px; }
	.primary-table:is(.brand-rating, .brand-bonus, .brand-cta) { max-width: 300px; }
}

#show-more { display: none; }
#show-more ~ #hide-btn { display: none; }
#show-more:checked ~ #show-btn { display: none; }
#show-more:checked ~ #hide-btn { display: inline-block; }
#show-more:checked ~ #hide-btn, label[for=show-more] { display: inline-block; cursor: pointer; margin-bottom: 2rem; /* left: 50%; transform: translateX(-50%); position: relative; */ }
.primary-table ~ #show-btn, .primary-table ~ #show-btn ~ #hide-btn { width: 285px; padding: 10px 0; border-radius: 6px; border: 2px solid var(--cta-button-bg); background: none; color: var(--text-color); font-weight: 600; font-size: 14px; text-align: center; }
.primary-table ~ #show-btn:hover, .primary-table ~ #show-btn ~ #hide-btn:hover { background: var(--cta-button-bg); border-color: var(--cta-button-bg); color: var(--cta-btn-text-color); }
.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); }
.primary-table ~ #show-btn:hover span::after, .primary-table ~ #show-btn ~ #hide-btn:hover span::after { filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(439%) hue-rotate(168deg) brightness(120%) contrast(100%);}
/* .primary-table ~ #show-btn i, .primary-table ~ #show-btn ~ #hide-btn i { margin-left: 5px; font-size: 12px; } */
.primary-table .row-hidden { display: none; }
#show-more:checked + .primary-table .row-hidden { display: flex; }
/* show/hide text */
div.toggle > #show, div.toggle #hide { line-height: 30px;}
.toggle > p:nth-of-type(1) { margin: 20px 0 0;}
#panel { display: none; margin-top: 1.5rem; }
#show, #hide { cursor: pointer; color: var(--links-color); font-size: 1.4rem; margin: 5px 0; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; background: transparent; border: none; text-align: center; }
@media screen and (min-width:768px) {
	#panel { display: block; }
	#show, #hide { display: none; }
}
.btn-expand:hover { background: #fff; border: 1px solid #C4C4C4; color: #1c304f; }