/*@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&family=Lato:wght@300;400;700;900&display=swap');*/


@import url('https://fonts.googleapis.com/css2?family=Glegoo:wght@400;700&display=swap');


html, body {
	width: 100%;
	overflow-x: hidden;
}
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #000; font-weight:400;}
.form-control::-moz-placeholder { /* Firefox 19+ */color: #000; font-weight:400;}
.form-control:-ms-input-placeholder { /* IE 10+ */color: #000; font-weight:400;}
.form-control:-moz-placeholder { /* Firefox 18- */color: #000; font-weight:400;}

body {
	height:100%;
	font-family: 'Glegoo', serif;
	font-weight: 500;
	padding:0;
	margin:0;
	font-size:16px;
	line-height: 28px;
	color: #333; 
	background: #fff;
	overflow-x:hidden;
	position: relative;

}

div{padding:0;	margin:0;}

.formtop{ top:0; position:fixed;}

.col-spec-div {
  width:20%; height:200px; background-color:#006699;  float:left;
}

.col-spec-div img{margin:auto;}


h1 { font-size: 2.75em; line-height:1.2em; margin:0 0 .3em; }
h2 { font-size: 1.8em; line-height:1.4em; margin:0 0 .3em;  }
h3 { font-size: 1.4em; line-height:1.4em; }
h4 { font-size: 1.25em; line-height:1.4em;}
h5 { font-size: 1.1em; line-height:1.4em; }
h6 { font-size: 1em; line-height:1.2em; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none
}

.course-title{ margin:0px auto 50px auto; width:100%; text-align:center;}

p {padding: 0 0 1em;	margin:0;}
a {
	color: #3b5bdb;
	outline: 0;
	font-weight: bold;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
} 
a:hover {
	text-decoration: none;
	color: #000000;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}
.highlight {
	color: #3eb0f7;
}

.fullscreen {
    width:100%;
	max-width:100%;	
    min-height:100%;	
    background-position:50% 50%;
    background-position:50% 50%\9 !important;
}
.overlay-banner {
    background-color: rgba(0, 0, 0, 0.2);
    position: relative;
    width: 100%; 
    display: block;
}
.overlay {
    background-color: rgba(0, 0, 0, 0.5);
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
	padding-top:100px;
	padding-bottom: 75px;
}
#menu {
	z-index: 999;
}
.navbar-default {
	padding-top:15px;	
	padding-bottom:15px;
}
.navbar-default .navbar-brand {
    padding: 0px;
}
.navbar-default .navbar-nav > li > a {
	padding-left: 10px;
	padding-right: 10px;
    color: #777;
	font-size:15px;
	font-weight: 500;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
	background-color:#b83d46;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
	background-color:#b83d46;
	color: #fff;
   
}
.btn-default {
	font-size: 17px;
	margin: 30px 0 10px;
	margin-right: 10px;
	line-height: 20px;
	padding: 15px 35px;
	height: 50px;
	border: 2px solid #b83d46;
	background: #b83d46;
	transition: all 0.4s;
	color: white;
	border-radius: 100px;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	border: 2px solid #b83d46;	
	background: transparent;
	color: #b83d46;
}

.btn-clickhere {
	font-size: 17px;
	margin: 30px 0 10px;
	margin-right: 10px;
	line-height: 20px;
	padding: 15px 35px;
	height: 50px;
	border: 2px solid #b83d46;
	background: #b83d46;
	transition: all 0.4s;
	color: white;
	border-radius: 100px;
}
.btn-clickhere:hover, .btn-clickhere:focus, .btn-clickhere:active, .btn-clickhere.active, .open > .dropdown-toggle.btn-clickhere {
	border: 2px solid #b83d46;	
	background: transparent;
	color: #b83d46;
}


.btn-vid-close{
	font-size: 18px;
	margin: 10px 0 10px;
	margin-right: 10px;
	line-height: 18px;
	width:50px;	
	height: 50px;
	border: 2px solid #b83d46;
	background: #b83d46;
	transition: all 0.4s;
	color: white;
	font-weight:bold;
	border-radius: 50%;
}

.btn-vid-close:hover, .btn-vid-close:focus, .btn-vid-close:active, .btn-vid-close.active, .open > .dropdown-toggle.btn-default {
	border: 2px solid #b83d46;	
	background: transparent;
	color: #b83d46;
}

.btn-primary {
	font-size: 17px;
	margin: 30px 0 10px;
	margin-right: 10px;
	line-height: 20px;
	padding: 15px 35px;
	height: 50px;
	border: 2px solid #8d192f;
	background: #8d192f;
	transition: all 0.4s;
	color: white;
	border-radius: 100px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	border: 2px solid #8d192f;
	background: transparent;
	color: #3eb0f7;
}

.btn-secondary {
	font-size: 20px;
	font-weight: 300;
	line-height: 20px;
	padding: 20px 50px;
	height: 65px;
	border: none;
	background: #8d192f;
	transition: all 0.4s;
	color: white;
	border-radius: 4px;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary {
	background: #4a0d19;
	color: white
}

.site-name{width:230px; height:70px;}

.site-name img {
	width: 100%; 
	height: auto;
}


.assoclogo{ float:left; width:130px; margin-top:-12px;}
 


@media(max-width:450px)
{
	.site-name{
		width: 170px; 
		height: auto;
	}
	.assoclogo{width:75px; margin-top:0px; }
	.assoclogo{ position: absolute; right: 88px; top: -5px;}
}

.logo {
	margin: 0px 0 50px 0;
}
.logo img{
	width: 450px; 
	height: auto;
}

.landing p, .landing h2 {
	color: #fff;
	
}
.landing-text {
	margin-bottom: 20px;
}
.landing-text p {
	font-size: 17px !important; 
}
.head-btn {
	margin-bottom: 150px;
}

.box-spacing{padding: 100px 0 100px;}


/* Intro-Sec */

#intro {
	width: 100%;
	margin:0px;
	}

.intro-bg{background-image:url(../images/header_bg.jpg); background-size: cover; background-position:top center; max-width:100%;_height:903px; background-repeat: no-repeat; margin:0; }
.intro-bg .intro-img {_background-image:url(../images/mba_student_img.png); background-size:contain !important; max-width:100%;  background-position:top center; background-repeat: no-repeat; margin:0;}
.header-text{padding:5px 10px 5px 10px; width:100%; height:auto; margin:auto; text-align:center;}


.enguiryform-main, .col-md-4, .col-md-8, .col-md-6, .col-md-12{ padding:0px 5px;}
.button-area{ width:100%; text-align:center; display:inline-block;}
.placement-brochure{ background:#b83d46; color:#FFF; font-size:20px; display:inline-block; margin-top:30px; border-radius:20px; font-weight:500; padding:10px 25px; box-shadow:0px 0px 20px rgba(0, 0, 0, 0.3);}
.placement-brochure:hover{ background:#FFF;}
.block-content-area{ background:#FFF; min-height:350px; border-bottom:solid 3px #18c269; float:left; padding-bottom:20px;}
.paraghead {
    width: 100%;
    margin-bottom: 0px;
    background:linear-gradient(90deg, #1e3a8a, #9333ea);
    padding: 12px;
    font-size: 18px;
    color: #fff;
    padding-left: 15px;
    margin-left: 0px; font-weight:400;
}
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}
.panel-body{ padding:0px!important;}
.rowcolor {
    background-color: #e5e9ed;
}
.btn-u.btn-u-dark-blue {
    background: #3b5bdb;
}
.btn-u {
    border: 0;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
    padding: 6px 13px;
    position: relative;
    background: #050936;
    white-space: nowrap;
    display: inline-block; 
    text-decoration: none;
}
.rounded {
    border-radius: 4px !important;
}
.table-responsive td{ text-align:center;}
.table-responsive th{ text-align:center;}

.block-content-area img{ width:100%;}
.block-content-area ul{ padding:0px 0px 0px 30px; margin:0px;}
.block-content-area li{ text-align:left; color:#000; text-align:left!important; padding:0px 0px!important; width:auto; list-style-type:disc!important; width:100%!important;}
.banner-img{ width:100%; float:left;}
.block-content-area .title{  color:#000; width:100%; position:relative; float:left; background:#fff; padding:10px 15px; line-height:24px; font-size:20px; margin:0px; font-weight:600;}
.block-content-area i{color:#000; background:#f9f3f2; margin:10px 20px 0px; padding:8px 7px; border-radius:85px;}
.block-content-area i:hover{ background:#b83d46; color:#FFF;}
.block-content-area p{ color:#000; font-size:18px; padding:0px 15px 10px; line-height:20px;}
.header-text h1{
	font-size: 17px;
	font-weight: 600;
	text-align:center;
	color: #fff;
	line-height:1em;
	
	width:100%; 
	
	padding-bottom:20px; margin:0px;	
}

.header-text h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 10px auto 10px auto;
	padding:10px;
	line-height:normal;
	text-align:center; 
	width:80%; 
	color:#FFF;
	background-color:#001749;
	opacity:0.8;
	 margin:auto;
	 border-radius:30px;
	
}

/*--------------enguiryform-------------------- */

.enguiryform-outer{padding:0 0 0 0;  height:auto; margin:auto;_background:rgba(0,0,0,0.5);}

.enguiryform-main {
  border-radius: 10px;
  background:linear-gradient(  135deg,  rgba(11, 19, 43, 0.9) 0%,  rgba(30, 64, 175, 0.5) 35%,  rgba(109, 40, 217, 0.5) 70%,  rgba(147, 51, 234, 0.5) 100%); 
  padding: 20px;
  clear:both;
  height:auto;
  float:left;
  -webkit-box-shadow: 3px 3px 22px rgba(0, 0, 0, 0.4); 
	-moz-box-shadow:  3px 3px 22px rgba(0, 0, 0, 0.4); 
	box-shadow: 3px 3px 22px rgba(0, 0, 0, 0.4); 
	margin:50px 0;
}

.form-control{ box-shadow:none; border-radius:0px!important; color:#000; font-weight:400;}

/* Style inputs with type="text", select elements and textareas */
input[type=text],input[type=tel], select, textarea {
  width: 100%; /* Full width */
  color: #222222; /* Text color */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius:10px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 6px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

.enguiryform-main form{ background:#fff; padding:10px 15px;}
/* Style the submit button with a specific background color etc */
input[type=submit], input[type=reset] {
 width:100%;
 float:left;
  background-color: #b73e45;
  color: white;
  font-size:16px;
  font-weight:bold;
  padding: 12px 20px;
  border: none;
 border-radius: 25px; /* Rounded borders */
  cursor: pointer;
  margin: 10px 5px 10px 5px;
  text-align:center;
  
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover, input[type=reset]:hover {
  background-color: #18192e;
}

/*-------------Aboutus ----------------*/

#about{
	width: 100%; margin:0px; 
	}
	
.about-bg-color{
	background-color:#fff;	
}


.btn-section {
	padding-top: 20px;
}

#about h2{
	font-size: 40px;
	font-weight: 300;
	color:#333;
}

/*-------------About courseaim-----------------*/

#about-courseaim{
	width: 100%; margin:0px; }

.courseaim-bg-color{
	background-color:#efefef;	
}


/*-------------january2021-----------------*/


#whyjan2021 {
	width: 100%; margin:0px;
	}

.whyjan2021-bg-base{
	background-color:#a7383f;	
	color:#FFF;
}

#whyjan2021 h2{
	font-size: 40px;
	font-weight: 300;
	color:#FFF;
}


/*-------------specialization---------------*/

#specialization{
	width: 100%; margin:0px;
	}

#specialization h2{
	font-size: 40px;
	font-weight: 300;
}

.specialization-bg-base{ background-image:url(../images/spec_content_bg.jpg); background-repeat:no-repeat; background-position:top center !important; background-size:cover; color:#FFF; background-attachment:fixed;}

#specialization ul li{ float:left; text-align:center; width:210px; padding:0px; list-style-type:none; margin:auto;}
#specialization ul li .circlebase-icon-base{ background: #fff;  width:160px;  height:160px;  border-radius:50%; margin:auto;}
 
#specialization ul li img{ max-width:100%; max-height:100%;}
#specialization .labelbase {
font-size: 16px;
margin:20px auto 30px auto;
color:#FFF;
text-align:center;
vertical-align:text-top;
font-weight:bold; width:200px; height:70px; padding:10px 0 10px 0; background-color:#222222; border-radius:35px; opacity:0.8;
}


/*------------------awards--------------------*/

#awards {
	width: 100%; margin:0px;
	}
	
#awards h2{
	font-size: 40px;
	font-weight: 300;
	color:#fff;
}

.awards-bg-base{background:url(../images/ayubg.jpg); color:#FFF;     background-position: top center !important;    background-size: cover;    background-attachment: fixed;}
#awards ul li{ float:left; text-align:center; width:210px; list-style-type:none; margin:auto;}

#awards img{text-align:center; margin:auto; max-width:100%;}

.rankbigdata{
	font-size: 50px;	
	color:#FFFFFF;
	padding:10px 5px 30px 5px;
	font-weight:bold;
	text-align:center;
		
}

#awards .rank-box {	
	position:relative;
	margin-bottom:30px;
	margin: 0px auto 0px auto;	 
}

.rank-box img{text-align:center; margin:0; max-width:80%;}



.rank-box .bigtxtdescription{
	font-size: 14px;
	margin:10 0 20px 0;
	line-height:16px ;
	color:#FFFFFF;
	text-align:center;
	padding:10px 5px 10px 5px;
	font-weight:bold;
	width:200px;
	height:120px;
}

.rank-box  .bigtxtdescription-big{
	font-size: 14px;
	margin:15px 0 10px 0;
	line-height:16px ;
	color:#FFFFFF;
	text-align:center;
	padding:0 5px 10px 5px;
	font-weight:bold;
	width:200px;
	height:150px;
}

.rank-box .bigtxtdescription .rankbigdata{}
.rank-box  .bigtxtdescription-big .rankbigdata{}


/* ----------testimonial ----------- */

#testimonial{
	width: 100%; margin:0px; 
}


.testimonial-bg-base{ background: #b83d46; background-image: url(../images/alumni-testi_bg_img.jpg); background-position:top center !important; background-size:cover; background-attachment:fixed; margin:0px;}

#testimonial h2{
	font-size: 40px;
	font-weight: 300;
	color:#FFF;
}

.imageshadow{
	 -webkit-box-shadow: 3px 3px 22px rgba(0, 0, 0, 0.4); border:6px #FFFFFF solid;
	 -moz-box-shadow:  3px 3px 22px rgba(0, 0, 0, 0.4); border:6px #FFFFFF solid;
	box-shadow: 3px 3px 22px rgba(0, 0, 0, 0.4); border:6px #FFFFFF solid;
	}

.video-header {
	margin: 40px 0 30px;
}
.video-embed {
	position: relative;
	padding-top: 56.25%; 
	height: 0;
	background-color: #000000;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.2);
	box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.video-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ----------fee ----------- */

#fee {width: 100%; margin:0px;}

#fee h2 {
	font-size: 40px;
	font-weight: 300;
	color:#333;
}

/* ----------Placements ----------- */


#placements {
	width: 100%;background: #fff; margin:0px;}

#placements h2 {
	font-size: 40px;
	font-weight: 300;
	color:#333;
}

.title-line {
    width: 100px;
    height: 3px;
    margin: 0 auto;
    background: linear-gradient(90deg, #1e3a8a, #9333ea);
}

/* ----------Contactus ----------- */

#contactus {
	width: 100%; margin:0px; background-color:#b83d46;
}

#contactus h2 {
	font-size: 40px;
	font-weight: 300;
	color:#FFF;

}

.contact-bg-base{
	 background-color:#181b34; background-image:url(../images/contact_bg_img.jpg); background-position:top right; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;
}

.contact-phone-base, .contact-mail-base, .contact-web-base   { 	
	line-height:70px; width:100%;	font-size:2em;	height: 70px; background: #fff;	transition: all 0.4s; color: white;	border-radius: 35px;
	text-align:center;	text-indent:15px; font-weight:bold;	margin:20px auto 20px auto;	float:left; 	
}

.contact-phone-base{background-image:url(../images/icon_phone.png); background-repeat:no-repeat; background-size:70px; background-position:left center;}
.contact-mail-base{background-image:url(../images/icon_mail.png); background-repeat:no-repeat; background-size:70px; background-position:left center;}
.contact-web-base {background-image:url(../images/icon_web.png); background-repeat:no-repeat; background-size:70px; background-position:left center;}



/* ----------- footer ----------- */

#footer {
	background: #fff;	
}
.social ul {
	padding: 0;
	list-style: none;
}
.social li {
	display: inline-block;
	padding-right: .3em;
	padding-bottom: .3em;
}
.social li a {
	display: block;
	width: 44px;
	height: 42px;
	line-height: 44px;
	color: #b83d46;
	border-radius: 50%;
	background: #ffffff;
	border: solid 2px #b83d46;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}
.social li a:hover {
	color: #fff;
	background: #cccccc;
	border: solid 1px #cccccc;
}

/* ----------- scrolltop ----------- */

.scrollToTop{
	width: 40px; 
	height: 40px;
	padding: 5px;
	font-size: 30px;
	text-align: center; 
	background: rgba(0, 0, 0, 0.2);
	color: white;
	position: fixed;
	bottom: 20px;
	right: 5px;
	border-radius: 50%;
	display: none;
	z-index:999px;
}
.scrollToTop:hover{
	color: #3eb0f7;
}

/* ----------- enquirenowtop ----------- */
.enquirenowtop {
    color: white;
    position: fixed;  
    right: 5px;
	bottom: 70px;
	z-index:999px;
}

.enquirenowtop a{color: #fff; text-decoration:none; }
.enquirenowtop a:hover{ color: #fff; text-align:center; text-decoration:none;}

.company_list{width:100%; float:left;}
.company_list ul{ padding:0px; margin:0px}
.company_list li {
    float: left; width:18%; 
    padding: 5px; list-style-type:none; list-style:none;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 0 1px 1px #ccc;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    margin: 0px 1% 20px;
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
	.head-btn {
		margin: 50px 0 100px;
	}
	.signup-header {
		margin: 50px 0 100px;
	}
	.statsdata-course li {
		margin-left: 15px;
		margin-right: 15px;
	}
	.btn-statsdata {
		padding: 7px 25px;
	}
	#intro {
		padding: 30px 0 50px;
	}
	#policy {
		padding: 30px 0 50px;
	}
	#intro h2, #admissions h2 {
		text-align: center;
	}
	#intro p, #admissions p {
		text-align: center;
	}
	.btn-section {
		text-align: center;
	}
	#course {
		padding-top: 75px;
	}
	#class {
		padding-top: 75px;
	}
	#awards {
		padding-top: 75px;
		
	}
	.course-img {
		margin-top: 0;
	}	
	.row-feat {
		padding-top: 10px;
		padding-bottom: 40px;
	}
	.row-admissions {
		padding-top: 10px;
		padding-bottom: 40px;
	}
	#admissions {
		padding: 80px 0 80px;
	}
	.admissions-pic {
		margin-top: 40px;
	}
	#client img {
		margin: 10px 0 10px;
		max-height: 40px;
	}	
	.video-header {
		margin: 50px 0 30px;
	}
	#bottom-action {
		text-align: center;
	}
	.button-demo li {
		padding-bottom: 50px;
	}
	
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
	.logo {
		margin: 100px 0 30px 0;
	}
	.landing h1{
		margin: 60px 0 60px 0;
	}	
	.landing-text {
		margin: 60px 0 40px 0;
	}
	.signup-header {
		margin-top: 250px;
	}
