.main-div {
   width: 90%;
   margin: 0 auto;
   border: 1px solid #000;
   border-radius: 8px;
   max-width: 100%;
   padding: 38px 40px;
}

.start-box>h2 {
   font-size: 25px;
   font-weight: 600;
}

.form-check h2 {
   font-size: 20px;
}

.form-check-conts {
   margin-top: 30px;
}

.form-check {
   margin-bottom: 25px;
   cursor: pointer;
   position: relative;
   padding-left: 55px;
}

li.list-group-item .first-item-check{
   padding-top: 20px;;
}

button {
   background: #13a1a3;
   border: none;
   box-shadow: none;
   width: 100%;
   color: #fff;
   padding: 8px 2px;
   font-size: 20px;
   border-radius: 4px;
}

.form-check input.form-check-input {
   opacity: 0;
}

.form-check i.fa.fa-check-circle {
   position: absolute;
   left: 0;
   top: 0;
   font-size: 42px;
   color: #43a047;
   opacity: 0.2;
}

.form-check.true i.fa.fa-check-circle {
   opacity: 1;
}

.question-bx input.form-check-input {
   opacity: 1;
   border: 1px solid;
   margin-right: 20px;
}

.start-box.question-bx h2 {
   margin-bottom: 38px;
}

button.carousel-control-prev span,
button.carousel-control-next span {
   background: #13a1a3;
   border: none;
   box-shadow: none;
   width: 130px;
   color: #fff;
   font-size: 20px;
   padding: 5px 0;
   border-radius: 50px;
   height: auto;
}

.navigation>button {
   display: inline-block !important;
   flex: none !important;
   position: unset;
   opacity: 1;
   width: auto;
}

button.carousel-control-next {
   float: right;
}

.navigation {
   padding-top: 10px;
   text-align: center;
}

button.carousel-control-prev {
   float: left;
}

.btm-things {
   margin-top: 30px;
   text-align: center;
}

.btm-things h2 {
   font-size: 24px;
}

.carousel-indicators {
   position: initial !important;
}

.carousel-indicators button {
   background: #000 !important;
   width: 15px !important;
   height: 15px !important;
   flex: none !important;
   border: none !important;
   border-radius: 50%;
}

.main-div.carousel-divs {
   width: 75%;
}

body.drm-result button.space_top {
   position: fixed;
   bottom: 0;
   width: 74.5%;
   max-width: 1165px;
}

/* body.drm-result .first-box.space_top:last-child {
   margin-bottom: 60px;
} */

.navigation>span {
   font-size: 20px;
   font-weight: 600;
}

.main-result-content {
   width: 90%;
   margin: 0 auto;
   /* border: 1px solid #000;
   border-radius: 8px; */
   max-width: 100%;
   /* padding: 38px 40px; */
}

.main-result-content .first-box {
   background: #e3e3e5;
   border: 1px solid #8e8e8e;
   border-radius: 8px;
   padding: 12px 14px;
}

.main-result-content .first-box h2 {
   font-size: 22px;
}

.main-result-content .first-box>div {
   background: #efeff1;
   border: 1px solid #8e8e8e;
   margin-bottom: 15px;
   border-radius: 8px;
   padding: 8px 10px;
}

.main-result-content .first-box>div h3 {
   font-size: 22px;
}

table.table td {
   background: transparent;
   border: none;
}

.progress span {
   color: red;
   font-size: 13px;
   font-weight: 600;
   margin-right: 5px;
}

.progress.red span {
   color: #e0331c;
}

.progress.org span {
   color: #e3731d;
}

.progress.yell span {
   color: #d7cf02;
}

.progress .progress-bar {
   border-radius: 4px;
}

.progress.red .progress-bar {
   background: #e0331c;
}

.progress.org .progress-bar {
   background: #e3731d;
}

.progress.yell .progress-bar {
   background: #e1d720;
}

.space_top {
   margin-top: 15px;
}

.space_bottom {
   margin-bottom: 20px;
}

.description-box p {
   font-size: 22px;
   font-weight: 600;
}

.description-box h2 {
   font-size: 22px;
}

