@font-face {
    font-family: 'elite-font';
    src: url('../Fonts/ITC Avant Garde Gothic Book.ttf') format('truetype');
    /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

body,
html {
    height: auto;
    font-family: elite-font;
    width: 100%;
    height: 100%;
}

#main {
    width: 100%;
    background: url(../image/new-pgm/index-image02.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    height: 100%;
}

.transperent {
    /* background:url(../image/kiosk.png); */
    background-repeat: no-repeat;
    height: 100%;
}

.swal-footer {
    text-align: center !important;
}

.book-button {
    color: #637571;
    background-color: #ffffff;
    border-color: #f3f7f6 !important;
    box-shadow: 1px 1px 10px 0px #888888;
    margin-top: 3%;
}

.poll-image {
    margin-block: 5%;
    margin-inline: 50%;
}

.back-button {
    background: url(../image/back-button.png);
    width: 93px;
    height: 79px;
}

.box {
    position: absolute;
    bottom: 0%;
    right: 38%;
}

.bot-gif {
    margin-top: 75%;
}

.bts {
    cursor: pointer;
}

.drone {
    position: absolute;
    top: 120px;
    left: 25px;
    padding: 5%;
}

.course-buttons {
    position: absolute;
    left: 25%;
    bottom: 5%;
}

.course-button1 {
    position: absolute;
    left: 33%;
    bottom: 3%;
}

.course-button2 {
    position: absolute;
    left: 12%;
    top: 62%;
}

.course-button3 {
    position: absolute;
    left: 30%;
    top: 65%;
}

.course-button4 {
    position: absolute;
    right: 25%;
    top: 65%;
}

#your-score {
    margin-bottom: -10%;
    margin-top: 20%;
}

.course-button5 {
    position: absolute;
    right: 10%;
    top: 65%;
}

div#webinar-content {
    /* height: 300px; */
    height: auto;
}

.pretest-block {
    width: 100%;
    background-size: cover;
    height: 100vh;
}

.slot-block {
    background: rgba(255, 255, 255, 0.5);
    height: auto;
}

.slot-block-info {
    background: rgba(255, 255, 255, .9);
    height: 500px;
}

hr#slot-book-line {
    margin-top: 50px;
    border: 0;
    border-top: 1px solid #151414;
}

p#doctor-name {
    color: #00a591;
}

p#module-name {
    color: #151517;
}

p#slot-detail {
    color: #0c0c0c;
}

i.far.fa-calendar-alt {
    color: black;
}

i.far.fa-clock {
    color: black;
}


/* .inside-blocks{
padding: 10%;
} */

.text-block p {
    color: #47509b;
}

#qp-status {
    color: #C77B22;
    margin-block: 1%;
}

div#doctor-name h3 {
    padding: 3%;
}

.optioninside {
    width: 100%;
    display: flex;
    cursor: pointer;
}

.Alpha {
    font-size: 2.5rem;
    margin-top: -2%;
}

.quiz-inside:hover {
    color: #f3f9f8;
}

.start-page {
    width: 100%;
    background: url(../image/screen1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}

.landing-page {
    width: 100%;
    background: url(../image/new-pgm/login-registration1.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
}

.landing-page01 {
    width: 100%;
    background: url(../image/new-pgm/login-registration1.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 118%;
}

#enter-screen {
    width: 100%;
    background: url(../image/new/JPEG/JB-register03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.booking {
    margin-top: 2%;
}

#quiz-label {
    font-size: 4rem;
    font-weight: 900;
    color: #ffffff;
}

#home-block {
    width: 100%;
    background: url(../image/Lobby.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}

#home-blocks {
    width: 100%;
    background: url(../image/Lobby.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}

.reg {
    background-color: #47509B;
    color: white;
    height: 30px;
}

.text-area.text-center.transperent {
    margin-top: 60%;
    margin-right: 0%;
    margin-left: 50%;
}

#bot-message {
    background: url(../image/message.png);
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.text-area.text-center.transperent.room {
    margin-top: 62%;
    margin-right: 0%;
    margin-left: 50%;
}

.room-btn {
    color: #e7e7e6;
    background-color: #52b0c6;
    border-color: #e3e2e2;
    margin-top: 50%;
    margin-left: 0%;
}

.bot-message {
    width: 50%;
    height: 50px;
    background: #52b0c6;
    color: white;
    padding: 1%;
    border: 2px solid #dfdfdf;
    border-radius: 10px;
    text-align: center;
}

#title {
    margin-top: -20px;
    font-weight: 500;
}

.corss {
    color: white;
    margin: 0px -10px 0px 0px;
}

#overlay {
    background-color: #47509B;
}

.text-area {
    height: 400px;
    font-weight: 500;
}

.white-block {
    background: rgba(255, 255, 255, .9);
    margin: 1%;
}

p#instr {
    padding: 10%;
}