/*	.intro-pic {
		margin-top: 100px;
	}*/
	.course-img {
		margin-top: 30px;
	}	
	.feat-list {
		margin-top: 10px;
	}
	.feat-list p {
		font-size: 15px;
	}
	.admissions-pic {
		margin-top: 50px;
	}
	#client img {
		max-height: 45px;
	}	
	.video-header {
		margin: 50px 0 30px;
	}

}

/* smart-phone ----------- */
@media (max-width: 767px) {
	.logo {
		margin: 40px 0 30px 0;
	}
	.head-btn {
		margin: 30px 0 80px;
	}
	.signup-header {
		margin: 70px 0 80px;
	}
	#intro {
		padding: 70px 0 70px;
	}
	#policy {
		padding: 70px 0 70px;
	}
	#intro h2, #admissions h2 {
		font-weight: 150;
		text-align: center;
	}
	#intro p, #admissions p {
		text-align: center;
	}
	.btn-section {
		text-align: center;
	}
	#course {
		padding-top: 0px!Important;
	}
	#class {
		padding-top: 50px;
	}
	.row-feat {
		padding-top: 10px;
		padding-bottom: 40px;
	}
	.feat-list i {
		padding-left: 40px;
	}
	#admissions {
		padding: 40px 0 50px;
	}
	.admissions-pic {
		margin-top: 50px;
	}
	#package {
		padding-top: 80px;
	}
	.package-option {
		padding: 50px 0 50px;
	}
	.statsdata-box {
		margin-bottom: 30px;
	}
	#client img {
		margin: 10px 0 10px;
	}	
	.contact-left {
		margin-bottom: 50px;
	}
	.video-header {
		margin: 50px 0 30px;
	}
	#bottom-action {
		text-align: center;
	}
	
}	
/* iPhone 6Plus (landscape) ----------- */
@media (max-width: 736px) {
	.course-img {
		margin-top: 0;
	}
	#awards ul li{ width:48%!important;}
		
}

