@media(max-width:767px){.quiz-box .tops-heads{margin-bottom:16px}
}
.quiz-box .tops-heads h2 strong{font-family:"OpenSans-Bold",sans-serif;font-weight:700}
@media(max-width:991px){.quiz-slider-box .mySwiper{max-width:650px !important;height:auto;margin:0 auto;overflow:visible}
}
@media(min-width:992px){.quiz-slider-box .mySwiper{width:100% !important;max-width:1200px;height:auto;overflow:visible}
}
.quiz-slider-box .swiper-slide{display:flex;align-items:center;justify-content:center;overflow:visible}
.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card{width:100%;height:100%;border-radius:30px;background:linear-gradient(134.06deg,#1268b3 0,#108dfa 99.11%);box-shadow:-10px 0 20px rgba(0,0,0,0.1);padding-inline:24px;padding-block:24px;max-width:392px;min-height:343px;position:relative}
@media(max-width:767px){.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card{min-height:268px;max-width:300px;width:auto;border-radius:16px}
}
.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card .quiz-card-inner{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-top:20px}
.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card .quiz-card-inner .quiz-card-number{background-color:#d8e024;border-radius:50%;width:45px;height:45px;padding:0;display:flex;align-items:center;justify-content:center}
.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card .quiz-card-inner .quiz-card-number p{color:#2a78bc;font-size:32px;font-family:"OpenSans-Bold"}
.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card .quiz-card-inner .quiz-card-question{margin-top:12px;width:205px}
.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card .quiz-card-inner .quiz-card-question p{color:white}
.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card .quiz-card-inner .quiz-card-image{position:absolute;right:24px;bottom:55px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;pointer-events:none}
.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card .quiz-card-inner .quiz-card-image::after{content:"?";font-size:72px;font-weight:900;color:rgba(255,255,255,0.12);line-height:1;font-family:"OpenSans-Bold",sans-serif}
@media(max-width:767px){.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card .quiz-card-inner .quiz-card-image{right:12px;bottom:12px}
.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card .quiz-card-inner .quiz-card-image::after{font-size:52px}
}
.quiz-btn-icon{font-size:16px;line-height:1;margin-right:4px}
.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card .quiz-card-inner button{height:60px;text-transform:none;border:1px solid #1961ac;font-size:20px;display:flex;align-items:center;gap:6px;padding:15px 28px;min-width:122px;border-radius:12px}
.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card .quiz-card-inner button.quiz-answer-selected{background:#1961ac !important;color:#fff}
.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card .quiz-card-inner button.quiz-answer-selected img{filter:brightness(0) invert(1)}
.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card .quiz-card-inner button.btn-answer-correct{background:#2e9e5b !important;border-color:#2e9e5b !important;color:#fff}
.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card .quiz-card-inner button.btn-answer-incorrect{background:#d93025 !important;border-color:#d93025 !important;color:#fff}
.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card .quiz-card-inner .quiz-card-buttons-desktop{position:absolute;display:flex;gap:12px;bottom:-27px;left:50%;transform:translateX(-50%)}
@media(max-width:767px){.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card .quiz-card-inner .quiz-card-buttons-desktop{display:none}
}
.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card .quiz-card-inner .navigation-buttons{position:absolute;display:flex;top:50%;transform:translateY(-50%);gap:12px;justify-content:space-between;width:100%}
.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card .quiz-card-inner .navigation-buttons button{background:linear-gradient(134.06deg,rgba(255,255,255,0.85) 0,rgba(255,255,255,0.9) 99.11%);border-radius:16px;backdrop-filter:blur(18px);max-width:50px;width:100%;min-width:auto;max-height:50px;padding:19px 22px}
.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card .quiz-card-inner .navigation-buttons button span{color:#333}
.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card .quiz-card-inner .navigation-buttons button:nth-child(1){margin-left:-25px}
.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card .quiz-card-inner .navigation-buttons button:nth-child(2){margin-right:-25px}
@media(max-width:767px){.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card .quiz-card-inner .navigation-buttons{display:none}
}
.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card .quiz-card-inner .navigation-buttons .btn-disabled{opacity:.8;pointer-events:none}
@media(min-width:768px){.quiz-slider-box .quiz-slider-list .quiz-slider-item:not(:first-child) .quiz-card-buttons-desktop,.quiz-slider-box .quiz-slider-list .quiz-slider-item:not(:first-child) .navigation-buttons{display:none !important}
}
.quiz-slider-box .swiper-button-next,.quiz-slider-box .swiper-button-prev{background:linear-gradient(134.06deg,rgba(255,255,255,0.85) 0,rgba(255,255,255,0.9) 99.11%);border-radius:16px;padding-block:19px;padding-inline:22px;border:1px solid;border-image-source:linear-gradient(135.05deg,#fff -3.27%,rgba(255,255,255,0) 113.09%);width:50px;height:40px}
@media(min-width:768px){.quiz-slider-box .separator{display:none}
}
@media(max-width:767px){.quiz-slider-box .separator{display:flex;align-items:center;justify-content:center;margin-top:24px;max-width:272px;margin:24px auto 24px;position:relative}
.quiz-slider-box .separator::before{content:"";position:absolute;top:50%;left:12px;right:auto;height:0;border-top:1px solid black;width:calc(50% - 35px)}
.quiz-slider-box .separator::after{content:"";position:absolute;top:50%;right:12px;left:auto;height:0;border-top:1px solid black;width:calc(50% - 35px)}
.quiz-slider-box .separator span{display:flex;color:#333;font-size:16px;line-height:130%;font-family:"OpenSans-Regular"}
}
@media(max-width:767px){.quiz-slider-box .quiz-card-buttons-mobile{display:flex;gap:15px;justify-content:center;align-items:center}
.quiz-slider-box .quiz-card-buttons-mobile button{font-size:14px;min-width:auto;max-width:143px;border-radius:12px;width:50%;height:44px;text-transform:none;display:flex;gap:8px;padding:15px 28px}
.quiz-slider-box .quiz-card-buttons-mobile button.quiz-answer-selected{background:#1961ac !important;color:#fff}
.quiz-slider-box .quiz-card-buttons-mobile button.btn-answer-correct{background:#2e9e5b !important;border-color:#2e9e5b !important;color:#fff}
.quiz-slider-box .quiz-card-buttons-mobile button.btn-answer-incorrect{background:#d93025 !important;border-color:#d93025 !important;color:#fff}
}
@media(min-width:768px){.quiz-slider-box .quiz-card-buttons-mobile{display:none}
}
@media screen and (min-width:768px){:root{--quizWidth:clamp(720px,92vw,1110px);--cardOverlap:120px;--quizCardHeight:355px;--quizActiveCardExtra:100px;--total-cards:5;--quizCardWidth:calc(var(--quizWidth) / 5)}
}
@media screen and (min-width:768px) and (max-width:991px){:root{--quizWidth:clamp(650px,92vw,900px);--cardOverlap:90px;--quizActiveCardExtra:70px}
}
@media screen and (min-width:768px){.quiz-slider-box-inner{max-width:unset;overflow:visible}
.quiz-slider-list{display:flex;flex-wrap:nowrap;align-items:center;list-style:none;margin:0;padding:0;overflow:visible}
.quiz-slider-box{min-height:var(--quizCardHeight);overflow:visible}
.quiz-slider-box .quiz-slider-item{flex:0 0 calc(var(--quizCardWidth) + var(--cardOverlap));max-width:calc(var(--quizCardWidth) + var(--cardOverlap));margin-left:calc(-1 * (var(--cardOverlap) / 2 + var(--quizActiveCardExtra)));will-change:transform;backface-visibility:hidden;overflow:visible}
.quiz-slider-box .quiz-slider-item:nth-child(1){z-index:5}
.quiz-slider-box .quiz-slider-item:nth-child(1) .quiz-card{height:calc(var(--quizCardHeight) - 0) !important}
.quiz-slider-box .quiz-slider-item:nth-child(2){z-index:4}
.quiz-slider-box .quiz-slider-item:nth-child(2) .quiz-card{height:calc(var(--quizCardHeight) - 20px) !important}
.quiz-slider-box .quiz-slider-item:nth-child(3){z-index:3}
.quiz-slider-box .quiz-slider-item:nth-child(3) .quiz-card{height:calc(var(--quizCardHeight) - 40px) !important}
.quiz-slider-box .quiz-slider-item:nth-child(4){z-index:2}
.quiz-slider-box .quiz-slider-item:nth-child(4) .quiz-card{height:calc(var(--quizCardHeight) - 60px) !important}
.quiz-slider-box .quiz-slider-item:nth-child(5){z-index:1}
.quiz-slider-box .quiz-slider-item:nth-child(5) .quiz-card{height:calc(var(--quizCardHeight) - 80px) !important}
.quiz-slider-box .quiz-slider-item:nth-child(n+2) .quiz-card{border-radius:14px;background:linear-gradient(134.06deg,#3b7fbf 0,#3ea0fb 99.11%)}
.quiz-slider-box .quiz-slider-item:nth-child(n+2) .quiz-card .quiz-card-inner{opacity:.5}
.quiz-slider-box .quiz-slider-item:last-child{opacity:.8}
.quiz-slider-box .quiz-slider-item.active{flex:0 0 calc(var(--quizCardWidth) + var(--quizActiveCardExtra) + var(--cardOverlap) / 2);max-width:calc(var(--quizCardWidth) + var(--quizActiveCardExtra) + var(--cardOverlap) / 2);margin-left:0;opacity:1;z-index:10}
.quiz-slider-box .quiz-slider-item.active .quiz-card{height:350px !important}
.quiz-slider-box .quiz-slider-item .quiz-card{max-width:unset !important;min-height:unset !important}
}
@media(max-width:767px){.result-box .results-inner{display:flex;flex-direction:column;gap:24px;padding-bottom:55px}
}
@media(min-width:768px){.result-box .results-inner{display:flex;justify-content:space-between;max-width:810px;margin:0 auto;padding-bottom:50px}
}
.result-box .results-inner .great-start-box{width:calc(100% - 314px);padding-right:35px;position:relative}
.result-box .results-inner .great-start-box .great-start{background-color:#fff;background-image:url(../../../../../../content/dam/tata-capital/csr/result-gif.svg);background-repeat:no-repeat;background-position:top center;background-size:contain;border-radius:30px;display:flex;flex-direction:column;padding:35px 36px;height:100%}
.result-box .results-inner .great-start-box .great-start .great-start-top{display:flex;justify-content:center;align-items:center;flex-direction:column}
.result-box .results-inner .great-start-box .great-start .great-start-top .top-image{width:90px;height:90px;display:flex;align-items:center;justify-content:center;background:#126fb3;border-radius:50%;margin-bottom:18px}
.result-box .results-inner .great-start-box .great-start .great-start-top .top-content{margin-bottom:18px}
@media(min-width:768px){.result-box .results-inner .great-start-box .great-start .great-start-top .top-content{text-align:center}
}
.result-box .results-inner .great-start-box .great-start .great-start-top .top-content p{font-size:32px;font-family:"OpenSans-Regular";line-height:130%}
@media(max-width:767px){.result-box .results-inner .great-start-box .great-start .great-start-top .top-content p{font-size:22px}
}
.result-box .results-inner .great-start-box .great-start .great-start-top .top-content p span{font-family:"OpenSans-Bold"}
.result-box .results-inner .great-start-box .great-start .great-start-top .result{background:linear-gradient(94.99deg,rgba(79,179,129,0.85) -1.62%,rgba(91,194,143,0.909844) 47.33%,#68c999 102.12%);padding:9px 24px;border-radius:18px}
@media(max-width:767px){.result-box .results-inner .great-start-box .great-start .great-start-top .result{padding:6px 16px;border-radius:12px}
}
.result-box .results-inner .great-start-box .great-start .great-start-top .result p{color:#fff;font-size:24px;line-height:140%;font-family:"OpenSans-SemiBold"}
@media(max-width:767px){.result-box .results-inner .great-start-box .great-start .great-start-top .result p{font-size:16px}
}
.result-box .results-inner .great-start-box .great-start .great-start-bottom{display:flex;justify-content:center;align-items:center;gap:15px;border-top:1.49px solid #a9a9a9;padding-top:24px;margin-top:24px}
@media(max-width:767px){.result-box .results-inner .great-start-box .great-start .great-start-bottom{padding-top:20px;margin-top:20px}
}
.result-box .results-inner .great-start-box .great-start .great-start-bottom .bottom-image{background:#b287d4;border-radius:50%;margin-bottom:auto}
.result-box .results-inner .great-start-box .great-start .great-start-bottom .bottom-content p{font-size:20px;line-height:140%;font-family:"OpenSans-Regular"}
@media(max-width:991px){.result-box .results-inner .great-start-box .great-start .great-start-bottom .bottom-content p{font-size:18px;line-height:130%}
}
@media(max-width:767px){.result-box .results-inner .great-start-box .great-start .great-start-bottom .bottom-content p{font-size:13px}
}
.result-box .results-inner .great-start-box .bg-image{position:absolute;top:0;right:auto;left:auto}
@media(max-width:991px){.result-box .results-inner .great-start-box{width:calc(100% - 270px)}
}
@media(max-width:767px){.result-box .results-inner .great-start-box{width:100%;padding-right:0}
}
.result-box .results-inner .take-away{width:314px}
@media(max-width:991px){.result-box .results-inner .take-away{width:270px}
}
@media(max-width:767px){.result-box .results-inner .take-away{width:100%;margin-top:24px}
}
@media(min-width:768px){.result-box .results-inner .take-away .take-away-inner{display:flex;flex-direction:column}
}
.result-box .results-inner .take-away .take-away-inner .heading{margin-bottom:12px;text-align:center}
.result-box .results-inner .take-away .take-away-inner .heading p{font-size:22px;font-family:"OpenSans-Bold";font-weight:700;color:#0a3152;line-height:130%}
@media(max-width:767px){.result-box .results-inner .take-away .take-away-inner .heading{margin-bottom:8px;text-align:center}
.result-box .results-inner .take-away .take-away-inner .heading p{font-size:20px}
}
.result-box .results-inner .take-away .take-away-inner .take-away-content{overflow:visible}
@media(min-width:768px){.result-box .results-inner .take-away .take-away-inner .take-away-content .take-away-list{display:flex;flex-direction:column;gap:12px}
}
.result-box .results-inner .take-away .take-away-inner .take-away-content .take-away-list .take-away-item .take-away-item-inner{display:flex;border-radius:16px;gap:12px;background:linear-gradient(134.06deg,rgba(18,104,179,0.71) 0,rgba(16,141,250,0.95) 99.11%);align-items:center;padding-inline:18px;padding-block:18px}
.result-box .results-inner .take-away .take-away-inner .take-away-content .take-away-list .take-away-item .take-away-item-inner span{color:#d8e024;font-size:40px;font-family:"OpenSans-Bold"}
.result-box .results-inner .take-away .take-away-inner .take-away-content .take-away-list .take-away-item .take-away-item-inner p{color:#fff;font-size:13px;line-height:140%;font-family:"OpenSans-Regular"}
@media(max-width:767px){.result-box .results-inner .take-away .take-away-inner .take-away-content .take-away-list .take-away-item .take-away-item-inner{height:100%}
}
.result-box .results-inner .take-away .take-away-inner .take-away-content .swiper-pagination{position:inherit;margin-top:20px}
.result-box .results-inner .take-away .take-away-inner .take-away-content .swiper-pagination .swiper-pagination-bullet-active{background:#333 !important}
@media(min-width:768px){.result-box .results-inner .take-away .take-away-inner .take-away-content .swiper-pagination{display:none}
}
.result-box .share-dropdown{margin-top:12px;position:absolute;right:35px;top:100%}
.result-box .share-dropdown .btn-white{background:0;color:#0a3152;border:0;font-size:18px;line-height:140%;display:flex;gap:8px;align-items:center}
.result-box .share-dropdown .btn-white span{color:#0a3152;margin-left:0}
.result-box .share-dropdown .btn-white.active{background:0}
@media(max-width:767px){.result-box .share-dropdown .btn-white{flex-direction:row-reverse;font-size:13px;line-height:130%}
}
.result-box .share-dropdown .share-bundle-menu{width:210px;right:auto;left:auto}
@media(max-width:767px){.result-box .results-inner{position:relative}
.result-box .results-inner .great-start-box{position:static}
.result-box .results-inner .great-start-box .great-start{padding:24px}
.result-box .results-inner .great-start-box .great-start .great-start-top .top-image{width:60px;height:60px}
.result-box .results-inner .great-start-box .great-start .great-start-top .top-image img{width:23px}
.result-box .results-inner .take-away .take-away-inner .take-away-content .take-away-list .swiper-slide{height:auto}
.result-box .share-dropdown{top:auto;bottom:15px;right:0;left:0;text-align:center}
.result-box .share-dropdown .new-share-bundle{display:inline-flex;justify-content:center}
}
.quiz-result-section .take-away-item .take-away-item-inner{background:linear-gradient(134.06deg,rgba(18,104,179,0.71) 0,rgba(16,141,250,0.95) 99.11%)}
.quiz-result-section .take-away-explanation{font-size:13px;color:#fff;line-height:150%;font-family:"OpenSans-Regular"}
.quiz-card-buttons-mobile .btn-answer-correct{background:#2e9e5b !important;border-color:#2e9e5b !important;color:#fff}
.quiz-card-buttons-mobile .btn-answer-incorrect{background:#d93025 !important;border-color:#d93025 !important;color:#fff}
@media(max-width:767px){.quiz-result-section .myResultSwiper .take-away-list{display:flex}
.quiz-result-section .myResultSwiper .take-away-list .take-away-item{height:auto;flex-shrink:0}
}
.quiz-card-buttons-mobile button.quiz-answer-selected img,.quiz-card-buttons-mobile button.btn-answer-correct img,.quiz-card-buttons-mobile button.btn-answer-incorrect img{filter:brightness(0) invert(1)}
@media(max-width:767px){.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card.swipe-feedback-correct{background:linear-gradient(134.06deg,#1e7a45 0,#2e9e5b 99.11%) !important;box-shadow:0 0 24px rgba(46,158,91,0.55)}
.quiz-slider-box .quiz-slider-list .quiz-slider-item .quiz-card.swipe-feedback-incorrect{background:linear-gradient(134.06deg,#9e2020 0,#d93025 99.11%) !important;box-shadow:0 0 24px rgba(217,48,37,0.55)}
}