.tb_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* align-items: center; */
}

/* ------------- button ------------ */

.btn_button_outline {
  padding: 12px 30px;
  transition: 0.4s;
  border-radius: 6px;
  font-size: 18px;
  color: #386BFF;
  border: 1px solid #386BFF;
}

.btn_button_outline:hover {
  background-color: #386BFF;
  /* background: linear-gradient(150deg,  var(--tj-color-theme-primary) 0%, var(--tj-color-theme-secondary) 100%); */
  padding: 12px 30px;
  transition: 0.4s;
  border-radius: 6px;
  font-size: 18px;
  color: white;
  /* border: 2px solid var(--tj-color-theme-primary); */
}

.btn_button_outline2 {
  padding: 12px 30px;
  transition: 0.4s;
  border-radius: 6px;
  font-size: 18px;
  color: #7000FF;
  border: 1px solid #9B1FE8;
}

.btn_button_outline2:hover {
  background-color: #9B1FE8;
  /* background: linear-gradient(150deg,  var(--tj-color-theme-primary) 0%, var(--tj-color-theme-secondary) 100%); */
  padding: 12px 30px;
  transition: 0.4s;
  border-radius: 6px;
  font-size: 18px;
  color: white;
  /* border: 2px solid var(--tj-color-theme-primary); */
}

.btn_button {
  /* background: var(--tj-color-theme-secondary); */
  /* background: linear-gradient(90deg, var(--tj-color-theme-secondary-1) 0%, var(--tj-color-theme-primary) 51%, var(--tj-color-theme-secondary) 100%); */
  /* background: linear-gradient(150deg,  var(--tj-color-theme-secondary) 0%, var(--tj-color-theme-primary) 100%); */
  background-color: #9B1FE8;
  padding: 12px 30px;
  transition: 0.4s;
  border-radius: 6px;
  font-size: 18px;
  /* color: white; */
  border-color: transparent;
  color: var(--tj-color-common-white);
  /* border: 2px solid var(--tj-color-theme-secondary); */
}

.btn_button:hover {
  background: none;
  padding: 12px 30px;
  transition: 0.4s;
  border-radius: 6px;
  font-size: 18px;
  color: var(--bs-body-color);
  border: 1px solid #9B1FE8;
}

.lr_center {
  display: flex;
  justify-content: center;
  /* align-items: center; */
}

.company_card {
  width: 185px;
  background-color: #F8F7FF;
  height: 85px;
  border-radius: 1px;
  display: flex;
  align-items: center;
  /* font-size: 3.5em; */
  /* margin-bottom: 20px; */
  justify-content: center;
  /* text-shadow: -2px -2px 5px #fff; */
  /* box-shadow: inset 10px 10px 10px rgba(0, 0, 0, 0.05), 15px 10px 10px rgba(0, 0, 0, 0.05), 15px 15px 20px rgba(0, 0, 0, 0.025), inset -10px -10px 15px rgba(255, 255, 255, 0.9); */
}

/* -----------------   Slider -------------- */

/* :root {
    --animationSpeed: 40s;
  }
  
  @keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-250px * 7));
    }
  }
  
  .slider {
    height: 100px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: auto;
  }
  
  .slider .slide-track {
    animation: scroll var(--animationSpeed) linear infinite;
    display: flex;
    width: calc(250px * 14);
  }
  

  .slider:hover .slide-track {
    animation-play-state: paused;
  }
  
  .slider .slide {
    height: 100px;
    width: 250px;
  } */

.slider2 {
  height: 120px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.slide-track {
  display: flex;
  width: calc(410px * 15);
  animation: scroll 20s linear infinite;
}

.slide2 {
  height: 120px;
  width: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}

.company_card {
  display: flex;
  justify-content: center;
  align-items: center;
}

.img_width2 {
  max-height: 100%;
  max-width: 100%;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-250px * 7));
  }
}

