@media(min-width:992px){.ccQuiz{margin:0 45px}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz{padding:0 4%}
}
.ccQuiz .ccQuiz-heading{font-size:20px;font-weight:700;line-height:28px;margin-bottom:10px;margin-top:8px}
.ccQuiz .ccQuizContainer{height:480px;background-size:cover !important;background-repeat:no-repeat !important;border-radius:12px;background-image:linear-gradient(251.66deg,rgba(65,71,155,0) 28.48%,#080c4e 90.89%),var(--bg-image-desk)}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer{background-image:var(--bg-image-mobile);height:100%;border-radius:8px;padding-bottom:10px}
}
.ccQuiz .ccQuizContainer .ccQuizStep0{display:flex;padding:80px 100px}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep0{display:block;padding:0 5px}
}
@media(min-width:992px) and (max-width:1024px){.ccQuiz .ccQuizContainer .ccQuizStep0{padding:40px 60px}
}
.ccQuiz .ccQuizContainer .ccQuizStep0 .banner-content{flex:0 0 68%}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep0 .banner-content{display:block;padding:25px 13px 0 27px}
}
@media(min-width:992px) and (max-width:1024px){.ccQuiz .ccQuizContainer .ccQuizStep0 .banner-content{flex:0 0 60%}
}
.ccQuiz .ccQuizContainer .ccQuizStep0 .banner-content .banner-para{color:#fff;font-size:20px;font-weight:700;margin-bottom:10px;display:inline-block}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep0 .banner-content .banner-para{font-size:20px;margin-bottom:16px}
}
.ccQuiz .ccQuizContainer .ccQuizStep0 .banner-content .banner-heading1{font-size:40px;font-weight:700;color:#feb940;line-height:40px;margin-bottom:10px}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep0 .banner-content .banner-heading1{font-size:40px}
}
.ccQuiz .ccQuizContainer .ccQuizStep0 .banner-content .banner-heading2{font-size:40px;font-weight:700;color:#fff;line-height:40px}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep0 .banner-content .banner-heading2{font-size:40px}
}
.ccQuiz .ccQuizContainer .ccQuizStep0 .banner-content .how-it-works{color:#fff;margin-top:54px}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep0 .banner-content .how-it-works{margin-top:30px}
}
.ccQuiz .ccQuizContainer .ccQuizStep0 .banner-content .how-it-works p{font-size:20px;font-weight:700;color:#508ae0;display:inline-block}
.ccQuiz .ccQuizContainer .ccQuizStep0 .banner-content .how-it-works .ccQuiz-steps{display:flex}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep0 .banner-content .how-it-works .ccQuiz-steps{margin:33px 0}
}
.ccQuiz .ccQuizContainer .ccQuizStep0 .banner-content .how-it-works .ccQuiz-steps .ccQuiz-steps-col{flex:0 0 26%}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep0 .banner-content .how-it-works .ccQuiz-steps .ccQuiz-steps-col{flex:0 0 50%}
}
.ccQuiz .ccQuizContainer .ccQuizStep0 .banner-content .how-it-works .ccQuiz-steps .steps-line{border-top:1px solid #508ae0;margin-top:14px;margin-left:50px}
.ccQuiz .ccQuizContainer .ccQuizStep0 .banner-content .how-it-works .ccQuiz-steps .step-number{width:70px;height:29px;background:#2170e5;border-radius:50px;padding-left:14px;padding-top:5px;font-size:14px;font-weight:600;line-height:20px}
.ccQuiz .ccQuizContainer .ccQuizStep0 .banner-content .how-it-works .ccQuiz-steps .step-number1{margin-top:-15px}
.ccQuiz .ccQuizContainer .ccQuizStep0 .banner-content .how-it-works .step-info1{margin-top:13px;font-size:13px;font-weight:600;color:#508ae0;width:184px}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep0 .banner-content .how-it-works .step-info1{line-height:19px;width:90%;margin-right:65px}
}
.ccQuiz .ccQuizContainer .ccQuizStep0 .banner-content .how-it-works .step-info2{margin-top:13px;font-size:13px;font-weight:600;color:#508ae0;width:230px}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep0 .banner-content .how-it-works .step-info2{line-height:19px;width:100%}
}
.ccQuiz .ccQuizContainer .ccQuiz-form{width:383px;background:#fff;border-radius:8px}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuiz-form{width:100%}
}
@media(min-width:992px) and (max-width:1024px){.ccQuiz .ccQuizContainer .ccQuiz-form{height:100%;margin:auto}
}
.ccQuiz .ccQuizContainer .ccQuiz-form .form-container{padding:20px}
.ccQuiz .ccQuizContainer .ccQuiz-form .form-container .form-heading{font-weight:700;font-size:20px;line-height:30px;margin-bottom:25px}
.ccQuiz .ccQuizContainer .ccQuiz-form .form-container .form-revamp-submit{padding:17px 20px;font-size:14px}
@media(min-width:1201px) and (max-width:1440px){.ccQuiz .ccQuizContainer .ccQuiz-start-form{flex:0 0 34%}
}
.ccQuiz .ccQuizContainer .ccQuiz-restart-form .ccQuiz-userName{font-weight:700;font-size:20px;line-height:30px;color:#feb940}
.ccQuiz .ccQuizContainer .ccQuiz-restart-form .form-restart-message{text-align:center;font-weight:700;font-size:13px;margin:70px 0 90px}
@media(min-width:1201px) and (max-width:1440px){.ccQuiz .ccQuizContainer .ccQuiz-end-form{flex:0 0 34%}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuiz-end-form{margin-top:-25px}
}
.ccQuiz .ccQuizContainer .ccQuiz-end-form .form-container{padding-top:30px}
.ccQuiz .ccQuizContainer .ccQuiz-end-form .phone-number-revamp .mobile_num_revamp{margin-bottom:28px}
.ccQuiz .ccQuizContainer .ccQuiz-end-form .pincode-revamp{margin-bottom:18px}
.ccQuiz .ccQuizContainer .ccQuiz-end-form .form-revamp-ques{margin-bottom:20px}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuiz-end-form .form-revamp-ques{margin-top:12px;margin-left:-14px;margin-right:-14px}
}
.ccQuiz .ccQuizContainer .ccQuiz-end-form .form-revamp-ques .disclaimer-group{display:flex !important;flex-wrap:wrap}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuiz-end-form .form-revamp-ques .disclaimer-group{padding:9px 6px 8px 8px}
}
.ccQuiz .ccQuizContainer .ccQuiz-end-form .form-revamp-ques .disclaimer-group .form-global__field-message{transform:translate(4px,18px)}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuiz-end-form .form-revamp-ques .disclaimer-group .form-global__field-message{transform:translateY(-3px) !important;flex:1 1 100%}
}
.ccQuiz .ccQuizContainer .ccQuiz-end-form .phone-number-revamp .mobile_num_revamp{flex-basis:85% !important}
.ccQuiz .ccQuizContainer .ccQuiz-end-form .form-revamp-submit{padding:17px 16px !important}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuiz-end-form-btn{margin-top:-30px;margin-bottom:40px}
}
.ccQuiz .ccQuizContainer .ccQuizStep{display:flex;padding:150px 100px;align-items:center}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep{display:block;padding:20px 22px 90px}
}
.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep2,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep3,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep5,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep6{justify-content:space-between}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep2,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep3,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep5,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep6{padding:20px 0 90px 22px}
}
.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep2 .quiz-option,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep3 .quiz-option,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4 .quiz-option,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep5 .quiz-option,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep6 .quiz-option{gap:50px}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep2 .quiz-option,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep3 .quiz-option,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4 .quiz-option,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep5 .quiz-option,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep6 .quiz-option{justify-content:space-between;overflow:scroll;gap:20px}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep2 .quiz-option .option,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep3 .quiz-option .option,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4 .quiz-option .option,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep5 .quiz-option .option,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep6 .quiz-option .option{flex:none;margin-right:0}
.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep2 .quiz-option .option:last-child,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep3 .quiz-option .option:last-child,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4 .quiz-option .option:last-child,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep5 .quiz-option .option:last-child,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep6 .quiz-option .option:last-child{margin-right:22px}
}
.ccQuiz .ccQuizContainer .ccQuizStep.active .question-and-number-wrapper:last-child{margin-bottom:0}
@media(min-width:992px){.ccQuiz .ccQuizContainer .ccQuizStep.active .question-and-number-wrapper:last-child{align-items:start}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.active .question-and-number-wrapper:last-child{width:100%;align-items:center}
}
.ccQuiz .ccQuizContainer .ccQuizStep.active .question-and-number-wrapper:last-child .question-text{color:#fff;font-size:40px;line-height:40px;cursor:default}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.active .question-and-number-wrapper:last-child .question-text{display:block;font-size:20px;line-height:30px;margin-bottom:30px}
}
.ccQuiz .ccQuizContainer .ccQuizStep.active .question-and-number-wrapper:last-child .question-num{width:28px;height:40px;background:#feb940;font-size:20px;font-weight:700;padding:0 9px 0 7px;cursor:default}
@media(min-width:992px){.ccQuiz .ccQuizContainer .ccQuizStep.active .question-and-number-wrapper:last-child .question-num{margin-right:14px}
}
@media(min-width:992px){.ccQuiz .ccQuizContainer .ccQuizStep.active .question-and-number-wrapper:last-child:focus-visible .question-text,.ccQuiz .ccQuizContainer .ccQuizStep.active .question-and-number-wrapper:last-child:hover .question-text{color:#fff}
}
.ccQuiz .ccQuizContainer .ccQuizStep .quiz-option{display:flex}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep .quiz-option .zoomed-option:last-child{margin-right:22px}
}
.ccQuiz .ccQuizContainer .ccQuizStep .quiz-option .option{min-height:164px;width:123px;background:#ffffff33;border:1px solid rgba(151,71,255,.5);border-radius:5px 60px 5px 5px;cursor:pointer}
.ccQuiz .ccQuizContainer .ccQuizStep .quiz-option .option img{width:100%;height:auto;border-top-right-radius:60px;padding:5px 5px 0}
.ccQuiz .ccQuizContainer .ccQuizStep .quiz-option .option .option-type{font-size:13px;font-weight:600;color:#fff;text-align:center;padding:5px;line-height:18px}
.ccQuiz .ccQuizContainer .ccQuizStep .quiz-option .option:focus-visible,.ccQuiz .ccQuizContainer .ccQuizStep .quiz-option .option:hover{border:1px solid #9747ff;background:#3113534d;transform:translate(0);transition:background-color .3s ease-out}
.ccQuiz .ccQuizContainer .ccQuizStep .quiz-option .option:focus-visible:after,.ccQuiz .ccQuizContainer .ccQuizStep .quiz-option .option:hover:after{content:"\2713";position:absolute;width:20%;top:40%;left:40%;color:#fff;font-size:30px}
.ccQuiz .ccQuizContainer .ccQuizStep .quiz-option .option.hovered img{transform:scale(1.04)}
.ccQuiz .ccQuizContainer .ccQuizStep .quiz-option .zoom-icon{text-align:right;margin-top:10px;cursor:pointer}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep .quiz-option .zoom-icon{margin-top:20px}
}
.ccQuiz .ccQuizContainer .ccQuizStep #zoom-modal .modal-content{padding:40px;background:#373737;padding-bottom:0;padding-top:13px}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep #zoom-modal .modal-content{padding:13px 6px 0}
}
.ccQuiz .ccQuizContainer .ccQuizStep #zoom-modal .closeZoomPopup{color:#fff;background:#000000b3;font-size:16px;position:absolute;z-index:99;right:48px;top:56px;margin:auto 0;border:1px solid #000;padding:0 6px;font-weight:500;border-radius:50%;cursor:pointer}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep #zoom-modal .closeZoomPopup{right:5px;top:52px}
}
.ccQuiz .ccQuizContainer .ccQuizStep #zoom-modal .imageSlides .categoryName{color:#fff;font-weight:600;font-size:20px;margin-bottom:10px}
.ccQuiz .ccQuizContainer .ccQuizStep #zoom-modal .imageSlides .expanded-img-container{height:500px}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep #zoom-modal .imageSlides .expanded-img-container{height:174px}
}
.ccQuiz .ccQuizContainer .ccQuizStep #zoom-modal .imageSlides img{height:100%;width:100%;border-radius:8px}
.ccQuiz .ccQuizContainer .ccQuizStep #zoom-modal .next-img,.ccQuiz .ccQuizContainer .ccQuizStep #zoom-modal .prev-img{position:absolute;z-index:99;top:50%;cursor:pointer}
.ccQuiz .ccQuizContainer .ccQuizStep #zoom-modal .prev-img{left:24px}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep #zoom-modal .prev-img{left:5px}
}
.ccQuiz .ccQuizContainer .ccQuizStep #zoom-modal .next-img{right:24px}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep #zoom-modal .next-img{right:5px}
}
@media(min-width:1201px) and (max-width:1440px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep1{padding:150px 90px 130px 80px}
}
@media(min-width:992px) and (max-width:1024px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep1{padding:150px 60px}
}
.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep1 .question-container{flex:0 0 70%}
@media(min-width:992px) and (max-width:1024px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep1 .question-container{flex:0 0 62%}
}
@media(min-width:992px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep1 .question-and-number-wrapper{width:85%}
}
.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep1 .quiz-option{gap:50px}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep1 .quiz-option{display:flex}
}
@media(min-width:992px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep2{padding:150px 70px 130px 80px}
}
@media(min-width:1440px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep2{padding:150px 70px 150px 100px}
}
@media(min-width:992px) and (max-width:1024px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep2{padding:150px 60px 120px}
.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep2 .question-container{flex:0 0 29%}
.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep2 .quiz-option{gap:40px}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep2{padding:28px 0 24px 22px}
.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep2 .quiz-option{margin-top:67px;padding-bottom:10px}
}
@media(min-width:992px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep2 .question-and-number-wrapper{width:90%}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep2 .quiz-questions-two .question-num{position:relative;top:-46px;right:-35px}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep2 .quiz-questions-two .question-text{margin-top:-40px}
}
@media(min-width:992px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep3{padding:130px 100px}
}
@media(min-width:992px) and (max-width:1024px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep3{padding:108px 60px}
.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep3 .quiz-option{gap:40px}
}
@media(min-width:1201px) and (max-width:1440px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep3{padding:130px 90px 110px 80px}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep3{padding:28px 0 15px 22px}
.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep3 .quiz-option{margin-top:60px;padding-bottom:10px}
}
.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep3 .question-container{flex:0 0 50%}
@media(min-width:992px) and (max-width:1024px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep3 .question-container{flex:0 0 48%}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep3 .quiz-questions-two .question-num{position:relative;top:-37px;right:-35px}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep3 .quiz-questions-three .question-num{position:relative;top:-83px;right:-70px}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep3 .quiz-questions-three .question-text{margin-top:-77px}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep3 .quiz-questions-four .question-num{position:relative;top:-111px;right:-104px}
}
@media(min-width:992px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep3 .quiz-questions-five.question-and-number-wrapper{width:93%}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep3 .quiz-questions-five .question-num{position:relative;top:-157px;right:-138px}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep3 .quiz-questions-five .question-text{margin-top:-150px}
}
@media(min-width:992px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4{padding:110px 170px 110px 100px}
}
@media(min-width:992px) and (max-width:1024px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4{padding:90px 60px 100px}
}
@media(min-width:1201px) and (max-width:1440px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4{padding:130px 120px 110px 80px}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4{padding:28px 0 105px 22px}
.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4 .quiz-option{margin-top:0;padding-bottom:10px}
}
.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4 .question-container{flex:0 0 50%}
@media(min-width:992px) and (max-width:1024px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4 .question-container{flex:0 0 46%}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4 .quiz-questions-two .question-num{position:relative;top:-37px;right:-35px}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4 .quiz-questions-three .question-num{position:relative;top:-74px;right:-70px}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4 .quiz-questions-four .question-num{position:relative;top:-120px;right:-104px}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4 .quiz-questions-four .question-text{margin-top:-110px}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4 .quiz-questions-five .question-num{position:relative;top:-148px;right:-137px}
}
@media(min-width:992px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4 .quiz-questions-six.question-and-number-wrapper{width:93%}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4 .quiz-questions-six .question-num{position:relative;top:-194px;right:-170px}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4 .quiz-questions-six .question-text{margin-top:-187px}
}
@media(min-width:992px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4 .quiz-option{display:grid;grid:repeat(2,80px)/auto-flow}
}
.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4 .quiz-option .option.interior-option{min-height:81px;width:123px;border-radius:5px 30px 5px 5px}
.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4 .quiz-option .option.interior-option .iconContainer{display:flex;justify-content:center;align-items:center;height:48px}
.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4 .quiz-option .option.interior-option img{width:auto;height:auto;border-top-right-radius:0;padding:0;transition:all .3s ease-out;margin:30% auto 14%}
.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4 .quiz-option .option.interior-option:focus-visible:after,.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4 .quiz-option .option.interior-option:hover:after{content:""}
.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep4 .quiz-option .option.interior-option.hovered img{transform:scale(1) rotate(15deg);transition:all .3s ease-out}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep5{padding:28px 5px 0}
}
@media(min-width:992px) and (max-width:1024px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep5{padding:52px 60px !important}
}
.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep5 .question-container{flex:0 0 68%}
@media(min-width:992px) and (max-width:1024px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep5 .question-container{flex:0 0 60%}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep5 .question-container{padding:0 22px}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep5 .quiz-questions-two .question-num{position:relative;top:-37px;right:-35px}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep5 .quiz-questions-three .question-num{position:relative;top:-74px;right:-70px}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep5 .quiz-questions-four .question-num{position:relative;top:-111px;right:-104px}
}
@media(min-width:992px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep5 .quiz-questions-five.question-and-number-wrapper{width:87%}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep5 .quiz-questions-five .question-num{position:relative;top:-157px;right:-138px}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep5 .quiz-questions-five .question-text{margin-top:-140px}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep5 .quiz-questions-six .question-num{position:relative;top:-185px;right:-169px}
}
@media(min-width:992px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep5 .quiz-questions-seven.question-and-number-wrapper{width:87%}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep5 .quiz-questions-seven .question-num{position:relative;top:-231px;right:-202px}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.ccQuizStep5 .quiz-questions-seven .question-text{margin-top:-220px}
}
@media(min-width:992px){.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep2,.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep3{padding:150px 120px 150px 100px}
}
@media(min-width:992px) and (max-width:1024px){.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep2,.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep3{padding:120px 60px 110px}
}
@media(min-width:1201px) and (max-width:1440px){.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep2,.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep3{padding:150px 90px 130px 80px}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep2{padding:28px 0 66px 22px}
.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep2 .quiz-option{margin-top:39px;padding-bottom:10px}
}
.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep2 .quiz-option .option{border-radius:60px 5px 5px 5px}
.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep2 .quiz-option .option img{border-top-right-radius:0;border-top-left-radius:60px}
@media(min-width:992px) and (max-width:1024px){.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep2 .question-container{flex:0 0 40%}
}
@media(min-width:992px){.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep3{padding:110px 150px 110px 100px}
}
@media(min-width:992px) and (max-width:1024px){.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep3{padding:100px 40px 100px 60px}
.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep3 .quiz-option{overflow:hidden}
}
@media(min-width:1201px) and (max-width:1440px){.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep3{padding:120px 120px 130px 80px}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep3{padding:28px 0 117px 22px}
.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep3 .quiz-option{margin-top:70px;padding-bottom:10px}
}
.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep3 .question-container{flex:0 0 50%}
@media(min-width:992px) and (max-width:1024px){.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep3 .question-container{flex:0 0 44%}
}
@media(min-width:992px){.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep3 .quiz-option{display:grid;grid:repeat(2,80px)/auto-flow;gap:50px}
}
.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep3 .quiz-option .option.exterior-option{min-height:81px;width:123px;border-radius:5px 30px 5px 5px}
.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep3 .quiz-option .option.exterior-option .iconContainer{display:flex;justify-content:center;align-items:center;height:48px}
.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep3 .quiz-option .option.exterior-option img{width:auto;height:auto;border-top-right-radius:0;padding:0;transition:all .3s ease-out;margin:30% auto 14%}
.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep3 .quiz-option .option.exterior-option:hover:after{content:""}
.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep3 .quiz-option .option.exterior-option.hovered img{transform:scale(1) rotate(15deg);transition:all .3s ease-out}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep4{padding:28px 5px 0}
.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep4 .question-container{padding:0 22px}
.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep4 .ccQuiz-end-form{margin-top:0}
.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep4 .ccQuiz-end-form-btn{margin-top:102px;margin-bottom:0}
}
@media(min-width:992px) and (max-width:1024px){.ccQuiz .ccQuizContainer .ccQuizStep.exterior-Quiz.ccQuizStep4{padding:78px 60px}
}
.ccQuiz .ccQuizContainer .ccQuizStep .question-container .question-and-number-wrapper{display:flex;margin-bottom:10px;width:fit-content}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep .question-container .question-and-number-wrapper{display:block;width:0}
}
@media(min-width:992px){.ccQuiz .ccQuizContainer .ccQuizStep .question-container .question-and-number-wrapper:focus-visible .question-num,.ccQuiz .ccQuizContainer .ccQuizStep .question-container .question-and-number-wrapper:hover .question-num{background:#feb940}
.ccQuiz .ccQuizContainer .ccQuizStep .question-container .question-and-number-wrapper:focus-visible .question-text,.ccQuiz .ccQuizContainer .ccQuizStep .question-container .question-and-number-wrapper:hover .question-text{color:#feb940}
}
.ccQuiz .ccQuizContainer .ccQuizStep .question-container .question-num{display:flex;flex-direction:column;justify-content:center;align-items:center;width:22px;height:22px;background:transparent;border:1px solid #feb940;border-radius:20px;margin-right:20px;color:#fff;font-size:11px;font-weight:600;cursor:pointer}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep .question-container .question-num{margin-bottom:15px}
}
.ccQuiz .ccQuizContainer .ccQuizStep .question-container .question-text{color:#508ae0;font-weight:700;font-size:13px;line-height:19px;cursor:pointer}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizContainer .ccQuizStep .question-container .question-text{display:none}
}
@media(min-width:992px){.ccQuiz .ccQuizContainer .interior .ccQuizStep5{padding:32px 100px}
}
@media(min-width:1201px) and (max-width:1440px){.ccQuiz .ccQuizContainer .interior .ccQuizStep5{padding:62px 80px}
}
@media(min-width:1440px){.ccQuiz .ccQuizContainer .interior .ccQuizStep5{padding:62px 100px}
}
@media(min-width:992px){.ccQuiz .ccQuizContainer .exterior .ccQuizStep4{padding:32px 100px}
}
@media(min-width:1201px) and (max-width:1440px){.ccQuiz .ccQuizContainer .exterior .ccQuizStep4{padding:62px 80px}
}
@media(min-width:1440px){.ccQuiz .ccQuizContainer .exterior .ccQuizStep4{padding:62px 100px}
}
.ccQuiz .ccQuizResult .header-section{height:245px;padding:75px 0;background-size:cover !important;background-repeat:no-repeat !important;border-radius:12px;background-image:linear-gradient(251.66deg,rgba(65,71,155,0) 28.48%,#080c4e 90.89%),var(--bg-image-desktop)}
@media(min-width:992px) and (max-width:1024px){.ccQuiz .ccQuizResult .header-section{padding:26px 0}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizResult .header-section{background-image:var(--bg-image-mob);padding:20px;height:fit-content}
}
.ccQuiz .ccQuizResult .ccQuiz-resultCTA{display:flex;justify-content:center;padding-top:50px;padding-bottom:60px;gap:17px}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizResult .ccQuiz-resultCTA{padding-top:10px;display:block !important;text-align:center;padding-bottom:16px}
}
.ccQuiz .ccQuizResult .ccQuiz-resultCTA .ctaComp button{border-radius:4px;font-size:14px;font-weight:700;text-transform:none;border:0;padding:16px 10px}
.ccQuiz .ccQuizResult .ccQuiz-resultCTA .ctaComp button:focus-visible,.ccQuiz .ccQuizResult .ccQuiz-resultCTA .ctaComp button:hover{color:#222;background:#fed440;box-shadow:none;padding:17px 10px}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizResult .ccQuiz-resultCTA .ctaComp button{width:212px;padding:17px 10px}
}
.ccQuiz .ccQuizResult .ccQuiz-resultCTA .quizRestartCTA button{background:#f8f8f8;color:#000;border:1px solid #979797}
.ccQuiz .ccQuizResult .ccQuiz-resultCTA .quizDownloadCTA button{background:#feb940;color:#222}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizResult .ccQuiz-resultCTA .quizDownloadCTA button{margin-top:15px}
}
.ccQuiz .ccQuizResult h2.text-center{color:#fff;font-size:40px;padding:0 180px;line-height:48px}
@media(min-width:320px) and (max-width:991px){.ccQuiz .ccQuizResult h2.text-center{font-size:20px;padding:0;line-height:24px}
}
@media(min-width:1201px) and (max-width:1440px){.ccQuiz .ccQuizResult h2.text-center{padding:0 100px}
}
.ccQuiz .main-container-css .recommendation-1-css,.ccQuiz .main-container-css .recommendation-2-css{margin:36px 0 30px}
.ccQuiz .main-container-css .recommendation-1-css .main-title-css,.ccQuiz .main-container-css .recommendation-2-css .main-title-css{font-weight:700;font-size:20px;line-height:24px;letter-spacing:.2px;color:#000;margin-bottom:31px}
@media(min-width:320px) and (max-width:1024px){.ccQuiz .main-container-css .recommendation-1-css .main-title-css,.ccQuiz .main-container-css .recommendation-2-css .main-title-css{margin-left:32px}
}
.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css{display:flex}
@media(min-width:320px) and (max-width:1024px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css{display:block;border:1px solid #c2c2c2;border-radius:8px;margin:0 15px;padding:14px}
}
.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css{width:926px;height:642px;display:flex;justify-content:space-around;border:1px solid #c2c2c2;border-radius:8px}
@media(min-width:320px) and (max-width:1024px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css{height:100%;width:100%;display:block;justify-content:center;border:0;padding:0}
}
@media(min-width:1440px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css{width:1076px}
}
@media(min-width:320px) and (max-width:1024px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css{margin:0 auto;width:185px}
}
.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css .title-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css .title-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css .title-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css .title-css{font-weight:700;font-size:13px;line-height:16px;letter-spacing:.2px;color:#222;margin-top:16px}
.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css .complimentary-shade-section-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css .primary-shade-section-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css .complimentary-shade-section-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css .primary-shade-section-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css .complimentary-shade-section-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css .primary-shade-section-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css .complimentary-shade-section-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css .primary-shade-section-css{box-sizing:border-box;border:1px solid #c2c2c2;border-radius:5px 50px 5px 5px;height:260px;width:185px;padding:3px;margin-top:10px;font-weight:500;font-size:13px;line-height:16px;letter-spacing:.2px;color:#000}
@media(min-width:320px) and (max-width:1024px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css .complimentary-shade-section-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css .primary-shade-section-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css .complimentary-shade-section-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css .primary-shade-section-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css .complimentary-shade-section-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css .primary-shade-section-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css .complimentary-shade-section-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css .primary-shade-section-css{margin:10px auto 0}
}
.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css .complimentary-shade-section-css .shade-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css .primary-shade-section-css .shade-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css .complimentary-shade-section-css .shade-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css .primary-shade-section-css .shade-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css .complimentary-shade-section-css .shade-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css .primary-shade-section-css .shade-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css .complimentary-shade-section-css .shade-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css .primary-shade-section-css .shade-css{box-sizing:border-box;border:0;border-radius:5px 50px 5px 5px;height:205px;width:175px}
.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css .complimentary-shade-section-css .shade-name-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css .primary-shade-section-css .shade-name-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css .complimentary-shade-section-css .shade-name-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css .primary-shade-section-css .shade-name-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css .complimentary-shade-section-css .shade-name-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css .primary-shade-section-css .shade-name-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css .complimentary-shade-section-css .shade-name-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css .primary-shade-section-css .shade-name-css{text-transform:capitalize;padding-left:13px;margin-top:12px}
.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css .complimentary-shade-section-css .shade-number-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css .primary-shade-section-css .shade-number-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css .complimentary-shade-section-css .shade-number-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css .primary-shade-section-css .shade-number-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css .complimentary-shade-section-css .shade-number-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .shade-section-css .primary-shade-section-css .shade-number-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css .complimentary-shade-section-css .shade-number-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .shade-section-css .primary-shade-section-css .shade-number-css{padding-left:13px}
.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .img-wrapper-css{width:690px;height:580px;margin-top:30px}
@media(min-width:992px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .img-wrapper-css{margin-top:40px}
}
@media(min-width:320px) and (max-width:1024px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .img-wrapper-css{width:100%;height:276px}
}
@media(min-width:1440px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .img-wrapper-css{width:840px}
}
@media(min-width:360px) and (max-width:575px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .img-wrapper-css{height:205px;width:272px;margin:0 auto;margin-top:30px}
}
@media(min-width:320px) and (max-width:359px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .img-wrapper-css{height:180px;width:240px;margin:0 auto;margin-top:30px}
}
@media(min-width:768px) and (max-width:991px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .img-wrapper-css{height:205px;width:272px;margin:0 auto;margin-top:30px}
}
@media(min-width:992px) and (max-width:1024px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .img-wrapper-css{height:230px;width:275px;margin:0 auto;margin-top:30px}
}
.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .img-wrapper-css img,.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .img-wrapper-css img,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .primary-combination-css .img-wrapper-css img,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css .img-wrapper-css img{height:100%;width:100%;border-radius:5px}
@media(min-width:320px) and (max-width:1024px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .secondary-combination-css{display:flex;flex-direction:column-reverse}
}
.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .svg-png-conatiner-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .svg-png-conatiner-css{position:relative;width:690px;height:100%}
@media(min-width:1440px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .svg-png-conatiner-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .svg-png-conatiner-css{width:840px}
}
@media(min-width:320px) and (max-width:1024px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .svg-png-conatiner-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .svg-png-conatiner-css{width:100%}
}
.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .svg-container-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .svg-container-css{width:100%;height:100%;position:relative;overflow:hidden;background-color:transparent;border-radius:5px}
.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .img-overlay-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .img-overlay-css{background-size:cover;background-repeat:no-repeat;background-position:50%;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:690px;border-radius:5px}
@media(min-width:992px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .img-overlay-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .img-overlay-css{background-size:100% 100%}
}
@media(min-width:360px) and (max-width:575px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .img-overlay-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .img-overlay-css{background-size:contain}
}
@media(min-width:320px) and (max-width:359px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .img-overlay-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .img-overlay-css{background-size:contain}
}
@media(min-width:768px) and (max-width:991px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .img-overlay-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .img-overlay-css{background-size:contain}
}
@media(min-width:1440px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .img-overlay-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .img-overlay-css{width:840px;background-position:top}
}
@media(min-width:320px) and (max-width:1024px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .primary-secondary-shade-section-css .img-overlay-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .primary-secondary-shade-section-css .img-overlay-css{width:100%}
}
.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .texture-wallpaper-section-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .texture-wallpaper-section-css{padding:20px;width:326px;height:343px;padding-top:0}
@media(min-width:320px) and (max-width:1024px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .texture-wallpaper-section-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .texture-wallpaper-section-css{padding:0;width:100%;height:100%}
}
.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .texture-wallpaper-section-css .title-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .texture-wallpaper-section-css .title-css{font-weight:600;font-size:40px;line-height:49px;color:#222;margin-bottom:140px}
@media(min-width:320px) and (max-width:1024px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .texture-wallpaper-section-css .title-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .texture-wallpaper-section-css .title-css{font-size:20px;line-height:24px;margin-bottom:24px;margin-top:20px}
}
.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .texture-wallpaper-section-css .texture-section-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .texture-wallpaper-section-css .texture-section-css{margin-bottom:126px}
@media(min-width:320px) and (max-width:1024px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .texture-wallpaper-section-css .texture-section-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .texture-wallpaper-section-css .texture-section-css{margin-bottom:56px;justify-content:center;display:grid}
}
.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .texture-wallpaper-section-css .texture-section-css .top-title-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .texture-wallpaper-section-css .texture-section-css .top-title-css{font-weight:600;font-size:13px;line-height:16px;letter-spacing:.2px;color:#6f6b6b}
@media(min-width:320px) and (max-width:1024px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .texture-wallpaper-section-css .texture-section-css .top-title-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .texture-wallpaper-section-css .texture-section-css .top-title-css{width:168px;margin:0 auto}
}
.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .texture-wallpaper-section-css .texture-section-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .texture-wallpaper-section-css .texture-section-css .img-wrapper-css{border-radius:0 50px 0 0;height:179px;width:168px;margin-top:10px}
@media(min-width:320px) and (max-width:1024px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .texture-wallpaper-section-css .texture-section-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .texture-wallpaper-section-css .texture-section-css .img-wrapper-css{margin:10px 0 auto}
}
.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .texture-wallpaper-section-css .texture-section-css .img-wrapper-css img,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .texture-wallpaper-section-css .texture-section-css .img-wrapper-css img{height:100%;width:100%}
.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .texture-wallpaper-section-css .texture-section-css .bottom-title-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .texture-wallpaper-section-css .texture-section-css .bottom-title-css{font-weight:500;font-size:13px;line-height:16px;letter-spacing:.2px;color:#000;margin-top:8px}
@media(min-width:320px) and (max-width:1024px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .texture-wallpaper-section-css .texture-section-css .bottom-title-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .texture-wallpaper-section-css .texture-section-css .bottom-title-css{margin:10px 0 auto;width:168px}
}
@media(min-width:1200px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .texture-wallpaper-section-css .texture-section-css .arrowRedirectRight,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .texture-wallpaper-section-css .texture-section-css .arrowRedirectRight{position:absolute}
}
@media(min-width:320px) and (max-width:1024px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .texture-wallpaper-section-css .wallpaper-section-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .texture-wallpaper-section-css .wallpaper-section-css{justify-content:center;display:grid}
}
.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .texture-wallpaper-section-css .wallpaper-section-css .top-title-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .texture-wallpaper-section-css .wallpaper-section-css .top-title-css{font-weight:600;font-size:13px;line-height:16px;letter-spacing:.2px;color:#6f6b6b}
@media(min-width:320px) and (max-width:1024px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .texture-wallpaper-section-css .wallpaper-section-css .top-title-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .texture-wallpaper-section-css .wallpaper-section-css .top-title-css{width:168px;margin:0 auto}
}
.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .texture-wallpaper-section-css .wallpaper-section-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .texture-wallpaper-section-css .wallpaper-section-css .img-wrapper-css{border-radius:0 50px 0 0;height:179px;width:168px;margin-top:10px}
@media(min-width:320px) and (max-width:1024px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .texture-wallpaper-section-css .wallpaper-section-css .img-wrapper-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .texture-wallpaper-section-css .wallpaper-section-css .img-wrapper-css{margin:10px 0 auto}
}
.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .texture-wallpaper-section-css .wallpaper-section-css .img-wrapper-css img,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .texture-wallpaper-section-css .wallpaper-section-css .img-wrapper-css img{height:100%;width:100%}
.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .texture-wallpaper-section-css .wallpaper-section-css .bottom-title-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .texture-wallpaper-section-css .wallpaper-section-css .bottom-title-css{font-weight:500;font-size:13px;line-height:16px;letter-spacing:.2px;color:#000;margin-top:8px}
@media(min-width:320px) and (max-width:1024px){.ccQuiz .main-container-css .recommendation-1-css .top-section-wrapper-css .texture-wallpaper-section-css .wallpaper-section-css .bottom-title-css,.ccQuiz .main-container-css .recommendation-2-css .top-section-wrapper-css .texture-wallpaper-section-css .wallpaper-section-css .bottom-title-css{margin:10px 0 auto}
}
.ccQuiz .main-container-css .recommendation-1-css .arrowRedirect,.ccQuiz .main-container-css .recommendation-2-css .arrowRedirect{float:right;margin-right:2px;margin-top:-15px}
.ccQuiz .main-container-css .recommendation-1-css .arrowRedirectRight,.ccQuiz .main-container-css .recommendation-2-css .arrowRedirectRight{float:left;margin-left:147px}
.ccQuiz .main-container-css .recommendation-1-css .complimentary.title.title-css,.ccQuiz .main-container-css .recommendation-2-css .complimentary.title.title-css{margin-top:2px}
@media(min-width:992px){.ccQuiz .primary-large,.ccQuiz .primary-pdf-large,.ccQuiz .primary-pdf-medium,.ccQuiz .primary-pdf-mobile,.ccQuiz .primary-pdf-mobile-ios,.ccQuiz .primary-small,.ccQuiz .secondary-large,.ccQuiz .secondary-pdf-large,.ccQuiz .secondary-pdf-medium,.ccQuiz .secondary-pdf-mobile,.ccQuiz .secondary-pdf-mobile-ios,.ccQuiz .secondary-small{display:none}
.ccQuiz .primary-medium,.ccQuiz .secondary-medium{display:block}
}
@media(min-width:1440px){.ccQuiz .primary-medium,.ccQuiz .primary-pdf-large,.ccQuiz .primary-pdf-medium,.ccQuiz .primary-pdf-mobile,.ccQuiz .primary-pdf-mobile-ios,.ccQuiz .primary-small,.ccQuiz .secondary-medium,.ccQuiz .secondary-pdf-large,.ccQuiz .secondary-pdf-medium,.ccQuiz .secondary-pdf-mobile,.ccQuiz .secondary-pdf-mobile-ios,.ccQuiz .secondary-small{display:none}
.ccQuiz .primary-large,.ccQuiz .secondary-large{display:block}
}
@media(min-width:320px) and (max-width:991px){.ccQuiz .primary-large,.ccQuiz .primary-medium,.ccQuiz .primary-pdf-large,.ccQuiz .primary-pdf-medium,.ccQuiz .primary-pdf-mobile,.ccQuiz .primary-pdf-mobile-ios,.ccQuiz .secondary-large,.ccQuiz .secondary-medium,.ccQuiz .secondary-pdf-large,.ccQuiz .secondary-pdf-medium,.ccQuiz .secondary-pdf-mobile,.ccQuiz .secondary-pdf-mobile-ios{display:none}
.ccQuiz .primary-small,.ccQuiz .secondary-small{display:block}
}
@supports(-webkit-touch-callout:none){.ccQuiz .pdfHTML .iosParent{padding-left:45px}
}
.ccQuiz .pdfHTML .ccQuiz-heading{float:right}
@media(min-width:1025px){.ccQuiz .pdfHTML{z-index:-1;position:absolute;bottom:0;padding:0 45px}
}
@media(min-width:320px) and (max-width:1024px){.ccQuiz .pdfHTML{overflow-y:scroll}
}
.ccQuiz .pdfHTML .apLogo{width:207px}
.ccQuiz .pdfHTML .header-section{height:245px;padding:70px 0;margin-top:20px}
@supports(-webkit-touch-callout:none){.ccQuiz .pdfHTML .apLogo-ios{display:block !important}
@media(min-width:992px) and (max-width:1024px){.ccQuiz .pdfHTML .apLogo-ios{display:none !important}
}
@media(min-width:768px) and (max-width:991px){.ccQuiz .pdfHTML .apLogo-ios{display:none !important}
}
}
@supports(-webkit-touch-callout:none){.ccQuiz .pdfHTML .ccQuiz-heading-ios{display:block !important;margin-top:-15px}
@media(min-width:992px) and (max-width:1024px){.ccQuiz .pdfHTML .ccQuiz-heading-ios{display:none !important}
}
@media(min-width:768px) and (max-width:991px){.ccQuiz .pdfHTML .ccQuiz-heading-ios{display:none !important}
}
}
@supports(-webkit-touch-callout:none){.ccQuiz .pdfHTML .header-section-print-ios{display:block !important;height:200px;padding:60px 0}
@media(min-width:992px) and (max-width:1024px){.ccQuiz .pdfHTML .header-section-print-ios{display:none !important}
}
@media(min-width:768px) and (max-width:991px){.ccQuiz .pdfHTML .header-section-print-ios{display:none !important}
}
}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print{margin:36px 0 30px}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .main-title-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .main-title-print{font-weight:700;font-size:20px;line-height:24px;letter-spacing:.2px;color:#000;margin-bottom:31px}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print{display:flex}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print{width:926px;height:642px;display:flex;justify-content:space-around;border:1px solid #c2c2c2;border-radius:8px}
@supports(-webkit-touch-callout:none){.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print{height:449px}
}
@media(min-width:1440px){.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print{width:1076px}
}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .title-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .title-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .title-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .title-print{font-weight:700;font-size:13px;line-height:16px;letter-spacing:.2px;color:#222;margin-top:16px}
@supports(-webkit-touch-callout:none){.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .title-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .title-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .title-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .title-print{margin-top:4px}
}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .complimentary-shade-section-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .primary-shade-section-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .complimentary-shade-section-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .primary-shade-section-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .complimentary-shade-section-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .primary-shade-section-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .complimentary-shade-section-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .primary-shade-section-print{box-sizing:border-box;border:1px solid #c2c2c2;border-radius:5px 50px 5px 5px;height:260px;width:185px;padding:3px;margin-top:10px;font-weight:500;font-size:13px;line-height:16px;letter-spacing:.2px;color:#000}
@supports(-webkit-touch-callout:none){.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .complimentary-shade-section-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .primary-shade-section-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .complimentary-shade-section-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .primary-shade-section-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .complimentary-shade-section-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .primary-shade-section-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .complimentary-shade-section-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .primary-shade-section-print{height:182px}
}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .complimentary-shade-section-print .shade-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .primary-shade-section-print .shade-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .complimentary-shade-section-print .shade-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .primary-shade-section-print .shade-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .complimentary-shade-section-print .shade-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .primary-shade-section-print .shade-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .complimentary-shade-section-print .shade-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .primary-shade-section-print .shade-print{box-sizing:border-box;border:0;border-radius:5px 50px 5px 5px;height:205px;width:175px}
@supports(-webkit-touch-callout:none){.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .complimentary-shade-section-print .shade-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .primary-shade-section-print .shade-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .complimentary-shade-section-print .shade-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .primary-shade-section-print .shade-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .complimentary-shade-section-print .shade-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .primary-shade-section-print .shade-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .complimentary-shade-section-print .shade-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .primary-shade-section-print .shade-print{height:143px}
}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .complimentary-shade-section-print .shade-name-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .primary-shade-section-print .shade-name-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .complimentary-shade-section-print .shade-name-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .primary-shade-section-print .shade-name-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .complimentary-shade-section-print .shade-name-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .primary-shade-section-print .shade-name-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .complimentary-shade-section-print .shade-name-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .primary-shade-section-print .shade-name-print{text-transform:capitalize;padding-left:13px;margin-top:12px}
@supports(-webkit-touch-callout:none){.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .complimentary-shade-section-print .shade-name-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .primary-shade-section-print .shade-name-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .complimentary-shade-section-print .shade-name-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .primary-shade-section-print .shade-name-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .complimentary-shade-section-print .shade-name-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .primary-shade-section-print .shade-name-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .complimentary-shade-section-print .shade-name-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .primary-shade-section-print .shade-name-print{padding-left:3px;margin-top:1px}
}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .complimentary-shade-section-print .shade-number-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .primary-shade-section-print .shade-number-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .complimentary-shade-section-print .shade-number-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .primary-shade-section-print .shade-number-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .complimentary-shade-section-print .shade-number-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .primary-shade-section-print .shade-number-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .complimentary-shade-section-print .shade-number-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .primary-shade-section-print .shade-number-print{padding-left:13px}
@supports(-webkit-touch-callout:none){.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .complimentary-shade-section-print .shade-number-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .primary-shade-section-print .shade-number-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .complimentary-shade-section-print .shade-number-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .primary-shade-section-print .shade-number-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .complimentary-shade-section-print .shade-number-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .shade-section-print .primary-shade-section-print .shade-number-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .complimentary-shade-section-print .shade-number-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .primary-shade-section-print .shade-number-print{padding-left:2px}
}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .img-wrapper-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .img-wrapper-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .img-wrapper-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .img-wrapper-print{width:690px;height:580px;margin-top:30px}
@media(min-width:992px){.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .img-wrapper-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .img-wrapper-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .img-wrapper-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .img-wrapper-print{margin-top:40px}
}
@supports(-webkit-touch-callout:none){.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .img-wrapper-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .img-wrapper-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .img-wrapper-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .img-wrapper-print{height:406px}
}
@media(min-width:1440px){.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .img-wrapper-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .img-wrapper-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .img-wrapper-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .img-wrapper-print{width:840px}
}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .img-wrapper-print img,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .img-wrapper-print img,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .primary-combination-print .img-wrapper-print img,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .img-wrapper-print img{height:100%;width:100%;border-radius:5px}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .complimentary-shade-section-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .primary-shade-section-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .title-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .complimentary-shade-section-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .primary-shade-section-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .secondary-combination-print .shade-section-print .title-print{margin-left:30px}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .svg-png-conatiner-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .svg-png-conatiner-print{position:relative;width:690px;height:100%}
@media(min-width:1440px){.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .svg-png-conatiner-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .svg-png-conatiner-print{width:840px}
}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .svg-container-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .svg-container-print{width:100%;height:100%;position:relative;overflow:hidden;background-color:transparent;border-radius:5px}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .img-overlay-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .img-overlay-print{background-size:cover;background-repeat:no-repeat;background-position:50%;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:690px;border-radius:5px}
@media(min-width:992px){.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .img-overlay-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .img-overlay-print{background-size:100% 100%}
}
@media(min-width:1440px){.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .primary-secondary-shade-section-print .img-overlay-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .primary-secondary-shade-section-print .img-overlay-print{width:840px;background-position:top}
}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .texture-wallpaper-section-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .texture-wallpaper-section-print{width:326px;padding:20px;height:343px;padding-top:0}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .texture-wallpaper-section-print .title-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .texture-wallpaper-section-print .title-print{font-weight:600;font-size:40px;line-height:49px;color:#222;margin-bottom:140px}
@supports(-webkit-touch-callout:none){.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .texture-wallpaper-section-print .title-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .texture-wallpaper-section-print .title-print{margin-bottom:40px;font-size:30px;line-height:40px}
}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .texture-wallpaper-section-print .texture-section-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .texture-wallpaper-section-print .texture-section-print{margin-bottom:126px}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .texture-wallpaper-section-print .texture-section-print .top-title-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .texture-wallpaper-section-print .texture-section-print .top-title-print{font-weight:600;font-size:13px;line-height:16px;letter-spacing:.2px;color:#6f6b6b}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .texture-wallpaper-section-print .texture-section-print .img-wrapper-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .texture-wallpaper-section-print .texture-section-print .img-wrapper-print{border-radius:0 50px 0 0;height:179px;width:168px;margin-top:10px}
@supports(-webkit-touch-callout:none){.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .texture-wallpaper-section-print .texture-section-print .img-wrapper-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .texture-wallpaper-section-print .texture-section-print .img-wrapper-print{height:159px}
}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .texture-wallpaper-section-print .texture-section-print .img-wrapper-print img,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .texture-wallpaper-section-print .texture-section-print .img-wrapper-print img{height:100%;width:100%}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .texture-wallpaper-section-print .texture-section-print .bottom-title-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .texture-wallpaper-section-print .texture-section-print .bottom-title-print{font-weight:500;font-size:13px;line-height:16px;letter-spacing:.2px;color:#000;margin-top:8px}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .texture-wallpaper-section-print .wallpaper-section-print .top-title-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .texture-wallpaper-section-print .wallpaper-section-print .top-title-print{font-weight:600;font-size:13px;line-height:16px;letter-spacing:.2px;color:#6f6b6b}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .texture-wallpaper-section-print .wallpaper-section-print .img-wrapper-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .texture-wallpaper-section-print .wallpaper-section-print .img-wrapper-print{border-radius:0 50px 0 0;height:179px;width:168px;margin-top:10px}
@supports(-webkit-touch-callout:none){.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .texture-wallpaper-section-print .wallpaper-section-print .img-wrapper-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .texture-wallpaper-section-print .wallpaper-section-print .img-wrapper-print{height:159px}
}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .texture-wallpaper-section-print .wallpaper-section-print .img-wrapper-print img,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .texture-wallpaper-section-print .wallpaper-section-print .img-wrapper-print img{height:100%;width:100%}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print .top-section-wrapper-print .texture-wallpaper-section-print .wallpaper-section-print .bottom-title-print,.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print .top-section-wrapper-print .texture-wallpaper-section-print .wallpaper-section-print .bottom-title-print{font-weight:500;font-size:13px;line-height:16px;letter-spacing:.2px;color:#000;margin-top:8px}
.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print{padding-bottom:350px}
@media(min-width:992px){.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print{padding-bottom:150px}
}
@supports(-webkit-touch-callout:none){.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-print{padding-bottom:10px}
}
@supports(-webkit-touch-callout:none){.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-print{padding-bottom:50px;padding-top:20px;padding-left:45px}
}
@supports(-webkit-touch-callout:none){.ccQuiz .pdfHTML .main-container-printpdf .recommendation-1-dummy-block-ios{height:10px}
}
@supports(-webkit-touch-callout:none){.ccQuiz .pdfHTML .main-container-printpdf .recommendation-2-dummy-block-ios{height:150px}
}
@supports(-webkit-touch-callout:none){.ccQuiz .pdfHTML .main-container-printpdf .container-print{margin-left:100px;padding-left:100px}
}
.ccQuiz .pdfHTML .main-container-printpdf .arrowRedirect{float:right;margin-right:2px;margin-top:-15px}
.ccQuiz .pdfHTML .main-container-printpdf .arrowRedirectRight{float:left;margin-left:147px}
.ccQuiz .pdfHTML .main-container-printpdf .complimentary.title.title-print{margin-top:2px}
.ccQuiz .pdfHTML .primary,.ccQuiz .pdfHTML .secondary{display:none}
.ccQuiz .pdfHTML .primary.title-print{display:block}
@media(min-width:1440px){.ccQuiz .pdfHTML .primary-pdf-large,.ccQuiz .pdfHTML .secondary-pdf-large{display:block}
}
@media(min-width:992px) and (max-width:1439px){.ccQuiz .pdfHTML .primary-pdf-medium,.ccQuiz .pdfHTML .secondary-pdf-medium{display:block}
}
@media(min-width:320px) and (max-width:1024px){.ccQuiz .pdfHTML .primary-pdf-mobile,.ccQuiz .pdfHTML .secondary-pdf-mobile{display:block}
@supports(-webkit-touch-callout:none){.ccQuiz .pdfHTML .primary-pdf-mobile-ios,.ccQuiz .pdfHTML .secondary-pdf-mobile-ios{display:block}
}
}
.ccquiz-footer-rte{padding:8px 0 1px;background:#f2f2f2;margin-top:4px}
@media(min-width:992px){.ccquiz-footer-rte{height:40px}
}
@media(min-width:320px) and (max-width:991px){.bottom-topCoat-css{margin-top:-15px}
}
@media(min-width:320px) and (max-width:991px){.bottom-baseCoat-css{margin-top:-4px}
}