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

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

.msg-img {
  width: 15rem;
  height: 15rem;
  object-fit: cover;
  object-position: center top;
}

.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: -57px;
	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;
    }
  }
  .blink:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
  }

.blink1 {
    animation: blink1 3s steps(5, start) infinite;
    -webkit-animation: blink1 2s steps(5, start) infinite;
  }
  @keyframes blink1 {
    to {
      visibility: hidden;
    }
  }
  @-webkit-keyframes blink1 {
    to {
      visibility: hidden;
    }
  }
  .blink1:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
  }


.main-top-member {
	height: 70px;
	width: 70px;
	object-position: center top;
	object-fit: cover;
	max-width: 70px;
}

/*notice*/
.main-fs-notice-text {
	font-size: 1.15rem;
	font-weight: bold;
}
.main-footer-logo {
	height: 50px;
}

@media (max-width: 768px) {
    .main-d-none-sm {
        display: none !important;
    }

    .main-logo-text {
    	font-size: 1rem;
    }
    
}

.gallery-carousel .owl-nav {
    position: absolute;
    width: calc(100% + 45px);
    height: 45px;
    top: calc(50% - 22.5px);
    left: -22.5px;
    display: flex;
    justify-content: space-between;
    opacity: 0;
    transition: .5s;
}

.gallery-carousel:hover .owl-nav {
    opacity: 1;
}

.gallery-carousel .owl-nav .owl-prev,
.gallery-carousel .owl-nav .owl-next {
    position: relative;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: var(--primary);
    border-radius: 2px;
    font-size: 22px;
    transition: .5s;
}

.gallery-carousel .owl-nav .owl-prev:hover,
.gallery-carousel .owl-nav .owl-next:hover {
    background: var(--secondary);
}

.main-slide-side {
	height: 315px;
	object-position: center;
	object-fit: cover;
}

.gallery-container a {
  width: 240px;
  margin: 5px;
}

.gallery-container a img {
  max-width: 100%;
  height: auto;
}

.main-message-slide {
	height: 300px;
	
	text-align: center;
}

.msg-img-main{
  height: 16rem;
  object-fit: cover;
  object-position: center;
}

.breadcrumb-item + .breadcrumb-item:nth-child(2)::before{
  content: "";
}

.breadcrumb .fa-home {
/*  font-size: 1rem;*/
/*  border: 1px solid var(--bs-primary);*/
}

.link-box:hover h5 {
  color: var(--bs-danger);
  transition: .5s;
}

/*  vertical tab */
.nav-pills .nav-link {
      border: 2px solid var(--bs-primary);
      border-radius: 10px;
      margin-bottom: 10px;
      transition: background-color 0.3s ease, color 0.3s ease;
    }

    .nav-pills .nav-link:hover {
      background-color: var(--bs-primary);
      color: white;
    }

    .nav-pills .nav-link.active {
      background-color: var(--bs-primary);
      color: white;
    }

    /* Tab content styling */
    .tab-pane {
      background-color: #f8f9fa;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      border: 2px solid var(--bs-primary);
    }

    /* Additional styling for small devices */
    @media (max-width: 767px) {
      .nav-pills {
        justify-content: center;
      }
      .tab-pane {
        margin-top: 20px;
      }
    }