/***** latest styles ***/
.buttonizer-group-0-0-1 {
    left: 5%;
    bottom: 5%;
    display: flex;
    z-index: 99999;
    position: fixed;
    transition: all 250ms ease-in-out 0s;
/*    visibility: hidden;*/
    flex-direction: column-reverse;
}

html{
	scroll-behavior: smooth !important;
	background:#ffffff;
}
body{
	font-family: 'Roboto', sans-serif !important;
  color: #010101 !important;
  line-height: 1.5 !important;
}
.footer{
	background-color: #ba1a1a !important;
	text-align: left;
}
.w-100{
	width: 100% !important;
	height: 100% !important;
}

.mbanner {
width: 100%;
max-width:100%;
position:relative;
background-size:cover;
padding:0px;
} 

ul.resp-tabs-list {
padding:10px 0px;
}
.coursetable th, .coursetable td{
padding:8px;
}
.coursetable th {
    background: #d1d1d1a3;
    color: #9a0000;
	font-size:18px;
}

.shadow-box {
    padding: 1.5% 0%;
    margin-bottom: 46px;
    margin-top: 15px;
    border-radius: 8px;
    -moz-box-shadow: px 0px 12px -3px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 12px -3px rgb(0 0 0 / 35%);
}
.copyrt p {
padding:15px;
font-size:13px;
}

.fa-envelope{
font-size:22px;
margin-right:12px;
}
footer p.mail {
float:none;
padding:0px;
}
footer p.mail a{
color:#ffffff;
text-decoration:underline;
}

