/* .form-check {
     position: relative;
} */
          
          .dq-questions-wrapper .container {
               max-width: 1500px;
               width: 100%;
          }
          
          .quiz-container {
               width: 100%;
               margin: 66px auto 0;
               position: relative;
               overflow: hidden;
          }
          
          .dq-questions-block,
          .dq-result-box {
               /* padding: 58px 84px; */
               border-radius: 28px;
          }
          
          .dq-questions-block {
               display: flex;
               align-items: center;
               justify-content: center;
               position: relative;
               transition: all 0.5s ease-in-out;
          }
          
          .dq-questions-block.active-0 {
               background: #90A8ED;
          }
          
          .dq-questions-block.active-1 {
               background: #FF8E80;
          }
          
          .dq-questions-block.active-2 {
               background: #FEC0F1;
          }
          
          .dq-questions-block.active-3 {
               background: #9747FF;
          }
          /* .dq-questions-block .dq-question-item.dq-result-box {
               animation: showQuestion 0.5s linear;
               opacity: 1;
               z-index: 9;
          } */
          
          .dq-result-box {
               padding: 58px 84px 0 0;
               flex-direction: column;
               transition: all 0.5s ease-in-out;
          }
          
          .dq-main .dq-result-box h4 {
               font-size: 2.1vw;
          }
          
          .dq-main .dq-result-box h5 {
               font-size: 1.6vw;
          }
          
          .dq-trophy {
               position: absolute;
               bottom: 0;
               left: 0;
          }
          
          .dq-result-row {
               width: 100%;
               justify-content: flex-end;
          }
          
          .dq-questions-block {
               height: 640px;
          }
          
          .dq-question-item {
               position: absolute;
               width: 100%;
               height: 100%;
               top: 0;
               left: 0;
               display: flex;
               align-items: center;
               justify-content: center;
               padding: 58px 84px;
          }
          
          .dq-question-item .row {
               height: 100%;
          }
          
          .dq-question-item.active {
               z-index: 9;
          }
          
          .custom-rd-letter {
               position: relative;
               margin-bottom: 10px;
          }
          
          .custom-rd-letter .form-check-label {
               display: flex;
               align-items: center;
               gap: 20px;
          }
          
          .custom-rd-letter .form-check-input {
               position: absolute;
               opacity: 0;
               left: 0;
               margin-left: 0;
               pointer-events: none;
          }
          
          .custom-rd-letter .rd-letter {
               width: 36px;
               height: 36px;
               display: flex;
               justify-content: center;
               align-items: center;
               border: 2px solid #333;
               border-radius: 50%;
               font-weight: bold;
               font-size: 18px;
               transition: background 0.3s, color 0.3s;
               color: #333;
               position: relative;
          }
          
          .rd-letter:before {
               content: '';
               position: absolute;
               left: auto;
               width: 18px;
               height: 18px;
               background-color: #333;
               border-radius: 50%;
               opacity: 0;
               transition: all 0.5s ease-in-out;
          }
          
          .custom-rd-letter .rd-letter:hover {
               background-color: #ffffff;
               color: #333;
               border-color: #333;
          }
          
          .custom-rd-letter .form-check-input:checked+.rd-letter {
               background-color: transparent;
               color: transparent;
               border-color: #333;
          }
          
          .custom-rd-letter .form-check-input:checked+.rd-letter:before {
               opacity: 1;
          }
          
          .custom-rd-letter .form-check-label.right-selected .rd-letter::before,
          .custom-rd-letter .form-check-label.wrong-selected .rd-letter::before {
               opacity: 0;
          }
          
          .custom-rd-letter .form-check-label.right-selected .checked-icon.correct,
          .custom-rd-letter .form-check-label.wrong-selected .checked-icon.incorrect {
               opacity: 1;
               pointer-events: auto;
          }
          
          .custom-rd-letter .form-check-label.right-selected .rd-letter {
               background-color: #90DB02;
          }
          
          .custom-rd-letter .form-check-label.right-selected .rd-letter,
          .custom-rd-letter .form-check-label.wrong-selected .rd-letter {
               color: transparent;
          }
          
          .custom-rd-letter .form-check-label.wrong-selected .rd-letter {
               background-color: #FF4100;
          }
          
          .form-choice .form-check-input:checked[type=radio] {
               box-shadow: none;
          }
          
          .checked-icon {
               position: absolute;
               left: auto;
               opacity: 0;
               pointer-events: none;
               transition: all 0.5s ease-in-out;
          }
          
          .form-choice .right-selected .form-check-label {
               color: #ffffff;
               opacity: 1;
          }
          
          .form-choice .wrong-selected .form-check-label {
               color: #B60F0F;
               opacity: 1;
          }
          /* .form-choice .wrong-selected .form-check-input:checked[type=radio]:disabled {
          background-image: url(../images/quiz/wrong-ans.svg);
     } */
          
          #choices-form::after {
               display: block;
               clear: both;
               content: "";
          }
          
          .form-choice input[type=radio]+label:before,
          .form-choice input[type=radio]+label:after {
               display: none;
          }
          
          .dq-result-box h2 {
               color: #ffff;
          }
          
          .dq-questions-inner h4,
          .form-choice {
               margin-bottom: 40px;
          }
          
          .form-choice .form-check-input {
               background-color: transparent;
               background-size: auto;
               border: 1px solid #333333;
               width: 36px;
               height: 36px;
               cursor: pointer;
          }
          
          .form-choice .form-check-label {
               font-size: 24px;
               padding-left: 0;
          }
          
          .form-choice .form-check-label {
               color: #333333;
          }
          
          .confirm-btn:disabled {
               background-color: #585757;
          }
          
          .dq-questions-inner {
               padding-left: 40px;
          }
          
          .dq-questions-inner h4 {
               font-family: 'Mabry Pro Medium';
               font-size: 1.87vw;
               line-height: 1.2;
               color: #262626;
          }
          
          .form-choice .form-check {
               margin-bottom: 24px;
               padding-left: 0;
          }
          
          .dq-q-btn {
               background-color: #000000;
               color: #ffffff;
               padding: 20px 40px;
               font-size: 24px;
               font-family: 'Mabry Pro Medium';
          }
          
          .dq-que-bottom {
               display: flex;
               align-items: center;
               gap: 40px;
          }
          
          .dq-feedback p {
               font-size: 22px;
          }
          
          .dq-result-box p {
               font-size: 28px;
               margin-bottom: 30px;
          }
          
          .total-score-chart {
               margin: 50px 0 30px;
          }
          /***half circle progreess***/
          /* .progress {
     position: relative;
     margin: 4px;
     float: left;
     text-align: center;
     background: transparent;
     height: 45px;
}

.barOverflow {
     position: relative;
     overflow: hidden;
     width: 259px;
     height: 130px;
     margin-bottom: -14px;
}

.bar {
     position: absolute;
     top: 0;
     left: 0;
     width: 259px;
     height: 259px;
     border-radius: 50%;
     box-sizing: border-box;
     border: 5px solid #eee;
     border-bottom-color: #0bf;
     border-right-color: #0bf;
} */
          /*           
          .dq-result-box .progress {
               width: 300px;
               height: 150px;
               border: none;
               border-radius: 21px;
               position: relative;
               background: transparent;
               margin: 0 auto;
          } */
          /* .dq-result-box .progress:before {
               content: '';
               width: 300px;
               height: 150px;
               position: absolute;
               border: 29px solid #000000;
               border-radius: 300px 300px 0 0;
               border-bottom: none;
          } */
          
          .dq-result-box .score-achieve {
               position: absolute;
               left: auto;
          }
          
          .dq-result-box .score-shape {
               filter: drop-shadow(3.64px, 4.85px, 0 #000000);
          }
          
          .dq-main .dq-result-box h4.score-achieve {
               color: #262626;
               /* font-size: 38px; */
               font-size: 3vw;
               position: absolute;
               top: 48%;
               left: 50%;
               transform: translate(-50%, -50%);
          }
          
          .dq-result-box .score-achieve .sc-a {
               font-family: 'Mabry Pro Medium';
          }
          
          .dq-result-box .score-achieve .sc-out {
               font-family: 'Mabry Pro Medium';
               font-size: 1.45vw;
          }
          
          .rating-stars {
               display: flex;
               gap: 10px;
               position: absolute;
               top: -48px;
          }
          
          .dq-result-box.rating-2 .rating-stars li.one svg path,
          .dq-result-box.rating-2 .rating-stars li.two svg path,
          .dq-result-box.rating-1 .rating-stars li.one svg path,
          .dq-result-box.rating-3 .rating-stars li.dq-rate svg path {
               fill: #F2C418;
          }
          
          .dq-trophy {
               width: 682px;
          }
          
          .dq-stars {
               position: absolute;
               top: 7%;
               left: 2%;
          }
          
          .dq-particles {
               position: absolute;
               bottom: 4%;
               left: auto;
          }
          
          .dq-result-box.rating-0 .dq-stars,
          .dq-result-box.rating-0 .dq-particles {
               display: none;
          }
          
          .dq-result-box.rating-0 .dq-trophy {
               filter: grayscale(1);
          }
          
          .rating-stars li.one svg,
          .rating-stars li.three svg {
               width: 46px;
          }
          
          .rating-stars li.two svg {
               width: 66px;
          }
          
          .dq-result-box .progress-bar {
               width: 300px;
               height: 150px;
               position: absolute;
               top: 100%;
               border: 30px solid #ffffff;
               content: '';
               border-radius: 0 0 300px 300px;
               border-top: none;
               /* animation: demo 3s; */
               transform-origin: center top;
               background: transparent;
          }
          
          .dq-questions-block .dq-question-item {
               animation: hideQuestion 1s linear;
               opacity: 0;
               /* transition: all 0.5s ease-in-out; */
               /* animation: slideInLeft 0.5s ease; */
          }
          
          .dq-questions-block .dq-question-item.next {
               /* transform: translateX(120%); */
               animation: hideQuestion 1s linear;
               opacity: 0;
          }
          
          .dq-questions-block .dq-question-item.active {
               animation: showQuestion 1s linear;
               opacity: 1;
               z-index: 9;
          }
          
          .dq-questions-block .dq-question-item.prev {
               /* transform: translateX(-120%); */
               animation: hidePrevQuestion 1s linear;
               opacity: 0;
          }
          /* .dq-questions-block.prev,
     .quiz-container.show-result .dq-questions-block.three {
          transform: translateX(-120%);
     } */
          /* .quiz-container.show-result .dq-result-box {
          transform: translateX(0);
     } */
          /* .progress-bar {
     position: absolute;
     border-radius: 300px 300px 0 0;
     width: 300px;
     height: 150px;
     border: 30px solid #631919;
     border-bottom: none;
     top: 0;
     lefT: 0;
} */
          /* .progress-bar {
     transform: rotate(150deg);
} */
          
          @keyframes showQuestion {
               0% {
                    transform: translateX(120%);
                    opacity: 0;
               }
               100% {
                    transform: translateX(0);
                    opacity: 1;
               }
          }
          
          @keyframes hideQuestion {
               0% {
                    transform: translateX(0);
                    opacity: 1;
               }
               100% {
                    transform: translateX(120%);
                    opacity: 0;
               }
          }
          
          @keyframes hidePrevQuestion {
               0% {
                    transform: translateX(0);
                    opacity: 1;
               }
               100% {
                    transform: translateX(-120%);
                    opacity: 0;
               }
          }
          
          @keyframes demo {
               0% {
                    transform: rotate(0deg)
               }
               50% {
                    transform: rotate(180deg)
               }
          }