.description-box>div {
   padding: 35px 32px;
}

.description-box>div.section {
   padding: 35px 0px;
}

div#accordion a.btn {
   font-size: 22px;
   display: block;
   text-align: left;
   font-weight: 600;
}

div#accordion a.btn:active,
div#accordion a.btn {
   border: none;
}

div#accordion a.btn i {
   font-size: 25px;
   margin-right: 15px;
}

.card-header {
   background: #ebebeb;
   padding: 0;
}

div#accordion .card {
   background: #ebebeb;
   margin-bottom: 15px;
   border: 1px solid #ccc;
}

.bluedrm {
   background: #03dfe2;
   font-size: 22px;
   width: 100%;
   display: block;
   border: 1px solid #b1b1b1;
   padding: 10px 22px;
   border-radius: 8px;
   color: #000;
}

.thumb-img {
   float: left;
   width: 25%;
}

.thumb-cont {
   width: 100%;
   padding: 11px 15px;
}

.thumb_main i.fa.fa-unlock {
   top: -10px;
   right: -5px;
}

.thumb_main i.fa.fa-check {
   top: -10px;
   right: -5px;
}

.thumb_main i.fa.fa-lock {
   top: -10px;
   right: -5px;
}

.thumb_main img.crown-paid {
   top: -12px;
   right: -15px;
}

.thumb_main {
   display: inline-block;
   width: 100%;
   background: #eae9e9;
   border: 1px solid #d5d5d5;
   border-radius: 8px;
   position: relative;
   margin: 25px 0;
}

.thumb-cont p {
   /* font-size: 22px; */
   /* margin-top: 65px; */
   font-size: 16px;
   margin-bottom: 0;
}

.thumb-cont p i {
   font-size: 30px !important;
   margin-right: 12px;
}

.thumb_main.opp {
   border-color: #000;
   background: #fff;
}

.card.innr {
   margin-top: 15px;
   margin-bottom: 15px;
   background: #ebebeb;
   padding: 0px 15px 0 15px;
   border: 1px solid #ccc
}

.card.innr .card-body>div {
   margin: 0;
   margin-bottom: 12px;
}

.card.innr .card-body {
   background: #ebebeb;
}

.link_name {
   margin: 16px 15px;
}

i.fa-unlock {
   float: right;
   color: #fff;
   background: #6b747d;
   padding: 6px 6px;
   font-size: 24px;
   border-radius: 50%;
   position: relative;
   top: -30px;
}

i.fa-check {
   float: right;
   color: #198754;
   background: #fff;
   border: 1px solid #6b747d;
   padding: 6px 6px;
   font-size: 24px;
   border-radius: 50%;
   position: relative;
   top: -30px;
}

i.fa-lock {
   float: right;
   color: #fff;
   background: #6b747d;
   padding: 4px 8px;;
   font-size: 24px;
   border-radius: 50%;
   position: relative;
   top: -30px;
}

img.crown-paid {
   float: right;
   color: #fff;
   background: #6b747d;
   padding: 4px 8px;
   font-size: 24px;
   border-radius: 100%;
   position: relative;
   width: 3.5%;
}

.card-header a.btn.collapsed i.fa.fa-angle-up {
   transform: rotate(180deg);
}

.card-header a.btn.collapsed i.fa.fa-angle-down {
   transform: rotate(180deg);
}

.card-header i.fa.fa-angle-up {
   font-size: 55px !important;
   position: absolute;
   right: 5px;
   top: -5px;
}

.card-header i.fa.fa-angle-down {
   font-size: 55px !important;
   position: absolute;
   right: 5px;
   top: -5px;
}

.main-div-course {
   width: 100%;
   margin: 0 auto;
   max-width: 100%;
   border-radius: 0 0 8px 8px;
   margin-bottom: 30px;
}

.title-course {
   width: 90%;
   margin: 0 auto;
   max-width: 100%;
}

.main-div-general {
   width: 90%;
   margin: 0 auto;
   max-width: 100%;
   border-radius: 0 0 8px 8px;
   margin-bottom: 30px;
}

.header-banner img {
   max-width: 100%;
   width: 100%;
}