/* Pause animation on hover */
.slider2:hover .slide-track {
  animation-play-state: paused;
}

/* ============================ */

.list_none {
  list-style-type: none;
}

.cur_list__icon {
  color: #2990DF;
}

.fee_img_color {
  filter: brightness(0) saturate(100%) invert(34%) sepia(88%) saturate(1881%) hue-rotate(201deg) brightness(96%) contrast(95%);
}

.pt-100 {
  padding-top: 100px;
}

.purple_icon {
  filter: brightness(0) saturate(100%) invert(19%) sepia(82%) saturate(3000%) hue-rotate(270deg) brightness(92%) contrast(95%);
}

.lightgreen_icon {
  filter: brightness(0) saturate(100%) invert(52%) sepia(89%) saturate(355%) hue-rotate(71deg) brightness(95%) contrast(94%);
}

.pop {
  margin-top: 100px;
}

.about-text {
  display: flex;
  justify-content: space-between; 
  align-items: center; 
  width: 100%;
}




/* .logo-slider {
      overflow: hidden;
      padding: 30px 0 0 0;
      white-space: nowrap;
      position: relative;
  }
  
  .logo-slider:hover .logos-slide {
      animation-play-state: paused;
  }
  
  .logos-slide {
      display: inline-block;
      animation: 45s slide infinite linear;
  }
  
  .logos-slide img {
      width: 183px;
      height: 83px;
      margin: 0 40px;
  }
  
  
  @keyframes slide {
      from {
          transform: translateX(0);
      }
  
      to {
          transform: translateX(-100%);
      }
  } */


/* blogs design */
.tag {
  font-size: 12px;
  margin: 9px;
  /* margin-left: 125px; */
  padding: 4px;
  color: var(--tj-color-theme-secondary);
  text-align: center;
  border: 1px solid var(--tj-color-theme-secondary);
  border-radius: 42px;
  transition: transform 0.2s;
  transition-timing-function: cubic-bezier(0.45, -0.85, 0.55, -0.45);
}

.tag:hover {
  transform: scale(1.2);
  background: linear-gradient(90deg, var(--tj-color-theme-secondary-1) 0%, var(--tj-color-theme-primary) 51%, var(--tj-color-theme-secondary) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border: 1px solid var(--tj-color-theme-secondary-1);
}

@media only screen and (min-width: 400px) and (max-width: 915px) {
  .tag {
    font-size: 12px;
    margin: 9px;
    /* margin-left: 125px; */
    padding: 4px;
    color: #FFFFFF;
    text-align: center;
    border: 1px solid #FFFFFF;
    border-radius: 42px;
    transition: transform 0.2s;
    transition-timing-function: cubic-bezier(0.45, -0.85, 0.55, -0.45);
  }

  .tag:hover {
    transform: scale(1.2);
    background: var(--tj-color-theme-secondary-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border: 1px solid var(--tj-color-theme-secondary-1);
    color: #FFFFFF;
  }
}
/* blogs details page */
.blog-bu-color{
  color: var(--tj-color-heading-primary) !important ;
}
.blog-bu-title{
  color:#060c30;
  font-weight: 700 !important;
}

/* =====================================  Course Invoice CSS Start  ====================== */

.course_invoice {
  width: 90%;
  margin: 20px auto;
  padding: 50px;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  height: 100vh;
}

.course_invoice-header {
  display: flex;
  margin-bottom: 20px;
}

.course_invoice-header-left {
  flex: 1;
}

.course_invoice-header-right {
  flex: 1;
  text-align: right;
}

.course_invoice-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 5%;
}

.course_invoice-table th,
.course_invoice-table td {
  border: 1px solid #000;
  padding: 10px;
  text-align: center;
}

.course_invoice-table th {
  background-color: #477cff;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.course_invoice-total {
  float: right;
}

.course_invoice-footer {
  margin-top: 30px;
  text-align: center;
}



/* =====================================  Course Invoice CSS End  ====================== */