.quiz-inside {
    text-align: center;
    height: 50px;
    color: #FFFFFF;
    font-weight: 500;
    padding: 2%;
    font-size: 2.2rem;
    width: 210px;
    margin-top: 25px;
    margin-bottom: 15px;
    background-color: #C77B22;
}

.f-bottom {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

.reso-btn {
    text-align: center;
    height: 50px;
    color: #47509B;
    font-weight: 900;
    padding: 2%;
    font-size: 3rem;
    width: 200px;
    margin-top: 25px;
    margin-bottom: 15px;
}

#feedback-submit {
    height: 76px;
    width: 42%;
}

.emoji.one {
    color: #f59898;
    cursor: pointer;
}

.emoji.one:hover {
    font-size: 3.5rem;
}

.emoji.two {
    color: #f12222;
    cursor: pointer;
}

.emoji.two:hover {
    font-size: 3.5rem;
}

.emoji.three:hover {
    font-size: 3.5rem;
}

.emoji.three {
    color: #f7e1a4;
    cursor: pointer;
}

.emoji.four:hover {
    font-size: 3.5rem;
}

.emoji.four {
    color: #f5b607;
    cursor: pointer;
}

.emoji.five:hover {
    font-size: 3.5rem;
}

.emoji.five {
    color: #aff5af;
    cursor: pointer;
}

.emoji.six:hover {
    font-size: 3.5rem;
}

.emoji.six {
    color: #07f707;
    cursor: pointer;
}

.close {
    font-size: 3rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    opacity: 1 !important;
    margin-top: -6px;
}

.circle {
    height: 200px;
    width: 200px;
    border-radius: 50%;
    line-height: 140px;
    text-align: center;
    margin: auto;
}

#pollchart {
    padding: 5%;
}

div#ctitle {
    padding: 2%;
}

div#reso {
    padding: 10%;
}

.emoji {
    font-size: 3rem;
    padding: 10px;
}

::-webkit-input-placeholder {
    text-align: center;
}

 :-moz-placeholder {
    /* Firefox 18- */
    text-align: center;
}

 ::-moz-placeholder {
    /* Firefox 19+ */
    text-align: center;
}

 :-ms-input-placeholder {
    text-align: center;
}

div#systemmessage {
    width: 50%;
    height: auto;
}


/* input#phone{
  margin-left: -14%;
} */

input#otp {
    margin-left: -14%;
}

input {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 65%;
    height: 40px;
    background: rgb(218 218 218);
    border-top: 3px solid #949494;
    border-bottom: 3px solid #949494;
    border-right: 3px solid #949494;
    outline: none;
    margin-top: 30%;
    margin-left: 0%;
    color: black;
}

.submit-button {
    margin-left: -2%;
}

#speaker-heading {
    font-size: 20px;
    padding: 1%;
}

i.fas.fa-exclamation-circle {
    color: #919fce;
    font-size: 18px;
    cursor: pointer;
    margin: 1%;
}

input[type="radio"] {
    width: 20%;
    height: 20px;
    cursor: pointer;
    margin-top: -3px;
}

.alpha {
    margin-top: -90px;
}

div#pre-button {
    padding: 15%;
}

.button-pre-test {
    background-color: #00a591;
    border: none;
    color: white !important;
    outline: none !important;
}

.pretestanswer {
    display: flex;
    margin-left: 35%;
    margin-right: 0%;
}

#video {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#vedio-second {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#video {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#loddy-video {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* .startVideo {
    min-width: 100%;
    min-height: fit-content;
    max-width: 100%;
    max-height: fit-content;
    width: auto;
    height: auto;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
} */