/* .web-course .container.mt-5 {
   margin-top: 0 !important;
} */

.main-div-wr {
   padding: 0 20px;
   padding-bottom: 50px;
}

.navigation.mob {
   display: none;
}

.accordian-box .card-body {
   padding: 0;
}

.card.innr .card-header {
   border: none;
   margin: 0;
}

.card-header {
   border-radius: 8px !important;
   overflow: hidden;
   border: none !important;
}

.accordian-box .card-body span {
   font-weight: 600;
}

.accordian-box .card-body {
   padding: 10px 12px 18px 12px;
}

.thumb-img img {
   width: 90%;
   border-top-left-radius: 7px;
}

.description-box .odd {
   background: #f5f5f5;
}

.op {
   opacity: 0.5;
}

@media screen and (max-width: 1560px) {
   body.drm-result .container.mt-5 {
      max-width: 100%;
   }

   .main-result-content {
      width: 75%;
      max-width: 100%;
   }

   body.drm-result button.space_top {
      position: fixed;
      bottom: 0;
      width: 73.8%;
      max-width: 1165px;
   }
}

@media screen and (max-width: 1250px) {
   body.drm-result button.space_top {
      width: 73.5%;
   }
}

@media screen and (max-width: 870px) {
   body.drm-result button.space_top {
      width: 73%;
   }
}

@media screen and (max-width: 600px) {

   .main-div-course,
   .title-course,
   .main-div {
      width: 100%;
   }

   .description-box h2 {
      font-size: 18px;
   }

   .description-box p {
      font-size: 16px;
   }

   div#accordion a.btn {
      font-size: 18px;
   }

   .card-body>span {
      font-size: 16px;
   }

   .thumb-img img {
      max-width: 100%;
   }

   .thumb-cont {
      width: 65%;
      padding: 10px 12px;
   }

   .thumb-cont h3 {
      font-size: 18px;
   }

   .thumb-cont p {
      font-size: 18px;
      margin: 0;
   }

   .thumb-cont p i {
      font-size: 20px !important;
      margin-right: 12px;
   }

   .bottom_link h3 {
      font-size: 18px;
   }

   .main-div {
      padding: 20px 12px;
   }

   body.web-questions .start-box.question-bx {
      text-align: center;
   }

   body.web-questions .form-check input.form-check-input {
      position: absolute;
      opacity: 0;
   }

   body.web-questions .form-check {
      background: #d4d4d4;
      /* padding: 12px 1px 0px 0; */
      padding: 10px;
      display: inline-block;
      width: 100%;
      margin-bottom: 14px;
      border-radius: 8px;
   }

   li.list-group-item .first-item-check{
      margin-top: 20px !important;
   }

   body.web-questions .form-check.true {
      background: #13a1a3;
      color: #fff;
   }

   body.web-questions .main-div.carousel-divs {
      border: none;
   }

   body.web-questions {
      background: #e7e6eb;
   }

   body.web-questions .start-box.question-bx h2 {
      font-size: 20px;
   }

/*   body.web-questions .navigation.desk {
      display: none;
   }*/

   body.web-questions .navigation.mob {
      display: none;
   }

   body.web-questions button.carousel-control-prev span,
   body.web-questions button.carousel-control-next span {
      width: 40px;
      font-weight: 600;
   }

   body.web-questions .navigation.mob {
      margin-top: 20px;
   }

   .card-header i.fa.fa-angle-up {
      font-size: 35px !important;
      position: absolute;
      right: 5px;
      top: 0px;
   }

   i.fa-unlock {
      font-size: 20px;
   }

   i.fa-check {
      font-size: 20px;
   }

   i.fa-lock {
      font-size: 20px;
   }

   .thumb_main img.crown-paid{
      top: -8px;
      right: -15px;
   }

   img.crown-paid {
      float: right;
      color: #fff;
      background: #6b747d;
      padding: 4px 8px;
      font-size: 24px;
      border-radius: 100%;
      position: relative;
      width: 10%;
   }

   .bottom_link h3 {
      font-size: 16px;
   }

   .link_name {
      margin: 25px 15px;
   }

   .bottom_link i.fa.fa-unlock {
      font-size: 15px;
   }
   
   .bottom_link i.fa.fa-lock {
      font-size: 15px;
   }   

   .thumb-cont {
      padding: 10px 12px;
      float: right;
   }

   .thumb_main.midman .thumb-cont {
      margin-top: -25px;
   }

   .description-box>div {
      padding: 15px 22px;
   }

   .description-box>div.section {
      padding: 15px 0px;
   }

   .navigation.mob i.fa {
      color: #fff;
      font-size: 25px !important;
   }

   body.drm-result button.space_top {
      position: fixed;
      bottom: 0;
      width: 72%;
   }

   .main-div.carousel-divs {
      padding: 12px 0;
   }

   .carousel-item .form-check {
      width: 95% !important;
   }

   .main-div.carousel-divs {
      width: 100%;
   }
}

