

h1, h2, h3, h4, h5, h6{
	color: #111
}

body{
	font-size: 16px
}


.totalPrograms{ border: 1px solid #ccc; box-shadow: 0 0 20px rgba(0,0,0,0.1); padding: 30px; margin-top: 30px;}
.totalPrograms h4{
	font-size: 18px;
	color: #162756
}
.custom-list-style{ padding-left: 18px;}
.custom-list-style li a{ font-size: 15px; line-height: 17px; color: #111}
.custom-list-style li a:hover{ font-weight: 600}
.totalPrograms .col-sm-6:hover h4{ color: red;}


#CourseFee a{ color: #fff}

.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate{ display: inline-block; margin-right: 20px;}

.dataTables_paginate{ border-left: 1px solid #ddd; padding-left: 20px;}
.dataTables_paginate span a{ display: inline-block; padding: 0 15px;}


table.table-bordered.dataTable thead tr:first-child th, table.table-bordered.dataTable thead tr:first-child td{ border: 0}


.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #1b1f52;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:hover {
    background: #20397126;
}
.accordion-button:not(.collapsed):hover {
    background-color: #1b1f52;
}
.accordion-button:focus {
    border-color: rgba(0,0,0,.125);
    box-shadow: none;
}


.main-head{ font-size: 20px; line-height: 26px;}


.banner-play-button {
	top: -40px;
}    
.mt-200px {
    margin-top: -280px;
    position: relative;
    z-index: 1;    
}
.fs-40x {
    font-size: 40px;
    line-height: 44px;
}               
    
@media (min-width:1920px) {
    .banner-h {
        height: 500px !important;
    }       
}
@media (min-width:500px) and (max-width:767px) {
    .banner-h {
        height: 500px !important;
    }       
}  
@media (min-width:801px) and (max-width:991px) {
    .banner-h {
        height: 500px !important;
    }       
} 



/***** RIGHSIDE RELATED LINKS CSS START ****/
.contact-call {
    position: absolute;
    bottom: 10px;
    left: 15px;
}
.link-title {
    background: #2d337b;
    display: block;
    padding: 30px 34px;
    margin-bottom: 0;
}
.custom-list-style2 li {
    font-size: 14px;
    list-style: none;
}
.custom-list-style2 li a {
    color: #fff;
    padding: 15px;
    display: block;
    background: #1b1f52;
    border-bottom: 1px solid #343a7b;
    position: relative;
    padding-left: 45px;
    z-index: 1;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
}
.custom-list-style2 li a::before {
	content: '';
	height: 2px;
	width: 5px;
	background: #ddd;
	position: absolute;
	left: 30px;
	top: 50%;
	transform: translateY(-50%);
}
.custom-list-style2 li a::after {
	content: '';
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #343a7b;
    z-index: -1;
	transition: width .4s;
}
.custom-list-style2 li a:hover::after {
	width: 100%;
}
.custom-list-style2 li a.br-6:hover::after {
	width: 100%;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

/***** RIGHTSIDE RELATED LINKS CSS END ****/









/** admission overview page **/


.admission-hero-banner{ background: url('../images/admission-banner.jpg'); background-repeat: no-repeat; background-size: cover; height: 640px}
.overlay-black{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(27,27,27,0.60)}
.admission-hero-banner__content{ position: absolute; bottom: 100px; left: 15px; max-width: 450px;}
.admission-hero-banner__content h2{ font-size: 60px; line-height: 56px; color: #fff; }
.admission-hero-banner__content p{ font-size: 24px; color: #fff; line-height: 28px; margin: 20px 0}
.cta-btn{ height: 47px; line-height: 47px; font-size: 14px; color: #fff; background: #d32023; border-radius: 6px; padding: 0 26px; display: inline-block; text-transform: uppercase;  letter-spacing: 1px; margin-right: 10px;}
.cta-btn svg{ margin-left: 10px;}
.cta-btn.transparent-bg{ background: transparent}
.cta-btn.white-bg{ background: #fff; color: #111}
.cta-btn:hover{ background: #1c1f52; color: #fff}
.admission-heading{ margin-bottom: 20px;}
.admission-heading h1{ font-size: 20px; color: #111; }
.admission-heading h1 span{ font-size: 50px; color: #fff;  background: #d32023; display: inline-block; padding: 0 10px;}
.admission-heading p{ font-size: 18px; color: #111;  background: #eeeeee; padding: 5px 10px; display: inline-block}
.quote{ border-left: 3px solid #d32023; padding-left: 20px; max-width: 420px; margin-top: 20px;}
.quote p{ font-size: 18px; line-height: 24px; font-style: italic;}
.admission-programs{ position: relative; z-index: 1}
.admission-programs__thumb{ position: relative}
.admission-programs__thumb span{ display: inline-block; position: relative; height: 90px; width: 70px; margin-bottom: 10px;}
.admission-programs__thumb span img{ position: absolute; top: 0; left: 0;}
.admission-programs__thumb h3{ font-size: 20px; color: #111;  margin-bottom: 10px;}
.admission-programs__thumb p{ font-size: 14px; line-height: 16px;}
.programs-list-block{ position: absolute; bottom: 50px; right: 0; background: #fff; position: absolute; padding: 20px; border: 1px solid #ccc; box-shadow: 0 0 20px rgba(0,0,0,0.1); text-align: left; width: 300px; display: none;}
.programs-list-block h4{ font-size: 16px; margin-bottom: 10px;}
.programs-list-block ul{ padding-left: 16px; }
.programs-list-block ul li{ font-size: 14px;}
.programs-list-block ul li a{ color: #111}
.programs-list-block ul li a:hover{ text-decoration: underline !important}
.admission-programs__thumb--content{ background: #fff; border: 1px solid #ccc; margin-bottom: 20px; height: 275px;}
.hover-icon{ opacity: 0; visibility: hidden;}
.admission-programs__thumb:hover .hover-icon{ opacity: 1; visibility: visible;}
.admission-programs__thumb:hover .defalult-icon{ opacity: 0; visibility: hidden;}
.admission-programs__thumb:hover .admission-programs__thumb--content{ background: #1c1f52; border-color: #1c1f52;}
.admission-programs__thumb:hover .admission-programs__thumb--content h3{ color: #fff;}
.admission-programs__thumb:hover .admission-programs__thumb--content p{ color: #fff;}
.scholarship-section{ background-image: url('../images/early-bird-bg.jpg'); background-repeat: no-repeat; /*background-size: 60%;*/ background-color: #d32023; background-blend-mode: multiply; margin-top: -200px;}
.early-bird-heading{ margin-top: 350px;}
.early-bird-heading h2{ font-size: 50px; line-height: 54px;   color: #fff; text-transform: uppercase; letter-spacing: 1px}
.early-bird-heading p{ color: #fff; font-size: 18px; line-height: 24px;  margin: 10px 0 15px}
.cucet-table{ background: #f9f9f9; border: 1px solid #ccc; box-shadow: 0 0 20px rgba(0,0,0,0.1)}
.cucet-table__header{ text-align: center; background: #fff; padding: 10px 0}
.cucet-table__header img{ display: inline-block; margin-bottom: 10px;}
.cucet-table__header span{ display: inline-block; background: #fbe8e9; font-size: 16px; text-transform: uppercase;  padding: 0 10px; margin: 5px 0;}
.cucet-table__header p{ font-size: 14px;   }
.cucet-table__body{ padding: 20px 70px;}
.cucet-table__body ul{ padding: 0; margin: 0;}
.cucet-table__body ul li{ list-style-type: none; display: block;  position: relative; font-size: 14px; line-height: 16px; margin-bottom: 12px} 
.cucet-table__body ul li b{ display: block}
.cucet-table__body ul li::after{ content: ''; background: url('../images/green-check.png'); height: 17px; width: 17px; background-size: cover; position: absolute; left: -30px; top: 0;}
.cucet-table__footer{ padding: 20px 40px;}
.cucet-table.disabled{ cursor: not-allowed; filter: grayscale(100)}
.cucet-scholarship{ padding: 220px 15px 100px 40px; position: relative;}
.cucet-scholarship::before{ content: ''; background: #f9f9f9; position: absolute; top: 0; bottom: 0; width: 99999px; left: 100%;}
.admission-facilities__thumb{}
.adm-body{ min-height: 200px;}
.adm-body h4{  font-size: 24px; color: #111; margin-bottom: 10px;}
.adm-body p{ margin: 10px 0 30px;}
.admission-facilities__thumb img{ width: 100%;}
.admission-facilities__thumb:hover h4{ color: #d32023}



.admission-enquiry-form {
    width: 485px;
    position: absolute;
    right: 0;
    top: -500px;
    background: #fff;
	border-radius: 12px;
	box-shadow: 0 0 30px rgba(0,0,0,0.1);
	overflow: hidden;
}
.admission-enquiry-form__header{
	background: #d32023;
	padding: 30px 40px;
}
.admission-enquiry-form__header h3{
	font-size: 28px;
	color: #fff;
	
	margin: 0;
}

.admission-enquiry-form__body{
	padding: 40px;
}

.admission-enquiry-form__body p{
	font-size: 12px;
	line-height: 16px;
	color: #000;
}

.api-regform{
	padding: 0 !important;
}
.api-regform .col-6{
	width: 100% !important;
	padding: 0 12px !important;
}


.api-regform input[type=text],
.api-regform select{
	border-radius: 4px !important;
	border: 1px solid #363636 !important;
	height: 48px !important;
	font-size: 16px !important;
	padding: 0 20px !important;
	margin-bottom: 15px !important
}
.api-regform h6{
	font-size: 14px !important;
	color: #111 !important;
	margin-bottom: 15px !important;
}


.api-regform .btn_custom{
	background: #eb1e24 !important;
	border-radius: 4px !important;
	border: 0 !important;
	height: 48px !important;
	font-size: 14px !important;
	padding: 0 20px !important;
	margin-bottom: 0 !important;
	width: 100% !important;
	
}
.api-regform .btn_custom.api-login-btn{
	background: #d6d6d6 !important;
	color: #111 !important;
}

.api-regform .btn_custom:hover{
	background: #1c1f52 !important;
	color: #fff !important;
}

/* video img css start */
.video-ad {
    position: relative;
}		 
.video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
}
.video-play-icon a {
    display: inline-block;
}
.video-play-button {
    position: relative;
    z-index: 10;
    top: 0%;
    left: 0%;
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
}
.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 70px;
    height: 70px;
    background: #e82c30;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 26px solid #fff;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    top: 6px;
    left: 3px;
}
.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 70px;
    height: 70px;
    background: #e82c30;
    border-radius: 50%;
    transition: all 200ms;
}
@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}
/* video img css end */

/*eb1e24*/
 




@media only screen and (max-width: 1399px){
    .cta-btn{ padding: 0 15px;}
    .scholarship-section{ background-size: 80%; background-position: -80%}
.top-image .need-help a {
	font-size: 17px;
}
}

@media only screen and (max-width: 1199px){
    .admission-hero-banner__content h2{ font-size: 48px; line-height: 48px;}
    .admission-hero-banner__content p{ font-size: 20px; line-height: 24px;}
    .admission-heading h2{ font-size: 40px;}
    .early-bird-heading h2{ font-size: 40px; line-height: 44px;}
    .cucet-table__body{ padding: 20px 20px 20px 50px;}
    .cucet-table__footer{ padding: 20px 24px;}
    .scholarship-section{ background-size: 120%; background-position: 120%}
    .adm-body h4{ font-size: 20px;}
    .admission-programs__thumb{ margin-bottom: 30px;}
    .admission-hero-banner__content{ bottom: 50px;}
    .admission-hero-banner{ height: 540px;}
	
	
	.admission-enquiry-form{
		width: 700px;
		position: static;
		margin: auto;
		margin-bottom: 30px;
	}
	.api-regform .col-6 {
		width: 50% !important;
	}
	.api-regform .dobDiv .formField {
		width: 31.7% !important;
	}
.top-image .need-help a {
	font-size: 14px;
}
}

@media only screen and (max-width: 991px){
.top-image .need-help a {
	font-size: 20px;
}
    .cta-btn{ font-size: 13px;}
    .early-bird-heading{ margin-top: 150px;}
    .cucet-scholarship{ padding: 0}
    .scholarship-section{ background-size: cover; background-position: inherit}
    .cucet-scholarship{ background: transparent !important; margin-top: 40px; margin-bottom: 60px;}
    .cucet-scholarship::before{ display: none}
    .admission-facilities__thumb{ margin-bottom: 30px;}
}

@media only screen and (max-width: 767px){
    .admission-hero-banner__content h2{ font-size: 36px; line-height: 40px;}
    .admission-hero-banner__content p{ font-size: 16px; line-height: 18px;}
    .admission-hero-banner{ background-position: 40%;}
	
	.admission-enquiry-form{
		width: 450px;
	}
	.api-regform .col-6 {
		width: 100% !important;
	}
	.api-regform .dobDiv .formField {
		width: 30.5% !important;
	}
    .fs-40x {
        font-size: 28px;
        line-height: 32px;
    }        
}

@media only screen and (max-width: 575px){
    .cucet-scholarship{ padding: 0 15px}
    .early-bird-heading h2{ font-size: 36px; line-height: 34px;}
    .admission-programs__thumb a.cta-btn{ margin-bottom: 10px;}
	
	.admission-enquiry-form__header{
		padding: 20px 24px;
	}
	.admission-enquiry-form__header h3{
		font-size: 24px;
	}
	.admission-enquiry-form__body{
		padding: 24px;
	}
	.admission-enquiry-form{
		width: 280px;
	}
	.api-regform .dobDiv .formField {
		width: 28.8% !important;
	}
	.api-regform input[type=text],
	.api-regform select{
		padding: 0 10px !important;
	}
}






