.ctable thead th {
    border-bottom: 2px solid #000;
}
.table-responsive {
display:table;
} 
.tick-list li {
    background-image: url(img/round-dot.png);
	padding-left:30px;
	margin-bottom: 12px;
    line-height: 20px;
	padding-right: 20px;
}
.list-columns {
    column-count: 2;
}
.brandcolor1 {
	color:#111;
	margin:10px 0 40px 0 !important;
	text-align: center !important;
	text-decoration: underline  solid #9a0000 !important;
	text-underline-offset: 10px;
	position: relative !important;
	

}
.brandcolor {
	color:#111;
	margin:10px 0 40px 0 !important;
	text-align: center !important;
	/* text-decoration: underline solid #cccccc !important;
	text-underline-offset: 10px; */
	position: relative !important;
	font-weight: 800 !important;
	font-size: 35px !important;
	font-family: 'Lora', serif !important;

}
.brandcolor span{
	color:#ba1a1a !important;
}
.brandcolor::before{
	     content: '';
		/* background-color:#666468  !important; */
		background: linear-gradient(to right, #642222, #ba1a1a);
		width: 150px;
		height: 3px !important;
		position: absolute;
		left:50% ;
		transform:translate(-50%,-50%) !important;
		bottom: -10px !important;
}

.ctable {
border:none;
}
.ctable td, .ctable th {
    border: 1px solid #000;
}

h2.resp-accordion {
color:#ffffff!important;
}
.hero-section1 {
	min-height: 700px!important;

}
.hero-section {
    background-image: url(img/admissions_banner2022.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    /*background-position: center center; */
	background-position: left top;
   height: 780px;

}
/*.formdiv {
  top:7%;
  position:absolute;
  overflow:hidden;
  right:3.5%;
  height: 541px;
  width: 356px;
  max-width:100%;

}*/

 .fixed-enquire {
 right: -81px;
 }
  .npf_wgts {
 overflow:hidden!important;
 width:356px;
 }
 @media only screen and (max-width: 768px){
 /* .form-container {
  width:356px;
  }*/
 footer .social-icons {
    float: none;
}
 footer p.mail {
float:none;
}
 .list-columns {
    column-count:1;
}
	 
 .fixed-enquire {
 right: -88px!important;
 top:220px!important;
 }

 .hero-section {
    background-image: url(img/admissions_banner2022_mobile.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
   height: 600px;
}
/*.formdiv {
position:relative;
margin-top:10px;
right:0px;
}*/

.table-responsive {
display:block;
}

}



.items .profile-pic {
    width: 100px;
    margin: 0px auto;
    border-radius: 50%;
    margin-bottom: 6px;
}
/***** latest styles ***/

 
 
 
.marquee-container {
width:100%;
 background: #cccccc;
 padding-top:0px;
}
marquee , .marquee {
 /* width: 1000px;*/
 width: 100%;
  overflow: hidden;
  font-size:20px;
  margin:0px auto;
  padding:5px;
 /* border: 1px solid #ccc; 
  background: #cccccc;*/
}
marquee ul li, .marquee ul li {
text-decoration:none;
display: inline;
list-style:none;
padding-right:100px;
}
marquee ul li a, .marquee ul li a{
display: inline;
color:#9a0000;
}
marquee ul, .marquee ul {
margin:0px;

}
blink {
  -webkit-animation: 1s linear infinite condemned_blink_effect; /* for Safari 4.0 - 8.0 */
  animation: 1s linear infinite condemned_blink_effect;
}

/* for Safari 4.0 - 8.0 */
@-webkit-keyframes condemned_blink_effect { 
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

@keyframes condemned_blink_effect {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

/*** jun30 2021 ***/





.wa-float{
	position:fixed;
	bottom:100px; /*44px;*/
	right:0px;
	text-align:center;
    z-index:100;
	background-color: #28b928  !important;
	border-top-left-radius:5px ;
	border-bottom-left-radius:5px ;
}

@media only screen and (max-width: 768px){
.placement-txt {
font-size:1rem!important;
}
.mbanner {
background: #fff url() 0% 0% no-repeat;
background-size:cover;
padding:0px;
}
.wa-float{
	bottom:0px!important;
	right:0px!important;
    z-index:100;
	background-color:#ffc107;
	width:50%;
}
.fixed-enquire {
    bottom:0px!important;
	top: unset!important;
    transform: rotate(0deg);
    background-color: #84131e;
    right: unset;
    border-radius: 0px;
    z-index: 99;
	left:0px;
	width:50%;
	text-align:center;
}
.fixed-enquire .side-equire {
    padding: 13px 11px;
    font-size: 15px;
    color: #ffffff;
}


.footer {
    margin-bottom: 48px;
}
.footer p {
	float:unset;
	font-size:11px;
}
.wa-m {
	border-left: 1px solid #7b4b02;
    background: #ffc107;
    display: block;
}
.npf_wgts {
    width: 100%;
}

}



/* 360design end */

.phone {
/*padding:0px;
padding-bottom:10px!important;*/
text-align:left;
}
.copyr {
font-size:12px!important;
text-align:left;
}
.placement-txt {
font-size: 1.4rem;
text-align: center;
font-family: 'Montserrat';
}
.placement-txt span{
font-weight:bold;
}




.topper {
	position: fixed;	
	left: 5%;
	bottom: 15%;
  	font-size: 15px;
  	width: 100%;
  	z-index: 9999;
	  display: flex;
	/*animation: spin 5s, zoomInZoomOut 2s;*/
}

.tooper-anim{
	/*animation: buttonizer-jump;*/
	animation:  buttonizer-hello;
	animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
}


@keyframes buttonizer-hello {
    0% {
	transform-origin: left bottom;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    10%,
    20% {
	transform-origin: left bottom;
        -webkit-transform: scale(0.9) rotate(-8deg);
        -ms-transform: scale(0.9) rotate(-8deg);
        transform: scale(0.9) rotate(-8deg);
        opacity: 1;
    }
    30%,
    50%,
    70% {
	transform-origin: left bottom;
        -webkit-transform: scale(1.3) rotate(8deg);
        -ms-transform: scale(1.3) rotate(8deg);
        transform: scale(1.3) rotate(8deg);
        opacity: 1;
    }
    40%,
    60% {
	transform-origin: left bottom;
        -webkit-transform: scale(1.3) rotate(-8deg);
        -ms-transform: scale(1.3) rotate(-8deg);
        transform: scale(1.3) rotate(-8deg);
        opacity: 1;
    }
    100%,
    80% {
	transform-origin: left bottom;
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes buttonizer-jump {
    0% {
        transform: translateY(0);
    }
    20% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    50% {
        transform: translateY(0);
    }
    60% {
        transform: translateY(-15px);
    }
    80% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(0);
    }
}


.topper a{
    color: #000;
}
  .topper .icon span {
    color: #fff;

}
  .topper .icon {
    width: 55px;
    height: 55px;
	border-radius: 50%;
    background: #ac0000;
	color: #fff;    
	box-shadow: rgb(0 0 0 / 20%) 0px 2px 6px 1px;
}

	.topper .icon:hover {    
    background: #FFC107;		
	color: #fff;
    }
	.topper .icon span:hover {
      color: #fff; }

    .topper .icon span {
      color: #fff; }
  .topper .text {
    width: calc(100% - 50px);
	font-size: 1.5em;
 }
    .topper .text p {
      margin-bottom: 0;
      font-size: 18px; }
    .topper .text .con {
      margin-bottom: 0;
      font-size: 12px;
      font-weight: 300; 
	  
	}
      .topper .text .con span {
        font-weight: 600;
        font-size: 13px;
        color: #ac0000; }
        .topper .text .con span:first-child {
          color: #ac0000; }
    .topper .text .hr span {
      color: #000000;
      font-weight: 600;
      font-size: 13px; }
    .topper .text .time span:last-child {
      font-weight: 600;
      color: #ac0000; }

	  .how-apply{
		width: 100% !important;
		height: 100% !important;
		background: url('../images/bg.jpg');
		/* background: linear-gradient(to right, #fff 35%, #df8b8b);padding: 10px; */
		background-repeat: no-repeat;
		background-position: right;
		background-size: cover !important;
		padding-bottom: 70px !important;
		padding-top:10px !important;
	
		
	  }
	  .how-apply h3{
		color: #ac0000  !important;
		font-size: 35px;
		font-weight: 600;
		
		font-family: 'Lora', serif !important;
		text-align: center !important;
		position: relative;
		padding-bottom: 10px !important;
		overflow: hidden !important;
		text-decoration: underline !important;
		text-underline-offset: 10px !important;
		
	}
	  .how-apply h1{
		font-size: 45px !important;
		font-family: 'Lora', serif !important;
		text-align: center;
		position: relative !important;
		padding-top: 20px !important;
		padding-bottom: 50px !important;
	  }
	
	  .how-apply h1::before{
		content: '';
		/* background-color: #84131e !important; */
		background: linear-gradient(to right, #642222, #FC5C7D);
		
		width: 150px;
		height: 3px !important;
		position: absolute;
		left:50% !important;
		transform:translate(-50%,-50%) !important;
		bottom: 40px !important;
	  }
	  .how-apply h1 span{
		color: #ac0000 !important;
	  }

	  .c-bg1{
		background-color: #fff !important;
	}
	.c-bg2{
		
		background: linear-gradient(to right, #fff 35%, #fdbcbc) !important;
		padding: 10px !important;
		text-align: center;
	}
	  .p-b-20{
		padding-bottom: 20px !important;
	  }
	  .how-apply p{
		line-height: 32px !important;
	  }
	  .sticky {
	position: -webkit-sticky; /* Safari */
	position: sticky !important;
	top: 0;
	background-color: #fff !important;

}
header {
	position:absolute;
	width:100%;
	z-index:9999;
	
}
.underline2{
	color:#ac0000 !important;


}
.header-active { 
	/* background-color:greenyellow !important; */
	box-shadow: 5px 0 5px rgba(0,0,0,0.5);
	background-color:#f7f7f7 !important;
}
	  .top-logo {
		position: relative !important;
		text-align: center !important;
		width: 100% !important;
		height: auto !important;
	    /* margin: 5px 0 !important; */
	  }
	  .active{
		/* background-color: #ac0000 !important; */
		background: linear-gradient(to right, #AA0524, #FC5C7D);
		color:#fff !important;
	  }
	  .card-header{
		padding: 0px;
    background: #f2f2f2 !important;
     /*border-bottom: none;
   border-top: 1px dotted #a7a7a7; */

    border: 1px solid #dfd9d9;
	  }
	  .card-header .btn-link {
		padding: 15px 15px;
  display: block;
  background: #f2f2f2 !important;
  font-size: 16px !important;
  text-decoration: none;
  color: #312e2e ! important;
  width: 100%;
  text-align: left;
  position: relative;
  font-weight: 500 !important;
  border-radius: 0px !important;
	  }
	.lifeatkl{
	
	    background-color: #f2f2f2 !important;
		/* margin: 40px 0 !important; */
		/* margin: 10px 0 30px 0 !important; */
		padding: 30px 0 50px 0 !important;
		position: relative;
		
	}
	
	.lifeatkl h1{
		text-align: center !important;
		font-size: 40px !important;
	       margin: 10px 0 50px 0 !important;
		font-weight: 800 !important;
         position: relative !important;
		 font-family: 'Lora', serif !important;
		 
	}
	.lifeatkl h1::before{
		content: '';
		/* background-color: #84131e !important; */
		background: linear-gradient(to right, #642222, #FC5C7D);

		width: 150px;
		height: 3px !important;
		position: absolute;
		left:50% !important;
		transform:translate(-50%,-50%) !important;
		bottom: -10px !important;
		

	}
	.lifeatkl span{
		color:#ac0000 !important;
	}
	.lifeatkl-card{
		background-color:#efefef !important;
		text-align: center !important;
		box-shadow: 10px 0 20px rgba(0,0,0,0.35);
		text-align: center !important;
		 transition: 0.5s all;
	}
	
.overlay:hover .lifeatkl-card{
	background-color:#EEF9FF !important;
	
}


	
	.lifeatkl-card-img:hover{
		transform: scale(1.5);
	}
	
	.lifeatkl-card-img{
		max-width:100% !important ;
		width: 100% !important;
		max-height: 450px !important;
		height: auto !important;
	    transition: 0.5s all;
		cursor: pointer !important;
	}
	.lifeatkl-card-img img{
		width: 100% !important;
		height: 100% !important;
	}
	.lifeatkl-card-content{
		padding: 5px 20px !important;
	}
	.lifeatkl-card-content h3{
		font-size: 21px !important;
		/* font-weight: 500 !important; */
		color:#930808 !important;
		position: relative !important;
		margin: 10px 0 !important;
		font-weight: 800 !important;
	}
	/* .lifeatkl-card-content h3::before{
		content: '';
		background-color: #0F619D !important;
		width: 50px;
		height: 3px !important;
		position: absolute;
		left:50% ;
		transform:translate(-50%,-50%);
		bottom: -5px !important;

	} */
	.lifeatkl-card-content p{
		font-size: 16px !important;
		/* text-align: justify !important; */
		line-height: 1.5 !important;
		word-break: normal !important;
		word-spacing: normal !important;
		color: #111  !important;

	}
	.faqs{
		margin: 10px 0 50px 0 !important;
	}
	.faqs h1{
		font-size: 35px !important;
		text-align: center !important;
		color:#393636;
		position: relative;
		margin: 50px 0 !important;
	}
	.faqs h1::before{
		content: '';
		/* background-color: #84131e !important; */
		background: linear-gradient(to right, #642222, #FC5C7D);

		width: 150px;
		height: 3px !important;
		position: absolute;
		left:50% ;
		transform:translate(-50%,-50%);
		bottom: -10px !important;
		
	}
	.faqs h1 span{
		color:#ac0000  !important;
	}
	.industry-connect{
		width: 100% !important;
		height: auto !important;
		/* background-color: #EEF9FF !important; */
		background-color: #f7f7f7 !important;
		padding: 10px 0 !important;
	}
	.industry-connect img{
		width: 100% !important;
		height: auto !important;
	}
	.industry-connect h1{
		text-align: center !important;
		font-size: 45px !important;
		margin: 20px 0 !important;
		position: relative !important;
		font-family: 'Lora', serif !important;
		font-weight: 800 !important;
	}
	.industry-connect h1::before{
		content: '';
		/* background-color: #84131e !important; */
		background: linear-gradient(to right, #642222, #FC5C7D);

		width: 150px;
		height: 3px !important;
		position: absolute;
		left:50% !important;
		transform:translate(-50%,-50%) !important;
		bottom: 0 !important;
	}

	  
    .industry-connect span{
		color:#ac0000 !important;
	}
	.carousel-control-prev,.carousel-control-next{
		visibility: hidden !important;
	}


	#testimonial-videos .carousel-indicators {
	bottom:-44px;
}

#testimonial-videos .carousel-item a .play-icon {
	position: absolute;
    /*width: 100%;
    height: auto; */
    top: 49%;
	text-align: center;
    width: 100%;
	opacity:1;
}
.img-fluid {
  max-width: 100%;
 
  height: auto !important;
  
}
#video-carousel .owl-item::after {
    content: "";  
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:#000000;
    opacity: .3;
}
.testimonial {
	width: 100% !important;
	height: auto !important;
	background-image: url('../images/testmonial-bg.jpg');
	background-repeat: repeat !important;
	background-size: cover !important;
	background-color: #efefef !important;
	padding: 10px 0 !important;
	background-attachment: fixed !important;

}
#html5lightbox-watermark,
	.html5-elem-data-box {
		display: none ! important;
	}

#testimonial-videos .carousel-indicators li {
  background-color: #fff !important;
}

.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease;
  
}
.testimonial h1{
	text-align: center !important;
	margin: 50px !important;
	font-size: 40px !important;
	font-weight: 800 !important;
	position: relative !important;
	font-family: 'Lora', serif !important;

	
}
.testimonial h1::before{
		content: '';
		/* background-color: #84131e !important; */
		background: linear-gradient(to right, #642222, #FC5C7D);

		width: 150px;
		height: 3px !important;
		position: absolute;
		left:50% ;
		transform:translate(-50%,-50%) !important;
		bottom: -10px !important;
		/* transform: translateX(-200%); */
	opacity: 0;
	animation: slide-in-anim 1.5s ease-out forwards;
	}
.testimonial h1 span{
		color:#ac0000 !important;
		font-weight: 600 !important;
	}
	#testimonial-videos .carousel-indicators {

  position: absolute !important;
  right: 0;
  bottom: 10px !important;
  left: 0;
  z-index: 3 !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}




.yourself{
	width: 100% !important;
	height: auto !important;
	padding: 30px 0 70px 0 !important;
	background-color: #f7f7f7 !important;
	/* background-image: url('./img/testmonial-bg1.jpg'); */

}

.yourself h2{
	text-align: center !important;
	font-style: 45px !important;
	font-weight: 800 !important;
	margin-top: 30px !important;
	margin-bottom: 50px !important;
	position: relative !important;
	font-weight: 800 !important;
	font-family: 'Lora', serif !important;
	
}
.yourself h2::before{
	content: '';
		/* background-color: #84131e !important; */
		background: linear-gradient(to right, #642222, #FC5C7D);
		width: 150px;
		height: 3px !important;
		position: absolute !important;
		left:50% !important;
		transform:translate(-50%,-50%) !important;
		bottom: -10px !important;
	
	    opacity: 0;
	   animation: slide-in-anim 1.5s ease-out forwards;
}
.yourself h2 span{
	color:#ba1a1a !important;
}




.y-card {

	width: 100% !important;
	height: 350px !important;
	
}

.y-card h1 {
	font-size: 16px !important;
}

.g-0 {
	padding: 0 ! important;
}


.zoom {
	overflow: hidden !important;
}

.yb1:hover,
.yb2:hover,
.yb3:hover,
.yb4:hover,
.yb5:hover,
.yb6:hover {
	transform: scale(1.8);

}



.yb1 {
	width: 100% !important;
	height: 350px !important;
	position: relative !important;
	background-color: #8abdc4;
	background-image: url('../images/atklu/coures.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	color: #fff !important;
	object-fit: cover !important;
	transition: 0.5s all;
	cursor: pointer !important;
	object-fit: cover !important;
	object-position: center !important;
}

.yb2 {
	width: 100% !important;
	height: 350px;
	position: relative !important;
	background-color: #8abdc4;
	background-image: url('../images/atklu/global.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	color: #fff !important;
	transition: 0.5s all;
	cursor: pointer !important;
	object-fit: cover !important;
	object-position: center !important;
}


.yb3 {
	width: 100% !important;
	height: 350px;
	background-color: #8abdc4;
	position: relative !important;
	background-image: url('../images/atklu/oncampus.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	color: #fff !important;
	transition: 0.5s all;
	cursor: pointer !important;
	object-fit: cover !important;
	object-position: center !important;
}

.yb4 {
	width: 100% !important;
	height: 350px;
	background-color: #8abdc4;
	position: relative !important;
	background-image: url('../images/atklu/faculty.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	color: #fff !important;
	transition: 0.5s all;
	cursor: pointer !important;
	object-fit: cover !important;
	object-position: center !important;
}


.yb5 {
	width: 100% !important;
	height: 350px;
	background-color: #8abdc4;
	position: relative !important;
	background-image: url('../images/atklu/placement.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	color: #fff !important;
	transition: 0.5s all;
	cursor: pointer !important;
	object-fit: cover !important;
	object-position: center !important;
}



.yb6 {
	width: 100% !important;
	height: 350px;
	background-color: #8abdc4;
	position: relative !important;
	background-image: url('../images/atklu/Scholarships.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	color: #fff !important;
	transition: 0.5s all;
	cursor: pointer !important;
	object-fit: cover !important;
	object-position: center !important;
}

.yb1::before,
.yb2::before,
.yb3::before,
.yb4::before,
.yb5::before,
.yb6::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 10%, rgba(0, 0, 0, 0) 35%);
	z-index: 1;
}
.yb1 h1,
.yb2 h1,
 .yb3 h1,
.yb4 h1,
.yb5 h1,
.yb6 h1{
	text-align: left !important;
	position: absolute !important;
	padding: 10px !important;
		font-size: 18px !important;
	bottom: 0 !important;
	z-index: 1 !important;
	

}




.ctable thead th {
  border-bottom: 0 !important;
}
/* .i-date{
background-color: #f7f7f7 !important;
} */
.i-date table tr{
	border:0 !important;
}
.p-l-r{
	position: relative;
 
  padding-right: 5px !important;
  padding-left: 5px !important;
}
.b-title{
	   /* background-color: #332c2c !important; */
	   /* background: linear-gradient(to right, #6A82FB, #FC5C7D); */
       background: linear-gradient(to right, #5f2d2d , #ba1a1a);
	   padding: 10px 40px !important;
	   font-weight: 600 !important;
	   font-size: 28px !important;
	   color: #fff !important;
	   border-top-right-radius: 55px !important;
	  
	  

}
/* .carousel-item {
	position: relative !important;

} */



	.btn-apply{
		position: absolute !important;
		z-index: 1 !important;
	
		top:70% !important;
		
        left:2% !important;
		
	}
	
	@keyframes slide-in-anim {
	20% {
		opacity: 0;
	}
	60% {
		transform: translateX(-45%);
	}
	75% {
		transform: translateX(-52%);
	}
	100% {
		opacity: 1;
		transform: translateX(-50%);
	}
}
.btn-apply .btn-red{
	margin-right: 20px !important;
	border: none !important;
	background-color: #ac0000 !important;
	border-radius: 25px !important;
	
	padding: 10px 50px !important;
	color:#fff !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	
}
/* .btn-apply .btn-red a{
	color:#fff !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
} */
.btn-apply .btn-black{
	
	margin-right: 20px !important;
	border: none !important;
	background-color: #000 !important;
	border-radius: 25px !important;
	
	padding: 10px 50px !important;
	
	
	
}
.btn-apply .btn-black a{
	color:#fff !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}
.m-btn-apply{
		position: absolute !important;
		z-index: 1 !important;
		display: block !important;
		top: 0 !important;
		left: 0 !important;
		visibility: visible !important;
		/* transform: translate(-50%,-50%); */
		top:70% !important;
		left:0% !important;
	
		/* margin-left: 20px !important; */
	}
.m-btn-apply .btn-red{
	margin-right: 10px !important;
	border: none !important;
	background-color: #ac0000 !important;
	border-radius: 25px !important;
	
	padding: 10px 30px !important;
	
	color:#fff !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	
}
/* .m-btn-apply .btn-red a{
	color:#fff !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
} */
.m-btn-apply .btn-black{
	/* margin: 20px !important; */
	border: none !important;
	background-color: #000 !important;
	border-radius: 25px !important;
	
	padding: 10px 30px !important;
	
	
	
}
.m-btn-apply .btn-black a{
	color:#fff !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}
.ctable {
	padding: 20px !important;
	box-shadow: 0px 0px 12px -3px rgb(0 0 0 / 35%);
		border-radius: 10px !important;
	background-color: #fff !important;
}
thead{
	background-color: #F2F2F2 !important;
	text-align: center !important;

}

.ctable tr,th,td{
	border: 1px solid #d1d1d1 !important;
}

#top-button {
	text-decoration: none !important;
  display: inline-block;
  /* background-color: #49b5e7; */
  background: linear-gradient(to left, #5f2d2d , #ac0000);
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px !important;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#top-button::after {
  content: "\f062";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  line-height: 50px;
  color: #fff;
}

#top-button:hover {
  cursor: pointer;
  background-color: #333;
}
#top-button:active {
  background-color: #555;
}
#top-button.show {
  opacity: 1;
  visibility: visible;
}

/************** accordinos ***********/


.accordion {
  width: 100% !important;
  /* max-width: 1000px; */
  /* margin: 2rem auto; */
}
.accordion-item {
  background-color: #fff;
  color: #111;
  margin: 1rem 0;
  border-radius: 0.5rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.accordion-item-header {
  padding: 0.5rem 3rem 0.5rem 1rem;
  min-height: 3.5rem;
  line-height: 1.25rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.accordion-item-header::after {
  content: "\002B";
  font-size: 2rem;
  position: absolute;
  right: 1rem;
}
.accordion-item-header.active::after {
  content: "\2212";
}
.accordion-item-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.accordion-item-body-content {
  padding: 1rem;
  line-height: 1.5rem;
  /* border-top: 1px solid; */
  border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
}

@media  (max-width: 1020px) {
	.btn-apply{
		position: absolute !important;
		z-index: 1 !important;
		top: 0 !important;
		
		top:70% !important;
		
        left:2.5% !important;

	}

}


@media  (max-width: 768px) {


	.info p{
		display: inline-flex !important;
		margin-right: 10px !important;
		padding: 0 10px !important;

	}
	.copyr1{
		font-size: 14px !important;
		padding: 10px 0 !important;
	}
	.b-title{
	   background-color: #332c2c !important;
	   padding: 10px 20px !important;
	   font-weight: 600 !important;
	   font-size: 20px !important;
	   color: #fff !important;
	   border-top-right-radius: 55px !important;
	   text-align: center !important;

}
.footer{
	text-align: center !important;
	line-height: 20px !important;
}



}


.formdiv1{
	background-color: #e8dfdf !important;
  padding: 10px !important;
}
      /* for apply now to custom button  */
           .btn-custom {
            position: relative;
            display: inline-block;
            font-size: 18px;
            padding: 5px 40px !important;
            overflow: hidden;
            z-index: 1 !important;
            border: none;
            background-color: #a20e0e !important;
            color: #fff !important;
            font-weight: 600;
            text-decoration: none !important;
            cursor: pointer;
            line-height: 40px !important;
			min-width: 200px;

        }


        .btn--animated::before {
            content: "";
            position: absolute !important;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #F2B90D !important;
            transform: scaleX(0);
            transform-origin: 0 50%;
            transition-property: transform;
            transition-duration: 2s;
            transition-timing-function: ease-out;
            z-index: -1 !important;
        }

        .btn--animated:hover {
            color: #fff;
        }

        .btn--animated:hover:before {
            transform: scaleX(1);
            transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
        }


			/******* form pop window ****/
		.custom-model-main {
			text-align: center;
			overflow: hidden;
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0; /* z-index: 1050; */
			-webkit-overflow-scrolling: touch;
			outline: 0;
			opacity: 0;
			-webkit-transition: opacity 0.15s linear, z-index 0.15;
			-o-transition: opacity 0.15s linear, z-index 0.15;
			transition: opacity 0.15s linear, z-index 0.15;
			z-index: -1;
			overflow-x: hidden;
			overflow-y: auto;
		  }
		  
		  .model-open {
			z-index: 99999;
			opacity: 1;
			overflow: hidden;
		  }
		  .custom-model-inner {
			-webkit-transform: translate(0, -25%);
			-ms-transform: translate(0, -25%);
			transform: translate(0, -25%);
			-webkit-transition: -webkit-transform 0.3s ease-out;
			-o-transition: -o-transform 0.3s ease-out;
			transition: -webkit-transform 0.3s ease-out;
			-o-transition: transform 0.3s ease-out;
			transition: transform 0.3s ease-out;
			transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
			display: inline-block;
			vertical-align: middle;
			width: 400px !important;
			margin: 30px auto;
			max-width: 100%;
		  }
		  .custom-model-wrap {
			display: block;
			width: 100%;
			position: relative;
			background-color: #fff;
			border: 1px solid #999;
			border: 1px solid rgba(0, 0, 0, 0.2);
			border-radius: 6px;
			-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
			box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
			background-clip: padding-box;
			outline: 0;
			text-align: left;
			padding: 20px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			max-height: calc(100vh - 70px);
			  overflow-y: auto;
		  }
		  .model-open .custom-model-inner {
			-webkit-transform: translate(0, 0);
			-ms-transform: translate(0, 0);
			transform: translate(0, 0);
			position: relative;
			z-index: 999;
		  }
		  .model-open .bg-overlay {
			background: rgba(0, 0, 0, 0.6);
			z-index: 99;
		  }
		  .bg-overlay {
			background: rgba(0, 0, 0, 0);
			height: 100vh;
			width: 100%;
			position: fixed;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			z-index: 0;
			-webkit-transition: background 0.15s linear;
			-o-transition: background 0.15s linear;
			transition: background 0.15s linear;
		  }
		  .close-btn {
			position: absolute;
			right: 0;
			top: -25px;
			cursor: pointer;
			z-index: 99;
		  
		   
		  }
		  /* .close-btn .fa{
			  font-size: 30px !important;
			color: #971e1e !important;
			background-color: rgba(0, 0, 0, 0.5) !important;
			padding: 10px !important;
		  
			border-radius: 50% !important;
			  
		  } */
		  .close-btn::after {
			content: "\00D7";
			background-color: #fff !important;
			color:#111 !important;
			border-radius: 50% !important;
			font-size: 1.5rem;
			position: absolute;
			width: 30px !important;
			width: 30px !important;
			padding: 0px;
		  
		  }
		  @media screen and (min-width:800px){
			  .custom-model-main:before {
				content: "";
				display: inline-block;
				height: auto;
				vertical-align: middle;
				margin-right: -0px;
				height: 100%;
			  }
		  }
		  @media screen and (max-width:799px){
			.custom-model-inner{margin-top: 45px;}
			.custom-model-wrap {
			  width: 90% !important;
			  margin: auto !important;
			  height: auto !important;
			}
			.close-btn{
			  right:25px !important;
			}
			/* h1::before, h2::before,h3::before{
			  background: transparent !important;
		  
			} */
			
		  
		  }