*{
	margin: 0px;
	padding: 0px;
	font-family: "Outfit", sans-serif;
}


h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  font-family: "Outfit", sans-serif;
}

h2{
	font-size: 50px;
}

h3{
	font-size: 27px;
}

h4{
	font-size: 22px;
}

h5{
	font-size: 18px;
}

p{
	font-size: 16px;
}

a{
text-decoration: none !important;
}


.clearfix{
	clear: both;
}

.orange-color{
	color: #E7480C;
}

.white-color{
	color: #fff;
}
.txtcenter{
	text-align: center;
}

button{
	background-color: #E7480C;
	padding: 12px 5px;
	border: 0px;
	border-radius: 5px;
	color: #fff;
	width: 150px;
	font-weight: 500;
  transition: color 0.5s ease;
  transition: background 0.5s ease;
}

.container button:hover{
  background-color:#C13D0C;
}

control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9;
    background-color: none;
}

/*Navigation code start here*/
.logo{
    width: 20%;
}

.logo img{
    width: 155px;
}

.navbar-collapse {
   width: 80%;
   display: block;
   flex-basis: auto;
   display: block !important;
}

.navbar-nav{
    display: flex;
    justify-content: end;
    width: 100%;
}

.mob_nav_icon img{
	float: right;
	width: 38px;
	padding-top: 5px;
	cursor: pointer;
}

.bg-dark {
  background: #fff !important;
  padding: 15px 0px;
  position: fixed;
  z-index: 2;
  width: 100%;
  top: 0px !important;
  /* box-shadow: 3px 2px 8px #57575742; */
}

.nav-link {
  color: #2D2B36;
}

.nav-item a:hover {
  color: #E7480C !important;
}


.container{
	width: 1200px;
	max-width: 96%;
	display: flex;
	margin: 0 auto;
}

.nav-link:focus, .nav-link:hover {
    color: #2D2B36;
    text-decoration: underline;
}



/*Banner code start here*/
.carousel {
  position: relative;
  margin-top: 70px;
}

.carousel-inner h3{
 	text-align: left;
  	font-size: 55px;
  	line-height: 60px;
}

.carousel-caption {
    position: absolute;
    left: 14%;
    text-align: left;
    top: 28%;
}

.carousel-indicators [data-bs-target] {
    width: 16px;
    height: 16px;
    padding: 0;
    margin-right: 0px;
    margin-left: 0px;
    background-color: transparent !important;
    background-clip: padding-box;
    border: 0;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    opacity: .7;
    border-radius: 155px;
    margin: 5px;
    border:1px solid #fff;
}

.carousel-indicators .active{
	background-color: #fff !important;
	opacity: .9;
}

.carousel-control-next-icon {
  background: url(../img/right_arrow.svg) center no-repeat;
  background-size: cover;
}


.carousel-control-prev-icon {
  background: url(../img/left_arrow.svg) center no-repeat;
  background-size: cover;
}

.carousel-control-next, .carousel-control-prev {
  width: 10%;
}106

.carousel-control-next-icon, .carousel-control-prev-icon {
  width: 45px;
  height: 45px;
 
}

.carousel-control-next, .carousel-control-prev {
   opacity: .9;
}

.mt100{
	margin-top: 100px;
}

.mb100{
	margin-bottom: 100px;
}

/*2nd fold code start hete*/
.strangth{
	width: 100%;
}

.strangth1{
	width: 50%;
	float: left;
}

.strangth1 img{
	width: 85%;
	float: left;
}

.strangth2{
	width: 50%;
	float: left;
}

.strangth .container{
	display: flex;
	align-items: center;
}

/*3rd fold start here*/
.vision{
	width: 100%;
}

.vision .container{
	display: flex;
	align-items: center;
}

.vision1{
	width: 50%;
	float: left;
}

.vision1 h2{
	text-align: left;
}

.vision1 p{
	text-align: left;
}

.vision2{
	width: 50%;
	float: left;
}

.vision2 img{
	width: 85%;
	float: right;
}

/*4th fold code start here*/
.mission{
	width: 100%;
	background-color: #F5F5F5;
	padding-block: 25px;
}

