.dragicon {
  z-index: 10;
  right: 20px;
  top: 4px;
  color: #fff;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
/* input[type=number] {
  -moz-appearance: textfield;
} */

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

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


.small-input {
  justify-content: center;
  width: 89%;
  height: 20px;
  font-size: 14px;
}

.small-icon {
  width: 60px;
  height: 60px;
}

.asdasdasdas {
  align-items: center;
}

.dropdownNew {
  position: relative;
}

.dropdownNew .autocomplete-dropdown-container {
  position: absolute;
  z-index: 1111;
  width: 100%;
  padding: 10px;
  background: #fff;
}

.univ-banner1 {
  width: 90%;
  height: 420px;
}

.univ-logo1 {
  min-Width: 100%;
  max-width: 100%;
  width: 100px;
  height: 100px;
  max-Height: 100%;
  min-Height: 100%;
  object-fit: contain;
}

.univcontent .univ-logo {
  position: absolute;
  width: 100px;
  height: auto;
  bottom: -20%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
}


.pageloader {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 111111;
}

.pageloader::after {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

@keyframes loader-animate {
  0% {
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    transform: translate3d(100%, 0, 0);
  }
}

/* ..........custom-Loader CSS........... */

#link {
  color: white;
  display: block;
  font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  text-decoration: none;
}

#link:hover {
  color: #CCCCCC
}

#link,
#link:hover {
  -webkit-transition: color 0.5s ease-out;
  -moz-transition: color 0.5s ease-out;
  -ms-transition: color 0.5s ease-out;
  -o-transition: color 0.5s ease-out;
  transition: color 0.5s ease-out;
}

/* BEGIN CSS */
.loader-parent-content {
  background: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}

@-moz-keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}

@-o-keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}

@-moz-keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}

@-o-keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}

@keyframes loading-text-opacity {
  0% {
    opacity: 0.5
  }

  20% {
    opacity: 0.5
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 0.5
  }
}

@-moz-keyframes loading-text-opacity {
  0% {
    opacity: 0.5
  }

  20% {
    opacity: 0.5
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 0.5
  }
}

@-webkit-keyframes loading-text-opacity {
  0% {
    opacity: 0.5
  }

  20% {
    opacity: 0.5
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 0.5
  }
}

@-o-keyframes loading-text-opacity {
  0% {
    opacity: 0.5
  }

  20% {
    opacity: 0.5
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 0.5
  }
}

.loading-container,
.loading {
  height: 150px;
  position: relative;
  width: 150px;
  border-radius: 100%;
}


.loading-container {
  margin: 40px auto
}

.loading {
  border: 2px solid transparent;
  border-color: transparent #8b8b8b transparent #8b8b8b;
  -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
  -moz-transform-origin: 50% 50%;
  -o-animation: rotate-loading 1.5s linear 0s infinite normal;
  -o-transform-origin: 50% 50%;
  -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
  -webkit-transform-origin: 50% 50%;
  animation: rotate-loading 1.5s linear 0s infinite normal;
  transform-origin: 50% 50%;
}

.loading-container:hover .loading {
  border-color: transparent #E45635 transparent #E45635;
}

.loading-container:hover .loading,
.loading-container .loading {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

#loading-text {
  -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
  -o-animation: loading-text-opacity 2s linear 0s infinite normal;
  -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
  animation: loading-text-opacity 2s linear 0s infinite normal;
  color: #000000;
  /* font-family: "Helvetica Neue, " Helvetica", " "arial"; */
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  margin-top: 40px;
  margin-left: 25px;
  opacity: 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  width: 100px;
}

/* ..........custom-Loader END........... */

.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: white !important;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.lesson-btn {
  background: #1580451a;
  padding: 10px 25px;
  border-radius: 6px;
  text-wrap: nowrap;
  margin-right: 20px;
}

/* ............course card css start............ */
.article.article-style-b .article-details p.article-para {
  cursor: pointer;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.articalcontent article.article {
  min-height: 382px;
}

.article.article-style-b .article-details p.artical-by {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

/* ............course card css end............ */

/* ..............TOSAT CUSTOM CSS START............... */

.Toastify__toast {
  width: 300px;
  height: auto;
  padding: 10px;
  font-size: 13px;
  line-height: 1.5;
  border: 1px solid rgb(212, 212, 212);
}

/* ..............TOSAT CUSTOM CSS END............... */

/* ..............ERROR PAGE CSS start............... */

.error-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #e0dada;
}

.error-content {
  text-align: center;
}

.error-content h1 {
  font-size: 3rem;
  margin-bottom: 20px;
}

.error-content p {
  font-size: 1.2rem;
  margin-bottom: 20px;
}


/* ..............ERROR PAGE CSS END............... */

.trunchwrap {
  max-height: 150px;
  overflow: auto;
}

.avatar-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 47px;
  height: 47px;
  background-color: #e0e0e0;
  border-radius: 50%;
}

.avatar-box .avatar {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Line Loader CSS */
.line-loader {
  position: relative;
  width: 100%;
  height: 4px;
  background: #f3f3f3;
  overflow: hidden;
}

.line-loader::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #09f;
  animation: lineLoader 2s linear infinite;
}

@keyframes lineLoader {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}