.web-slider {
	height: 300px;
	object-fit: cover;
	object-position: center;
}

.main-logo {
	height: 70px;
	object-fit: fill;
	object-position: center center;	
}

.main-team-img {
	height: 261px;
	object-fit: cover;
	object-position: center top;	
}

.text-justify {
	text-align: justify;
}

#textj p {
	text-align: justify;
}

.main-gallery {
	height: 212px;
	object-fit: cover;
	object-position: center center;	
}

.course-img {
	object-fit: cover;
	object-position: center;
	height: 158px;
	width: 100%;
}

.bg-trans-dark {
	background: rgb(2,0,36);
	background: linear-gradient(158deg, rgba(2,0,36,0.5578606442577031) 0%, 
										rgba(9,9,121,0.20211834733893552) 34%, 
										rgba(0,212,255,0.25253851540616246) 100%);
}

.v-align-middle,
.v-align-middle td,
.v-align-middle th{
    vertical-align: middle !important;
}

/*form*/
.fieldset{
	display: block;
	margin-inline-start: 2px;
	margin-inline-end: 2px;
	padding-block-start: 0.35em;
	padding-inline-start: 0.75em;
	padding-inline-end: 0.75em;
	padding-block-end: 0.625em;
	min-inline-size: min-content;
	border-width: 2px;
	border-style: groove;
	border-color: rgb(192, 192, 192);
	border-image: initial;
}
.legend {
	float: none !important;
	display: block !important;
	width: auto !important;
	padding-inline-start: 12px !important;
	padding-inline-end: 12px !important;
	border-width: initial !important;
	border-style: none !important;
	border-color: initial !important;
	border-image: initial !important;

}

.ckstyle h1,
.ckstyle h2,
.ckstyle h3,
.ckstyle h4,
.ckstyle h5,
.ckstyle h6,
.ckstyle p{
	margin:0;
	padding:0;
}

/*form*/

input[type=file]::file-selector-button {
	background: var(--bs-danger);
	color: #fff;
}

.img-form-web {
	width: 100%;
	height: 253px;
	object-position: center;
	object-fit: cover;
}
.img-logo-form {
	height: 150px;
}

/*file form*/
.custom-file-button input[type=file] {
	margin-left: 0 !important;
	width: 100%;
	text-align: center;
}
.custom-file-button input[type=file]::-webkit-file-upload-button {
	display: none;
}
.custom-file-button input[type=file]::file-selector-button {
	display: none;
}
.custom-file-button:hover label {
	background-color: #dde0e3;
	cursor: pointer;
}
.custom-file-button > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
	margin-left: 0 !important;

}

.custom-file-button input[type=file] {
  text-align: center;
}

.custom-file-button input[type=file]::-webkit-input-placeholder {
  text-align: center;
}

.custom-file-button input[type=file]:-moz-placeholder {
  text-align: center;
}

/*button*/
.timeline-web {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  font-size: inherit;
  border-radius: 2em;
  padding: 0.75em 1em;
  display: inline-flex;
  align-items: center;
/*  cursor: wait;*/
}

.spinner {
  --size: 1.25em;
  --offset-r: calc(var(--size) * -1);
  --offset-l: 0;
  --opacity: 0;
  position: relative;
  display: inline-flex;
  height: var(--size);
  width: var(--size);
  margin-top: calc(var(--size) * -0.5);
  margin-right: var(--offset-r);
  margin-bottom: calc(var(--size) * -0.5);
  margin-left: var(--offset-l);
  box-sizing: border-box;
  border: 0.125em solid rgba(255, 255, 255, 0.333);
  border-top-color: white;
  border-radius: 50%;
  opacity: var(--opacity);
  transition: 0.25s;
}
.timeline-web:hover {
  color: var(--bs-light) !important;
  background: var(--dark);
}

.timeline-web:active .spinner, .timeline-web:focus .spinner, .timeline-web:hover .spinner {
  --width: 1em;
  --offset-r: 0.333em;
  --offset-l: -0.333em;
  --opacity: 1;
  -webkit-animation: 0.666s load infinite;
          animation: 0.666s load infinite;
}
@-webkit-keyframes load {
  to {
    transform: rotate(360deg);
  }
}
@keyframes load {
  to {
    transform: rotate(360deg);
  }
}

/*fixed*/
.main-fixed-style {
	top: 50%;
	z-index: 9999;
	left: -52px;
	transform: rotate(90deg);
}

.blink {
    animation: blink 2s steps(5, start) infinite;
    -webkit-animation: blink 1s steps(5, start) infinite;
  }
  @keyframes blink {
    to {
      visibility: hidden;
    }
  }
  @-webkit-keyframes blink {
    to {
      visibility: hidden;
    }
  }