/* iPhone 6 (landscape) ----------- */
@media (max-width: 667px) {
	.logo {
		margin: 30px auto 30px auto;
	}
	.company_list li{ width:32%;}
	.company_list li img{ width:100%;}
	.hidden-text{ display:none!important;}
	.landing h1{
		font-size: 3em;
		text-align:center;
		margin: 10px 0 25px 0;
	}
	.landing-text {
		margin-top: 20px;
	}
	.subscribe p {
		margin: 25px auto 15px;
	}
	.subscribe-form {
		margin: 20px auto 100px;
	}
	.action h2 {
		margin-top: 70px;
	}
	.class-cta {
		padding: 50px 0 100px;
	}
		
}


/* iPhone 5 (landscape) ----------- */
@media (max-width: 568px){
	.logo {
		margin: 15px 0 15px 0;
	}
	.landing h1{
		font-size: 40px;
		margin: 20px 0 10px 0;
	}
	.landing-text p {
		font-size: 16px !important; 
	}
	#intro {
		padding-top: 50px;
	}
	.company_list li{ width:31%;}
	#policy {
		padding-top: 50px;
	}
	#course {
		padding-top: 50px;
	}
	#class {
		padding-top: 50px;
	}
	.feat-list i {
		padding-left: 20px;
	}
	#admissions {
		padding: 50px 0 150px 0;
	}
	#screenshot {
		padding-top: 70px;
	}	
	.screenshots {
		padding-top: 30px;
		padding-bottom: 70px;
	}
	#testi {
		padding: 70px 0 70px;
	}
	.testi-item .box .message {
		line-height: 25px;
		font-size: 18px;
	}
	.action h2 {
		margin: 50px 0 20px;
	}
	.class-text p {
		line-height: 1.5;	
	}
	
	.contact-phone-base, .contact-mail-base, .contact-web-base   { 	
	height: 50px; line-height:50px; width:100%;	font-size:1.7sem; margin:0 0 10px 0;}

