body{font-family:"Inter",sans-serif !important;padding:0;margin:0;color:#061C3D !important;position: relative;width: 100%;height: 100vh;}
    a{text-decoration:none}
    a:hover{text-decoration:none!important;}
    button:focus{outline:none!important;}
    ul{list-style:none!important;padding-left:0!important;margin-bottom:0!important;}
    .login-wrap{height:100vh;position:relative;}
    /* .login-wrap::before{position:absolute;left:0;top:0;height:100%;width:100%;content:' ';background:url(../images/loginBg.png) center center no-repeat;background-size:cover;} */
    .login-inner{height:100vh;display:flex;justify-content:center;align-items:center;position:relative;}
    .loginBox{width:595px;text-align:center;padding:70px 48px;box-shadow:0px 16px 72px 0px #061C3D14;border-radius:24px;display:flex;flex-direction:column;align-items:center;background:#fff;}
    .loginBox p{padding-top:30px;margin:0;font-weight:400;font-size:18px;line-height:26px;text-align:center;color:#061C3D;opacity:70%;}
    .phoneBtn{font-weight:400;font-size:24px;line-height:37.56px;vertical-align:middle;text-decoration:none;color:#fff;background:#E78526;width:100%;height:61px;display:flex;justify-content:center;align-items:center;border-radius:70px;margin-top:48px;}
    .phoneBtn:hover{text-decoration:none!important;color:#fff;}
    .googleBtn:hover,.contactBtn:hover{text-decoration:none!important;color:#061C3D;}
    .googleBtn{font-weight:400;font-size:24px;line-height:37.56px;vertical-align:middle;text-decoration:none;color:#fff;background:#FFFFFF;width:100%;height:61px;display:flex;justify-content:center;align-items:center;border-radius:70px;border:1px solid #E0E0E9;box-shadow:0px 18px 30px 0px #8377C61C;color:#061C3D;gap:16px;margin-top:15px;margin-bottom:48px;}
    .contactBtn{font-weight:400;font-size:24px;line-height:37.56px;vertical-align:middle;text-decoration:none;color:#061C3D;}
    .home-wrap{height:100vh;position:relative;}
    body::before{position:absolute;left:0;top:0;height:100%;width:100%;content:' ';background:url(../images/homeBg.png) center center no-repeat;background-size:cover;background-position:top right;z-index: -1;}
    .home-cont{position:relative;height:100%;display:flex;align-items:center;justify-content:center;}
    header{display:flex;align-items:center;justify-content:space-between;position:fixed;width:100%;z-index:2;padding:32px 30px;}
    header button{font-weight:700;font-size:16px;line-height:48px;text-transform:capitalize;padding:0 32px;height:48px;border:0;color:#fff;background:#E78526;border-radius:7px;}
    footer ul{display:flex;padding:0;gap:22px;}
    footer{position:fixed;bottom:0;display:flex;align-items:center;width:100%;justify-content:space-between;padding:23px 30px;backdrop-filter: blur(20px);background: #FFFFFF26;}
    footer p{font-weight:400;font-size:16px;line-height:24px;text-align:center;vertical-align:middle;margin:0;}
    .home-inner h1{font-weight:700;font-size:72px;line-height:80px;color:#061C3D;margin-bottom:0;}
    .home-inner{text-align:center;max-width:1080px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;}
    .home-inner h1 span{color:#E78526;position:relative;z-index:1;}
    .home-inner h1 span::before{position:absolute;left:-8px;bottom:0;height:30px;width:120%;content:' ';background:#fbedde;z-index:-1;}
    .home-inner p{font-weight:400;font-size:24px;line-height:32px;text-align:center;max-width:786px;margin-bottom:0;color:#061C3D;}
    .startBtn{font-weight:700;font-size:16px;line-height:48px;text-transform:capitalize;border:0;padding:0 32px;background:#E78526;color:#FFFFFF;border-radius:7px;display:flex;align-items:center;gap:7px;}
    .startBtn svg{transition:transform 0.3s ease;}
    .startBtn:hover svg{transform:translateX(7px);}
    .mainQuiz{width:100%;display:flex;align-items:self-start;}
    .leftbar{width:17%;position:relative;height:100vh;display:flex;align-items:self-start;justify-content:center;padding:30px;}
    .leftbar::before{position:absolute;left:0;top:0;height:100%;width:100%;content:' ';background:url(../images/leftbg.png) center center no-repeat;background-size:cover;z-index:-1;}
    .rightbar { width: 83%; height: calc(100vh - 70px); display: flex; padding: 112px 60px 40px 60px; justify-content: center; flex-direction: column; }
    .key { background-color: #fff; color: #061C3D; border: 1px solid #061C3D; border-radius: 5px; padding: 14px 20px; height: 79px; transition: background-color 0.2s; font-weight: 500; font-size: 23.52px; line-height: 100%; text-align: center; vertical-align: middle; text-transform: uppercase; display: flex; justify-content: center; align-items: center; cursor: pointer; }
    .keyboard { display: flex; flex-direction: column; gap: 8px; padding: 0; width: 100%; margin: 0; }
    .row { display: flex; gap: 10px; margin-right: 0 !important; margin-left: 0 !important; }
    .row.first { grid-template-columns: repeat(10, 1fr); }
    .row.third { grid-template-columns: repeat(9, 1fr); }
    .row.four button.key { width: 10.4vw; }
    .row.fifth button.key { width: 14.8vw; }
    .row.first .key { flex: 1; }
    .row.second .key { flex: 1; }
    .row.third .key { flex: 1; }
    .row.four .key { flex: 1; }
    .row.fifth .key { flex: 1; }
    .enter,.backspace{background-color:#e78526;color:white;display:flex;align-items:center;justify-content:center;border:1px solid;text-transform:capitalize;}
    .quiz-main-question{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:52px;height:314px;gap:50px;width:100%;position: relative;}
    .question-left h2{font-weight:700;font-size:42px;line-height:100%;letter-spacing:-2px;color:#061C3D;height:112px;}
    .question-left{width:60%;height:100%;display:flex;flex-direction:column;justify-content:space-between;}
    ul.quiz-order-list { padding-right: 7px; }
    .question-right { width: 40%; max-height: 314px; }
    .question-text-right { overflow: auto; }
    .question-text-right::-webkit-scrollbar { width: 4px; margin: 5px; }
    .question-text-right::-webkit-scrollbar-track { background: #f7e5d4; }
    .question-text-right::-webkit-scrollbar-thumb { background-color: #E78526; border-radius: 10px; }
    .question-right img{width:100%;height: 314px;}
    .question-left input[type="text"]{border:1px solid #E78526;height:75px;padding:30px;border-radius:10px;font-weight:400;font-size:20px;line-height:37.56px;vertical-align:middle;box-shadow:0px 18px 30px 0px #8377C61C;}
    .question-left input[type="text"]:focus{outline:none;}
    .question-left input[type="text"]::placeholder{color:#061C3D;}
    .quiz-btn-wrap{display:flex;align-items:center;justify-content:space-between;margin-top:30px;}
    .quiz-btn-wrap button{border:0;height:48px;padding:0 32px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;line-height:48px;text-transform:capitalize;cursor:pointer;}
    button.givup-btn{border:1px solid #E78526;background:transparent;color:#E78526;}
    button.submit-quiz-btn{gap:7px;background:#E78526;color:#fff;}
    button.submit-quiz-btn svg{transition:transform 0.3s ease;}
    button.submit-quiz-btn:hover svg{transform:translateX(7px);}
    ul.quiz-result{display:flex;align-items:center;gap:20px;margin:30px 0!important;}
    ul.quiz-result li{font-weight:400;font-size:16px;line-height:100%;vertical-align:middle;color:#FF1400;}
    .modal-backdrop{background-color:#061C3D!important;opacity:30%!important;}
    .giveup-modal .modal-dialog{max-width:453px;text-align:center;margin:0;transform:translate(-50%,-50%)!important;left:50%;top:50%;}
    .giveup-modal .modal-dialog .modal-content{border:1px solid #D5D5D5;border-radius:10px!important;padding:30px;}
    .giveup-modal .modal-dialog .modal-content .modal-body{padding:0;}
    .giveup-modal .modal-dialog .modal-content .modal-footer{padding:0;border:0;justify-content:space-between;}
    .giveup-modal .modal-dialog .modal-content .modal-body h3{margin-bottom:15px;margin-top:30px;font-weight:700;font-size:28px;line-height:100%;text-align:center;vertical-align:middle;color:#061C3D;}
    .giveup-modal .modal-dialog .modal-content .modal-footer button{width:176px;height:48px;font-weight:700;font-size:16px;line-height:48px;text-transform:capitalize;display:flex;align-items:center;justify-content:center;border:0;border-radius:7px;cursor:pointer;margin-right:0;margin-left:0;}
    button.keeptrytry{background:#E78526;color:#fff;}
    button.giveupbtn{background:#fff;border:1px solid #E78526!important;color:#E78526;}
    .giveup-modal .modal-dialog .modal-content .modal-body p{font-weight:400;font-size:16px;line-height:20px;text-align:center;vertical-align:middle;margin-bottom:30px;color:#061C3D;}
    .quiz-order-list li{display:flex;align-items:center;gap:10px;}
    .quiz-order-list li span{height:64px;width:64px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #000;font-weight:400;font-size:20px;line-height:37.56px;vertical-align:middle;}
    .order-line{width:100%;border-bottom:1px solid #000;height:64px;display:flex;align-items:center;font-weight:400;font-size:20px;line-height:37.56px;padding:15px;vertical-align:middle;}
    .quiz-order-list li.rightans span{color:#34A853;}
    .quiz-order-list li.rightans .order-line{color:#34A853;}
    li.rightans .order-line::before{position:absolute;content:' ';right:0;top:50%;transform:translate(-17px,-50%);background:url(../images/right.svg);width:20px;height:20px;}
    li.rightans .order-line{position:relative;}
    .order-line.right-ans{color:#34A853;position:relative;}
    .order-line.right-ans::before{position:absolute;content:' ';right:0;top:50%;transform:translate(-17px,-50%);background:url(../images/right.svg);width:20px;height:20px;}
    .resultCont { height: 100%; padding: 112px 100px 69px 100px; overflow: auto; box-sizing: border-box; }
    .resultCont.text-img { display: flex; align-items: center; justify-content: center; height: 100%; }
    .resultBox h2{color:#061C3D;font-weight:700;font-size:42px;line-height:100%;letter-spacing:-2px;margin-bottom:30px;}
    .past-trend{display:flex;align-items:flex-start;gap:30px;}
    .past-left{width:28%;background:#F3E6D3;border-radius:10px;padding:20px;}
    .past-left-inn{display:flex;margin-bottom:10px;gap:3px;}
    .past-left-inn:last-child{margin-bottom:0;}
    .past-left-inn span{width:219px;display:flex;align-items:center;justify-content:center;height:76px;font-weight:500;font-size:18px;line-height:50.85px;text-align:center;vertical-align:middle;background:#fff;}
    .past-left p{font-weight:500;font-size:20px;line-height:21.78px;margin-bottom:40px;}
    ul.social-link{display:flex;align-items:center;gap:10px;}
    .social-link li{height:60px;display:flex;gap:10px;padding:20px 32px;border-radius:33px;font-weight:500;font-size:14px;line-height:100%;text-align:center;vertical-align:middle;color:#fff;align-items:center;width:calc(100% / 4);justify-content:center;}
    li.facebook{background:#4267B2;}
    li.whatsapp{background:#25D366;}
    li.linkedin{background:#0A66C2;}
    li.twitter{background:#000000;}
    .numbergraph{height:70px;display:flex;align-items:center;justify-content:end;}
    .past-right-wrap{width:72%;}
    .past-right{background:#F3E6D3;border-radius:10px;padding:20px;margin-bottom:30px;}
    .past-right p{font-weight:500;font-size:20px;line-height:21.78px;margin-bottom:40px;}
    .past-right ul li{display:flex;align-items:center;margin-bottom:10px;}
    .past-right ul{background:#fff;border-radius:5px;padding:10px;}
    .past-right ul li span{font-weight:400;font-size:16px;line-height:50.85px;text-align:center;vertical-align:middle;width:24px;margin-right:10px;}
    .numbergraph.\31 4{width:100%;background:#02AA74;padding:20px;border-radius:0 5px 5px 0;color:#fff;font-weight:400;font-size:16px;line-height:50.85px;text-align:center;vertical-align:middle;}
    .numbergraph.\34{width:30%;background:#AFAFAF;padding:20px;border-radius:0 5px 5px 0;color:#fff;font-weight:400;font-size:16px;line-height:50.85px;text-align:center;vertical-align:middle;}
    .numbergraph.\31 2{width:50%;background:#AFAFAF;padding:20px;border-radius:0 5px 5px 0;color:#fff;font-weight:400;font-size:16px;line-height:50.85px;text-align:center;vertical-align:middle;}
    ul.last-result{display:flex;flex-wrap:wrap;gap:10px;}
    ul.last-result li{width:calc(100% / 4.2);font-weight:400;font-size:20px;line-height:37.56px;vertical-align:middle;height:64px;background:#fff;border-radius:10px;padding:15px;color:#061C3D;}
    .result-last-wrap{background:#F3E6D3;padding:20px;border-radius:10px;}
    ul li.right-result{background:#34A853!important;color:#fff;position:relative;}
    li.right-result::before{position:absolute;content:' ';right:0;top:50%;transform:translate(-17px,-50%);background:url(../images/right-white.svg);width:21px;height:20px;}
    .result-last-wrap h3{font-weight:700;font-size:42px;line-height:100%;letter-spacing:-2px;color:#061C3D;margin-bottom:30px;}
    .resultBox{margin-bottom:30px;width: 100%;}
    .resultBox:last-child{margin-bottom:0;}
    .past-right ul li:last-child{margin-bottom:0;}
    button.SignIn.HeadBtn { font-weight: 700; font-size: 16px; line-height: 48px; text-transform: capitalize; padding: 0 32px; height: 48px; border: 0; color: #fff; background: #E78526; border-radius: 7px; }
    .answer-input-error { border: 2px solid red !important; /* animation: shake 0.5s; */ }
    ul#wrong-answers-list { color: #FF1400; font-size: 16px; font-weight: 400; }
    .quiz-result ul { display: flex; align-items: center; gap: 10px; }
    .modal-header .close { padding: 5px 10px !important; }
    ul.social-link img { width: 15px; height: 15px; }
    .social-link li a { color: #fff; display: flex; align-items: center; gap: 7px; }
    .crossImgWrap { position: absolute; top: 0; height: 112px; display: flex; align-items: center; justify-content: center; width: 100%; right: 0; }
    .modal-dialog.give-modal-dialog { height: 100vh; display: flex; align-items: center; justify-content: center; margin: auto; }
    .modal-content img { width: 64px; height: 64px; margin-bottom: 30px; }
    .modal-content.give-modal-content { width: 453px; padding: 30px; display: flex; align-items: center; }
    .modal-body.give-modal-body { padding: 0; display: flex; flex-direction: column; align-items: center; text-align: center; }
    .modal-dialog.give-modal-dialog .modal-footer { border: none !important; padding: 0 !important; width: 100%; flex-wrap: nowrap; }
    .modal-body.give-modal-body p { margin: 0; }
    .modal-footer button { width: 50%; border: none; font-size: 16px; font-weight: 700; height: 48px; border-radius: 5px; }
    .modal-body.give-modal-body h3 { font-size: 28px; font-weight: 700; }
    .modal-body.give-modal-body p { font-size: 16px; line-height: normal; font-weight: 400; }
    .question-left.text-question { width: 100%; }
    .quiz-result { position: absolute; bottom: -30px; }
    .unorder-question-right { display: flex; flex-wrap: wrap; justify-content: space-between; }
    ul.quiz-order-list.unorder-question-right li { width: calc(50% - 5px); }
    .rotate-device-message { display: none; }
    .pasttrend { background: transparent !important; border: 1px solid #E78526 !important; color: #E78526 !important; }
    #loader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);display: flex;justify-content: center;align-items: center;z-index: 9999;}
    .loader-content {text-align: center;color: white;}
    .spinner {border: 5px solid #f3f3f3;border-top: 5px solid #E78526;border-radius: 50%;width: 50px;height: 50px;animation: spin 1s linear infinite;margin: 0 auto 15px;}
    @keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
    }
    
/*************mini-screen responsive*************/
@media(max-width:1540px){
    .leftbar img{max-width:180px;}
    .loginBox{width:515px;padding:40px 48px;border-radius:18px;}
    .loginLogo img{width:260px;}
    .loginBox p{font-size:16px;line-height:20px;padding-top:20px;}
    .phoneBtn{font-size:20px;line-height:30.56px;height:50px;margin-top:28px;}
    .googleBtn{font-size:20px;line-height:30.56px;height:50px;margin-bottom:28px;}
    .contactBtn{font-size:20px;line-height:30.56px;}
    .home-inner h1{font-size:52px;line-height:60px;}
    .home-inner{gap:20px;max-width:800px;}
    .home-inner p{max-width:546px;font-size:18px;line-height:24px;}
    .startBtn{font-size:14px;line-height:43px;padding:0 20px;}
    header{padding:15px 30px;}
    header a{width:180px;display: flex;}
    header a img { width: 100%; height: 100%; }
    header button{font-size:14px;height:38px;line-height:38px;padding:0 20px;}
    footer{padding:15px 20px;margin-top:-50px!important;}
    footer p{font-size:14px;line-height:20px;}
    footer ul{gap:15px;}
    .key{width:6.4vw;height:7.2vh;font-size:20px;}
    .row.third button.key{width:7.2vw;}
    .row.four button.key{width:9.5vw;}
    .row.fifth button.key{width:13.6vw;}
    .quiz-main-question{height:254px;gap:30px;margin-bottom:32px;}
    .question-left h2 { font-size: 36px; letter-spacing: 0px; height: 95px; }
    .question-left { justify-content: center; }
    .question-left input[type="text"] { height: 50px; padding: 18px; font-size: 16px; border-radius: 5px; }
    ul.quiz-result { gap: 15px; margin: 18px 0 !important; }
    ul.quiz-result li { font-size: 14px; }
    .quiz-btn-wrap button { height: 40px; padding: 0 24px; border-radius: 4px; }
    .resultCont { padding: 72px 60px 68px 60px; }    
    .resultBox h2{font-size:32px;margin-bottom:20px;letter-spacing:0px;}
    .past-trend{gap:20px;}
    .past-left p,.past-right p{font-size:17px;line-height:16.78px;margin-bottom:20px;}
    .past-left-inn span{height:55px;font-size:16px;}
    .numbergraph{height:53px;}
    .social-link li{padding:8px 26px;height:41px;}
    .past-right{margin-bottom:10px;}
    .result-last-wrap h3{font-size:28px;letter-spacing:-1px;margin-bottom:20px;}
    ul.last-result li{font-size:16px;line-height:20.56px;height:54px;border-radius:6px;}
    .social-link li svg{height:15px;}
    .order-line{height:50px;font-size:18px;}
    .rightbar { padding: 72px 30px 20px 30px; height: calc(100vh - 54px); }
    .quiz-order-list li span{height:50px;font-size: 18px;}
    .giveup-modal .modal-dialog{max-width:373px;}
    .giveup-modal .modal-dialog .modal-content{padding:20px;}
    .giveup-modal .modal-dialog .modal-content .modal-body h3{font-size:20px;}
    .giveup-modal .modal-dialog .modal-content .modal-body p{font-size:14px;line-height:16px;margin-bottom:20px;}
    .giveup-modal .modal-dialog .modal-content .modal-footer button{width:140px;height:36px;font-size:14px;line-height:36px;border-radius:4px;        font-weight: 500;}
    button.SignIn.HeadBtn { height: 42px; font-size: 14px; line-height: normal; border-radius: 4px; }
    .modal-body.give-modal-body h3 { font-size: 22px; }
    .modal-content img { width: 48px; height: 48px; margin-bottom: 20px; }
    .crossImgWrap { height: 72px; }
    .quiz-btn-wrap { margin-top: 20px; }
    .modal-content.give-modal-content { gap: 20px; max-width: 353px; padding: 20px; }
    .modal-body.give-modal-body p { font-size: 14px; }
    .modal-footer button { height: 40px; font-size: 14px; border-radius: 5px; font-weight: 600; }
    .question-right { max-height: 200px; }
    .question-right img { height: 200.3px; }
    .quiz-result { bottom: -23px; }
    ul#wrong-answers-list li {font-size: 14px;}
}
@media(max-width:1315px){
    .key{font-size:20px;width:6vw;height:6.5vh;}
    .row.third button.key{width:6.7vw}
    .row.four button.key{width:9vw;}
    .row.fifth button.key{width:13vw;}
    .quiz-main-question{height:234px;}
    .question-left h2{font-size:30px;letter-spacing:0px;line-height: 38px;}
    .past-left-inn span{font-size:14px;}
    .social-link li{padding:8px 16px;height:39px;font-size:12px;}
    ul.last-result li{font-size:14px;line-height:10.56px;height:44px;border-radius:6px;}
    .result-last-wrap h3{font-size:24px;letter-spacing:-1px;margin-bottom:18px;}
    .question-right { max-height: 234px; }
    .question-right img { height: 234px; }
    .quiz-result { bottom: -5px; }    
}
@media(max-width:1068px){
    .key{font-size:16px;width:5.8vw;height:5.5vh;}
    .row.third button.key{width:6.5vw}
    .row.four button.key{width:8.5vw;}
    .row.fifth button.key{width:12.5vw;}
}
/*************landscap responsive*************/
@media screen and (max-width:992px) and (orientation:landscape){
    .keyboard.desktopview{display:none;}
    .mobile-key{background-color:#fff;color:#000000;border: 1px solid #061C3D;border-radius:5px;padding:6px 7px;width:100%;height:79px;transition:background-color 0.2s;font-weight:500;font-size:23.52px;line-height:100%;text-align:center;vertical-align:middle;text-transform:uppercase;display:flex;justify-content:center;align-items:center;cursor:pointer;}
    .mobile-keyboard.mobileview{display:flex!important;}
    .mobile-keyboard{display:flex;flex-direction:column;gap:4px;padding:0;width:100%;margin:0;}
    .mobile-row{display:flex;gap:3.77px;margin-right:0!important;margin-left:0!important;}
    .mobile-row.mobile-third button.key{width:7.6vw;}
    .mobile-enter,.mobile-backspace{background-color:#e78526;color:white;display:flex;align-items:center;justify-content:center;border:1px solid;text-transform:capitalize;}
    header{padding:10px 14px;}
    button.SignIn.HeadBtn { font-size: 10px; height: 25px; line-height: normal; padding: 0 10px; border-radius: 4px; }
    header a { width: 107px; height: 20px; }
    .quiz-result { bottom: -5px; }
    ul.social-link img { width: 12px; height: 12px; }
    footer{padding:10px 10px;}
    .startBtn svg{width:15px;}
    .startBtn{font-size:10px;line-height:32px;padding:0 12px;gap:4px;border-radius:4px;}
    .home-inner{gap:10px;margin:0 80px;}
    .home-inner h1{font-size:27px;line-height:25px;}
    .home-inner h1 span::before{height:14px;}
    .loginLogo img{width:170px;}
    .loginBox{width:400px;padding:30px 28px;border-radius:8px;}
    .loginBox p{font-size:12px;line-height:16px;padding-top:10px;}
    .phoneBtn{font-size:14px;line-height:21.56px;height:40px;margin-top:15px;}
    .googleBtn{font-size:14px;line-height:21.56px;height:40px;margin-top:10px;margin-bottom:18px;gap:6px;}
    .contactBtn{font-size:14px;line-height:18.56px;}
    .googleBtn img{width:16px;gap:6px;}
    .leftbar{width:2%;padding:0;}
    .rightbar{width:98%;padding:46.6px 14px 20px 14px;height:auto;}
    .leftbar-logo{position:absolute;left:20px;}
    .leftbar img{max-width:100px;}
    .leftbar::before{background:url(../images/mobile-left.png) center center no-repeat;background-size:cover;}
    .question-left h2{font-size:17px;letter-spacing:0px;height:42px;}
    .question-left input[type="text"]{height:31px;padding:10px;font-size:10px;border-radius:4px;}
    .quiz-main-question{height:145px;margin-bottom:17px;gap:20px;}
    button.submit-quiz-btn svg{width:12px;}
    .quiz-btn-wrap button{height:21px;padding:0 13px;font-size:8px;border-radius:2px;}
    .quiz-btn-wrap{margin-top:10px;}
    ul.quiz-result li{font-size:8px;}
    ul.quiz-result{gap:8px;margin:12px 0!important;}
    footer p{font-size:8px;line-height:8px;}
    footer ul li svg{width:8px;height:8px;}
    footer ul{gap:9px;}
    footer ul li{height:8px;display:flex;align-items:center;}
    .mobile-key{font-size:14px;height:10vh;border-radius: 3px;}
    .mobile-row.mobile-third button.mobile-key.mobile-enter { width: 71px !important; min-width: 71px; }
    button.mobile-key.mobile-backspace { width: 45.58px !important; min-width: 45.58px; }
    .modal-content.give-modal-content { max-width: 246px; gap: 12.69px; padding: 12.69px; }
    .modal-dialog.give-modal-dialog .modal-footer { gap: 25px; }
    .modal-body.give-modal-body h3 { font-size: 16px; }
    .modal-body.give-modal-body p { font-size: 8px; }
    .question-right img{height:145px;}
    .giveup-modal .modal-dialog{max-width:245px;}
    .giveup-modal .modal-dialog .modal-content .modal-body svg{width:35px;height:35px;}
    .giveup-modal .modal-dialog .modal-content{padding:12px;border-radius:4px!important;}
    .giveup-modal .modal-dialog .modal-content .modal-body h3{margin-bottom:10px;margin-top:12px;font-size:16px;}
    .giveup-modal .modal-dialog .modal-content .modal-body p{font-size:8px;line-height:11px;margin-bottom:12px;}
    .giveup-modal .modal-dialog .modal-content .modal-footer button{width:80px;height:21px;font-size:8px;line-height:21px;border-radius:3px;}
    .quiz-order-list li span{height:20px;font-size:10px;}
    .order-line{height:20px;padding:4px;font-size:10px;}
    li.rightans .order-line::before{width:11px;height:11px;background-size:contain;transform:translate(-7px,-50%);}
    .order-line.right-ans::before{width:11px;height:11px;background-size:contain;transform:translate(-7px,-50%);}
    .resultCont{padding:46px 18px 38px 18px}
    .resultBox h2{font-size:17px;margin-bottom:13px;}
    .past-left,.past-right{border-radius:4px;padding:8px;}
    .past-left-inn span{font-size:10px;height:32px;}
    .past-left p,.past-right p{font-size:10px;line-height:10.78px;margin-bottom:10px;}
    .past-trend{gap:12px;}
    .numbergraph{height:26px;padding:12px!important;font-size:10px!important;border-radius:0 3px 3px 0!important;}
    .past-right ul{padding:4px;border-radius:2px;}
    .past-right ul li span{width:24px;margin-right:0px;font-size:10px;line-height:20.85px;}
    .past-right ul li{margin-bottom:4px;}
    .social-link li { gap: 2px; height: 25px; font-size: 9px; border-radius: 13px; padding: 6px; line-height: 15px; }
    .past-left-inn{margin-bottom:4px;}
    ul.social-link{gap:5px;}
    .social-link li svg{height:9px;width:13px;}
    .resultBox{margin-bottom:12px;}
    .result-last-wrap{padding:8px;border-radius:4px;}
    .result-last-wrap h3{font-size:17px;}
    ul.last-result{gap:4px;}
    ul.last-result li{font-size:10px;line-height:0;height:27px;border-radius:4px;}
    li.right-result::before{width:10px;height:10px;background-size:contain;transform:translate(-9px,-50%);}
    footer{margin-top:-30px!important;}
    .home-inner p{font-size:16px;line-height:18px;}
    .modal-content img { width: 37.22px; height: 37.22px; margin-bottom: 12.69px; }
    .modal-footer button { height: 21px; font-size: 9px; border-radius: 2.96px; font-weight: 500; }
    .crossImgWrap { height: 46.6px; width: 100%; }
    .crossImgWrap img { height: 13.53px; width: 13.53px; }
    ul#wrong-answers-list { font-size: 8px; }
    .question-right { max-height: 145px !important; }
    ul.quiz-order-list { padding-right: 6px; }
    .question-right::-webkit-scrollbar { width: 3px; }
    header { display: flex !important; position: fixed;background: #FFFFFF26  !important;    backdrop-filter: blur(20px);}
    main.content { display: block !important; }
    footer { display: flex !important; }
    .rotate-device-message { display: none !important; }
    .Main.HomeMain {font-size: 12px;}
}
/*************tablet responsive*************/
@media(max-width:992px){
    .key{font-size:16px;width:5.5vw;height:4.5vh;}
    .row.third button.key{width:6.3vw;}
    .row.four button.key{width:8.3vw}
    .row.fifth button.key{width:11.9vw;}
    header { display: none; }
    main.content { display: none; }
    footer { display: none; }
    .rotate-device-message {display: block;}
    .rotate-device-message {background: #E78526;color: #fff;padding: 10px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%;text-align: center;border-radius: 5px;font-size: 12px;
    }
}
/*************mobile responsive*************/
@media(max-width:767px){
    header { display: none; background-color: #FFFFFF26 !important; }
    footer { display: none; }    
}