.remodal-quiz {max-width: 1300px !important;}
#quiz .opacity40 {opacity: .4;}
#quiz .b-3 {border-width: 3px;}
#quiz .model-item {height: 100px;}
#quiz .color-item, #quiz .tradein-item {
    height: 54px;
    font-size: 12px;
}
#quiz .model-item img.img {
    width: 90%;
    height: auto;
}
#quiz .model-item:hover img.img, #quiz .model-item.active img.img {
    width: 100%;
    height: auto;
}
#quiz .color-square {
    width: 21px;
    height: 21px;
    border-radius: 50%;
}
#quiz .quiz-bg {
    background-repeat: no-repeat;
    background-position-x: 600px;
    background-position-y: 420px;
    background-size: 50%;
    height: 90%;
}
#quiz .quiz-bg-form {
    background-repeat: no-repeat;
    background-position-x: 30px;
    background-position-y: 190px;
    background-size: 80%;
    font-size: 54px;
}
#quiz .h3 {font-size: 28px;}
#quiz .h4 {font-size: 18px;}
#quiz .table {font-size: 10px;}
#quiz .form-control, #quiz .button {
    height: 54px;
}
#quiz label {font-size: 10px;}
#quiz .quiz-bg-form .model-spec {
    font-size: 10px;
    padding: 0 30px;;
}
#quiz .quiz-bg-form .model-spec span {
    font-size: 16px;
}
#quiz .quiz-bg-form .model-spec .icon-wrap {
    width: 33px;
    height: 33px;
    border-radius: 3.5px;
}

#quiz .steps-img-title {opacity: .75; width: 360px; height: auto; bottom: 210px; right: 110px;}
#quiz .steps-img {width: 580px; height: auto;}

/* ADAPTIVE */
@media (max-width: 1399.98px) {
}
@media (max-width: 1199.98px) {
}
@media (max-width: 991.98px) {
    .remodal-quiz {padding: 15px;}
    .remodal-quiz:has(.quiz-bg-form) {height: auto !important;}
    .remodal-quiz:has(.quiz-bg-steps) {height: 97% !important;}
    #quiz .q-w-sm {width: 100% !important;}
    #quiz .q-w-lg {width: 100% !important;}
    #quiz .quiz-bg {
        background-position-x: center;
        background-position-y: 120%;
        background-size: contain;
    }
    #quiz .quiz-bg-form {
        background-position-x: center;
        background-position-y: 370%;
        background-size: contain;
        font-size: 34px;
    }
    #quiz .h3 {font-size: 22px;}
    #quiz .h4 {font-size: 12px;}
    #quiz .model-item {height: 160px;}
    #quiz .steps-img-title {
        opacity: .75;
        width: 50%;
        height: auto;
        bottom: 130px;
        right: 110px;
    }
    .position-lg-absolute {position: initial !important;}
}
@media (max-width: 767.98px) {
}
@media (max-width: 575.98px) {
}
@media (max-width: 413.98px) {
}



#quiz .x7.color-square.black {background-color: #000;}
#quiz .x7.color-square.gray {background-color: #858585;}
#quiz .x7.color-square.silver {background-color: #B4B4B4;}
#quiz .x7.color-square.white {background-color: #DBDBDB;}

#quiz .u5-plus.color-square.black {background-color: #000;}
#quiz .u5-plus.color-square.gray {background-color: #7F7F83;}
#quiz .u5-plus.color-square.red {background-color: #ff0000;}
#quiz .u5-plus.color-square.white {background-color: #DBDBDB;}

#quiz .x35.color-square.blue {background-color: #1C61D0;}
#quiz .x35.color-square.white {background-color: #DBDBDB;}
#quiz .x35.color-square.red {background-color: #ff0000;}
#quiz .x35.color-square.brown {background-color: #480808;}

#quiz .x55.color-square.red {background-color: #ff0000;}
#quiz .x55.color-square.white {background-color: #DBDBDB;}
#quiz .x55.color-square.yellow {background-color: #a19907;}
#quiz .x55.color-square.darkgray {background-color: #7F7F83;}
#quiz .x55.color-square.silver {background-color: #B4B4B4;}
#quiz .x55.color-square.redblack {background-color: #ff0000;}
#quiz .x55.color-square.whiteblack {background-color: #DBDBDB;}
#quiz .x55.color-square.yellowblack {background-color: #a19907;}
#quiz .x55.color-square.darkgrayblack {background-color: #7F7F83;}
#quiz .x55.color-square.silverblack {background-color: #B4B4B4;}
#quiz .x55.color-square.redblack {background: linear-gradient(to right, #ff0000 52%, #000 48%);}
#quiz .x55.color-square.whiteblack {background: linear-gradient(to right, #DBDBDB 52%, #000 48%);}
#quiz .x55.color-square.yellowblack {background: linear-gradient(to right, #a19907 52%, #000 48%);}
#quiz .x55.color-square.darkgrayblack {background: linear-gradient(to right, #7F7F83 52%, #000 48%);}
#quiz .x55.color-square.silverblack { background: linear-gradient(to right, #B4B4B4 52%, #000 48%);}

#quiz .x75.color-square.white {background-color: #DBDBDB;}
#quiz .x75.color-square.silver {background-color: #B4B4B4;}
#quiz .x75.color-square.darkgray {background-color: #7F7F83;}
#quiz .x75.color-square.black {background-color: #000;}
#quiz .x75.color-square.red {background-color: #ff0000;}
#quiz .x75.color-square.blue {background-color: #1C61D0;}
#quiz .x75.color-square.whiteblack {background: linear-gradient(to right, #DBDBDB 52%, #000 48%);}
#quiz .x75.color-square.silverblack { background: linear-gradient(to right, #B4B4B4 52%, #000 48%);}
#quiz .x75.color-square.darkgrayblack {background: linear-gradient(to right, #7F7F83 52%, #000 48%);}
#quiz .x75.color-square.redblack {background: linear-gradient(to right, #ff0000 52%, #000 48%);}
#quiz .x75.color-square.blueblack {background: linear-gradient(to right, #1C61D0 52%, #000 48%);}

.bj40.color-square.red {background-color: #ff0000;}
.bj40.color-square.blue {background-color: #313ED5;}
.bj40.color-square.lightblue {background-color: #94ABCA;}
.bj40.color-square.white {background-color: #DBDBDB;}
.bj40.color-square.black {background-color: #000;}
.bj40.color-square.green {background-color: #479228;}