.contact-phone-base{background-image:url(../images/icon_phone.png); background-repeat:no-repeat; background-size:50px; background-position:left center;}
.contact-mail-base{background-image:url(../images/icon_mail.png); background-repeat:no-repeat; background-size:50px; background-position:left center;}
.contact-web-base{background-image:url(../images/icon_web.png); background-repeat:no-repeat; background-size:50px; background-position:left center;}
	
}

/* iPhone 4 (landscape) ----------- */
@media (max-width: 480px) {
	.intro-bg{background-image:url(../images/header_bg_mobile.jpg);  }
	.header-text{padding:10px 00px 10px 0px; }
	 .header-text h1{
		font-size:20px;
		text-align:center; 
		line-height: 1.0em;
		margin: 10px 0 10px 0;
	}
	.button-demo li {
		padding-bottom: 50px;
	}
	.intro-bg{background-image:url(../images/header_bg_mobile.jpg); background-position:top center;}
	#awards ul{padding:0px; margin:0px;}
	#awards ul li{ float:left; text-align:center; width:220px; height:230px; padding:0px; list-style-type:none; margin:auto}

	
	#awards .bigtxtdescription{ height:80px; margin:auto;}

	input[type=submit], input[type=reset] {
	width:100%;	text-align:center;}


.contact-phone-base, .contact-mail-base, .contact-web-base   { 	
	height: 50px; line-height:50px; width:100%;	font-size:1.5em; margin:0 0 10px 0;   	
}
.contact-bg-base{background-image:url(../images/contact_bg_mobile_img.jpg);}
.contact-phone-base{background-image:url(../images/icon_phone.png); background-repeat:no-repeat; background-size:50px; background-position:left center;}
.contact-mail-base{background-image:url(../images/icon_mail.png); background-repeat:no-repeat; background-size:50px; background-position:left center;}
.contact-web-base{background-image:url(../images/icon_web.png); background-repeat:no-repeat; background-size:50px; background-position:left center;}

#specialization ul li{ float:left; text-align:center; width:200px; padding:0px; list-style-type:none; margin:auto;}

}