.placeButton {
    margin-top: 118px;
    margin-left: -80px;
}

.placeButtons {
    margin-top: 65px;
    margin-left: -40px;
}

#Drone_name {
    /* text-transform: capitalize; */
    margin-left: -9%;
}

.text-center.button {
    padding: 1%;
}

@keyframes typing {
    from {
        width: 0
    }
    to {
        width: 9em;
    }
}

@keyframes blink-caret {
    from,
    to {
        border-color: transparent
    }
    50% {
        border-color: #000;
    }
}

.blank1 {
    bottom: 330px;
    right: 1125px;
    background-color: white;
    border: none;
    color: white;
    opacity: -0.5;
    width: 25%;
}

.option-block {
    height: 50%;
}

#BtnanswerSubmit {
    margin: 1%;
}

.option-block-odd {
    height: 50%;
}

.option1 {
    color: #DA508B;
}

.legend {
    height: 50px;
}

#legend1,
#legend3 {
    text-align: left;
}

#legend2,
#legend4 {
    text-align: left;
}

#table-legend td {
    border: 1px solid #ffffff;
    height: 50px;
}

i.fas.fa-square-full {
    padding: 1%;
}

.option2 {
    color: #FE9506;
}

.option3 {
    color: #7282bd;
}

.option4 {
    color: #6AA786;
}

#option1,
#option2,
#option3,
#option4 {
    display: block;
}

.blank2 {
    bottom: 330px;
    right: 1055px;
    background-color: white;
    border: none;
    color: white;
    opacity: -0.5;
}

.inside-block {
    margin: 8% 10% 10%;
    width: 80%;
}

.top-button {
    margin: 30%;
}

.labels {
    /* background-color: #00a591; */
    /* background-color: #212060; */
    background: linear-gradient(to left, #861e42, #212060);
    height: 20px;
}

.labels h6 {
    color: white;
}

.content-block {
    background: rgba(255, 255, 255, .2);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    margin: 0px;
}

.question-count {
    /* background-color: #004b8f; */
    width: 50%;
    height: 70px;
}

#quiz-labels {
    font-size: 3.5rem;
    font-weight: 900;
    color: #bcbc1e;
    height: 70px;
    width: 80px;
}

.line-one {
    background-color: #919fce;
    width: 10%;
    height: 70px;
}

.line-two {
    background-color: #11467f;
    ;
    width: 10%;
    height: 70px;
}

.line-three {
    background-color: #8dd8f8;
    width: 10%;
    height: 70px;
}

.titles {
    height: 50px;
}

.answers {
    background-color: #F8F9EB;
    height: 50px;
}

.skiped {
    background-color: #F8F9EB;
    height: 50px;
}

.quiz-content-block {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    margin: auto;
    border-bottom: 4px solid #004b8f;
    border-left: 4px solid #004b8f;
    border-right: 4px solid #2e87d8;
}

.main-button-block {
    padding: 2%;
}

ul#choices-here {
    list-style-type: none;
}

.op {
    margin-left: 40%;
}

.slot-title {
    background-color: #ffffff;
}

.slot-row {
    margin: 1%;
    background: #ffff;
}

.webinar-row {
    margin: 5%;
}

.pretestanswer input {
    width: 5%;
    height: 12px;
    margin-top: 5px;
}

.doctor_name {
    color: #0a0a0a;
    font-size: 2rem;
    font-weight: 700;
    text-transform: capitalize;
}

.details-block {
    height: 120px;
    color: #7182ba;
    text-align: left;
}

.text-center.slot-avl {
    border: 1px solid #9198c0;
    width: 40%;
    margin: auto;
    background: #f5f5f5;
    border-radius: 8px;
}

.slot-main-tittles {
    color: #bcbc1e;
    margin: 1% 0% 0% -10%;
    font-size: 2.5rem;
}

.slot-sub-title {
    font-size: 1.8rem;
}

p#slot-detail {
    font-size: 1.8rem;
    margin: 0% 0% -3% 0%;
}

.doctor-info {
    margin-top: -10%;
}

.text-center.slot-avl p {
    margin: 1%;
}

