.scrollable-verticle {
   height: 100%;
   overflow-y: auto;
   overflow-x: hidden;
 }
 .scrollable-horizontal {
   overflow-y: hidden;
   overflow-x: auto;
 }

.modal-xlg{
  width: 90%;
  max-width: 90% !important; /* Set width to 90% of the viewport */
}
.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.badge2-outline {
  display: inline-block;
  padding: 5px 8px;
  line-height: 12px;
  border: 1px solid;
  border-radius: 0.25rem;
  font-weight: 400;
  font-size: 13px;
}
        .timeline {
            position: relative;
            max-width: 1200px;
            margin: 0 auto;
            padding: 40px 0;
        }

        .timeline::after {
            content: '';
            position: absolute;
            width: 6px;
            background-color: #6777ef;
            top: 0;
            bottom: 0;
            left: 50px;
            margin-left: -3px;
        }

        .container_timeline {
            padding: 10px 40px;
            position: relative;
            background-color: inherit;
            width: 100%;
            margin-left: 80px;
        }

        .container_history {
            padding: 10px 40px;
            position: relative;
            background-color: inherit;
            width: 100%;
            margin-left: 80px;
        }

        .container_timeline::after {
            content: '';
            position: absolute;
            width: 25px;
            height: 25px;
            left: -42px;
            background-color: white;
            border: 4px solid #6777ef;
            top: 15px;
            border-radius: 50%;
            z-index: 1;
        }

        .container_history::after {
            content: '';
            position: absolute;
            width: 25px;
            height: 25px;
            left: -42px;
            background-color: #6777ef;
            border: 4px solid #6777ef;
            top: 15px;
            border-radius: 50%;
            z-index: 1;
        }

        .container_timeline::before {
            content: " ";
            height: 0;
            position: absolute;
            top: 22px;
            width: 0;
            z-index: 1;
            left: -17px;
            border: medium solid white;
            border-width: 10px 10px 10px 0;
            border-color: transparent white transparent transparent;
        }

        .container_history::before {
            content: " ";
            height: 0;
            position: absolute;
            top: 22px;
            width: 0;
            z-index: 1;
            left: -17px;
            border: medium solid white;
            border-width: 10px 10px 10px 0;
            border-color: transparent white transparent transparent;
        }

        .content_timeline {
            padding: 20px 30px;
            background-color: white;
            position: relative;
            border-radius: 6px;
        }

        @media screen and (max-width: 600px) {
            .timeline::after {
                left: 31px;
            }

            .container_timeline {
                width: 100%;
                padding-left: 70px;
                padding-right: 25px;
                margin-left: 50px;
            }

            .container_timeline::before {
                left: 60px;
                border: medium solid white;
                border-width: 10px 10px 10px 0;
                border-color: transparent white transparent transparent;
            }

            .container_timeline::after {
                left: -16px;
            }

            .container_history {
                width: 100%;
                padding-left: 70px;
                padding-right: 25px;
                margin-left: 50px;
            }

            .container_history::before {
                left: 60px;
                border: medium solid white;
                border-width: 10px 10px 10px 0;
                border-color: transparent white transparent transparent;
            }

            .container_history::after {
                left: -16px;
            }

        }

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLmNzcyIsInNvdXJjZXMiOlsiY3VzdG9tLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9 */

/*# sourceMappingURL=custom.css.map */