/* smart phone width: 360px ----------- */
@media (max-width: 360px) {
	
	.intro-bg{background-image:url(../images/header_bg_mobile.jpg);  }
	.header-text{padding:10px 00px 10px 0px; }
	 .header-text h1{
		font-size:20px;
		text-align:center; 
		line-height: 1.2.0em;
		margin: 10px 0 10px 0;
	}
	
		.header-text h2 {
	font-size: 18px;	
	width:100%; 
	 border-radius:50px;	
	}
	.col-spec-div {
  	width:20%;
  	margin:auto;
	}

	.feat-list i {
		padding-left: 0;
	}
	#course .inner {
		padding-left: 15px;
	}
	.video-header {
		margin: 30px 0 30px;
	}
	#awards .bigtxtdescription{ height:60px;}
	
	.intro-bg{background-image:url(../images/header_bg_mobile.jpg);  }
	
.contact-phone-base, .contact-mail-base, .contact-web-base   { 	
	height: 50px; line-height:50px; width:100%;	font-size:1.25em; margin:0 0 10px 0;   	
}
.contact-bg-base{background-image:url(../images/contact_bg_mobile_img.jpg);}
.contact-phone-base{background-image:url(../images/icon_phone.png); background-size:50px; }
.contact-mail-base{background-image:url(../images/icon_mail.png); background-size:50px;}
.contact-web-base{background-image:url(../images/icon_web.png);  background-size:50px;}

	
.enguiryform-main {
  margin-bottom:30px;
  clear:both;
  height:570px;
}

input[type=submit] {
width:100%;
text-align:center;
}

input[type=reset] {
 width:100%;
text-align:center;
}

#awards ul{ padding:0;}
#awards ul li{ float:left; text-align:center; width:100%; list-style-type:none; margin:auto;}
#awards .bigtxtdescription{ height:60px; width:90%; margin:auto; }
#awards .bigtxtdescription-big{ height:60px; width:90%; margin:15px auto; }


#specialization ul{padding:0px;}
#specialization ul li{float:none; width:300px; text-align:center; padding:0px; list-style-type:none; margin:auto;}


.circlebase-icon-base{
  background: #fff;  width:120px;   height:120px;
 }

#specialization ul li img{ max-width:100%; max-height:100%; }

}

