#multi-bump-tutorial-modal.modal-dialog {
  width: 86%;
  min-width: 300px;
  margin: 0 auto;
  max-width: 400px; }

#multi-bump-tutorial-modal .modal-content {
  border-radius: 5px !important; }
  #multi-bump-tutorial-modal .modal-content .modal-header {
    display: none; }
  #multi-bump-tutorial-modal .modal-content .modal-body {
    padding: 30px !important;
    min-height: 450px; }
    @media screen and (max-width: 320px) {
      #multi-bump-tutorial-modal .modal-content .modal-body {
        padding: 25px; } }
  #multi-bump-tutorial-modal .modal-content .modal-footer {
    display: none; }

#multi-bump-tutorial-modal #tutorial-carousel {
  min-height: 380px; }
  #multi-bump-tutorial-modal #tutorial-carousel .carousel-indicators {
    bottom: 0; }
    #multi-bump-tutorial-modal #tutorial-carousel .carousel-indicators li {
      background-color: #00000033;
      width: 8px;
      height: 8px;
      border-radius: 8px; }
      #multi-bump-tutorial-modal #tutorial-carousel .carousel-indicators li.active {
        background-color: #DD1E1E; }
  #multi-bump-tutorial-modal #tutorial-carousel .carousel-caption {
    position: initial;
    padding: 0; }
    #multi-bump-tutorial-modal #tutorial-carousel .carousel-caption h4 {
      text-align: center;
      font-size: 1.3rem;
      font-weight: bold;
      margin-top: 1rem;
      margin-bottom: 1rem;
      color: #000000CC; }
    #multi-bump-tutorial-modal #tutorial-carousel .carousel-caption p {
      color: #00000099;
      text-align: left; }

#multi-bump-tutorial-modal .action {
  color: #DD1E1E;
  text-align: right;
  font-weight: bold;
  font-size: 1.1rem;
  letter-spacing: 0.05rem;
  cursor: pointer; }

@media screen and (max-width: 991px) {
  #bump-schedule-tour-dialog #carousel-desktop {
    display: none; } }

@media screen and (min-width: 992px) {
  #bump-schedule-tour-dialog #carousel-mobile {
    display: none; } }

#bump-schedule-tour-dialog #tour-carousel {
  max-width: 534px;
  min-height: 360px;
  margin-bottom: 30px; }
  @media screen and (max-width: 991px) {
    #bump-schedule-tour-dialog #tour-carousel {
      margin-bottom: 0; } }
  #bump-schedule-tour-dialog #tour-carousel .carousel-indicators {
    bottom: -30px; }
    @media screen and (max-width: 991px) {
      #bump-schedule-tour-dialog #tour-carousel .carousel-indicators {
        top: 225px;
        height: 20px; } }
    @media screen and (max-width: 320px) {
      #bump-schedule-tour-dialog #tour-carousel .carousel-indicators {
        top: 195px; } }
    #bump-schedule-tour-dialog #tour-carousel .carousel-indicators li {
      background-color: #00000033;
      width: 10px;
      height: 10px;
      border-radius: 10px;
      cursor: pointer; }
      #bump-schedule-tour-dialog #tour-carousel .carousel-indicators li:not(:last-child) {
        margin-right: 6px; }
      @media screen and (max-width: 991px) {
        #bump-schedule-tour-dialog #tour-carousel .carousel-indicators li {
          width: 9px;
          height: 9px;
          border-radius: 9px; }
          #bump-schedule-tour-dialog #tour-carousel .carousel-indicators li:not(:last-child) {
            margin-right: 7px; } }
      #bump-schedule-tour-dialog #tour-carousel .carousel-indicators li.active {
        background-color: #DD1E1E; }
  #bump-schedule-tour-dialog #tour-carousel .carousel-item .tour-image {
    overflow: hidden;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #eaeaea; }
    @media screen and (max-width: 991px) {
      #bump-schedule-tour-dialog #tour-carousel .carousel-item .tour-image {
        height: 210px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end; } }
    @media screen and (max-width: 320px) {
      #bump-schedule-tour-dialog #tour-carousel .carousel-item .tour-image {
        height: 180px; } }
    #bump-schedule-tour-dialog #tour-carousel .carousel-item .tour-image img {
      max-height: 280px;
      width: 100%; }
  #bump-schedule-tour-dialog #tour-carousel .carousel-item .carousel-caption {
    position: initial;
    padding: 0; }
    #bump-schedule-tour-dialog #tour-carousel .carousel-item .carousel-caption .tour-description {
      color: #3B3B3B;
      text-align: center;
      padding: 30px; }
      #bump-schedule-tour-dialog #tour-carousel .carousel-item .carousel-caption .tour-description p, #bump-schedule-tour-dialog #tour-carousel .carousel-item .carousel-caption .tour-description b {
        font-size: 16px; }
        #bump-schedule-tour-dialog #tour-carousel .carousel-item .carousel-caption .tour-description p:not(:last-child), #bump-schedule-tour-dialog #tour-carousel .carousel-item .carousel-caption .tour-description b:not(:last-child) {
          margin-bottom: 0.5em; }
        @media screen and (max-width: 320px) {
          #bump-schedule-tour-dialog #tour-carousel .carousel-item .carousel-caption .tour-description p, #bump-schedule-tour-dialog #tour-carousel .carousel-item .carousel-caption .tour-description b {
            font-size: 15px; } }
      @media screen and (max-width: 991px) {
        #bump-schedule-tour-dialog #tour-carousel .carousel-item .carousel-caption .tour-description {
          text-align: left;
          padding: 40px 20px 0 20px; } }
      @media screen and (max-width: 320px) {
        #bump-schedule-tour-dialog #tour-carousel .carousel-item .carousel-caption .tour-description {
          padding: 40px 20px 0 20px; } }

#bump-schedule-tour-dialog .action-container {
  display: flex;
  justify-content: flex-end;
  padding: 0 30px;
  margin-bottom: 20px; }
  @media screen and (max-width: 991px) {
    #bump-schedule-tour-dialog .action-container {
      margin-bottom: 10px;
      padding: 0 30px;
      justify-content: space-between; } }
  #bump-schedule-tour-dialog .action-container .action:not(:last-child) {
    margin-right: 20px; }

#bump-schedule-tour-dialog .action {
  color: #DD1E1E;
  padding: 10px;
  text-align: right;
  font-weight: bold;
  font-size: 1.1rem;
  letter-spacing: 0.05rem;
  cursor: pointer; }
  @media screen and (max-width: 991px) {
    #bump-schedule-tour-dialog .action {
      flex-grow: 1;
      text-align: center; }
      #bump-schedule-tour-dialog .action.last {
        text-align: right; } }