@media screen and (max-width: 480px) {
   body.drm-result button.space_top {
      width: 71%;
   }
}

.loading {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/ajax-loader.gif') 50% 50% no-repeat rgb(249, 249, 249);
	opacity: .8;
}

.course-link{
   text-decoration: none;
   margin-right: 20px;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
   cursor: pointer;
}

/* Login style */

.form-content {
   text-align: center;
   padding: 30px 20px 30px 20px;
   background-color: #0093FF;
   max-width: 400px;
   width: 100%;
   border-radius: 10px;
}

.form-content label {
   color: #fff;
   text-align: left;
   font-size: 15px;
   font-weight: 300;
   line-height: 20px;
   margin-bottom: 10px;
}

.form-content .page-links {
   margin-bottom: 34px;
}

.form-content .page-links a {
   position: relative;
   display: inline-block;
   text-decoration: none;
   color: #fff;
   font-weight: 300;
   font-size: 15px;
   margin-right: 20px;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.form-content .page-links a:last-child {
   margin-right: 0;
}

.form-content .page-links a:after {
   position: absolute;
   content: "";
   width: 100%;
   height: 2px;
   left: 0;
   bottom: -10px;
   background-color: rgba(255, 255, 255, 0.5);
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.form-content .page-links a.active {
   font-weight: 700;
}

.form-content .page-links a.active:after {
   background-color: #fff;
}

.form-content .page-links a:hover:after, .form-content .page-links a:focus:after {
   background-color: #fff;
}

.form-content input, .form-content .dropdown-toggle.btn-default {
   width: 100%;
   padding: 9px 20px;
   text-align: left;
   border: 0;
   outline: 0;
   border-radius: 6px;
   background-color: #fff;
   font-size: 15px;
   font-weight: 300;
   color: #8D8D8D;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
   margin-bottom: 14px;
}

.form-content input:hover, .form-content input:focus, .form-content .dropdown-toggle.btn-default:hover, .form-content .dropdown-toggle.btn-default:focus {
   border: 0;
   background-color: #ebeff8;
   color: #8D8D8D;
}

.form-content .form-button {
   margin-top: 30px;
}

.form-content .form-button .ibtn {
   border-radius: 6px;
   border: 0;
   padding: 6px 28px;
   background-color: #fff;
   color: #29A4FF;
   font-size: 14px;
   font-weight: 700;
   text-decoration: none;
   cursor: pointer;
   margin-right: 10px;
   outline: none;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
   -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
   box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
   max-width: 100px;
}

.form-content .form-button .ibtn.ibtn-full {
   width: 100%;
}

.form-content .form-button .ibtn:last-child {
   margin-right: 0;
}

.form-content .form-button .ibtn:hover, .form-content .form-button .ibtn:focus {
   -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.16);
   box-shadow: 0 5px 6px rgba(0, 0, 0, 0.16);
}

.form-content .form-button .ibtn.less-padding {
   padding: 6px 15px !important;
}

.form-content .form-button .ibtn.extra-padding {
   font-size: 16px;
   padding: 10px 32px;
}

/* Set Canvas */
.chart-container {
   display: flex;
   justify-content: center;
   align-items: center;
   height: auto;
 }
 
 .canvas-container {
   max-width: 480px;
   width: 100%;
   height: auto;
 }