.car-height {
height: 125px;
}
.active {
border-bottom: 3px solid;
}
.car-title-count {
height: 100%;
background: #f5f5f5;
display: flex;
align-items: center;
padding: 20px;
width: fit-content;
}
.row.car-row {
position: relative;
}
.row.car-row:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
background: #ccc;
top: 50%;
z-index: 0;
}
.car-offer-content {
max-width: 160px;
border: 1px solid #ccc;
background: #fff;
border-radius: 3px;
min-width: 160px;
margin-top: 10px;
}
.offer-headding {
border-bottom: 1px solid #ccc;
}
.offer-main-content {
min-height: 170px;
overflow-wrap: break-word;
}
.active-filter {
position: relative;
}
.active-filter:after {
content: "✔";
position: absolute;
right: 20px;
}
@media(max-width:768px) {
.ft-24 {
font-size: 20px;
text-align: center;
}
.row.car-row:before {
background: #f5f5f5;
}
}
@media(min-width:2200px) {
.car-height {
height: 220px;
}
}
.incentives-switch {
width: 70px;
padding-left: 3px;
padding-right: 3px;
background-color: #eaeaea;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
border-radius: 12px;
text-align: center;
left: 16px;
}
.incentives-switch:first-child {
border-left: 1px solid #ccc;
}
.switch-active .incentives-switch {
background-color: #fff;
}
.viewoffer {
color: #999;
text-decoration: none;
font-size: 13px;
cursor: pointer;
display: inline-block;
font-weight: 700;
letter-spacing: 2px;
line-height: initial;
text-align: center;
text-transform: uppercase;
transition: all 0s;
white-space: nowrap;
}
.viewoffer:hover {
color: #101010;
}
.mazda-special-offer-header {
font-size: 1.4rem;
line-height: 2.7rem;
letter-spacing: .2em
}
.mazda-offer-title {
font-size: 10px;
line-height: 2.7rem;
letter-spacing: .2em;
/* margin-left:0.5rem; */
}
.square-box{
width:14px;
height:14px;
}
.special-offer .square-box{
background-color:rgb(216, 216, 216)
}
.lease-offer .square-box{
background-color:#000
}
.purchase-offer .square-box{
background-color:rgb(126, 126, 126)
}
.special-offers-vehicles .square-box{
background-color:rgb(216, 216, 216)
}
.mazda-lease-offer-desc {
line-height: 1.75;
margin: 0 0 28px;
font-size: 15px;
}
.custom-checkbox {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.custom-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
border-radius: 4px;
background-color: #fff;
border: 1px solid #ccc;
}
/* On mouse-over, add a grey background color */
.custom-checkbox:hover input~.checkmark {
background-color: #fff;
}
/* When the checkbox is checked, add a blue background */
/*.custom-checkbox input:checked ~ .checkmark {
background-color: #2196F3;
}*/
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: '';
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.custom-checkbox input:checked~.checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
left: 8px;
top: 3px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.oem-pop-desclimer>p {
line-height: 2;
}