/* iPhone 4/5 (portrait) ----------- */
@media (max-width: 320px) {
	.logo {
		margin: 30px 0 20px 0;
	}
	.intro-bg{background-image:url(../images/header_bg_mobile.jpg);  }
	.header-text{padding:10px 00px 10px 0px; }
	 .header-text h1{
		font-size:20px;
		text-align:center; 
		line-height: 1.0em;
		margin: 10px 0 10px 0;
	}
	
	.header-text h2 {
	font-size: 18px;	
	width:100%; 
	 border-radius:50px;	
	}
	.col-spec-div {
  		width:90%;
 		 margin:auto;
		}

	.btn-default {
		font-size: 16px;
		margin: 30px 0 10px;
		padding: 15px 30px;
		height: 35px;
		border-radius: 80px;
	}
	.btn-primary {
		font-size: 16px;
		margin: 30px 0 10px;
		margin-right: 15px;
		padding: 15px 30px;
		height: 35px;
		border-radius: 80px;
	}

.contact-bg-base{background-image:url(../images/contact_bg_mobile_img.jpg);}	
.contact-phone-base, .contact-mail-base, .contact-web-base   { 	
	height: 40px; line-height:40px; width:100%;	font-size:1.25em; margin:0 0 10px 0;  	
}

.contact-phone-base{background-image:url(../images/icon_phone.png); background-repeat:no-repeat; background-size:40px; background-position:left center;}
.contact-mail-base{background-image:url(../images/icon_mail.png); background-repeat:no-repeat; background-size:40px; background-position:left center;}
.contact-web-base{background-image:url(../images/icon_web.png); background-repeat:no-repeat; background-size:40px; background-position:left center;}

#awards ul{ padding:0;}
#awards ul li{ float:left; text-align:center; width:100%; list-style-type:none; margin:auto;}
#awards .bigtxtdescription{ height:60px; width:90%; margin:auto; }
#awards .bigtxtdescription-big{ height:60px; width:90%; margin:15px auto; }

#specialization ul li{text-align:center; padding:0px; list-style-type:none; margin:auto;}

.enguiryform-main {
  margin-bottom:30px;
  clear:both;
  height:570px;
}

input[type=submit] {
width:100%;
text-align:center;
}


input[type=reset] {
 width:100%;
text-align:center;
}
}


#eligibility{ 
    width: 100%;
    margin: 0px;
}
#eligibility h2 {
    font-size: 40px;
    font-weight: 300;
    color: #333;
}