.mission .container{
	display: block;
}

.mission h2{
	padding: 60px 0px 50px 2px;
}

.mission h3{
	padding: 10px 0px 0px 30px;
}

.mission p{
	padding: 10px 30px 0px 30px;
  text-align: justify;
}

.mission img{
	width: 85px;
	padding: 25px 0px 10px 30px;
}

.mission1{
	width: 33.33%;
	float: left;
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	min-height: 370px;
}

.mission2{
	width: 33.33%;
	float: left;
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	min-height: 370px;
}

.mission3{
	width: 33.33%;
	float: left;
	border-bottom: 1px solid #DCDCDC;
	min-height: 370px;
}

.bb0{
	border-bottom: 0px solid #fff !important;
}

/*5th fold code start here*/
.latest_event{
	width: 100%;
}

.latest_event h4{
	text-align: center;
}

.latest_event h2{
	padding: 0px 0px 10px 0px;
}

.latest_event h5{
	text-align: center;
	font-size: 15px;
}

.latest_event p{
	text-align: justify;
	padding: 10px 15px 0px 15px;
}

.latest_event button{
	margin-left: auto;
	margin-right: auto;
	display: block;
	font-size: 14px;
}

.latest_inside{
	width: 33.33%;
}

.latest_inside img{
	width: 100%;
	padding: 15px;
}

/*6th fold start here*/
.upcoming{
	width: 100%;
}

.upcoming img{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	cursor: pointer !important;
}

.upcoming_inside{
	width: 50%;
	float: left;
	position: relative;
	padding: 20px 20px 0px 20px;
}

.upcoming_inside h3{
	color: #fff;
	font-size: 20px;
	/*text-decoration: underline;*/
	padding: 10px 0px 0px 20px;
}

.upcoming_inside p{
	color: #fff;
	padding: 0px 0px 10px 20px;
}

