﻿

body.homepage{ padding-right:0 !important;}
.assured-txt.inst-banner {
		width: 100%;
		float: left;
		margin: 0;
		padding: 300px 0 150px;
	}
	.assured-txt.inst-banner h1{
		font-family: 'Open Sans' !important;
		text-transform:inherit;
		font-size:30px;
		font-weight:700;
		margin-bottom:10px;
	}
	.assured-txt.inst-banner h2{
		display:inline-block;
		max-width:600px;
	}
	.assured-txt.inst-banner h2 span{
		font-size:48px;
		font-weight:700;
		line-height:50px;
	}
	.assured-txt.inst-banner a.btn.btn-custom{
		height: 42px;
		line-height: 39px;
		padding: 0 30px;
		font-size:14px;
		background:#cd2122;
		color:#fff;
		transition: all 0.4s ease-in-out 0s;
	}
	.assured-txt.inst-banner a.btn.btn-custom:hover{
		background:#fff;
		color:#333;
	}
	.outer-wrapper{
		padding:50px 0 30px;
	}
	.assured-txt.inst-banner{
		float:none;
	}
	.assured-txt.inst-banner.bg-blue{
		background-color:rgba(0, 0, 0, 0.40);
	}
	.outer-wrapper h2{
		font-size:34px;
		line-height:36px;
	}
	.outer-wrapper p{
		font-size:14px;
		line-height:22px;
	}
	.outer-wrapper h3{
		font-size:22px;
		line-height:22px;
	}
	.outer-wrapper h4{
		font-size:18px;
		line-height:22px;
	}
	.outer-wrapper h6{
		font-size:14px;
		font-family: 'Open Sans' !important;
	}
	.main-heading{
		text-align:center;
		max-width:864px;
		margin:0 auto 40px;
	}
	.main-heading h2{
		color: #333;
		margin-bottom:12px;
	}
	.main-heading p{
		color:#333333;
	}
	.padd-30{
		padding:30px;
	}
	.resp-block{
		background-color: #00c0f7;
		color:#fff;
		border-radius: 15px;
		overflow:hidden;
		min-height:550px;
	}
	.respo-block-inner h2{
		margin-bottom:12px;
	}
	.respo-block-inner>p{
		margin-bottom:24px;
	}
	.cu-student-trained{
		margin-bottom:18px;
	}
	.mar-b-0{
		margin-bottom:0 !important;
	}
	.cu-student-trained>h4{
		margin-bottom:12px;
	}
	.stu-li{
		background:#fff;
		border-radius:6px;
		padding:13px 0;
		text-align:center;
		margin-bottom:15px;
		transition: all 0.4s ease-in-out 0s;
	}
	.stu-li:hover{
		background:rgba(255,255,255,0.8);
		transition: all 0.4s ease-in-out 0s;
	}
	.stu-li h4{
		color:#cd2122;
		margin-bottom:7px;
	}
	.stu-li h6{
		color:#333;
	}
	.stu-li ul li{
		display:inline-block;
		padding:10px 15px;
		background:#efefef;
		color:#333;
		border-radius:4px;
		margin-right:10px;
	}
	.stu-li ul li:last-child{
		margin-right:0;
	}
	.bg-grey{
		background:#4e4e4e;
	}
	.cu-project-upgrad{
		margin-bottom:24px;
	}
	.cu-project-upgrad h4{
		margin-bottom:12px;
	}
	.cu-project-upgrad li{
		margin-bottom:6px;
		position:relative;
		padding-left:15px;
		list-style: none;
	}
	.cu-project-upgrad li:before{
		content:'\f101';
		position: absolute;
		left:0; top:0;
		font-family: FontAwesome;
	}
	
	
	.env-protect-sec{
		color:#fff;
		padding: 50px 0 30px;
		margin:30px 0;
	}
	.env-thumb-img {
		position: relative;
		border-radius: 8px;
		/* border: 1px solid #606060; */
		overflow: hidden;
		margin-bottom: 18px;
	}
	.env-thumb-img img{
		width:100%;
	}
	.env-thumb-img .cta-btn-cam{
		position:absolute;
		right:5px;
		bottom:5px;
	}
	.cta-btn-cam{
		background:#00c0f7;
		color:#fff;
		font-size:12px;
		text-transform:uppercase;
		height:34px;
		border-radius:4px;
		padding:0 15px;
		line-height:34px;
		text-align:center;
		display:inline-block;
		transition: all 0.4s ease-in-out 0s;
	}
	.cta-btn-cam:hover{ background:#cd2122 !important; color:#fff !important;}
	.cta-btn-cam i{ margin-right:4px;}
	.env-thumb {
		margin-bottom: 30px;
		border: 1px dashed #5f5f5f;
		border-radius: 15px;
		min-height: 378px;
		padding: 10px;
		background-color: rgba(51, 51, 51, 0.33);
	}
	.env-thumb h3{ margin-bottom:12px;}
	.env-thumb h3 span{ font-size:16px;}
	/*.env-thumb p{  font-style:italic;}*/
	
	.remov-height{ min-height:inherit !important;}
	.mar-b-30{ margin-bottom:30px;}
	
	.quiz-img{ margin-bottom:28px;}
	.quiz-pic{
		border:1px solid #fff;
		border-radius:6px;
		overflow:hidden;
	}
	.quiz-pic img{
		width:100%;
	}
	.bg-pink{ background:#fd2457;}
	.bg-pink .cta-btn-cam{ background:#fff; color:#333;}
	.bg-blue{ background:#00c0f7;}
	.bg-blue .cta-btn-cam{ background:#fff; color:#333;}
	.pad-r-7{ padding-right:7px !important;}
	.pad-l-7{ padding-left:7px !important;}
	
	
	.transition-timer-carousel-progress-bar {
		height: 3px;
		background: #f2fc32; /* Old browsers */
		background: -moz-linear-gradient(left, #f2fc32 0%, #f9832f 48%, #ff3030 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #f2fc32 0%,#f9832f 48%,#ff3030 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #f2fc32 0%,#f9832f 48%,#ff3030 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2fc32', endColorstr='#ff3030',GradientType=1 ); /* IE6-9 */
		width: 0%;
		margin: 0px 0px 0px 0px;
		border: none;
		z-index: 11;
		position: relative;
		
		
		
		
	}
	
	.modal-body{
		padding:0 !important;
	}
	
	.modal-content{
		border-radius:0 !important;
	}
	
	.carousel.slide{ 
		overflow:hidden;
	}
	.carousel-control {
		width: 100px !important;
		/*opacity: 0;*/
		/*visibility: hidden;*/
	}
	/*.left.carousel-control {
		transform: translateX(-50px);
		transition: all 0.2s ease-in-out 0s;
	}
	.right.carousel-control {
		transform: translateX(50px);
		transition: all 0.2s ease-in-out 0s;
	}*/
	
	.carousel.slide:hover .carousel-control {
		opacity: 1;
		visibility: visible;
		transform: none;
		transition: all 0.2s ease-in-out 0s;
	}
	
	




.lft-content-section{ background: #fff; padding: 0 25px 30px;box-shadow:0 5px 16px rgb(0 0 0 / 20%);}

.padd-60{
     padding: 60px 0;

}
.useful-links-list{
     border: 0 !important; margin-bottom: 20px;

}
.useful-links-list h4{
     color: #fff; margin-bottom: 10px; font-size: 22px;

}





.table-style tr th{padding:15px;white-space: nowrap;}
.table-style tr td{padding:11px}
.table-style tr td a{color:#333;font-size:13px}
.table-style tr:nth-child(2n+1){background:#eee}
.table-style tr:hover{background:#dadada}
.table-style th{text-align:left;background:#333;color:#fff}
#example_next,#example_previous{background:#ab2223;border:1px solid #9d191a;color:#fff}
#example_paginate{margin-top:15px}
#example_info{border:1px solid #ccc;padding:10px 15px;text-transform:uppercase;background:#fff5d8}
#example_next,#example_previous,.paginate_button{padding:6px 20px;cursor:pointer;}
#example_previous{margin-right:8px}
#example_next{margin-left:8px}
.paginate_button{background:#e2e2e2;border:1px solid #cacaca;color:#333;margin-right:1px}
#example_paginate .current{background:#eeb300}
#example_length{margin-right:25px}


.c-fee-rht .instuite-info{ background: #fff}
.c-fee-rht .instuite-info img{ display: none;}


.about-awards-accordion {
    min-height: auto;
}
.about-awards-accordion {
    border: solid 1px #dcebed;
}
.about-awards-accordion {
    background: #fff;
    border-radius: 4px;
    /* padding: 15px; */
    padding: 18px;
    margin-bottom: 15px;
}
.about-awards-text {
    min-height: 236px;
}
.head-txt {
    background: #0490a9;
    color: #fff !important;
    font-size: 18px;
    margin-bottom: 0 !important;
    padding: 10px 20px !important;
	line-height: 1.1 !important;
    display: inline-block;
    width: 100%;	
    margin-top: 5px;	
}	














	
	
	/*media query css start here*/
	
	
	
	@media (min-width: 768px){

		.modal-dialog {
			width: 700px !important;
			margin: 30px auto;
		}
	}
	
	@media (min-width: 992px){

		.modal-dialog {
			width: 850px !important;
			margin: 30px auto;
		}
	}
	
	@media only screen and (max-width: 991px){
		.stu-li ul li{ margin:0 3px 7px 0;}
	}
	
	@media only screen and (max-width: 767px){
		.assured-txt.inst-banner{ padding: 100px 0 60px;}
		.resp-block{ margin-bottom:30px;}
		.assured-txt.inst-banner h2 span{ font-size:40px; line-height:40px;}
		.assured-txt.inst-banner h1{ font-size:24px;}
		.carousel-control {width: 50px !important;opacity: 1; visibility: visible !important; transform: none !important;}
		.env-thumb{ min-height:inherit !important;}
        #example_next, #example_previous, .paginate_button{    padding: 2px 3px!important;}
	}
	
	@media only screen and (max-width: 479px){
		.outer-wrapper{ padding:40px 0 30px;}
		.cu-student-trained .col-xs-6{ width:100%; padding:0 15px !important}
		.stu-li{ margin-bottom:7px}
		.outer-wrapper h2{ font-size:28px; line-height:30px;}
		.padd-30{ padding:20px;}
		.assured-txt.inst-banner h2 span{ font-size:32px; line-height:33px;}
		.assured-txt.inst-banner h1{ font-size:18px;}
		.assured-txt.inst-banner{ padding:60px 0 40px;}
		.stu-li ul li{ padding:8px 8px; font-size:12px;}
		.outer-wrapper h3{ font-size:20px;}
	}
	
	.about-reconization-text, .about-awards-text {
    border: solid 1px #dcebed;
}
.about-reconization-text, .about-awards-text {
    background: #fff;
    border-radius: 4px;
    /* padding: 15px; */
    padding: 12px;
    margin-bottom: 15px;
}
.div_details {
    display: none;
    margin-top: 20px;
}
.main_cusat, .main_sports, .main_defence, .main_students, .main_govt, .main_Meritbased, .main_otherscholarship {
    font-size: 16px;
    color: #F00;
    font-weight: 600;
}


/*....mission vision css....*/


.mission-section{
background:#e0e6ee;
padding: 110px 0 60px;
}
.vision-page {
    border-bottom: 2px solid #f80100!important;
    padding: 20px 0;
    margin-bottom: 20px;
}
.mission-banner{
    background-image: url('../images/banners/mission-banner.png');
    background-position:center;
    background-size:cover;
}


/*....chairman css...*/


.founder-bar {
    /*margin-top: 85px;*/
    
    width: 100%;
    /*background: #dae5f3;*/
}
.founder-bar .content {
    padding: 30px 0;
    text-align:justify;
}
.founder-bar .content span {
    display: block;
    color: #1156b6;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
  padding: 15px 0;
}
.founder-bar h1 {
    color: #ED3237;
    font-size: 35px;
    margin-top:-8px;
}
.founder-bar p {
   color: #000000d1;
    line-height: 25px;
    padding-top: 6px;
}
/*.founder-bar img {
    margin-top: -106px;
    box-shadow:0 5px 16px rgb(0 0 0 / 20%);
    border: 5px solid white;
}
.ljj{
   width: 107%;
   margin-bottom: 20px;
}*/


.founder-bar img {
    margin-top: 90px;
    box-shadow: 0 5px 16px rgb(0 0 0 / 20%);
    border: 5px solid white;
}
.ljj {
    width: 85%;
    /* height: 400px; */
    margin-bottom: 20px;
}
.chairman-part{
    border-bottom:2px solid #f70000!important;
}
.chairman{
    background-image: url('../images/banners/chairman-banner.png');
    background-position:center;
    background-size:cover;
}
.md-part{
     background-image: url(/images/innerpage_banner/NoticeBoard_banner.png);
     background-position:center;
     background-size:cover;
}
i.fa.fa-dot-circle-o {
    color: red;
    padding-right: 5px;
}
.chairman-c{
    margin-top:50px;
}
.affilation-c {
    padding: 20px !important;
}



/*...responsive csss...*/


@media (max-width:992px){
    .about-kcmt-page{
        background:no-repeat!important;
    }
    .founder-bar h1{
        font-size:28px!important;
    }
    .overview-txtt{
        padding-bottom:30px;
        text-align:justify;
    }
    .forty-counter {
        padding-right: 67px;
    }
    .recruiters-part {
        display: block !important;
    }
        .students-join3-wrapper .students-join3-right h2 {
        padding: 20px 0;
        font-size: 30px !important;
    }
        .footer-txtt-para {
        margin-left: -11px;
    }
        
}



/*...new director ....*/


section.director-section {
    padding: 60px 0;
    background: #e0e6ee;
}
.director-bg {
   background: #fff;
   width: 100%;
   position: relative;
}
.director-img img{
    width: 100%;
    height: 530px;
    object-fit: fill;
}
.other-part {
  width: 100%;
  background: white;
  height: auto;
  padding: 0px;

}
.other-part p{
    font-size:16px;
    line-height:24px;
    text-align:justify;
}
.txtt-director{
    padding-top:10px;
}

.main-heading-inner{
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
    text-align: center;
    padding-bottom:30px;
    margin-top:-10px;
}
.kjhhh {
    border-bottom: 1px solid #8080806b;
    line-height: 14px;
    padding-bottom: 14px;
}
p.rlkgjrud_tri {
    margin-bottom: 12px;
    padding-top: 15px;
}
.kjhhh h3{
    color: #1d2d67;
}
.kjhhh p{
    color:grey;
    font-style:italic;
    font-weight:bold;
    padding-bottom:2px;
}
.scroll-prt{
    height: auto;
        padding-right: 11px;

}
.scroll-prt::-webkit-scrollbar {
  width: 4px;
}
.scroll-prt::-webkit-scrollbar-thumb {
  background-color: #1d2d67; 
  border-radius: 10px;
}


/*....public -disclosure page csss....*/


.disclosure-prt p{
    text-align: center;
    font-size: 40px;
    font-weight: 500;
}
.line_img{
    display: flex;
    justify-content: center;
    margin: auto;
    padding-top: 9px;
}
.disclosure-prt span{
    color:#1d2d67;
}


/*....about-us page .....*/


.reprographic_centre {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
  padding: 30px 0 30px;
}
.language_lab::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: white;
    content: "";
    z-index: -1;
    box-shadow: 0rem 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.anachor-tag3 {
    position: relative;
    top: -250px;
    height: 0;
    width: 1px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.language_lab figure {
    width: 100%;
    height: 100%;
}
.language_lab figure img {
    width: 100%;
    height: 290px;
    object-fit: cover;
    position: relative;
    top: 12px;
    left: 21px;
    border-radius: 5px;
}
.language_lab .reprographic_contnt {
     padding: 0 51px 32px 35px;
         background: none;
}
.reprographic_contnt p {
    text-align: justify;
}
.reprographic_contnt h5{
    font-size: 30px;
    padding-bottom: 15px;
    font-weight: bold;
    color: #1d2d67;
}
.color-prt {
    position: absolute;
    background: #000000c7;
    padding: 12px 15px;
    bottom: 0;
    height: 30%;
    width: 67%;
    left: 110px;
    border-left: 3px solid #1d2d67;
    z-index: 1;
}
.color-prt p{
    position:relative;
    color:white;
}
.overview-section{
    background:#e0e6ee;
    /* margin-top: 56px; */
    /*padding-top: 115px;*/
}
.icon-box {
    position: absolute;
    top: -45px;
    left: 0px;
    width: 94%;
    background: rgb(255, 255, 255);
    padding: 43px 20px 36px;
    z-index: 9;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 12px 25px;
    border-radius: 5px;
    display: flex;
}
.icon-box .box-icon.box1 {
    background: rgb(42 104 177);
}
 .icon-box .box-icon {
    height: 36px;
    text-align: center;
    margin-right: 20px;
    position: relative;
}
 .icon-box .box-icon.box1::before {
    border-bottom-color: rgb(42 104 177);
}
 .icon-box .box-icon::before {
    content: "";
    position: absolute;
    border-width: 15px 30px;
    border-style: solid;
    border-color: transparent transparent rgb(24, 43, 73);
    top: -30px;
    left: 0px;
    z-index: 1;
}
 .icon-box .box-icon i {
    font-size: 24px;
    color: rgb(255, 255, 255);
    width: 60px;
    display: inline-block;
    position: relative;
    z-index: 111;
    margin-top: 5px;
}
.icon-box .box-icon.box1::after {
    border-top-color: rgb(42 104 177);
}
.icon-box .box-icon::after {
    content: "";
    position: absolute;
    border-width: 15px 30px;
    border-style: solid;
    border-color: rgb(24, 43, 73) transparent transparent;
    bottom: -30px;
    left: 0px;
    z-index: 1;
}
.icon-box .box-title {
    margin-top: -15px;
}
 .icon-box .box-title h6 {
    color: rgb(42 104 177);
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 6px;
    font-size: 15px;
}
 .icon-box .box-title p {
    font-size: 14px;
    color: rgb(150, 150, 150);
}


 /*...tabing about us csss.....*/



 .tabs {
  width: 100%;
  /* max-width: 600px; */
  margin: 2rem;
}

.tabs-nav {
  position: relative;
  display: flex;
  gap: 10px;
  padding: 15px;
  /* border-radius: 10px; */
  /* margin-bottom: 2rem; */
}
#tab-1:before{
    left: 0;
    border-right: 280px solid #ffffff00;
}
#tab-1:before {
    position: absolute;
    content: "";
    top: 0;
    z-index: 1;
    border-top: 10px solid #f9f9f9;
}

.tab-button {
 box-shadow: rgb(106, 97, 92) 2px 3px 0px 0px;
    border-radius: 5px;
    transition: all 0.2s ease-in-out 0s;
    color: white;
    font-weight: 800;
    font-size: 16px;
    background-color: #1d2d67;
    border: 0px;
    padding: 8px 18px;
    display: flex;
    align-items: center;
    margin: auto;
}

.tab-button:hover {
  color: #ee2323;
}

.tab-button[aria-selected="true"] {
  color: #ee2323;
    transform: rotate(360deg);
    margin-right: 5px;
    background: #1d2d67;
}

.tabs-indicator {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 0;
  box-shadow: 
    0 0 0 1px var(--border-color),
    0 4px 12px rgba(0, 0, 0, 0.1);
  will-change: transform, width;
}
.tab-prt {
  /*background: white;*/
  transform-origin: top;
  /*box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.3);
  border-bottom: 4px solid #1d2d67;*/
  margin-top: 20px; 
}
.tabing_overview:after{
    content: '';
    position: absolute;
    right: 7%;
    height: 88%;
    width: 2px;
    background: #1d2d6761;
    top: 10%;
    bottom: 4%;
}
.tabing_row{
    width:72%;
    margin-left:30px;
}

.tydfyt_tri {
    /*color: #1d2d67;*/
    font-weight: bold;
    padding-bottom: 6px;
    font-size: 17px;
}
.tab-panel p {
  line-height: 1.6;
  opacity: 0.9;
}
section.tabing_section {
    padding: 120px 0 60px;
    /*background-image: url('../images/companies/overview_bg.jpg');
    background-size:cover;*/
}
.col-sm-4.col-md-3.programme-heading {
    padding-top: 18px;
}
.tabing_txt p{
    padding: 38px 40px 25px 25px;
    text-align: justify;
    line-height: 26px;
    font-size: 14px;
}
.tabing_img img{
    width:100%;
    box-shadow:0px 18px 30px rgba(0, 0, 0, .3);
    position:relative;
    height: 100%;
    object-fit:cover;
    min-height: 274px;
}
.overview_link.active{
    color:dark#ee2323;
}
.overview_link:hover{
      color:dark#ee2323;
}
.img-span{
    position: absolute;
   top: 5.1%;
    left: 7%;
    width: 86%;
    height: 90%;
    z-index: 1;
    cursor: pointer;
    transition: all 0.2s;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
}
.img-span:hover{
    background:initial;
}
.icon-svg{
   font-size: 7px;
    display: block;
    margin-bottom: 12px;
    transition: all 0.4s;
    width: 32px;
    align-items: center;
    margin: auto;
    margin-bottom: 10px;
}
.tab-button[aria-selected="true"].active  .icon-svg {
    transform: rotate(360deg);
}


/*...counter-sbout page css....*/


.counter-section{
    padding:130px 0 70px;
   background-image: url('../images/counter-bg.png');
    background-position:center;
    background-size:cover;
    position:relative;
}
.counter-section:before{
    content:"";
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:#0000007a;
  position:absolute;
}
 .college-sats-comp {
    width: 100%;
    max-width: 280px;
    margin: 10px 4px;
    padding: 20px 10px 40px;
    background: rgba(17, 42, 119, 0.9);
    text-align: center;
    color: #d4e1fa;
    border-radius: 4px 4px 0 0;
    transition: 0.2s;
    border-bottom: 6px solid #d6c808;
}
 .college-sats-comp .icon-div {
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 10px;
    padding: 20px;
    border-radius: 50%;
    box-shadow: inset -3px -3px 6px rgba(255, 255, 255, 0.05), inset 3px 3px 6px rgba(0, 0, 0, 0.5);
    transition: all 0.2s;
}
 .college-sats-comp .icon-div img {
    filter: brightness(0) invert(1);
    transition: all 0.2s;
    width: 45px;
}
 .college-sats-comp #counter {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #d6c808;
    margin-top: 16px;
}
 .college-sats-comp .counter-value {
    font-size: 32px;
    color: #d6c808;
}
 .college-sats-comp h5 {
    font-size: 16px;
    margin-top: 16px;
    font-weight: initial;
    text-transform: capitalize;
}
 .college-sats-comp h4 {
  font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding-top: 15px;
}
 .counter_icons {
     font-size:25px!important;
 }
 .college-sats-comp:hover {
    transform: translateY(-10px);
    opacity:1;
}