.slot-body {
    height: 280px;
    background-color: #ffffff;
    margin: -3% 0% 0% 0%;
}

.modal {
    position: fixed;
    top: 200px;
    bottom: 0;
    left: 470px;
    width: 30%;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

p#doctor-desp {
    font-size: 16px;
    padding: 5%;
}

div#book-slot-title {
    font-size: 24px;
}

#S-D {
    width: 50%;
    margin: auto;
    background: #919fce;
    padding: 1%;
    color: white;
    font-size: 20px;
}

.close {
    color: white;
}

#slot-date {
    font-size: 2.5rem;
    color: #7182BA;
    font-weight: 700;
}

.webinar-block {
    background-color: white;
    height: 400px;
}

.webinar-title {
    background-color: #47509B;
    color: white;
    height: 50px;
}

.pre-title {
    background-color: #47509B;
    color: white;
}

div#moduleSlot {
    background: white;
    margin-top: -4%;
}

#speaker-name {
    color: white;
    font-weight: 500;
    font-size: 14px;
}

.pre-block {
    background-color: white;
    height: 400px;
}

#main-question {
    font-size: 17px;
    margin-left: -3%;
}

p#main-question {
    font-weight: 700;
    margin-block: 3%;
    margin-inline: -2%;
}

div#myCarousel {
    margin-left: 4%;
    margin-right: 0%;
    margin-top: 2%;
}

p#check {
    font-size: 16px;
    width: 100%;
    margin-block: auto;
    margin-inline: auto;
}

#slot-inside-tittle {
    color: #fff;
    margin: 3% 0% 3% -40%;
    /* margin: 1% 0% 0% -35%; */
    font-size: 4rem;
}

.slot-title0 {
    background: #7282bd;
    color: white;
    height: 75px;
    border-radius: 5px;
    margin: 30px 0 10px;
    font-size: 2.5rem;
}

.slot-title1 {
    background: #00d5cb;
    color: white;
    height: 75px;
    border-radius: 5px;
    margin: 30px 0 10px;
    font-size: 2.5rem;
}

.slot-title2 {
    background: #bcbc1e;
    color: white;
    height: 75px;
    border-radius: 5px;
    margin: 30px 0 10px;
    font-size: 2.5rem;
}

.slot-title3 {
    background: #00a692;
    color: white;
    height: 75px;
    border-radius: 5px;
    margin: 30px 0 10px;
    font-size: 2.5rem;
}

.slot-button0 {
    background: #7282bd;
    color: #ffffff;
    height: 40px;
    border-radius: 5px;
    margin: 0px 0 10px;
    font-size: 1.5rem;
}


/* .slot-button0:hover {
  background:#7282bd;
  color:white;
} */

.slot-button1 {
    background: #00d5cb;
    color: white;
    height: 40px;
    border-radius: 5px;
    margin: 0px 0 10px;
    font-size: 1.5rem;
}

.slot-button2 {
    background: #bcbc1e;
    color: white;
    height: 40px;
    border-radius: 5px;
    margin: 0px 0 10px;
    font-size: 1.5rem;
}

.slot-button3 {
    background: #00a692;
    color: white;
    height: 40px;
    border-radius: 5px;
    margin: 0px 0 10px;
    font-size: 1.5rem;
}

.image-block {
    margin-top: -50px;
}

.book-slot-box {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.slot-booking-img {
    border-radius: 50px;
}

.btn-success {
    width: 50%;
    border: 1px solid black;
    border-radius: 0px;
    color: #FFFFFF;
    margin: 2%;
}

.btn-danger {
    width: 30%;
    border: 1px solid black;
    border-radius: 0px;
    background: rgb(253 254 254);
    color: #080808;
    margin: 2%;
}

.yellow {
    background: #11467f;
    height: 10px;
}

.fotter {
    background: #7282bd;
    color: white;
    height: 20px;
}

#color1 {
    background: #7282bd;
    height: auto;
    width: 25%;
    color: white;
    padding: 1%;
}

#color2 {
    background: #00a692;
    height: auto;
    width: 25%;
    color: white;
    padding: 1%;
}

