*,
 ::after,
 ::before {
     box-sizing: border-box;
 }
 
 p {
     margin-top: 0;
     margin-bottom: 1rem;
 }
 
 a {
     color: var(--bs-link-color);
     text-decoration: underline;
 }
 
 a:hover {
     color: var(--bs-link-hover-color);
 }
 
 button {
     border-radius: 0;
 }
 
 button:focus:not(:focus-visible) {
     outline: 0;
 }
 
 button {
     margin: 0;
     font-family: inherit;
     font-size: inherit;
     line-height: inherit;
 }
 
 button {
     text-transform: none;
 }
 
 button {
     -webkit-appearance: button;
 }
 
 ::-moz-focus-inner {
     padding: 0;
     border-style: none;
 }
 
 .fade {
     transition: opacity .15s linear;
 }
 
 @media (prefers-reduced-motion:reduce) {
     .fade {
         transition: none;
     }
 }
 
 .modal {
     --bs-modal-zindex: 1055;
     --bs-modal-width: 500px;
     --bs-modal-padding: 1rem;
     --bs-modal-margin: 0.5rem;
     --bs-modal-bg: #fff;
     --bs-modal-border-color: var(--bs-border-color-translucent);
     --bs-modal-border-width: 1px;
     --bs-modal-border-radius: 0.5rem;
     --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
     --bs-modal-inner-border-radius: calc(0.5rem - 1px);
     --bs-modal-header-padding-x: 1rem;
     --bs-modal-header-padding-y: 1rem;
     --bs-modal-header-padding: 1rem 1rem;
     --bs-modal-header-border-color: var(--bs-border-color);
     --bs-modal-header-border-width: 1px;
     --bs-modal-title-line-height: 1.5;
     --bs-modal-footer-gap: 0.5rem;
     --bs-modal-footer-border-color: var(--bs-border-color);
     --bs-modal-footer-border-width: 1px;
     position: fixed;
     top: 0;
     left: 0;
     z-index: var(--bs-modal-zindex);
     display: none;
     width: 100%;
     height: 100%;
     overflow-x: hidden;
     overflow-y: auto;
     outline: 0;
 }
 
 .modal-dialog {
     position: relative;
     width: auto;
     margin: var(--bs-modal-margin);
     pointer-events: none;
 }
 
 .modal.fade .modal-dialog {
     transition: transform .3s ease-out;
     transform: translate(0, -50px);
 }
 
 @media (prefers-reduced-motion:reduce) {
     .modal.fade .modal-dialog {
         transition: none;
     }
 }
 
 .modal.show .modal-dialog {
     transform: none;
 }
 
 .modal-dialog-centered {
     display: flex;
     align-items: center;
     min-height: calc(100% - var(--bs-modal-margin) * 2);
 }
 
 .modal-content {
     position: relative;
     display: flex;
     flex-direction: column;
     width: 100%;
     color: var(--bs-modal-color);
     pointer-events: auto;
     background-color: var(--bs-modal-bg);
     background-clip: padding-box;
     border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
     border-radius: var(--bs-modal-border-radius);
     outline: 0;
 }
 
 @media (min-width:576px) {
     .modal {
         --bs-modal-margin: 1.75rem;
         --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
     }
     .modal-dialog {
         max-width: var(--bs-modal-width);
         margin-right: auto;
         margin-left: auto;
     }
 }
 /*! CSS Used from: Embedded */
 
 .modal {
     --bs-modal-zindex: 1055;
     --bs-modal-width: 500px;
     --bs-modal-padding: 1rem;
     --bs-modal-margin: 0.5rem;
     --bs-modal-bg: #fff;
     --bs-modal-border-color: var(--bs-border-color-translucent);
     --bs-modal-border-width: 1px;
     --bs-modal-border-radius: 0.5rem;
     --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
     --bs-modal-inner-border-radius: calc(0.5rem - 1px);
     --bs-modal-header-padding-x: 1rem;
     --bs-modal-header-padding-y: 1rem;
     --bs-modal-header-padding: 1rem 1rem;
     --bs-modal-header-border-color: var(--bs-border-color);
     --bs-modal-header-border-width: 1px;
     --bs-modal-title-line-height: 1.5;
     --bs-modal-footer-gap: 0.5rem;
     --bs-modal-footer-border-color: var(--bs-border-color);
     --bs-modal-footer-border-width: 1px;
     position: fixed;
     top: 0;
     left: 0;
     z-index: var(--bs-modal-zindex);
     display: none;
     width: 100%;
     height: 100%;
     overflow-x: hidden;
     overflow-y: auto;
     outline: 0;
 }
 /*! CSS Used from: Embedded */
 
 .class-de-error-audio-title {
     display: flex;
     align-items: flex-start;
     align-self: start;
     justify-content: space-between;
 }
 
 .class-de-inner-content {
     padding: 20px;
 }
 
 .class-de-title-audio-error {
     font-size: 22px;
     margin-bottom: 0px;
 }
 
 .modal-content {
     background-color: #313232;
     color: #fff;
 }
 
 .class-de-small-title {
     padding: 0px;
     margin: 0px 0px;
     margin-bottom: 10px;
 }
 
 .cols {
     padding-bottom: -5px;
     border-bottom: 1px solid white;
 }
 
 .class-de-error-audio-item:nth-child(2) {
     margin-top: 15px;
 }
 
 .class-de-error-audio-item {
     margin-top: 10px;
     display: flex;
     justify-content: space-between;
 }
 
 .close-x {
     color: #fff;
     font-size: 20px;
     background-color: #FFFFFF00;
     border: none;
 }
 
 .class-de-error-audio-item button {
     cursor: pointer;
     outline: none;
     width: 150px;
     min-height: 30px;
     max-height: 30px;
     background-color: #0071E3;
     color: white;
     border: none;
     border-radius: 8px;
 }
 
 .class-de-left-t>p {
     font-size: large;
     margin: 0px;
 }
 
 .small-det {
     font-size: small !important;
 }
 
 li {
     margin: 10px 0px;
 }
 
 .fast-forwerd {
     width: 100%;
     height: 100%;
     position: absolute;
     z-index: 100;
     display: flex;
     justify-content: space-between;
 }
 
 .backword {
     width: 35%;
 }
 
 .loading {
     position: absolute;
     display: block;
     width: 50px;
     height: 50px;
     -webkit-animation: spin .9s linear infinite;
     -moz-animation: spin .9s linear infinite;
     animation: spin .9s linear infinite;
 }
 
 @-moz-keyframes spin {
     100% {
         -moz-transform: rotate(360deg);
     }
 }
 
 @-webkit-keyframes spin {
     100% {
         -webkit-transform: rotate(360deg);
     }
 }
 
 @keyframes spin {
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }
 
 .center {
     width: 30%;
     height: 100%;
 }
 
 .loader {
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 
 .forwerd {
     width: 35%;
 }
 
 .title-text {
     text-align: center;
 }
 
 .choices {
     display: flex;
     justify-content: center;
 }
 
 .choices div {
     margin-top: 10px;
     width: 50%;
 }
 
 .title-dec {
     margin: 10px;
 }
 
 .title-icon {
     margin-left: 10px;
 }
 
 .error-title {
     font-size: 28px;
     font-weight: 300;
 }
 
 .choices button {
     width: 100%;
     background-color: #00000000;
     color: #FFF;
     border: none;
     outline: none;
     padding-bottom: 0px;
     cursor: pointer;
 }
 
 .choice-1 button {
     color: #ff382e !important;
     border-right: 1px solid white;
 }
 
 .choice-2 button {
     color: #187efb !important;
 }
 
 .modal-content {
     padding: 10px;
 }
 
 .title-main-info {
     font-size: 25px;
     color: #FFF;
     position: absolute;
     width: 100vw;
     z-index: 1000;
 }
 
 .title-wrapper {
     margin: 20px;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 
 .let-back-icon img,
 .right-info img {
     width: 35px;
     cursor: pointer;
 }
 /* style the elements with CSS */
 
 #pleaserotate-graphic {
     fill: #fff;
 }
 
 #pleaserotate-backdrop {
     color: #fff;
     background-color: #000;
 }