.ezecontentbox{padding:15px; min-height:550px; border:1px solid #f4f4f4; box-sizing:border-box; box-shadow:0px 0 30px rgb(1 41 112 / 8%);}


.docls{    border: 1px solid #e4e4e4;    background: #fff;    padding: 2px;    font-size: 12px; font-weight:500;}




#accordion {
    width: 100%;
    margin: 0px;
	background:#fff;
}

.tepms{
    font-size: 40px;
    font-weight: 300;
    color: #333;
}

.accordion>.card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.accordion>.card {
    overflow: hidden;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
	font-family:inherit;
}

.accordion>.card .card-header {
    margin-bottom: -1px;
}
.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-header {
    padding:0 15px;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
	
}


.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.btn-link{font-weight:bold; color:#000; font-size:14px; width:100%; text-align:left; }
.btn-link i{float:right;}

.spell{font-weight: bold; position: absolute; top: 250px; color: #fff; left: 70px;}

.spell-sm{font-size:17px; color:#ff0000; display:block;}

@media (max-width: 450px) {
.spell{display:none;}
}


.article {
    position: relative;
    height: auto;
    padding: 0px;
    margin: 0px;
    display: inline;
    margin-bottom: 40px;
    float: left;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.19);
}

.article img{width:100%; margin:0 auto; height:auto; }
.article h3{ font-size: 25px; padding: 0 20px; line-height: 36px; font-weight: 500; text-align: left; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 70px;
    overflow: hidden; text-overflow: ellipsis;}
.article h3 a{ color:#333;}
.article p{ padding:0 15px;  display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;height: 60px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 20px;}
.breadmor{ background:#ff0000; border-radius:25px; text-align:center; padding:10px 25px; color:#fff; margin:0px; float:left; margin: 0 0 20px 20px;}



.blogdtl{ display:block; margin:0px; padding:0px;}
.blogdtl img{width:100%; margin:0 auto; height:auto; }
.blogdtl h3{ font-size: 40px; line-height: 55px; font-weight: 500; text-align: left; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
    overflow: hidden;    text-overflow: ellipsis;}

@media screen and (max-width: 767px) {
.article{ width:100%;}
.blogdtl{ width:100%;}
}





/*  Put all css from index page */

 
.contactno{ 
 position: absolute;
    right: 15%;
    color: #fff;
    top: 0%;}
@media(max-width:450px){
.contactno{    
     position: absolute;
    right: 13%;
    color: #fff;
    top: 30%;
 /*	position: absolute;*/
/*right: 17%;*/
/*color: #fff;*/
/*top: 24px;*/
}
 }
 
/* ===== NAVBAR GRADIENT ===== */
.navbar{height:80px!Important}
 .navbar-custom {
  background: linear-gradient(90deg, #1e3a8a, #9333ea);
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  padding:10px 0;
}
 /* LOGO */
.navbar-brand {
  color: #fff !important;
  font-size: 22px;
  font-weight: 600;
   padding: 5px 15px; /* upar neeche space control */
}
 .navbar-brand img {
  height: 50px;   /* try 35–45px */
  width: auto;
}
 /* MENU LINKS */
.navbar-nav > li > a {
  color: #fff !important;
  font-size: 14px;
  padding: 20px 10px;
}
 .navbar-nav > li > a:hover {
  background: rgba(255,255,255,0.1);
}
 /* DROPDOWN */
.dropdown-menu {
  background: #fff;
  border-radius: 6px;
}
 .dropdown-menu > li > a {
  padding: 10px 15px;
}
 /* MULTI LEVEL */
.dropdown-submenu {
  position: relative;
}
 .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}
 /* ARROW */
.dropdown-submenu > a:after {
  content: "›";
  float: right;
}
 /* MOBILE FIX */
@media (max-width: 767px) {
  .navbar-nav {
    background: #1e3a8a;
  }
   .dropdown-submenu > .dropdown-menu {
    left: 0;
  }
}
 @media (min-width: 768px) {
   .navbar-nav > li.dropdown:hover > .dropdown-menu {
    display: block;
  }
   .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }
 }
 .dropdown-submenu {
  position: relative;
}
 .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
}
 .dropdown-menu {
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}
 .navbar-nav > li.dropdown:hover > .dropdown-menu,
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
  opacity: 1;
}



select {
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
}

#display {
	background: #ffdf00;
	margin-bottom: 10px;
	text-align: center;
	color: #000;
	font-size: 16px;
	display: block;
	font-weight: 400;
	border-radius: 3px;
	line-height: 35px;
	float: left;
	width: 100%;
}



 .phd-services {
        padding: 60px 0;
    }

    .section-sub {
        color: #888;
        letter-spacing: 2px;
    }

    .section-title {
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .section-desc {
        color: #666;
        margin-bottom: 40px;
    }

    /* Box */
    .service-box {
        background: #eee;
        padding: 40px 20px;
        margin-bottom: 20px;
        transition: 0.3s;
        cursor: pointer;
        height: 180px;
        /* adjust as needed */
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .service-box i {
        font-size: 40px;
        color: #3b5bdb;
        margin-bottom: 15px;
    }

    .service-box h4 {
        font-size: 16px;
        font-weight: 600;
        color: #3b5bdb;
    }

    .service-box:hover {
        background: #fff;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        transform: translateY(-5px);
    }

    /* Button */
    .view-btn {
        margin-top: 20px;
        background: #3b5bdb;
        color: #fff;
        padding: 10px 25px;
        border-radius: 5px;
        text-decoration: none;
    }

    .view-btn:hover {
        background: #2f49b3;
        color: #fff;
    }
                        

.card-body {
padding-left: 30px;
}

/* ===== We Understand your PhD Admission Problems CSS ===== */

.phd-section {
            padding: 40px 0;
			background-color: #f8f8f8;
        }

        .phd-title {
			text-align: center;
			padding-bottom:15px;
			font-size: 40px;
			font-weight: 300;
			color: #333;
}
        

        .phd-row {
            display: flex;
            flex-wrap: wrap;
        }

        .phd-row > div {
            display: flex;
        }

        .phd-card {
            background: #fff;
            padding: 20px;
            border-radius: 8px;
            text-align: center;
            margin-bottom: 25px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            transition: 0.3s;
        }

        .phd-card:hover {
            transform: translateY(-5px);
        }

        .phd-img {
            width: 80px;
            height: 80px;
            object-fit: contain;
            margin: 0 auto 15px;
        }

        .phd-card h4 {
            min-height: 50px;
            font-weight: 600;
        }

        .phd-card p {
            min-height: 70px;
            font-size: 13px;
            color: #666;
        }

/* ===== Our PhD Services CSS ===== */

.phd_service_section {
   padding: 40px 0;
    background-image: url(../images/spec_content_bg.jpg);
    background-repeat: no-repeat;
    background-position: top center !important;
    background-size: cover;
    color: #FFF;
    background-attachment: fixed;
}

.phd_service_title {

    padding-bottom: 15px;
    font-size: 40px;
    font-weight: 300;
    color: #fff;

}

.phd_service_subtitle {
  color: #666;
  margin-bottom: 40px;
}

.phd_service_box {
  padding: 40px 20px;
  transition: all 0.3s ease;
}

.phd_service_box.grey {
  background: #f2f2f2;
}

.phd_service_box.white {
  background: #ffffff;
}

.phd_service_inner i {
  font-size: 40px;
  color: #4c6ef5;
  margin-bottom: 15px;
}

.phd_service_inner h4 {
  font-size: 16px;
  font-weight: 600;
  color: #1d3c8c;
  margin: 0;
}

/* Hover Effect */
.phd_service_box:hover {
  background: #4c6ef5;
}

.phd_service_box:hover h4,
.phd_service_box:hover i {
  color: #fff;
}

/* Button */
.phd_service_btn_wrap {
  margin-top: 30px;
}

.phd_service_btn {
  display: inline-block;
  padding: 6px 15px;
  background: #3b5bdb;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  transition: 0.3s;
}

.phd_service_btn:hover {
  background: #4c6ef5;
  color: #fff;
}

/* Responsive Fix */
@media (max-width: 767px) {
  .phd_service_box {
    margin-bottom: 0px;
  }
}


 

/* ===== Why choose us  CSS ===== */
.why_choose_section {
  padding: 40px 0;
  background: #f5f7fb;
}

.why_choose_title {
    text-align: center;
    padding-bottom: 15px;
    font-size: 40px;
    font-weight: 300;
    color: #333;
}


/* Flex Layout Fix */
.why_choose_row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.why_choose_row > div {
  padding: 10px;
  display: flex;
}

/* Card */
.why_choose_card {
  background: #fff;
  padding: 30px 20px;
  border-radius: 12px;
  box-shadow: 0 4px 18px rgba(0,0,0,0.06);
  transition: all 0.3s ease;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 280px;
  position: relative;
  overflow: hidden;
}

/* Gradient Hover Layer */
.why_choose_card:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0%;
  top: 0;
  left: 0;
  /* background: linear-gradient(135deg, #4c6ef5, #1d3c8c); */
  background: linear-gradient(135deg, #1e3a8a, #9333ea);
  transition: 0.4s;
  z-index: 0;
}

.why_choose_card:hover:before {
  height: 100%;
}

/* Icon Circle */
.why_choose_card img {
  width: 65px;
  height: 65px;
  padding: 12px;
  background: #eef2ff;
  border-radius: 50%;
  margin-bottom: 18px;
  z-index: 1;
  transition: 0.3s;
}

/* Text */
.why_choose_card h4 {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 10px;
  min-height: 40px;
  z-index: 1;
  position: relative;
  color: #222;
}

.why_choose_card p {
  font-size: 13px;
  color: #666;
  min-height: 60px;
  z-index: 1;
  position: relative;
}

/* Hover Effects */
.why_choose_card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.why_choose_card:hover h4,
.why_choose_card:hover p {
  color: #fff;
}

.why_choose_card:hover img {
  background: #ffffff;
  transform: scale(1.1);
}

/* Mobile */
@media (max-width: 767px) {

  .why_choose_section {
    padding: 40px 0;
  }

  .why_choose_title {
    font-size: 24px;
    margin-bottom: 30px;
  }

  .why_choose_row {
    display: block;
  }

  .why_choose_row > div {
    display: block;
  }

  .why_choose_card {
    min-height: auto;
    margin-bottom: 15px;
    padding: 20px 15px;
  }
}


/*=====  Browse by Discipline========*/

 
/* Navigation Menu */
#et-footer-nav {
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;
    display: inline-block;
	text-align: center;
}

#et-footer-nav li {
    

	    font-weight: 400;
    display: inline-block;
    font-size: 14px;
    padding-right: 26px;
    position: relative;
}

#et-footer-nav li::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 10px;
    background: #FFF;
    right: 13px;
    top: 8px;
}