#color3 {
    background: #bcbc1e;
    height: auto;
    width: 25%;
    color: white;
    padding: 1%;
}

.blue {
    background: #8dd8f8;
    height: 10px;
}

.purple {
    background: #05638b;
    height: 10px;
}

#choose-display h2 {
    margin-top: 130%;
    margin-left: 85%;
}


/* .header{ */


/* background: #d6e0e2; */


/* } */

.module-head {
    background: linear-gradient(to right, #C77B22, #6A224A, #471F54, #352059);
    color: #fff;
}

#systemmessage span {
    color: white;
}

#chart span {
    width: 50px;
    height: 50px;
    color: white;
    display: grid;
    text-align: left;
    padding: 2%;
}

#groupresultchart span {
    width: 100%;
    height: 50px;
    color: white;
    display: inline-block;
    text-align: left;
    padding: 2%;
}

#indication {
    font-size: 14px;
    padding: 1%;
}

div#groupresultchart {
    margin: 1%;
}

.top-block {
    margin-top: 15px;
}

.icons {
    margin: 10%;
}

.overall-icons {
    margin: 2%;
}

p#post-label {
    font-size: 24px;
    color: white;
    margin-top: 15%;
    font-weight: 700;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-item-next,
.active.carousel-item-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-next,
    .active.carousel-item-right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.carousel-item-prev,
.active.carousel-item-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-prev,
    .active.carousel-item-left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}

.carousel-control-prev {
    left: -60px;
}

.carousel-control-next {
    right: -30px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'  fill='white' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'  fill='white' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 0.5);
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators .active {
    background-color: #fff;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.card>hr {
    margin-right: 0;
    margin-left: 0;
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link+.card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img {
    width: 100%;
    border-radius: calc(0.25rem - 1px);
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-deck .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-deck {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .card-deck .card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}

.card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-group>.card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .card-group>.card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0;
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0;
    }
    .card-group>.card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .card-group>.card:first-child .card-img-top,
    .card-group>.card:first-child .card-header {
        border-top-right-radius: 0;
    }
    .card-group>.card:first-child .card-img-bottom,
    .card-group>.card:first-child .card-footer {
        border-bottom-right-radius: 0;
    }
    .card-group>.card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .card-group>.card:last-child .card-img-top,
    .card-group>.card:last-child .card-header {
        border-top-left-radius: 0;
    }
    .card-group>.card:last-child .card-img-bottom,
    .card-group>.card:last-child .card-footer {
        border-bottom-left-radius: 0;
    }
    .card-group>.card:only-child {
        border-radius: 0.25rem;
    }
    .card-group>.card:only-child .card-img-top,
    .card-group>.card:only-child .card-header {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }
    .card-group>.card:only-child .card-img-bottom,
    .card-group>.card:only-child .card-footer {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0;
    }
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
        border-radius: 0;
    }
}

.card-columns .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }
    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

.speakertitle1 {
    margin: 2%;
    background-color: #919fce;
    color: white;
    height: 40px;
    display: flex;
    /* box-shadow: 1px 1px 10px 0px #888888; */
}

.speakertitle2 {
    margin: 2%;
    background-color: #00A692;
    color: white;
    height: 40px;
    display: flex;
    /* box-shadow: 1px 1px 10px 0px #888888; */
}

.speakertitle3 {
    margin: 2%;
    background-color: #BCBC1E;
    color: white;
    height: 40px;
    display: flex;
    /* box-shadow: 1px 1px 10px 0px #888888; */
}

.speakertitle4 {
    margin: 2%;
    background-color: #00D5CB;
    color: white;
    height: 40px;
    display: flex;
    /* box-shadow: 1px 1px 10px 0px #888888; */
}

.speaker-list-icons {
    padding: 15%;
}

.module-title {
    width: 90%;
}

.option-block1 {
    margin: 1%;
    background: #31215C;
    border-left: 10px solid #472055;
    width: 35%;
    height: 90px;
    padding: 2%;
    color: #fff;
    box-shadow: 1px 1px 10px 0px #888888;
}

.option-block1.active {
    background: #6A224A;
}

.option-block2 {
    margin: 1%;
    background: #31215C;
    border-left: 10px solid #472055;
    width: 35%;
    height: 90px;
    padding: 2%;
    color: #fff;
    box-shadow: 1px 1px 10px 0px #888888;
}

