:root {
    --color-primary      : #2441e7;
    --color-secondary    : #c75533;
    --bs-blue            : #0d6efd;
    --bs-indigo          : #6610f2;
    --bs-purple          : #6f42c1;
    --bs-pink            : #d63384;
    --bs-red             : #dc3545;
    --bs-orange          : #fd7e14;
    --bs-yellow          : #ffc107;
    --bs-green           : #198754;
    --bs-teal            : #20c997;
    --bs-cyan            : #0dcaf0;
    --bs-white           : #fff;
    --bs-gray            : #6c757d;
    --bs-gray-dark       : #343a40;
    --bs-gray-100        : #f8f9fa;
    --bs-gray-200        : #e9ecef;
    --bs-gray-300        : #dee2e6;
    --bs-gray-400        : #ced4da;
    --bs-gray-500        : #adb5bd;
    --bs-gray-600        : #6c757d;
    --bs-gray-700        : #495057;
    --bs-gray-800        : #343a40;
    --bs-gray-900        : #212529;
    --bs-primary         : #0d6efd;
    --bs-secondary       : #6c757d;
    --bs-success         : #198754;
    --bs-info            : #0dcaf0;
    --bs-warning         : #ffc107;
    --bs-danger          : #dc3545;
    --bs-light           : #f8f9fa;
    --bs-dark            : #212529;
    --bs-primary-rgb     : 13, 110, 253;
    --bs-secondary-rgb   : 108, 117, 125;
    --bs-success-rgb     : 25, 135, 84;
    --bs-info-rgb        : 13, 202, 240;
    --bs-warning-rgb     : 255, 193, 7;
    --bs-danger-rgb      : 220, 53, 69;
    --bs-light-rgb       : 248, 249, 250;
    --bs-dark-rgb        : 33, 37, 41;
    --bs-white-rgb       : 255, 255, 255;
    --bs-black-rgb       : 0, 0, 0;
    --bs-body-color-rgb  : 33, 37, 41;
    --bs-body-bg-rgb     : 255, 255, 255;
    --bs-font-sans-serif : system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace  : SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient        : linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size  : 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color      : #212529;
    --bs-body-bg         : #fff;
}

.logo-image {
    max-width: 50px;
}

.nav_logo_img {
    max-width: 50px;
}

.button--secondary {
    background-color: #fff;
    border-color    : #fff;
    color           : #000;
    border-radius   : 5px;
    padding         : 12px 26px;
    font-size       : 16px;
    font-weight     : 600;
    color           : var(--color-primary);
}

/* timeline */

.timeline {
    position      : relative;
    margin-left   : auto;
    margin-right  : auto;
    display       : flex;
    max-width     : 700px;
    flex-direction: column;
}

.timeline> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top          : calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom       : calc(0.75rem * var(--tw-space-y-reverse));
}

/*.timeline::after {*/
/*    content         : '';*/
/*    position        : absolute;*/
/*    top             : 0px;*/
/*    left            : 5px;*/
/*    height          : 100%;*/
/*    width           : 2px;*/
/*    --tw-bg-opacity : 1;*/
/*    background-color: rgb(226 232 240 / var(--tw-bg-opacity));*/
/*}*/

.timeline.large-icon::after {
    left: 3px;
}

.timeline__item {
    position         : relative;
    display          : flex;
    padding-left     : 1.75rem;
    --tw-text-opacity: 1;
    color            : rgb(185 176 176 / var(--tw-text-opacity));
}

.timeline__icon {
    position        : absolute;
    top             : 50%;
    left            : 0px;
    z-index         : 10;
    height          : 13px;
    width           : 13px;
    transform       : translateY(-50%);
    border-radius   : 9999px;
    border          : 2px solid rgb(3 105 161);
    background-color: rgb(255, 255, 255);
}

.timeline__icon.large {
    height          : 0.5rem;
    width           : 0.5rem;
    --tw-bg-opacity : 1;
    background-color: rgb(3 105 161);
    outline-style   : solid;
    outline-width   : 2px;
    outline-offset  : 2px;
    outline-color   : #0369a1;
}

.timeline__item:nth-child(even) .timeline__icon {
    border-color: rgb(157 23 77);
}

.timeline__item:nth-child(even) .timeline__icon.large {
    --tw-bg-opacity : 1;
    background-color: rgb(157 23 77);
    outline-color   : #9d174d;
}

.timeline__text {}

/* end of timeline */

.toggle-password {
    position  : absolute;
    right     : 0;
    height    : 30px;
    width     : 40px;
    top       : 0;
    background: transparent;
    border    : none;
    color     : #444;
}

.news-marquee {
    display    : flex;
    align-items: center;
    padding    : 8px 0;
}

.news-marquee ul {
    margin-bottom: 0;
    display      : flex;
}

.news-marquee li {
    padding-left : 10px;
    padding-right: 50px;
    position     : relative;
}

.news-marquee li::before {
    content      : '';
    position     : absolute;
    top          : 50%;
    left         : -10px;
    transform    : translateY(-50%);
    width        : 8px;
    height       : 8px;
    border-radius: 50%;
    background   : #888;
}

.news-marquee a {
    color: inherit;
}


/* time counter */

.exam-timer {
  position: fixed;
  top: 130px;
  right: 15px;
  margin-bottom: 1rem;
  z-index: 1;
}

@media (min-width: 768px) {
  .exam-timer {
    right: 20px;
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.counter {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}

@media (min-width: 1024px) {
  .counter {
    justify-content: flex-end;
  }
}

.counter__item {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  min-width: 50px;
  overflow: hidden;
  border-radius: 0.375rem;
  text-align: center;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.counter__item--number {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 2px;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
}

.counter__item--text {
  --tw-bg-opacity: 1;
  background-color: rgb(33 167 208 / var(--tw-bg-opacity));
  padding: 2px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .counter__item {
        min-width: 60px;
    }
}

@media (min-width: 1350px) {
    .container {
        max-width: 1140px;
    }
}

/* end time counter */
.instructor_pricing_widget.csv2 {
    margin-top: -430px;
}

.banner-slider-secondary .slick-center img {
    border: 3px solid #000;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    filter: brightness(0.6);
}

.slick-arrow {
    width: 40px;
    height: 50px;
    color: #fff;
    background: #262626c9 !important;
    z-index: 1;
}