#et-footer-nav li a {
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease;
    opacity: 0.7;
	font-weight: normal;
}

#et-footer-nav li a:hover {
    opacity: 1;
    color: #2ea3f2; /* Blue hover effect common in Divi */
}



/* Info Text (Copyright) */
#footer-info {
    font-size: 12px;
    opacity: 0.6;
}

/* Responsive for Mobile */
@media (max-width: 767px) {
    #et-footer-nav li {
        display: block;
        margin: 5px 0;
    }
}




/*=====  home page Blog Scetion========*/

.blog_section {
  padding: 40px 0;
  background: #f8f9fb;
}

.blog_title {

	font-size: 40px;
	font-weight: 300;
	color: #333;
	margin-bottom: 10px;
	min-height: 40px;
	z-index: 1;
	position: relative;
}

/* Row spacing fix */
.blog_row {
  margin-left: -10px;
  margin-right: -10px;
    display: flex;
  flex-wrap: wrap;
}

.blog_row > div {
  padding: 10px;
   display: flex;
}

/* Card */
.blog_card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 3px 12px rgba(0,0,0,0.08);
  transition: 0.3s;
  height: 100%;
   display: flex;
  flex-direction: column;
  width: 100%;
}

/* Image */
.blog_img {
  overflow: hidden;
}

.blog_img img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: 0.4s;
}

/* Content */
.blog_content {
  padding: 20px;
   flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.blog_date {
  font-size: 12px;
  color: #888;
  display: block;
  margin-bottom: 8px;
}

.blog_content h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog_content p {
  font-size: 13px;
  color: #666;
  line-height: 1.6;

  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Hover */
.blog_card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

.blog_card:hover img {
  transform: scale(1.08);
}

/* Button */
.blog_btn_wrap {
  margin-top: 20px;
}

.blog_btn {
  display: inline-block;
  padding: 6px 15px;
  background: #4c6ef5;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.3s;
}

.blog_btn:hover {
  background: #1d3c8c;
  color: #fff;
}

/* Mobile */
@media (max-width: 767px) {
  .blog_title {
    font-size: 24px;
  }

  .blog_img img {
    height: 180px;
  }
}





 

/* PAGE  */
 /* ===== PAGE LAYOUT ===== */


 .commontop {
    position: relative;
    width: 100%;
    float: left;
    padding: 20px 0;
    background-color: #f2f3f5;
    background-repeat: no-repeat;
    background-size: cover;
	margin-bottom: 40px;
}

.commontop-title {
    margin: 0px auto 20px auto;
    width: 100%;
    text-align: center;
}

.page_section {
    padding: 20px 0;
}

/* ===== PARAGRAPH IMAGE FLOAT ===== */
.content_box{
	position: relative;
}

.content_box h3{
	 font-size: 1.4em;
    line-height: 1.4em;
    font-weight: bold;
}

  

.page_section img {
    float: right;
    width: 500px;
    margin: 0 0 12px 18px;
    border-radius: 6px;
}

/* left variation (optional use) */
.page_img_left {
    float: left;
    margin: 0 18px 12px 0;
}

/* ===== SIDEBAR BOX ===== */

.page_sidebar_box {
    background: #fff;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
}

.page_sidebar_box h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

/* ===== FORM ===== */

.page_form input,
.page_form select {
    width: 100%;
    height: 38px;
    margin-bottom: 10px;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.page_form input:focus,
.page_form select:focus {
    border-color: #337ab7;
    outline: none;
}

/* submit button */
.page_form button {
    width: 100%;
    height: 40px;
    background: #f4a742;
    border: none;
    color: #fff;
    font-weight: 600;
    border-radius: 4px;
    transition: 0.3s;
}

.page_form button:hover {
    background: #e6952f;
}

/* ===== COURSE LIST ===== */

.page_course_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.page_course_list li {
    background: #f1f1f1;
    padding: 10px;
    margin-bottom: 8px;
    border-radius: 4px;
    font-size: 14px;
    transition: 0.3s;
    cursor: pointer;
}

.page_course_list li:hover {
    background: #e2e2e2;
}

/* ===== TABLE STYLING ===== */

.page_table {
    margin-top: 15px;
}

.page_table th {
    background: #1f3b6d;
    color: #fff;
    text-align: center;
}

.page_table td {
    background: #fff;
}

/* ===== CLEAR FLOAT FIX ===== */

.page_clearfix::after {
    content: "";
    display: block;
    clear: both;
}

/* ===== RESPONSIVE ===== */

@media (max-width: 768px) {

    .page_img_float {
        float: none;
        display: block;
        width: 100%;
        margin: 10px 0;
    }

    .page_sidebar_box {
        margin-top: 20px;
    }
}