.option-block2.active {
    background: #6A224A;
}

.option-block3 {
    margin: 1%;
    background: #31215C;
    border-left: 10px solid #472055;
    width: 35%;
    height: 90px;
    padding: 2%;
    color: #fff;
    box-shadow: 1px 1px 10px 0px #888888;
}

.option-block3.active {
    background: #6A224A;
}

.option-block4 {
    margin: 1%;
    background: #31215C;
    border-left: 10px solid #472055;
    width: 35%;
    height: 90px;
    padding: 2%;
    color: #fff;
    box-shadow: 1px 1px 10px 0px #888888;
}

.option-block4.active {
    background: #6A224A;
}

.speakertitle h4 {
    padding: 1%;
}

#chart {
    background: aliceblue;
    margin: 1%;
}

p.results-titles {
    padding: 1%;
    font-weight: 700;
}

#feedback-ques {
    padding: 3%;
    font-size: 18px;
}

.cursor {
    cursor: pointer;
}

img.image-fluid {
    margin: auto;
    border-radius: 80px;
    cursor: pointer;
}

.speaker-row {
    background: rgba(255, 255, 255, .2);
}

.speaker.card {
    margin-right: -0.5%;
    width: 20%;
    margin-left: 4.3%;
    margin-bottom: 1%;
}

.Archieve.card {
    width: 45%;
}

.speaker-block {
    background-color: #80808054;
    padding: 2px;
}

.speaker.carousel {
    height: 160px !important;
}

.scoreNot.Started {
    display: none;
}

p {
    margin: none !important;
}

.speaker_module_name {
    background-color: #e3e2e2;
}

#webinar-btn {
    margin: 10%;
}

#frame {
    margin-left: 3.5%;
    margin-top: 5%;
}

div#main-questions p {
    font-size: 18px;
    padding: 1%;
}

div#your-answer p {
    font-size: 18px;
    font-weight: 700;
}

td p {
    margin-left: 25px;
    margin-top: -20px;
}

#poll-head {
    font-size: 18px;
    font-weight: 700;
}

label#doctor-perfix {
    height: 40px;
    width: 10%;
    padding-top: 9px;
    border-top: 1px solid #949494;
    border-left: 1px solid #949494;
    border-bottom: 1px solid #949494;
    background: rgb(218 218 218);
}

.Analyse {
    font-size: 18px;
}

#body-sensor-screen {
    width: 100%;
    /* background: url(../image/new/walkthrough-page.jpg); */
    background: url(../image/new/JPEG/JBPharmaWalkthroughCloseup01.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 115vh !important;
    margin-top: -2.5%;
}

.interactivity-room-bot {
    position: absolute;
    bottom: 100px;
    right: 0px;
}


.sensor-button {
    position: absolute;
    bottom: 48%;
    left: 60%;
    cursor: pointer;
    height: 15vh;
    width: 17%;
    /* border: 1px solid; */
}
/* .sensor-button {
    position: absolute;
    bottom: 45%;
    left: 54%;
    cursor: pointer;
    height: 10vh;
    width: 10%;
     border: 1px solid; 
    
} */

#telemedicine-screen {
    width: 100%;
    background: url(../image/interactivity2.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 760px;
}

.telemedicine-button {
    position: absolute;
    bottom: 150px;
    left: 0px;
    cursor: pointer;
}

#Digitizing-screen {
    width: 100%;
    background: url(../image/interactivity3.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 760px;
}

#Online-screen {
    width: 100%;
    background: url(../image/interactivity4.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 760px;
}

.interactivity-room-online-bot {
    position: absolute;
    bottom: 100px;
    left: 0px;
}

.Online-button {
    position: absolute;
    top: 200px;
    left: 200px;
    cursor: pointer;
    width: 1000px;
    height: 250px;
}

.resources {
    margin-left: 45%;
    cursor: pointer;
}

.card-title {
    text-transform: capitalize;
    font-weight: 700;
    height: 50px;
}

div#slot-book-1 {
    padding: 1%;
}

