*{
	margin: 0;
	padding: 0;
}

html {
    overflow: scroll;
    overflow-x: hidden;
}
/*::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
*/
body{
	font-family: 'Krub', sans-serif;
}

.ht10{ height: 10px; }
.ht30{ height: 30px; }
.ht100 { height: 100px; }
.htcstm{height: 500px; }
.minh-auto { min-height: auto !important; }
.left-0 { left: 0 !important; }
.right-0 { right: 0 !important; }
.top-0 { top: 0 !important; }
.bottom-0 { bottom: 0 !important; }

.container.full__width{
	max-width: 1920px;
}

.navbar{
  background-color: #e6e6e6;
  height: 30%;
}

.nav_bar{
  background-color: #e6e6e6;
}

.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

.navbar-light .navbar-nav .nav-link, .dropdown-item { color: #072c5f; position: relative; font-size: 14px; letter-spacing: 2px; font-weight: 500;}
.navbar-light .navbar-nav .nav-link:after, .dropdown-item:after {
  content: '';
  display: block;
  border: none;
  border-bottom: 3px solid #072c5f;
  width: 0;
  position: absolute;
  right: 0.5rem;
  -webkit-transition: 1s ease;
  transition: 1s ease;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .active>.nav-link { color: #072c5f; }
.navbar-light .navbar-nav .nav-link:focus:after, .navbar-light .navbar-nav .nav-link:hover:after, .navbar-light .navbar-nav .nav-link.active:after, .navbar-light .navbar-nav .active>.nav-link:after { 
  width: 100%; width: calc(100% - 1rem); 
}
.dropdown-menu{
  background-color: #e6e6e6 !important;
  height: 80%;
}
.dropdown-menu>li{
  position: relative;
  background-color: #e6e6e6;
  top: -12px;
  width: auto;
  padding: 5px;
  font-size: 16px;
  text-align: left;
  list-style: none;
}
.dropdown-item { padding: 2px 7px;width: fit-content; }
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active { color: #6a6d71; background-color: transparent; }
.dropdown-item:focus:after, .dropdown-item:hover:after, .dropdown-item.active:after { width: 100%; width: calc(100% - 1rem);  }
.dropdown-toggle::after{
  display: none;
}
.navbar-brand{
    
    margin-right: 0;
}

.navbar-light .navbar-toggler { position: relative; }
.navbar-toggler:focus,
.navbar-toggler:active {
    outline: 0;
}

.navbar-toggler span {
   display: block;
   background-color: #072c5f;
   height: 2px;
   width: 20px;
   margin-top: 4px;
   margin-bottom: 4px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   position: relative;
   left: 0;
   opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
   -webkit-transition: transform .35s ease-in-out;
   -moz-transition: transform .35s ease-in-out;
   -o-transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
}
.has-submenu{
  padding-left: 15px;
}
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-light .navbar-nav .nav-link, .dropdown-item { font-size: 11px; letter-spacing: 0px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-light .navbar-nav .nav-link, .dropdown-item { font-size: 12px; letter-spacing: 2px; }
}

.banner_caption{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(55%, -50%);
}

.banner_caption_index{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(30%, -50%);
}
.banner_caption_index_02{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(3%, 350%);
}
.banner_caption_index_03{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(3%, 350%);
}
.bannercaption__indexbelow{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(55%, -50%);
}

.bannercaption__diploma{
	position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(9%, 100%);
}

.bannercaption__certificate{
	position: absolute;
    top: 55%;
    left: 35%;
    transform: translate(9%, 100%);
}
.practical__styl{
	color: #072c5f;
	letter-spacing: 1px;
	font-size: 40px;
	font-weight: 500;
	line-height: 1;
}

.index__content{
	font-size: 25px;
	color: #072c5f;
	letter-spacing: 1px;
	line-height: 1;
}

.bg082d5f{
	background: #082d5f;
	min-height: 570px;
	margin-top: -16px;
}

.bg082d5f_faculty{
	background: #082d5f;
	margin-top: -16px;
}

.index__copy >p {
	color: #fff;
	font-size: 15px;
	line-height: 1.6;
}

.moveup{
    padding: 50px;
}

.eduql{
	width: 80%;
	display: block;
	margin: auto;
}
.card__header{
	position: absolute;
    left: 10%;
    top: 6%;
}

.card__text{
	position: absolute;
    left: 15%;
    top: 15%;
    width: 70%;
}
.motive__styl{
	color: #072c5f;
	letter-spacing: 1px;
	font-size: 26px;
	text-align: center;
	font-weight: 500;
}

.card__text > p {
	color: #000000;
	font-size: 15px;
	font-weight: 400;
}

.wrapper.footer{
	background-color: #e6e6e6;
}

.footerlist{
	list-style: none;
}


.line__styling{
	width: 17%;
    position: absolute;
    left: 25%;
    border-bottom: 1px solid #072c5f;
}

.contact__bannerCaption{
	position: absolute;
    top: 30%;
    left: 45%;
    transform: translate(-50px, -50px);
}


.bgcolor__Contact{
	background-color: #f4ebe1;
	min-height: 300px;
	margin-top: -16px;
}
.card.contact{
	min-height: 500px;
	border: 1px solid #808080;
	border-radius: 25px;
	padding: 10%;
}

.form-control{
	border-radius: 8px;
	border: 1px solid #808080;
	font-size: 14px;
	min-height: 34px;
}
.custom-select {
	border-radius: 8px;
	border: 1px solid #808080;
	font-size: 14px;
	min-height: 34px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23082d5f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-size: 12px;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23082d5f' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.consent-text {
	overflow-y: scroll;
}
.btn-submit { 
	color: #ffffff; 
	background-color: #0071bc; 
	border-color: #0071bc;
	transition: .3s ease-in-out;
}
.btn-submit:hover, .btn-submit:focus, .btn-submit:not(:disabled):not(.disabled):active { 
	color: #082d5f; 
	background-color: #e6e6e6; 
	border-color: #e6e6e6; 
}

.card__header{
	padding: 5%;
}

.btn-cstm{
	padding-left: 3%;
	padding-right: 3%; 
	background-color: #0071bc;
	color: #fff;
}
.btn:hover {
    color: #290a0a;
    text-decoration: none;
}

.bge6e6e6{
	background-color: #e6e6e6;
	margin-top: -16px;
}
.stylcolr{
	color: #072c5f;
}

.card.courses{
	border: none !important;
}
.card-header.courses{
	border: 1px solid #202020;
	border-radius: 35px !important;
	margin-bottom: 3%;
}
.card__title{
	color: #000000;
	letter-spacing: 2px;
	padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 0px;
    font-weight: 500;
}

.card.course__Contact{
	position: absolute;
    right: -40px;
    border: 1px solid #808080;
    border-radius: 25px;
    width: 50%;
    padding: 5%;
    bottom: 18%;
}

li{
	margin-bottom: 5px;
}

.arrow__Style{
	position: absolute;
    width: 3%;
    right: 3%;
}

.card.syllabus{
	border-radius: 25px;
    border: 1px solid;
}

.card-header.syllabus{
	border-radius: 25px;
	background-color: #e6e6e6;
	border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 5% 7% 3% 10%;
}

.faculty_styl{
	color: #fff;
}
.faculty_border{
	border: 1px solid #fff;
    border-radius: 25px;
    padding: 2% 1% 2% 1%;
    width: 30%;
    margin: auto;
    color: #fff;
}

.facultyup{
	position: relative;
	top: -30px;
}
.support_caption{

	position: absolute;
    left: 39%;
    top: 45%;
    color: #072c5f;
    font-size: 18px;
    font-weight: 500;
}

.img-fluid.cstmup{
	position: absolute;
    top: -128px;
    right: 25px;
}

.fff{
	color: #072c5f;
}

.up-mover {
    position: fixed;
    right: 9px;
    left: auto;
    top: auto;
    bottom: 16px;
    padding: 7px 5px;
    background-color: rgba(157, 156, 153, 0.6);
    border-radius: 5px;
    cursor: pointer;
    z-index: 11;
    box-shadow: 2px 2px 10px rgba(108,108,108,.5);
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear;
}
#up-mover { display: none; }
.teeth{
  position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: auto;
    margin-left: 0;
    width: 100%;
}

.row.gx-2 {
   margin-left: -5px;
   margin-right: -5px;
}
.row.gx-2 .col {
	padding-left: 5px;
	padding-right: 5px;
}
.overflow-x-auto {
	overflow-x: auto;
}
.z-index1 {
	z-index: 1;
}
.video-btn-play { width: 50px; height: 50px; left: 0; right: 0; top: 50%; margin: -25px auto 0; cursor: pointer; outline: none; border: none; background: no-repeat; text-align: center; }

.scroller-x { overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 0.5rem; scrollbar-width: thin; scrollbar-color: #072c5f #e6e6e6; }
.scroller-x::-webkit-scrollbar { height: 5px; border-radius: 5rem; background-color: #e6e6e6; }
.scroller-x::-webkit-scrollbar-thumb { background-color: #072c5f; border-radius: 5rem; }
.scroller-x::-webkit-scrollbar-button { display: none; }

.list-group {
	padding-left: 1.2rem;
}
.list-tick {
	list-style: none;
	margin: 0 0 1.5rem;
	padding: 0;
}
.list-tick li {
	padding-left: 2rem;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 19'%3e%3cpath fill='%23FFFFFF' d='M25.53,1.69l-1.208-1.218C24.009,0.157,23.629,0,23.182,0s-0.828,0.157-1.141,0.473L9.964,12.66L3.958,6.592 C3.645,6.276,3.265,6.119,2.818,6.119S1.99,6.276,1.677,6.592L0.47,7.81C0.156,8.125,0,8.508,0,8.959s0.156,0.833,0.47,1.149 l6.072,6.119l2.281,2.299C9.136,18.841,9.516,19,9.964,19c0.447,0,0.827-0.159,1.141-0.474l2.281-2.299L25.53,3.989 C25.843,3.674,26,3.29,26,2.84C26,2.389,25.843,2.006,25.53,1.69L25.53,1.69z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: 0px 6px;
	background-size: 1rem;
	font-size: 18px;
	margin-bottom: 0;
}
.list-tick li + li {
	margin-top: 0.6rem;
}
@media (min-width: 768px) {
	.list-tick li {
		font-size: 26px;
		padding-left: 2.8rem;
		background-size: 1.6rem;
		background-position: 0px 10px;
	}
	.video-btn-play { width: 90px; height: 90px; }
	.video-btn-play svg { width: 100%; height: 100%; }
}
.tick-ico {
	min-width: 24px;
	min-height: 24px;
}

.accordion .card {
	background-color: transparent;
	border: none
}
.accordion .card + .card {
	margin-top: 1rem;
} 
.accordion .card .card-header {
	background-color: #FFFFFF;
	border-radius: 0.7rem;
	border-bottom: none;
	padding: 0;
}
.accordion .card .card-header {
	padding: 0.5rem 1rem .6rem;
	position: relative;
}
.accordion .card .card__title {
	letter-spacing: 0;
	font-weight: bold;
	padding-left: 0rem;
	padding-right: 2.5rem;
}
.accordion .card .arrow__Style {
	right: .8rem !important;
	top: 7px !important;
	width: 1.3rem !important;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
}
.accordion .card .collapsed .arrow__Style {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

@media (min-width: 1270px) and (max-width: 1280px){
	.eduql{
		width: 60% !important;
		margin-top: -9px !important;
	}
}
@media (max-width: 560px){
	.eduql{
		width: 90% !important;
		display: block;
		margin: auto;
	}
	.faculty_border {
		width: 45% !important;
	}
	.line__styling{
		width: 55% !important;
	}

	.mt10{
		margin-top: 0 !important;
	}

	.banner_caption{
		position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(4%, 0%) !important;
	}

	.index__content{
		font-size: 17px !important;
		color: #072c5f;
		letter-spacing: 0px !important;
		line-height: 0.7 !important;
	}
	.bannercaption__certificate{
		position: absolute;
	    top: 50% !important;
	    left: 18% !important;
	    transform: translate(9%, -20%) !important;
	}

	.bannercaption__diploma{
		position: absolute;
	    top: 50% !important;
	    left: 37% !important;
	    transform: translate(9%, -20%) !important;
	}
	.banner_caption_index{
	  position: absolute;
	  top: 0%;
	  left: 16%;
	  transform: translate(4%, 75%) !important;
	}

	.banner_caption_index_02{
	  position: absolute;
	  top: 50% !important;
	  left: 26% !important;
	  transform: translate(0%, -231%) !important;
	}

	.banner_caption_index_03{
	  position: absolute;
	  top: 50% !important;
	  left: 32% !important;
	  transform: translate(0%, -287%) !important;
	}
	
	.bannercaption__indexbelow{
      position: absolute;
	  top: 50%;
	  left: 34%;
	  transform: translate(0%, 22%) !important;
	}
	.practical__styl{
		font-size: 23px !important;
	}
	.mob__style{
		padding-left: 10%;
	}
	.mobdisp{
		width: 85%;
		margin: auto;
	}
	.font14{
		padding: 1%;
	}
	.card.contact{
		width: 90% !important;
		margin: auto !important;
	}
	.card.course__Contact{
		position: relative !important;
		width: 100% !important;
		right: 0 !important;
		margin-top: 10px !important;
		bottom: 0 !important;
	}

	.arrow__Style{
		position: absolute;
	    width: 7% !important;
	    right: 7% !important;
	}
	.cstmup{
		display: none;
	}

	.wrapper.footer{
		padding: 5% !important;
	}
	.logo{
		width: 80%;
	    margin: auto;
	    float: left;
	}
	.navbar_line{
		position: absolute;
	    right: 5px;
	    top: 30px;
	}
}

@media (max-width: 575px) {
	.brand-logo {
		max-width: 120px;
	}
}

@media (min-width: 750px) and (max-width: 1050px){
	.banner_caption{
		position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(10%, 0%) !important;
   }
   .banner_caption_index{
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(0%, -50%);
	}
	.bannercaption__indexbelow{
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(0%, -50%);
	}
	.card.course__Contact{
		position: relative !important;
		width: 100% !important;
		right: 0 !important;
		margin-top: 10px !important;
		bottom: 0 !important;
	}
}

@media (min-width: 1550px) and (max-width: 2000px){
	.moveup{
		padding-left: 15% !important;
		padding-right: 15% !important;
	}

	.mt10{
		margin-top: 3.4%;
	}

	.arrow__Style{
		position: absolute;
	    width: 3%;
	    right: 3%;
	    top:6px !important;
	}

}