.up{
	width: 100%;
	position: absolute;
	bottom: 0px;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.upcoming_inside_txt{
	width: 80%;
	float: left;
}

.upcoming_inside_arrow{
	width: 20%;
	float: left;
}

.upcoming_inside_arrow img{
	width:70px;
	padding-right: 35px;
}

/*Footer*/
.footer{
	width: 100%;
	background: url(../img/footer.jpg) center no-repeat;
  background-color: #cccccc;
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 70px 0px;
}

.footer a{
	color: #fff;
	text-decoration: none;
}

.footer p{
	line-height: 25px;
	font-size: 14px;
	color: #fff;
}


.footer_inside{
	width: 25%;
	float: left;
}

.footer_inside img{
	width: 150px;
}

.inline_div{
	display: inline;
}

.inline_div img{
	width: 15px;
}

.slick-dots li button::before {
  color: #E7480C;
}

.slick-dots li.slick-active button::before {
  opacity: .75;
  color: #E7480C;
}

.slick-dots button:hover {
    background-color: #fff !important;
}

.slick-dots li button::before{
	font-size: 16px;
}

.slick-dots {
  bottom: -50px;
}

.desk_navigation{
	display: block;
}

.mob_navigation{
	display: none;
}

.banner_show{
	display: block;
}

.banner_hide{
	display: none;
}

/*.slick-prev{
	display: block !important;
	left: 0px !important;
  background:red;
}

.slick-next {
  display: block !important;
	left: 0px !important;
  background:red;
}*/

.slick-next {
    right: -45px;
    
}

.slick-prev {
    left: -45px;
}

.latest_event .slick-next {
    display: none !important;
}

.latest_event .slick-prev {
    display: none !important;
}

.upcoming .slick-next {
    display: none !important;
}

.upcoming .slick-prev {
    display: none !important;
}

.team .slick-next {
    display: none !important;
}

.team .slick-prev {
    display: none !important;
}


.team .slick-prev {
  background-image: url('../img/left_arrow.svg');
  background-position: center;
  background-size: cover;
}

.team .slick-next {
  background-image: url('../img/right_arrow.svg');
  background-position: center;
  background-size: cover;
}

.slick-prev:before {
    content: '';
}

.slick-next:before {
    content: '';
}

.slick-next, .slick-prev {
    width: 30px;
    height: 30px;
}







/*Modal pop up code start here*/
.modal-dialog {
    max-width: 1150px;
    display: block;
    margin:0 auto;
    margin-top: 2%;
    width: 96%;
    margin-bottom: 2%;
}

.modal-content{
	position: relative;
}

.close_button{
	position: absolute;
	top: 5px;
	right: 5px;
}

.btn-close {
	height: 40px;
	width: 40px;
  --bs-btn-close-bg: none;
  opacity: 0.9;
  cursor: pointer;
}

.upcoming_event_detail{
	width: 100%;
}

.upcoming_event_detail h3{
	padding: 50px 10px 5px 10px;
}

.upcoming_event_detail img{
	padding: 0px 50px;
	width: 100%;
}

.upcoming_event_detail h4 {
    padding: 20px 0px 20px 50px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.orange_line{
	width: 50px;
	height: 1px;
	background-color: #E7480C;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 20px;
}

.agenda{
	width: 100%;
	padding: 0px 50px;
}

.agenda h5{
	background-color: #E7480C;
	padding: 5px 10px;
	color: #fff;
	border-right: 10px;
	font-weight: 500;
	width: 70%;
	margin-bottom: 10px;
}

.agenda p{
	padding-right: 100px;
	margin-bottom: 0px;
}

.agenda_inside{
	width: 49.9%;
	float: left;
}

i.bi  {
    color: #E7480C;
    padding: 3px;
}

.modal{
	z-index: 99999999999;
}

//=== Drawing effect

@mixin btn-border-drawing($color: #ccc, $hover: black, $width: 2px, $vertical: top, $horizontal: left, $duration: 0.25s) {
  box-shadow: inset 0 0 0 $width $color;
  color: $color;
  transition: color $duration $duration/3;
  position: relative;
  
  &::before,
  &::after {
    border: 0 solid transparent;
    box-sizing: border-box;
    content: '';
    pointer-events: none;
    position: absolute;
    width: 0; height: 0;
    
    #{$vertical}: 0; 
    #{$horizontal}: 0;
  }

  &::before {
    $h-side: if($horizontal == 'left', 'right', 'left');
    
    border-#{$vertical}-width: $width;
    border-#{$h-side}-width: $width;
  }
  
  &::after {
    $v-side: if($vertical == 'top', 'bottom', 'top');
    
    border-#{$v-side}-width: $width;
    border-#{$horizontal}-width: $width;
  }
  
  &:hover {
    color: $hover;
    
    &::before,
    &::after {
      border-color: $hover;
      transition: border-color 0s, width $duration, height $duration;
      width: 100%;
      height: 100%;
    }
    
    &::before { transition-delay: 0s, 0s, $duration; }
    
    &::after { transition-delay: 0s, $duration, 0s; }
  }
}

.draw-border {
  @include btn-border-drawing(#58afd1, #ffe593, 4px, bottom, right);
}

//=== Button styling, semi-ignore
.btn {
  background: none;
  border: none;
  cursor: pointer;
  line-height: 1.5;
  font: 700 1.2rem 'Roboto Slab', sans-serif;
  padding: 1em 2em;
  letter-spacing: 0.05rem;
  
  &:focus { outline: 2px dotted #55d7dc; }
}

//=== Pen styling, ignore
body { 
  background: #1f1a25;
  display: flex; 
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.login_btn{
  background: #E7480C !important;
  padding: 0px 5px;
  color: #fff !important;
  border-radius: 5px;
  width: 100px;
  text-align: center;
  margin-left:20px;
}

.login_btn .nav-link {
  color: #fff !important;
}

.login_wrap a{
  color: #858d96;
}

.login_wrap p{
  text-align: right;
}

.fff a:hover {
  color: #FFF !important;
}

.btn-primary{
  background: #E7480C !important;
  border: 1px solid #E7480C !important;
}


.nav-item1 a:hover {
  color: #ffffff !important;
}

.nav-item1 a:focus {
  color: #ffffff !important;
}

.login_modal .modal-dialog {
  max-width: 600px;
  display: block;
  margin: 0 auto;
  margin-top: 2%;
  width: 96%;
  margin-bottom: 2%;
}

.btn-close {
  height: 40px;
  width: 40px;
  background: url(../img/close.svg) center no-repeat !important;
}

/*28 8 24 start here*/
.top_nav .bg-dark{
  z-index: 99999;
  border-bottom: 1px solid #E0E0E0;
}

.bottom_nav .navbar-dark{
  /* top:65px !important; */
  box-shadow: 0 7px 10px -5px #5757577a;
}

.nav-link.show {
    color: #2D2B36 !important;
}
/*28 8 24 end here*/

@media only screen and (max-width: 1130px) {
.mission1 {
  	min-height: 450px;
}

.mission2 {
  	min-height: 450px;
}

.mission3 {
  	min-height: 450px;
}



}

@media only screen and (max-width: 1000px) {
h2 {
  font-size: 32px !important;
  text-align: center;
}

h3 {
  font-size: 22px;
}

button{
	display: block;
	margin: 0 auto;
}

p{
	text-align: center;
}

.mt100 {
  margin-top: 60px;
}

.mb100 {
  margin-bottom: 60px;
}

.strangth .container {
	display: block;
	align-items: center;
}

.carousel-indicators [data-bs-target] {
  width: 12px;
  height: 12px;
}

.mission1 {
 	width: 100%;
  	border-right: 0px solid #DCDCDC;
  	border-bottom: 0px solid #DCDCDC;
  	min-height: 0px;
}

.mission2 {
 	width: 100%;
  	border-right: 0px solid #DCDCDC;
  	border-bottom: 0px solid #DCDCDC;
  	min-height: 0px;
}

.mission3 {
 	width: 100%;
  	border-right: 0px solid #DCDCDC;
  	border-bottom: 0px solid #DCDCDC;
  	min-height: 0px;
}

.strangth1 {
  width: 100%;
  float: left;
}

.strangth2 {
  width: 100%;
  float: left;
}

.strangth1 img {
  width: 40%;
  float: left;
  margin-left: auto;
  margin-right: auto;
  display: block;
  float: none;
}

.strangth2 h2{
	padding: 25px 0px;
}

.vision1{
	width: 100%;
}

.vision2{
	width: 100%;
}

.vision .container {
  display: block;
}

.vision1 h2{
	text-align: center;
}

.vision1 p {
  text-align: center;
}
.vision2 img {
  width: 50%;
  float: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.mission p {
  padding: 0px 5px 0px 0px;
}

.mission h3 {
  padding: 10px 0px 0px 0px;
  text-align: center;
}

.mission img {
  width: 70px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding: 30px 0px 0px 0px;
}

.mission h2 {
  padding: 30px 0px 30px 2px;
}

.footer .container{
	display: block;
}

.footer_inside {
  width: 100%;
}

.footer p {
  text-align: left;
}

.navbar.navbar-expand-sm.bg-dark.navbar-dark {
  display: none;
}


.slick-next{
	display: none !important;
}

.slick-prev{
	display: none !important;
}

.upcoming_inside_txt {
  width: 100%;
}

.upcoming_inside_arrow{
	display: none;
}

.upcoming_inside h3 {
  font-size: 16px;
  padding: 10px 0px 0px 15px;
  text-align: left;
}

.upcoming_inside p {
  font-size: 14px;
  padding: 0px 0px 10px 15px;
  text-align: left;
}

.desk_navigation{
	display: none;
}

.mob_navigation{
	display: block;
}


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  background-color: #282828;
  overflow-x: hidden;
  transition: 0.2s;
  padding: 70px 0px 0px 0px;
}

.sidenav a {
  padding: 8px 8px 8px 25px;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  display: block;
  transition: 0.2s;
}

.sidenav img {
  width: 35px;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}

.carousel {
  position: relative;
  margin-top: 0px;
}

.mob_navigation{
	width: 100%;
	padding: 15px;
	display: flex;
}

.mob_navigation_1{
	width: 30%;
	float: left;
}

.mob_navigation_1 img{
	width: 130px;
}

.mob_navigation_2{
	width: 70%;
	float: left;
}

.mob_navigation_2 span{
	float: right;
}


.agenda_inside {
  width: 100%;
  margin-bottom: 20px;
}

.agenda p {
  text-align: left;
}

.upcoming_event_detail h3 {
  padding: 30px 10px 5px 50px;
  text-align: left;
}

.orange_line {
  margin-left: 0;
  margin-left: 50px;
}

.agenda p {
  padding-right: 20px;
}

.mob_navigation {
    position: fixed;
    z-index: 99;
    background: #fff;
    box-shadow: 3px 2px 8px #57575742;
    top: 0px;
  }

   .banner {
    padding-top: 70px;
  }

  .slick-prev {
  z-index: 888888888 !important;
  }

  .slick-next {
  z-index: 888888888 !important;
  }


}


@media only screen and (max-width: 700px) {
	.strangth1 img {
    width: 80%;
  }

   p {
    text-align: center;
  }

  .strangth2 h2 {
    padding: 25px 0px 10px 0px;
  }

   .vision1 p {
    text-align: center;
  }

  .vision2 img {
    width: 80%;
    margin-top: 15px;
  }

   .mission img {
    padding: 25px 0px 0px 0px;
  }

  .mission h2 {
    padding: 20px 0px 10px 2px;
  }

  .latest_inside img {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.upcoming img {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.footer_inside {
    width: 100%;
    margin-top: 25px;
  }

   .mission img {
    width: 50px;
  }

  .upcoming img {
    width: 100%;
  }

  .banner_show{
	display: none;
	}

	.banner_hide{
		display: block;
	}

	.carousel-control-next-icon, .carousel-control-prev-icon {
	  width: 30px;
	  height: 30px;
		}

	.carousel-control-next, .carousel-control-prev {
	  width: 15%;
	}

	.footer {
  	padding: 30px 0px;
	}

	.agenda p {
    padding-right: 2px;
    font-size: 15px;
  }

   .upcoming_event_detail h3 {
    padding: 30px 10px 5px 15px;
    font-size: 20px;
  }

   .upcoming_event_detail h4 {
    font-size: 14px;
  }

  .upcoming_event_detail img {
	  padding: 0px 15px;
	  width: 100%;
	}

	.orange_line {
    margin-left: 15px;
  }

  .upcoming_event_detail h4 {
	  padding: 20px 0px 20px 15px;
	}

	.agenda {
	  padding: 0px 15px;
	}

	.agenda h5 {
	  font-size: 16px;
	  width: 100%;
	  margin:0px;
	  margin-bottom: 10px;
	}

	p {
  font-size: 15px;
}

.mob_banner{
  margin-top: 70px !important;
}

.team .slick-next {
    display: block !important;
}

.team .slick-prev {
    display: block !important;
}

.slick-prev {
  z-index: 888888888 !important;
  }

  .slick-next {
  z-index: 888888888 !important;
  }


}


@media only screen and (max-width: 550px) {
	p{
		text-align: justify;
	}
	.vision2 img {
    width: 100%;
    margin-top: 15px;
  }

   .vision1 p {
    text-align: justify;
  }

  .strangth1 img {
    width: 100%;
  }

  button {
	  padding: 10px 3px;
	  width: 150px;
	}

	.latest_inside img {
    width: 100%;
  }

  .latest_event p {
	  text-align: justify;
	  padding: 10px 0px 0px 0px;
	}

	.upcoming_inside {
	  padding: 20px 0px 0px 0px;
	}

	.slick-dots {
	  bottom: -45px;
	}

	button {
	  padding: 9px 5px;
	  font-weight: 500;
	}

	.quote h2{
		font-size: 22px !important;
	}

  .slick-next {
    right: -10px !important;
  }

  .slick-prev {
    left: -10px !important;
  }

  .slick-prev {
  z-index: 888888888 !important;
  }

  .slick-next {
  z-index: 888888888 !important;
  }

}
.top0 {
    top:0px !important;
}
.top65 {
    top:65px !important;
}
.login {
    background: #E7480C !important;
    width: 15%;
    margin-left: 20px;
}