input.popup {
    padding: 1%;
    margin-left: 25%;
    margin-top: 1%;
    width: 50%;
}

.popup-submit-button {
    margin-left: 5%;
}

#model-box {
    background: rgba(255, 255, 255, 0.9);
}

div#post-questions {
    background: white;
}

.title-question {
    font-size: 16px;
    font-weight: 700;
}

.op-block {
    height: 75px;
}

.resend_otp {
    color: #fff;
    background-color: #142444;
    border-color: #46b8da;
}

.webinar_btn,
.backward {
    margin: 3%;
    color: #637571;
    background-color: #ffffff;
    border-color: #f3f7f6 !important;
}

div#submit-button {
    padding: 1%;
}

.button-slot {
    margin-block: 7%;
}

a.Arichieve.carousel-control-prev {
    left: -40px;
}

a.Arichieve.carousel-control-next {
    right: -5px;
}

p.results-titles {
    font-size: 18px;
}

.choice-block {
    height: auto;
    width: 50%;
    margin-top: 1%;
}

.ques {
    margin-top: -20px;
    margin-bottom: 2%;
    margin-left: 4%;
}

.note {
    margin-left: -15%;
    font-size: 12px;
}

p#slot-inside-tittle\ answer_review {
    color: #fff;
    margin: 1% 0% 0% -10%;
    font-size: 2rem;
    font-weight: 600;
}

.row.white-block.scrollable {
    height: 300px;
    overflow-y: scroll;
}


/* width */

.row.white-block.scrollable::-webkit-scrollbar {
    width: 20px;
}


/* Track */

.row.white-block.scrollable::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}


/* Handle */

.row.white-block.scrollable::-webkit-scrollbar-thumb {
    background: #bcbc1e;
    border-radius: 10px;
    height: 10px;
}


/* Handle on hover */

.row.white-block.scrollable::-webkit-scrollbar-thumb:hover {
    background: #bcbc1e
}

.op_main {
    display: flex;
    margin-left: 10%;
    font-size: 13px;
}

.text-inside {
    margin: 0 0 0 10px;
}

div#question-answer-block {
    margin-top: 2%;
}

button#pre-test-button {
    margin: 15%;
}

div#Answer_option_1,
div#Answer_option_2,
div#Answer_option_3 {
    margin-left: 15%;
    margin-right: 15%;
}

.fa-check {
    color: #09a55d;
}

.resource {
    width: 235px;
    background: #bcbc1e;
    font-size: 3rem;
    color: white;
    border: none;
    margin-top: 60%;
}

.resource:hover {
    background: #bcbc1e;
    color: teal;
}

p#module-name {
    margin-top: 3% !important;
}

p#time {
    margin-top: -8% !important;
}

.rounded-circle {
    border-radius: 100px;
    width: 120px;
    height: 120px;
    font-size: 16px;
    background: linear-gradient(to bottom, #861e42, #212060);
    color: #fff;
    font-weight: 600;
    margin: inherit;
    margin-left: 4%;
}

progress[value] {
    -webkit-appearance: none;
    appearance: none;
}

progress.red {
    background-color: red;
    color: red;
    border-radius: 100%;
}

progress.green {
    background-color: whiteSmoke;
    color: green !important;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

progress.green[value] {
    color: green !important;
    background-color: whiteSmoke;
    padding-bottom: 1%;
}


/* IE10 */

progress.green::-webkit-progress-bar-value {
    background-color: green !important
}

progress.green::-webkit-progress-value {
    background-color: green !important
}

progress.green::-moz-progress-bar {
    background-color: green !important
}

progress.red[value] {
    color: red !important
}


/* IE10 */

progress.red::-webkit-progress-bar-value {
    background-color: red !important
}

progress.red::-webkit-progress-value {
    background-color: red !important
}

progress.red::-moz-progress-bar {
    background-color: red !important
}

.continue-button:hover {
    background-color: #09a55d;
    color: white;
}

.skip-button:hover {
    background-color: #bcbc1e;
    color: white;
}

span.slot_done {
    color: #09a55d;
    font-size: 12px;
}

span.slot_booking_status {
    color: red;
    font-size: 12px;
}

#post_test {
    margin-top: 15%;
    margin-bottom: 15%;
}