@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;900&display=swap');

  body, html {
    height: 100%;
    margin: 0;
    font-family:  'Poppins', sans-serif;
    font-size: 16px;
  }

  .bg-gradient-color {
    background: rgb(73,61,145);
    background: linear-gradient(270deg, rgba(73,61,145,1) 0%, rgba(242,114,54,1) 100%);
  }

  .table-bg-orange {
    --bs-table-bg: #F27236;
    --bs-table-color: #fff;
    --bs-table-border-color: #F27236;
    --bs-table-border-color: #a6c3ca;
  }

  .table-orange {
    --bs-table-color: #fff;
    --bs-table-bg: #F27236;
    --bs-table-border-color: #df5d22;
    --bs-table-striped-bg: #F27236;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #F27236;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #F27236;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }

  .table-violet {
    --bs-table-color: #fff;
    --bs-table-bg: #493D91;
    --bs-table-border-color: #332a66;
    --bs-table-striped-bg: #493D91;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #493D91;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #493D91;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }

  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{
    background-color: #4a3d9175;
    /* border-color: #4a3d9175; */
  }

  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #493d91;
    border-color: #493d91;
  }

  .bg-speakers {
    /* height: 100vh; */
    background-image: url('../img/bg-speakers.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    background-attachment: fixed;
  }
  

  .bg-violet {
    background: #493D91;
  }

  .bg-light-violet {
    background: #f4f5f9;
  }

  .bg-orange {
    background: #F27236;
  }

  .fit-content {
    width: fit-content;
  }

  .text-violet {
    color: #493D91;
  }

  .text-blue {
    color: #234F94;
  }

  .text-orange {
    color: #F27236;
  }

  .w-15 {
    width: 15% !important;
  }

  .w-20 {
    width: 20% !important;
  }

  .w-30 {
    width: 30% !important;
  }

  .nav-link {
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    padding-bottom: 5px;
  }

  .nav-link.active {
    color: #fff !important;
  }

  .nav-link:hover {
    color: #fff !important;
  }

  .nav-link:focus{
    color: #fff;
  }

  .nav-link.show {
    color: #fff !important;
  }

  .top-menu, .top-menu a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 3px;
    font-size: 12px;
    font-weight: 500;
  }

  .top-menu-icons {
    min-width: 80px;
  }

  .div-flipbook {
    cursor: pointer;
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 100;
  }

  .flipbook-bg{
      background: #df5d22;
      border-radius: 12px;
      padding: 15px 15px;
      color: #fff;
  }

  .home-carousel {
    height: 100vh;
    background-image: url('../img/bg-home-2.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
  }

  .color-blue {
    color: #234F94;
  }

  .btn-orange{
    background: #F27236;
    border-color: #F27236;
    color: #fff;
  }

  .btn-orange:hover{
    background: #F27236;
    border-color: #F27236;
    color: #fff;
  }
  .btn-orange.disabled {
    background: #F27236;
    border-color: #F27236;
    color: #fff;
    opacity: 0.9;
  }

  .btn-violet {
    background: #493D91;
    border-color: #493D91;
  }

  .btn-violet:hover {
    background: #493D91;
    border-color: #493D91;
  }

  .btn-gray {
    background: #707070;
    border-color: #707070;
    color: #fff;
  }

  .w-200 {
    width: 100%;
    max-width: 200px;
  }

  .btn-gray:hover {
    background: #707070;
    border-color: #707070;
    color: #fff;
  }

  .bg-div-secondary {
    background: rgb(242,114,54);
    background: linear-gradient(61deg, rgba(242,114,54,1) 0%, rgba(73,61,145,1) 100%);
  }

  .hr-underline {
    height: 4px;
    width: 17%;
    background-color: #F27236;
  }

  .hr-underline-7 {
    height: 4px;
    width: 7%;
    background-color: #F27236;
  }

  .consent-check:checked{
    background-color: #493D91;
    border-color: #493D91;
  }

  .navbar-toggler {
    border-color: #878787;
  }

  .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
}

  .footer-div {
    background: #493D91;
  }

  /* Registration */
  .vh-pages {
    min-height: 90vh;
  }

  .reg-card {
    background-image: url('../img/reg-card.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    border: none;
    border-radius: 15px;
    max-width: 300px;
    width: 100%;
  }

  .bg-nearby {
    background-image: url('../img/bg-nearby.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    border: none;
    border-radius: 7px;
    width: 100%;
  }

  .reg-title {
    font-size: 1.2rem;
  }

  /* Eposter Guidelines */
  .guideline-window {
    height: 70vh;
    overflow-y: scroll;
  }

  .entry-eposter .form-label {
    text-transform: uppercase;
    font-weight: 600;
  }

  .entry-half-div {
    width: 100%; 
    max-width: 590px;
  }

  .add-author {
    cursor: pointer;
  }

  .remove_input_button {
    cursor: pointer;
  }

  input[type=checkbox]:checked{
    background-color: #F27236;
    border-color: #F27236;
  }

  /* .popover {
    max-width: 600px;
  }

  .popover-header {

  }

  .popover-body {

  } */

  /* Registration */

  .sw-theme-dots>.nav .nav-link.active{
    color: #493D91 !important;
  }

  .sw-theme-dots>.nav .nav-link.done {
    color: #b7adeb !important;
  }

  .card.disabled {
    opacity: 0.5;
  }

  .card-step.checkbox.active span.circle:after {
    display: block;
  }

  .checkbox-option span {
    top: 15px;
    right: 15px;
    width: 27px;
    height: 27px;
    display: block;
    position: absolute;
    border-radius: 100%;
    background-color: #f9f9f9;
    border: 2px solid #E0E1E5;
  }

  .checkbox-option span.circle:after {
    left: 3px;
    top: 3px;
    content: "";
    width: 17px;
    height: 17px;
    display: none;
    position: absolute;
    border-radius: 100%;
    background-color: #493D91;
  }

  .checkbox-option input {
    opacity: 1;
  }


  .radio-check-option span {
    top: 15px;
    right: 15px;
    width: 27px;
    height: 27px;
    display: block;
    position: absolute;
    border-radius: 100%;
    background-color: #f9f9f9;
    border: 2px solid #E0E1E5;
  }

  .card-step.active span.circle:after {
    display: block;
  }

  .radio-check-option span.circle:after {
    left: 3px;
    top: 3px;
    content: "";
    width: 17px;
    height: 17px;
    display: none;
    position: absolute;
    border-radius: 100%;
    background-color: #493D91;
  }

  .radio-check-option input {
    opacity: 1;
  }

  .sw-theme-dots>.nav .nav-link.active::after {
    background-color: #493D91 !important;
    box-shadow: 0 1px 7px 1px rgba(0, 0, 0, .3);
  }

  .sw-theme-dots>.nav .nav-link.done::after {
    background-color: #b7adeb;
  }

  .btn.w-200 {
    width: 100%;
    max-width: 140px;
  }

  /* E-Passport */

  .div-epass {
    width: 100%;
    max-width: 600px;
  }

  /* .div-progress{
    width: 100%;
    max-width: 175px;
    height: 175px;
  } */

  .div-progress{
    width: 100%;
    max-width: 50px;
    height: 50px;
    position: relative;
  }

  .div-progress.done{
    background: #6958c7 !important;
  }

  .div-progress .fades{
    opacity: .3;
  }

  .checker {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  .accordion-item {
    background: none;
    border: none;
  }

  .accorion-item-div {
    max-height: 40vh;
    overflow: hidden;
    overflow-y: scroll;
  }

  /* width */
  .scroller::-webkit-scrollbar {
    width: 8px;
  }

  /* Track */
  .scroller::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
  }
  
  /* Handle */
  .scroller::-webkit-scrollbar-thumb {
    background: #df5d22; 
    border-radius: 10px;
  }

  /* Handle on hover */
  .scroller::-webkit-scrollbar-thumb:hover {
    background: #df5d22; 
  }

  .accordion-item .inactive {
    color: #B7B7B7;
  }

  .accordion-item .active {
    color: #F27236;
  }

  /* .btn-scan-qr {
    position: fixed;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
  } */

  /* Forgot Password */

  .card-board {
    width: 100%;
    max-width: 600px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 7%), 0 4px 5px rgb(0 0 0 / 6%), 0 1px 10px rgb(0 0 0 / 10%);
    background: #fff;
    border-radius: 9px;
}

.btn-resend-code{
  font-size: 0.9rem!important;
  padding: 0 !important;
}

.btn-resend-code{
border: none !important;
}

a.dowling {
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

  /* // Small devices (landscape phones, 576px and up) */
  @media (min-width: 576px) {

   }
  
  /* // Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {
    .btn.w-200 {
      width: 100%;
      max-width: 200px;
    }
   }
  
  /* // Large devices (desktops, 992px and up) */
  @media (min-width: 992px) {
    .nav-link:hover + .underline-link {
      width: 86%;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
    }
  
    .nav-link + .underline-link {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 0%;
      height: 2px;
      background-color: #fff;
      margin-top: -4px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
    }
  
    .nav-link.active + .underline-link{
      width: 86% !important;
    }

   }
  
  /* // X-Large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {

   }
  
  /* // XX-Large devices (larger desktops, 1400px and up) */
  @media (min-width: 1400px) {
    
   }

   /* Slick */
   .slick-dots li {
    margin: 0 2px ;
   }
   .slick-dots li button:before {
      font-size: 15px !important;
      color: #493D91;
    }
    
    .slick-dots {
      bottom: -30px !important;
    }

    .slick-dots li.slick-active button:before {
      color: #493D91 !important;
  }

  /* Loader */
  #loader {
    border: 12px solid #f3f3f3;
    border-radius: 50%;
    border-top: 12px solid #444444;
    width: 70px;
    height: 70px;
    animation: spin 1s linear infinite;
}

.center {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}