/*
Author       : theme_ocean
Template Name: Purdue - Education HTML Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOMEPAGE CSS STYLE
    04. START TOP PROMO DESIGN
    05. START ABOUT CSS DESIGN
    06. START COUNTER DESIGN
    07. START FEATURES DESIGN
    08. START COURSE DESIGN
    09. START COURSE PROMOTION DESIGN
    10. START TOPIC DESIGN
    11. START REVIEWS DESIGN
    12. START TEAM DESIGN
    13. START BLOG DESIGN
    14. START FOOTER DESIGN
    15. START PARTNER DESIGN
    16. START SECTION TOP DESIGN
    17. START PRICING DESIGN
    18. START EVENTS DESIGN
    19. START FAQ DESIGN
    20. START ERROR DESIGN
    21. START LOGIN AND REGISTER DESIGN
    22. START CONTACT DESIGN
    23. START ABOUT PAGE DESIGN
    23. START NEWSLETTER DESIGN
    24. START FREE COURSE+INSTRUCTOR DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color:#555;
font-family: 'Lexend', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
overflow-x:hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin: 0px;
  font-family: 'Lexend', sans-serif;
  color: #1a2d62;
  font-weight: 400;
}
a {
	font-family: 'Lexend', sans-serif;
    text-decoration: none;
	color:#1a2d62;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
inout{outline:none;}
p {
  margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
	list-style:none;
}
html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-smooth iframe {
    pointer-events: none;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
b, strong {
	font-weight: 600;
}
span{font-family: 'Lexend', sans-serif;}
.no-padding { padding: 0 }

/*END PRELOADER DESIGN*/
.section-padding { padding: 80px 0 }
/*START SECTION TITLE DESIGN*/
.section-title {
  margin-bottom: 60px;
  position:relative;
  text-align:center;
}
.section-title h4 {
	color: #2c7aff;
	font-weight: 500;
	font-size: 20px;
}
.section-title h1 {
  font-size: 60px;
width:60%;
font-weight: 500;
margin:auto;
}
@media only screen and (max-width:960px) { 
.section-title h1 {width:90%;}
}
@media only screen and (max-width:768px) { 
.section-title h1 {font-size:50px;width:90%;}
}
@media only screen and (max-width:480px) { 
.section-title h1 {font-size:40px;width:90%;}
}
.section-title p {
	width: 100%;
	margin: auto;
	font-size: 40px;
	font-weight: 800;
	text-transform: capitalize;
	line-height: 50px;
	color: #1a2d62;
}
@media only screen and (max-width:480px){
.section-title p {width:100%;}
}
.section-title p span {
	background: #FEC961;
	padding: 0 15px;
	border-radius: 30px;
	/* display: block; */
}
h1.section-title-white{color:#fff;}
p.section-title-white{color:#fff;}
.section-title-two{margin-bottom:60px;}
.section-title-two h2 {
	font-weight: 600;
	font-size: 50px;
}
.section-title-two h2 span{color: #2c7aff;}

/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
	background: #2c7aff;
	border-radius: 30px;
	bottom: 5px;
	-webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
	color: #fff;
	cursor: pointer;
	font-size: 22px;
	height: 50px;
	line-height: 47px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	position: fixed;
	right: 5px;
	text-align: center;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	width: 50px;
}
@media only screen and (max-width:768px) { 
.topcontrol {display:none;}
}
.topcontrol:hover {
    background: #2c7aff;
    color: #fff;
}
/*END SCROLL TO TOP*/
/*START PRELOADER DESIGN*/

.preloaders {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  transform: translate(-50%, -50%);
  background: #fff;
}
.loader {
  font-size: 48px;
  display: inline-block;
  font-weight: bold;
  color: #1a2d62;
  box-sizing: border-box;
  text-shadow: 0 0 2px #FFF, 0 0 1px #FFF, 0 0 1px #FFF;
  letter-spacing: 2px;
  position: relative;
}
.loader::after {
  content: 'Loading';
  position: absolute;
  left: 0;
  top: 0;
  color: #2c7aff;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  animation: animloader 6s linear infinite;
}

@keyframes animloader {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
 
/*END LOADER*/

::-moz-selection {
	background: #2c7aff;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #2c7aff;
	color: #fff;
	text-shadow: none;
}
/*BTN START*/
.btn_one {
	background: #2c7aff;
	font-size: 15px;
	padding: 15px 40px;
	color:#fff;
  display: inline-block;
  border-radius:100px;
  font-weight: 700;
   box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.1);
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.btn_one:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fec961;
  border-radius: 100px;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn_one:hover, .btn_one:focus, .btn_one:active {
  color: #fff;
  border-radius:100px;
}
.btn_one:hover:before, .btn_one:focus:before, .btn_one:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  border-radius: 100px;
}

@media only screen and (max-width:880px) { 
.btn_one {padding: 10px 20px;}
}
@media only screen and (max-width:480px) { 
.btn_one {padding: 10px 30px;}
}
/*BTN END*/

/*START BTN TWO*/
.cta {
  position: relative;
  margin: auto;
  padding: 18px 22px;
  transition: all 0.2s ease;
}
.cta:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-radius: 28px;
  background: rgba(44,122,255,0.1);
  width: 56px;
  height: 56px;
  transition: all 0.3s ease;
}
.cta span {
	position: relative;
	font-size: 15px;
	color: #1a2d62;
	font-weight: 700;
	text-transform: uppercase;
}
.cta svg {
  position: relative;
  top: 0;
  margin-left: 10px;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #111;
  stroke-width: 2;
  transform: translateX(-5px);
  transition: all 0.3s ease;
}
.cta:hover:before {
  width: 100%;
  background: #2c7aff;
}
.cta:hover svg {
  transform: translateX(0);
}
.cta:active {
  transform: scale(0.96);
}
.cta:hover span{color:#fff;}
.cta:hover svg {
  position: relative;
  top: 0;
  margin-left: 10px;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #fff;
  stroke-width: 2;
  transform: translateX(-5px);
  transition: all 0.3s ease;
}
/*END BTN TWO*/
/*START BTN THREE*/
.btn_two {
	color: #383387;
	border: 2px solid #383387;
	padding: 10px 20px;
	font-weight: 600;
	display: inline-block;
	border-radius: 100px;
	font-size: 14px;
	transition: 0.3s;
	background: #fff;
}
.btn_two:hover{
	color: #fff;
	border: 2px solid #383387;
	background:#383387;
}
/*END BTN THREE*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
.top_header_banner{background: #F9F4F1;}
.top_header_banner2 {
	background: linear-gradient(to left, rgb(228, 242, 254), rgb(255, 238, 254));
}
/*START TOP HEADER DESIGN*/
.logo-contact {
	padding: 5px 0;
	background: #383387;
}
@media only screen and (max-width:960px){
.logo-contact{display:none;}
}
.logo-img{}
.logo-img a {
	color: #fff;
	font-size: 40px;
	text-transform: uppercase;
	margin-top: 5px;
	display: inline-block;
}
.single-top-contact {margin-top:6px;}
@media only screen and (max-width:880px) { 
.single-top-contact{margin-bottom:30px;}
}
.single-top-contact i {
	color: #fff;
	float: left;
	margin-right: 15px;
	font-size: 24px;
	margin-bottom: 0px;
}
.single-top-contact h4{
font-size: 15px;
color: #fff;
margin-bottom: 0px;
overflow: hidden;
padding-top: 3px;
}
.single-top-contact h4 a{color: #fff;}
/*TOP SOCIAL PROFILES*/
.top_social_profile ul{
list-style: outside none none;
margin: 0;
padding: 0;
float:right;
}
.top_social_profile ul li{display: inline-block;}
.top_social_profile ul li a {
	/* background:#fff; */
	text-align: center;
	border: 0px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-right: 5px;
	font-size: 16px;
	color: #fff;
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 30px;
}
@media only screen and (max-width:768px) { 
.top_social_profile ul li a{margin-right:10px;margin-bottom:10px;}
}
.top_social_profile ul li a:hover{
color:#fff;
}
.top_f_facebook:hover{background:#3B5998;}
.top_f_twitter:hover{background:#1A90D9;}
.top_f_instagram:hover{background:#FF5252;}
.top_f_linkedin:hover{background:#0e76a8;}
/*END LOGO WITH CONTACT*/
/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.col-20{
	width: 10%;
}
.col-60{
	width: 72%;
}
.col-30{
	width: 18%;
}
.site-logo{
	width: 120px;
}
.site-logo a{
	display: block;
}
.site-logo img{
	max-width: 100%;
}
#navigation {
	background: #fff;
	padding: 15px 0;
}
.navigation2{
	border-bottom: 0px !important;
	background:#fff;
}
@media only screen and (max-width:960px){
#navigation{border-bottom: 0px;}
}
.navbar-fixed {
    z-index: 999;
    position: fixed;
    opacity: .98;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";
    width: 100%;
    top: 0;
    -webkit-animation: fadeInDown 800ms;
    animation: fadeInDown 800ms;
    -webkit-backface-visibility: hidden;
    border-radius: 0px;
    background: #fff !important;
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
}
.navbar-fixed  .menu_ex_bg {
	background: #fff;
	padding: 20px 0px;
	box-shadow: none;
}
@media only screen and (max-width:960px){
#navigation.navbar-fixed{display:none;}
}
#main-menu{
}
#main-menu ul{
	list-style-type: none;
}

#main-menu ul li {
	display: inline-block;
	padding:8px 2px;
	position: relative;
	line-height: 60px;
}
@media only screen and (max-width:1140px){
#main-menu ul li {padding: 0 9px;}
}
#main-menu ul li a {
	position: relative;
	text-transform: capitalize;
	color: #1a2d62;
	font-weight: 600;
	transition: .5s;
	font-size: 11px;
}
#main-menu ul li a:hover,
#main-menu ul li a:focus{
	color: #2c7aff;
}
#navigation .header-btn {
	padding-right:20px;
}





/*-------------------------------
# Dropdwon menu 
--------------------------------*/

#navigation #main-menu ul li ul ,
#navigation #main-menu ul li ul li ul {	
	background: #fff;
	-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,.05);
	box-shadow: 0 0 10px 3px rgba(0,0,0,.05);
	left: -55px;
	list-style: outside none none;
	margin:  0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	padding:0px;
	position: absolute;
	text-align: left;
	top: 120%;
	-webkit-transition:all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 160px;
	z-index: 999;
	border-radius: 0px;
	border-top: 2px solid #2c7aff;
}
#navigation #main-menu .menu-item-has-children {
	position: relative;
	margin-right: 20px;
}
#navigation #main-menu .menu-item-has-children {
    position: relative;
    padding-right: 18px;
}

#navigation #main-menu .menu-item-has-children::after {
    content: "\f107";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;

    position: absolute;
    right: 0;
    top: 52%;

    transform: translateY(-50%);
    font-size: 11px;
    color: #1a2d62;
}
#navigation #main-menu ul li  ul li{
	position: relative;
}
#navigation #main-menu ul li ul li ul{
	top: 0;
	right: auto;
	left: 205px;
}
#navigation.navbar-fixed #main-menu ul li li a{
	color: #1a2d62;
} 
#navigation #main-menu > ul > li:hover > ul,
#navigation #main-menu ul li ul li:hover > ul {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	visibility: visible;
	top: 100%;
}
#navigation #main-menu ul li ul li {display: block; margin: 0; padding: 0; line-height: 35px;}

#navigation #main-menu ul li ul li a {
	display: block;
	font-size: 13px;
	line-height: 20px;
	font-weight: 600;
	padding: 8px 12px;
	position: relative;	
	transition: all 0.3s ease 0s !important;
	visibility: inherit !important;
	opacity: inherit !important;
	text-transform: capitalize;
	border-bottom: 1px solid #e8e5e5;
	white-space: normal;
}

#navigation #main-menu ul li ul li a:hover{
	display: block;
	color: #1a2d62;
	background-color: #fafafa;
	text-decoration: none;
}
@media only screen and (max-width: 991px){
	
.col-60{
display: none!important;
}

#sm_menu_ham {
display: block;
top: 40px;
right: 11%;
position: absolute;
}
.sidebar{
padding-top: 100px;
}
}

@media only screen and (max-width: 767px){
.spt-130 {
padding-top: 90px;
}	
#mobile_menu{
display: block;
width: 100%;

}
}
@media only screen and (max-width: 575px){
#navigation {padding: 30px 20px;}
#sm_menu_ham {top: 60px;}
}
.header-btn{
	display: inline-block;
	font-weight: 600;
	font-size: 18px;
	color: #0b104a;
	transition: .5s;	
}
.header-btn:hover,
.header-btn:focus{
	color: #2c7aff;
	
}


.home_lc {
	display: inline-block;
	margin-top:15px;
}
.hlc {
	position: relative;
	margin-right: 30px;
	display: inline-block;
}
.home_lc a i {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #1a2d62;
	font-size: 26px;
}
.home_lc a .gactive {
	width: 20px;
	height: 20px;
	background: #2c7aff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 14px;
	position: absolute;
	top: -10px;
	right: -11px;
}
.call_to_action{
float: right;
margin-top:0px;}
#navigation.navbar-fixed .call_to_action{margin-top:5px;}
.call_to_action a {}
.select_cat select {
	width: 50%;
	float: left;
	margin-top: 15px;
	padding: 10px;
	font-weight: 700;
	font-size: 15px;
	border: 1px solid #ededed;
}
.select_cat select option{
	padding: 10px;
}
.select_cat select:focus{
box-shadow:none;
}
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03. START HOMEPAGE CSS STYLE
* ----------------------------------------------------------------------------------------
*/
.top_header_banner {
	position: relative;
	background: url(../images/banner/bg-scaled.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.home_bg {
	height: 900px;
	position: relative;
}
.home_bg2{
height:700px;
position:relative;
}
.home_content{padding-top:250px;position:relative;}
.hc_pt{padding-top:150px;position:relative;}
@media only screen and (max-width:768px) { 
.home_content{padding-left:30px;padding-right: 20px;}
}
.home_content h1 {
	font-size: 80px;
	font-weight: 500;
	line-height: 90px;
	margin-bottom: 20px;
}
 @media only screen and (max-width:960px){
.home_content h1 {font-size: 60px;line-height:70px;}
 }
.home_content h1 span{color:#2eca7f;}
.home_content p {
	margin-bottom: 40px;
	font-weight: 400;
	font-size: 18px;
}
.home_me_img{	
position: absolute;
bottom: 0;}
.home_me_img img{position:relative;}
.home_img_two{padding-top:150px;padding-left:50px;}

@media only screen and (max-width:480px) { 
.home_me_img{display:none;}
.home_img_two{display:none;}
}

.home_ps {
	background: #fff;
	width: 200px;
	padding: 20px;
	border-radius:0px;
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
	position: absolute;
	top: 50%;
}
.home_ps img {
	width: 40px;
	float: left;
	margin-right: 10px;
}
.home_ps h2 {
	overflow: hidden;
	font-weight: 800;
}
.home_ps span{font-size: 14px;}

.home_ps2 {
	background: #fff;
	width: 200px;
	padding: 20px;
	border-radius:0px;
		position: absolute;
	top: 10%;
	right:0;
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
}
.home_ps2 img {
	width: 40px;
	float: left;
	margin-right: 10px;
}
.home_ps2 h2 {
	overflow: hidden;
	font-weight: 800;
}
.home_ps2 span{font-size: 14px;}

/*HOME TWO BANNER CSS*/
.hero-text2{position:relative;}
.hero-text2 h1 span{color: #2c7aff;}
.hero-text2 h1 {
	font-size: 66px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 76px;
	padding-top: 250px;
	margin-bottom: 20px;
}
@media only screen and (max-width:960px){
.hero-text2 h1 {padding-top:150px;font-size:64px;line-height:74px;}
}
@media only screen and (max-width:768px){
.hero-text2 h1 {padding-top:150px;font-size: 64px;line-height: 74px;}
}
@media only screen and (max-width:480px){
.hero-text2 h1 {padding-top:250px;font-size: 34px;line-height:44px;}
}
.hero-text2 p {
	width:80%;
	font-weight:500;
	margin-bottom: 30px;
}
.hero-text-img2 {
	position: absolute;
	bottom: 0;
}
.hero-text-img2{}
@media only screen and (max-width:960px) { 
.hero-text-img2 img{display:none;}
}
/*SUBSCRIBE FIELD*/
.banner_subs2 {
	display: block;
	position: relative;
	margin-top: 30px;
}
@media only screen and (max-width:480px){
.banner_subs2 {display: none;}
}
.banner_subs2 button{border:none;}
.home_si2 {
	background: #fff;
	border-radius: 0px;
	color: #0b104a;
	display: block;
	height: 70px;
	letter-spacing: 1px;
	margin: 0;
	padding: 0 60px 0 20px;
	text-transform: capitalize;
	width: 100%;
}
.home_si2:focus{
outline:0 none;
box-shadow:none;
border: 1px solid #2c7aff!important;
}
.home_sb2 button {
	background-color: #2c7aff;
	border-radius: 0px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 20px;
	height: 60px;
	position: absolute;
	right: 5px;
	top: 5px;
	padding: 0 20px;
	width: 25%;
	transition: 0.3s;
}
.home_sb2 button:hover{
	color:#fff;
	background:#2c7aff;
}
.home_tag {
	margin-top: 30px;
	position: relative;
}
.home_tag span{color: #1a2d62;}
.home_tag a {
	color: #1a2d62;
	font-weight: 600;
	padding: 0 5px;
	text-decoration: underline;
	transition: 0.3s;
}
.home_tag a:hover{color: #2c7aff;}
/*END SUBSCRIBE FIELD*/
/*
* ----------------------------------------------------------------------------------------
* 03. END HOMEPAGE CSS STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04. START TOP PROMO STYLE
* ----------------------------------------------------------------------------------------
*/
.tp_feature_p3{padding-bottom:50px;}
.tp_feature{
padding-bottom:50px;
}
.single_tp {
background: #E0EAFA;
	padding: 40px;
	margin-bottom: 30px;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.1);
	border-radius: 10px;
}
@media only screen and (max-width:880px){
.single_tp {margin-bottom:30px;}
}
.single_tp h3 {
	font-size: 20px;
	font-weight: 800;
	margin-bottom:20px;
	overflow: hidden;
}
.single_tp i {
	font-size: 36px;
	margin-bottom: 20px;
	color: #2c7aff;
}
.single_tp p {
	margin-bottom: 40px;
}
.single_tp a {
	color: #1a2d62;
	transition: 0.3s;
}
.single_tp > a > i{}
.st_one{margin-top:20px;background: #ECEBFD;}
.st_two{margin-top:-20px;background:#edf4f3;}
.st_three{margin-top:20px;background: #FCFBF7;}
.single_tp:hover{
background:#fff;
box-shadow:0px 60px 60px rgba(0,0,0,0.1);
position:relative;
z-index:100;
transform: translate(0, -10px);
}
@media only screen and (max-width:480px) { 
.st_one{margin-top:0px;}
.st_two{margin-top:0px;}
.st_three{margin-top:0px;}
}
/*
* ----------------------------------------------------------------------------------------
* 04. END TOP PROMO CSS STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04. START ABOUT CSS STYLE
* ----------------------------------------------------------------------------------------
*/
.ab_one {
	padding-bottom: 50px;
}
.ab_content{margin-bottom:30px;position:relative;}
.ab_content h2 {
	margin-bottom: 20px;
	line-height: 68px;
	font-size: 58px;
	font-weight: 600;
}
@media only screen and (max-width:480px) { 
.ab_content h2{font-size: 42px;line-height: 52px;}
}
.ab_content h2 span {}
.ab_content p{margin-bottom: 30px;}
.ab_content p{margin-bottom: 30px;}
.ab_content ul {margin-bottom:50px;}
.ab_content ul li {
	color: #1a2d62;
	font-weight: 600;
	line-height: 40px;
}
.abmv {
	margin-bottom:30px;
	overflow: hidden;
}
@media only screen and (max-width:767px) { 
.abmv {
	width: 100%;
	float: none;
	margin: 0;
	margin-bottom:20px;
}
}
.abmv i {
	margin-bottom: 20px;
	float: left;
	margin-right: 20px;
	background: rgba(44,122,255,0.1);
	width: 80px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	font-size: 30px;
	border-radius: 100px;
	color: #2c7aff;
}
.abmv h4 {
	font-weight: 500;
	overflow: hidden;
	margin-bottom: 10px;
	font-size: 20px;
}
.abmv p{overflow:hidden;width: 70%;}
.cta_two{margin-top: 60px;}
.ss_btn {
	margin-top: 50px;
}

.ab_img{position:relative;}
.ab_img img {}
 @media only screen and (max-width:880px){
.ab_img img {width: 100%;
height: 400px;}
.ab_img{
margin-top:0px;
margin-bottom:60px;
}
}
.wc_year{text-align: center;}
.wc_year h3 {
	background: #fff;
	top: 70%;
	position: absolute;
	border-radius: 5px;
	padding: 30px;
	border: 1px solid #eee;
	font-size: 20px;
	font-weight: 600;
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.08);
}
.wc_year h3 span{color:#2c7aff;font-size: 30px;}
/*
* ----------------------------------------------------------------------------------------
* 05. END ABOUT CSS STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 06. START COUNTER CSS STYLE
* ----------------------------------------------------------------------------------------
*/
.count_area {
	position:relative;
	margin-top: -60px;
	padding-bottom:80px;
}
@media only screen and (max-width:960px) { 
.count_area {margin-top: 80px;}
}
.single-counter {
	background: #fff;
	border-radius: 0px;
	padding: 40px;
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.04);
}
@media only screen and (max-width:960px) { 
.single-counter{margin-bottom:30px;}
}
.single-counter span {
	width: 50px;
	float: left;
	height: 50px;
	line-height: 50px;
	border-radius: 30px;
	font-size: 20px;
	text-align: center;
	margin-right: 15px;
	color:#1a2d62;
}
.single-counter h2 {
	overflow: hidden;
	font-weight: 600;
	margin-bottom: 0;
}
.single-counter p{overflow: hidden;}
.count_one{background:#e1f8ed;}
.count_two{background:#ECEBFD;}
.count_three{background:#ecf7ff;}
.count_four{background:#ffecec;}

.sc_one{color:#F26B65;background:#FFEFEE;}
.sc_two{color:#2D36BB;background:#ECEDFF;}
.sc_three{color:#57216C;background:#fff;}
.sc_four{color:#448BB7;background:#1a2d62;}

/*
* ----------------------------------------------------------------------------------------
* 06. END COUNTER CSS STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 07.START FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
.marketing_content_area {
	padding-bottom: 50px;
	
}
.single_feature_one {
	background:#fff;
	margin-bottom: 30px;
	padding:40px;
	border-radius:20px;
	text-align: center;
	margin-bottom:30px;
	position: relative;
	border:1px solid #ddd;
	z-index: 2;	
		-webkit-transition: 0.3s;
	-webkit-transition: 0.2s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.sf_top{overflow: hidden;}
.sf_top  i{margin-bottom:30px;font-size: 60px;color: #2c7aff;}
.single_feature_one h2 a {
	font-size: 26px;
	color: #1a2d62;
	margin-bottom: 15px;
	display: block;
	text-transform: capitalize;
	overflow: hidden;
	line-height: 36px;
	font-weight: 600;
	transition: 0.3s;
}
.single_feature_one  p{margin-bottom:30px;}
.single_feature_one:hover{
	border:1px solid #2c7aff;
}
.ss_one{background:rgba(44,122,255,0.1);}
.single_feature_one:hover .ss_one{background:#fff;}
.ss_two{background:#ECFFFC}
.ss_three{background:#E8F5FF}
.ss_four{background:#E3F9F6}
.ss_five{background:#FFF6EB}
.ss_six{background:#E8FFEA}
.ss_seven{background:#EEE8FF}
.ss_eight{background:#FFE8E8}
.single_feature_one a {
	color: #1a2d62;
	display: inline-block;
	transition: 0.3s;
	text-transform: uppercase;
	font-weight: 500;
}
/*
* ----------------------------------------------------------------------------------------
* 07.END FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 08.START COURSE DESIGN
* ----------------------------------------------------------------------------------------
*/
.best-course{}

.course-item{
	background:#fff;
	border-radius: 10px;	
	position: relative;
	overflow: hidden;
	transition: .5s;
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.1);
	margin: 20px 0 25px;
}

.course-slider .owl-nav.disabled{
	display: block;
}
.course-img img{
	border-radius: 10px 10px 0 0;
	width: 100%;
}

.course-hover{
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;	
	left: 0;
	transform:translateX(-100%);
	top: 0;
	visibility: hidden;
	opacity: 0;	
	transition: .5s;
}
.course-item:hover .course-hover{
	transform:translateX(0%);
	opacity: 1;
	visibility: visible;
} 
.chover_content{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 4px;
	padding: 50px 30px 45px 30px;
	-webkit-transition: .5s;
	transition: .5s;
	display: inline-table;	
}

.course-img{
	position: relative;
}
.course-price {
	background: #2c7aff;
	color: #fff;
	padding: 1px 17px;
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 18px;
	font-weight: 600;
	border-radius: 15px 0 0 0px;
}
.course-content{
	padding: 30px 30px 25px;
}

.course-content h3, 
.course-hover h3 {
	font-size: 18px;
	line-height: 25px;
}
.course-content h3 a{margin-bottom:15px;display:block;}
.chover_content h3 a{color: #1a2d62;margin-bottom:15px;display:block;font-weight:600px;}
.chover_content h3 a:hover{color: #2c7aff;margin-bottom:15px;display:block;font-weight:600px;}
.course-hover p{
	margin-bottom: 0;
}
.course-content .crating i{
	color: #FFA721;
} 
.course-content .cmeta svg,
.course-hover .hcmeta svg{
	width: 18px;
}
.ccategory {
	margin-bottom: .5rem;
}
.ccategory a {
	display: inline-block;
	padding: 3px 18px;
	color: #1a2d62;
	background: rgba(44,122,255,0.1);
	font-size: 16px;
	margin-right: .5rem;
	margin-bottom: .5rem;
	border-radius: 4px;
	font-weight: 400;
}
.crating{
	font-size: 15px;
}
.crating span{
	margin-left: .5rem;
	color:#1a2d62;
	font-weight: 500;
}
.hcmeta{margin-bottom:40px;}
.hcmeta a{
	color:#1a2d62;
}
.cmeta svg,
.hcmeta svg{
	margin-right: .1rem;
}

.hcmeta img{
	width: 18px;
	margin-right: .2rem;
}
.hcmeta i{
	color: #FFA721;
}
.cmeta span:last-child,
.hcmeta span:last-child{
	float: right;
}
.cmtime{
	text-align: right;
	position: relative;
}
.cmeta,
.hcmeta {
	font-size: 15px;
	border-top: 1px solid var(--dc);
	padding-top: .8rem;
	margin-top: 25px;
	display: block;
	font-weight: 500;
}


.course-hover .bg-btn {
	margin-top: 1.5rem;
	height: 42px;
	line-height: 40px;
	border-radius: 4px;
	padding: 0 24px;
	font-size: 15px;
}

.hcourse-price {
	font-weight: 600;
	color:#1a2d62;
	font-size: 20px;
	margin-bottom: 10px;
}
.hcourse-price del{
	font-size: 18px;
	font-weight: 400;
}
.cbtn-wrap {
	position: relative;
	display: inline-block;
	margin-bottom: 0;
	padding-left: 100px;
	font-weight: 500;
}
.cbtn-wrap img{
	width: 87px;
	position: absolute;
	left: 0;
	top: -20px;
	animation: moveHorizontal 3s linear infinite;
}
.cbtn-wrap a,
.cbtn-wrap a i{
	color:#2c7aff;
}
.course-slider{
	position: relative;
}
.course-slider .owl-nav.disabled button.owl-prev,
.course-slider .owl-nav.disabled button.owl-next{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.course-slider .owl-nav.disabled button.owl-prev{
	left: -8%;
}
.course-slider .owl-nav.disabled button.owl-next{
	right: -8%;
}
.cbook-shape {
	position: absolute;
	left: 4%;
	top: 14%;
	width: 50px;
	animation: zumpBottom 3s linear infinite;
}
.cstar-shape {
	position: absolute;
	right: 4%;
	top: 22%;
	width: 65px;
	animation: zumpBottom 3s linear infinite;
}
/*START COURSE STYLR TWO*/
.bc_bg_two {
	background: #edf4f7;
}
.course-slide2{
    position:relative;
    background:#fff;
	margin-bottom: 30px;
}
@media only screen and (max-width:480px) { 
.course-slide2 {margin-bottom:30px;}
}
.course-slide2 .course-img2 {
	position: relative;
	overflow: hidden;
	float: left;
	width: 50%;
	margin-right: 30px;
}
@media only screen and (max-width:480px) { 
.course-slide2 .course-img2 {
	float: none;
	width: 100%;
}
}
.course-slide2 .course-img2 img{
    width: 100%;
    height: auto;
}
.co_list {
	margin-top: 30px;
	display: inline-block;
}
.course-slide2 .course-date2{
    position:absolute;
    top:10%;
    left:4%;
}
.course-slide2 .month2 {
	display: inline-block;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	background: #2c7aff;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 100px;
}
.course-content2{
    padding:30px;
}
.course-content2 h3 a {
	font-size: 26px;
	font-weight: 500;
	display: block;
	margin: 0 0 15px 0;
	text-transform: capitalize;
	line-height: 36px;
}
.course-content2 h3 a:hover{color:#2c7aff;}
.course-slide2 .course-content2 span i{
color:#2c7aff;
margin-right:8px;
}
.course-slide2 .course-content2 span {
	color: #1a2d62;
	margin-bottom: 5px;
	display: inline-block;
	margin-right: 20px;
}
.course-slide2 .course-content2 span strong{font-weight:700;}
.c_btn2 {
	background: rgba(44,122,255,0.1);
	margin-bottom: 8px;
	display: inline-block;
	border-radius: 5px;
	color: #1a2d62;
	font-weight: 500;
	transition: 0.3s;
	border: 1px solid #eee;
	padding: 5px 20px;
}
.c_btn2:hover{color:#2c7aff;}
.c_btn3 {
	background: #2c7aff;
	color: #fff;
	/* padding: 30px; */
	border-radius: 5%;
	font-weight: 600;
	display: inline-block;
	text-align: center;
	position: absolute;
	top: 46%;
	right: 0;
	font-size: 26px;
	width: 70px;
	height: 80px;
	line-height: 80px;
}
/*END COURSE STYLR TWO*/
/*START COURSE THREE*/
.course-slide3{margin-bottom:30px;position: relative;}
.course-img3{position: relative;}

.co_bg_img {
	position: relative;
	padding: 80px 0;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.co_bg_img::before {    
	position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
}

.co-video-play {
	display: inline-block;
	position:relative;
	
}
.co-video-play i {
	background: rgba(44,122,255,0.5);
	/* border: 2px solid #ffde67; */
	color: #fff;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	border-radius: 100px;
	/* margin-right: 15px; */
	display: inline-block;
	transition: all 0.3s ease 0s;
	font-size: 30px;
}
.co-video-play:hover i{
background: #2c7aff;
color:#fff;
}
.course-content3{
    padding:30px;
	 box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
	 border:1px solid #ededed;
	 background: #fff;
}
.course-content3 h3 a {
	color: #1a2d62;
	font-size: 24px;
	font-weight: 500;
	display: block;
	margin: 0 0 15px 0;
	text-transform: capitalize;
	line-height: 34px;
}
.course-content3 a {
	margin-right: 30px;
}
.course-content2 h3 a:hover{color:#2c7aff;}
.course-content3 h3 a:hover{color:#2c7aff;}
/*END COURSE THREE*/

/*START SINGLE COURSE SIDEBAR CSS*/
.course_features{}
.course_features h3 {
	font-weight: 800;
	margin-bottom: 20px;
	background: #2c7aff;
	color: #fff;
	text-align: center;
	padding: 20px 10px;
}
.course_features ul{}
.course_features ul li {
	/* font-weight: 600; */
	padding-top: 10px;
	color: #1a2d62;
	overflow: hidden;
	font-size: 18px;
}
.course_features ul li i{
color:#2c7aff;
margin-right:8px;
}
.course_features ul li b {
	font-weight: 800;
	float: right;
	background: #2c7aff;
	color: #fff;
	padding: 5px 10px;
	overflow: hidden;
	border-radius: 10px;
}
.course-content p {
	margin-bottom: 30px;
}
.related_course {
	margin: 30px 0;
	border: 1px solid #eee;
	padding: 30px;
}
.related_course h3{
margin-bottom:30px;
font-size: 22px;
font-weight: 800;
}
.single_rc{
margin-bottom:30px;
padding-bottom:30px;
border-bottom:1px solid #eee;
}
.single_rc img {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.single_rc i{color:#ffbd35;margin-right: 8px;}
.single_rc h4 a {
	color: #1a2d62;
	font-size: 18px;
	font-weight: 800;
	margin: 10px 0;
	display: block;
	transition: 0.3s;
}
.single_rc h4 a:hover{color:#2c7aff;}
.single_rc span {
	color: #2c7aff;
	font-weight: 800;
	font-size: 20px;
}
.single_langu{}
.single_langu input{}
.single_langu span a {
	color: #1a2d62;
	display: inline-block;
	font-size: 18px;
	line-height: 36px;
	transition: 0.3s;
}
.single_langu span a:hover{color:#2c7aff;}
.single_rat a {
	line-height: 42px;
	/* font-size: 40px; */
	display: inline-block;
}
/*END SINGLE COURSE SIDEBAR CSS*/

.c_btn {
	background: #ebecff;
	padding: 6px 20px;
	margin-bottom: 20px;
	display: inline-block;
	border-radius: 5px;
	color: #2c7aff;
	font-weight: 700;
	transition: 0.3s;
}
.c_btn:hover{color: #2c7aff;}

/*START VIDEO CSS*/
.vid_area {
	position: relative;
	padding-top: 0;
}
.va2 {
position: relative;
	padding-top: 250px;
	padding-bottom: 200px;
}
.va2::before {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #1a1936;
	content: "";
	left: 0;
	top: 0;
	opacity: 0.3;
}

.video-area {
	position: relative;
	background: url(../images/all-img/about-image.jpg);
	height: 700px;
	padding: 20px;
	border-radius: 10px;
	margin-right: 40px;
	background-size: cover;
	background-position: center;
}
@media only screen and (max-width:960px) { 
.video-area {margin-right: 0px;}
}
.video-area::before {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #1a1936;
	content: "";
	left: 0;
	top: 0;
	opacity: 0.2;
	border-radius: 10px;
}
.video-button::after, .video-button::before, blockquote::before, .video-area .video-button  {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    content: "";
}
.video-button::after, .video-button::before, blockquote::before, .video-area2 .video-button  {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    content: "";
}
.video-button {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #2c7aff;
    position: relative;
    color: #ffffff;
    font-size: 30px;
}

.video-button i {
    position: relative;
    z-index: 1;
}

.video-button:hover {
    color: #ffffff;
}

.video-button::after, .video-button::before {
    animation: video 25s linear infinite;
    -webkit-animation: video 25s linear infinite;
    -moz-animation: video 25s linear infinite;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}


.video-button::after {
   background: #2c7aff;
	opacity:0.5;
    height: 120px;
    width: 120px;
}

@keyframes video {
    0% {
        -webkit-border-radius: 33.33% 50%;
        -moz-border-radius: 33.33% 50%;
        border-radius: 33.33% 50%;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-border-radius: 50% 33.33%;
        -moz-border-radius: 50% 33.33%;
        border-radius: 50% 33.33%;
        -webkit-transform: translate(-50%, -50%) rotate(1800deg);
        -ms-transform: translate(-50%, -50%) rotate(1800deg);
        transform: translate(-50%, -50%) rotate(1800deg);
    }
}

@-webkit-keyframes video {
    0% {
        -webkit-border-radius: 33.33% 50%;
        -moz-border-radius: 33.33% 50%;
        border-radius: 33.33% 50%;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-border-radius: 50% 33.33%;
        -moz-border-radius: 50% 33.33%;
        border-radius: 50% 33.33%;
        -webkit-transform: translate(-50%, -50%) rotate(1800deg);
        -ms-transform: translate(-50%, -50%) rotate(1800deg);
        transform: translate(-50%, -50%) rotate(1800deg);
    }
}

@-moz-keyframes video {
    0% {
        -webkit-border-radius: 33.33% 50%;
        -moz-border-radius: 33.33% 50%;
        border-radius: 33.33% 50%;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-border-radius: 50% 33.33%;
        -moz-border-radius: 50% 33.33%;
        border-radius: 50% 33.33%;
        -webkit-transform: translate(-50%, -50%) rotate(1800deg);
        -ms-transform: translate(-50%, -50%) rotate(1800deg);
        transform: translate(-50%, -50%) rotate(1800deg);
    }
}
.bc_three{
	background: #ebecff;
}
/*START COURSE DETAILS TAB CSS*/
.course-details-content {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	background-color: #F1F5F9;
	margin-top:40px;
}

.course-details-content .nav {
    border: none;
    text-align: center;
    border: 1px solid #DDDDDD;
    border-bottom: none;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

.course-details-content .nav li {
    margin-left: -1px;
    flex-grow: 1;
    padding: 0;
    border-left: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

.course-details-content .nav li:first-child {
    border-left: none;
}

.course-details-content .nav li a {
    font-weight: 700;
    padding: 14px;
    color: #07294D;
    text-transform: uppercase;
    display: block;
}

.course-details-content .nav li a.active {
    background: #2c7aff;
    color: #ffffff;
}

.course-details-content .overview {
    padding-top: 25px;
}

.course-details-content .overview p {
    margin: 0;
    margin-bottom: 1rem;
}
.course-details-content .overview iframe {
width:100%;
margin:30px 0;
}

.course-details-content .tab-content {
    padding: 0 30px 30px;
}

@media (max-width: 575px) {
    .course-details-content .tab-content {
        padding: 0 15px 20px;
    }

    .course-details-content .nav li a {
        font-size: 14px;
        padding: 5px 10px;
    }
}

.course-details-content .instructor-item .instructor-content .title {
    font-size: 20px;
    margin: 0;
    margin-bottom: 2px;
}

.details-buttons-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -5px -5px;
}

.details-buttons-area .custom-button {
    margin: 5px;
}

.details-buttons-area .social-icons {
    margin: 0;
    margin-left: auto;
}

.details-buttons-area .social-icons li a {
    color: #07294D;
    background: #ffffff;
}

.details-buttons-area .social-icons li a.active {
    background: #2c7aff;
    color: #ffffff;
}

@media (max-width: 767px) {
    .details-buttons-area {
        justify-content: center;
    }

    .details-buttons-area .social-icons {
        width: 100%;
        margin: 0;
        justify-content: center;
    }
}

.review-form .client-form input {
    border-color: #DDDDDD;
    background: #ffffff;
    height: 50px;
    margin-bottom: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-left: 10px;
}

.review-form .client-form .rating {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;
}

.review-form .client-form .rating .rating-title {
    padding-right: 5px;
}

.review-form .client-form .rating ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.review-form .client-form .rating ul li a i {
    color: #FF7700;
}

.review-form .client-form textarea {
    border-color: #DDDDDD;
    padding: 10px;
    height: 130px;
    margin-bottom: 20px;
}

.review-form .client-form button {
    background-color: #FF7700;
    color: #ffffff;
    font-weight: 500;
    outline: none;
    height: 50px;
    cursor: pointer;
    border: none;
}

.client-review {
    padding-top: 30px;
}

.client-review .review-title {
	text-transform: capitalize;
	margin-bottom: 10px;
	font-weight: 800;
	margin-bottom: 20px;
	font-size: 21px;
}

.review-contents {
    margin-bottom: 35px;
}

.review-contents li {
    padding: 0;
    margin-bottom: 25px;
}

.review-contents li:last-child {
    margin-bottom: 0;
}

.review-contents li .thumb {
	width: 100px;
	float: left;
	margin-right: 20px;
}

.review-contents li .thumb img {
    width: 100%;
}

.review-contents li .cont {
    padding-left: 20px;
    width: calc(100% - 100px);
    font-size: 14px;
    line-height: 26px;
}

.review-contents li .cont .subtitle {
	margin: 0;
	font-size: 18px;
	margin-bottom: -3px;
	font-weight: 700;
	margin-bottom: 5px;
}

.review-contents li .cont .ratings {
    margin-bottom: 15px;
}

@media screen and (max-width: 450px) {
    .review-contents li .thumb {
        width: 80px;
    }

    .review-contents li .cont {
        width: 100%;
        padding: 15px 0 0 0;
    }
}
.cl-theme {
	color: #FF7700 !important;
}
.review-form .client-form input {
	border-color: #DDDDDD;
	background: #ffffff;
	height: 50px;
	margin-bottom: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 10px;
	border: none;
}
.review-form .client-form textarea {
	border-color: #DDDDDD;
	padding: 10px;
	height: 130px;
	width:100%;
	margin-bottom: 20px;
	border: none;
}
.custom-button {
    color: #ffffff;
    text-transform: uppercase;
    line-height: 48px;
    background: #FF7700;
    padding: 0 35px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    border-radius: 25px;
    border: 1px solid #FF7700;
}

.custom-button i {
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    display: inline-block;
}

.custom-button i:last-child {
    padding-left: 10px;
}

.custom-button i:first-child {
    padding-right: 10px;
}

.custom-button:hover {
    color: #2c7aff;
}

.custom-button.btn-sm {
    padding: 0 18px;
    font-size: 14px;
    line-height: 45px;
}

.custom-button.theme-one {
    border-color: #2c7aff;
    background: #2c7aff;
    box-shadow: 0 0 15px rgba(255, 119, 0, 0.1);
}

.custom-button.theme-one:hover {
    color: #2c7aff;
	background:#fff;
	border:1px solid #2c7aff;
}
.custom-button.bg-white {
    background: #ffffff;
    color: #07294D;
    border-color: rgba(7, 41, 77, 0.2);
}

.custom-button.bg-white:hover {
    background: #FF7700 !important;
    border-color: #FF7700 !important;
    color: #ffffff;
}

.social-icons {
    margin: -10px;
}

.social-icons li {
    padding: 10px;display: inline-block;
}

.social-icons li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
	display: block;
}

.social-icons li a:hover, .social-icons li a.active {
    background: #2c7aff;
    color: #ffffff;
    box-shadow: 0 5px 20px rgba(255, 119, 0, 0.31);
}

.instructor-item {
    margin: 0 auto 30px;
}

.instructor-item .instructor-thumb {
    width: 184px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
}

.instructor-item .instructor-thumb img {
    width: 100%;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.instructor-item .instructor-content {
    position: relative;
    z-index: 1;
    max-width: 237px;
    margin: -20px auto 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 16px 10px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 0 30px rgba(7, 41, 77, 0.12);
}

.instructor-item .instructor-content .title {
    margin: 0;
    margin-bottom: 2px;
    text-transform: uppercase;
}
.course-details-content .instructor-item .instructor-content .title a {
	font-size: 20px;
	margin: 0;
	margin-bottom: 2px;
	color: #1a2d62;
	font-weight: 700;
}
.instructor-item:hover .instructor-thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
/*END COURSE DETAILS TAB CSS*/
/*
* ----------------------------------------------------------------------------------------
* 08.END COURSE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 09.START COURSE PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.course_promo {}
.cp_content{}
@media only screen and (max-width:960px) { 
.cp_content {margin-top: 60px;}
}
.cp_content h4 {
	font-size: 18px;
	margin-bottom: 10px;
}
.cp_content h2 {
	font-weight: 500;
	font-size: 62px;
	margin-bottom: 20px;
	line-height: 72px;
	font-weight: 500;
}
@media only screen and (max-width:480px) { 
.cp_content h2 {font-size: 42px;line-height: 52px;}
}
.cp_content p{margin-bottom: 40px;}
.cp_content ul{margin-bottom: 60px;}
.cp_content ul li {
	margin-bottom: 15px;
	background: rgba(44,122,255,0.1);
	padding: 7px 20px;
	border-radius: 30px;
	width: 80%;
	color: #1a2d62;
}
.cp_content ul li span {
	background: #2c7aff;
	color: #fff;
	width: 25px;
	height: 25px;
	display: inline-block;
	line-height: 25px;
	text-align: center;
	border-radius: 30px;
	margin-right: 15px;
	font-size: 15px;
	font-weight: 600;
}
.cc_btn{margin-top:30px;}

.cp_img {position:relative;}
.cp_img img {
	width: 100%;

}
@media only screen and (max-width:880px){
.cp_img img {margin-top:60px;}
}
.vp_top{margin-top:80px;}

.video-play {
	display: block;
	position: absolute;
	top: 45%;
	left: 45%;
}
.video-play i {
	background: #2c7aff;
	color: #fff;
	width: 120px;
	height: 120px;
	line-height: 120px;
	text-align: center;
	border-radius: 100px;
	display: inline-block;
	-webkit-box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
	        box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	font-size: 40px;
}
.video-play:hover i{
background: #3f3eed;
color:#fff;
}
@media only screen and (max-width:480px){
.video-play i {
width: 80px;
height: 80px;
line-height: 80px;
font-size: 30px;
}
.video-play {
	display: block;
	position: absolute;
	top: 60%;
	left: 40%;
}
}
/*
* ----------------------------------------------------------------------------------------
* 09.END COURSE PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10.START TOPIC DESIGN
* ----------------------------------------------------------------------------------------
*/

.topic_content_area {
	padding-bottom: 50px;
	background: url(../images/banner/topic.png);
	background-position: center;
	background-size: cover;
}
.single_tca {
	padding: 40px;
	margin-bottom: 30px;
	border-radius: 10px;
	cursor: pointer;
	position: relative;
	z-index: 2;
	transition: all 0.3s ease 0s;
	text-align: center;
}
@media only screen and (max-width:960px) { 
.single_tca {padding:50px 30px;border-radius: 0px;}
}
.single_tca:hover{
box-shadow:0px 60px 60px rgba(0,0,0,0.1);
position:relative;
z-index:100;
transform: translate(0, -10px);
}
.single_tca img{
	margin-bottom: 20px;
	border-radius:500px;
		background: #fff;
	padding: 10px;
	display:none;
}

.single_tca h2{overflow: hidden;}
.single_tca h2 a {
	color: #1a2d62;
	font-size: 22px;
	font-weight: 600;
	transition: 0.3s;
	margin-bottom: 10px;
	display: block;
}
@media only screen and (max-width:960px) { 
.single_tca h2 a {font-size:30px;}
}
.single_tca span {
	color: rgb(26, 45, 98);
	background: #fff;
	padding: 10px 25px;
	border-radius: 500px;
	margin-top: 20px;
	display: inline-block;
}
.sc_one{color:#F26B65;background:#52EDB5;}
.sc_two{color:#2D36BB;background:#7EB2FF;}
.sc_three{color:#57216C;background:#B77EFF;}
.sc_four{color:#448BB7;background:#EFE37A;}
.sc_five{color:#448BB7;background:#F3BBBC;}
.sc_six{color:#448BB7;background:#FFF6C4;}
.sc_seven{color:#448BB7;background:#F6F7F7;}
.sc_eight{color:#448BB7;background:#D9D7D1;}

/*START HOME TWO TOPIC CSS*/
.category_two_area{padding-bottom:50px;background:#edf4f7;}
.cat_list_two{
text-align:center;
padding:30px;
background:#fff;
border-radius:15px;
margin-bottom:30px;
transition: all 0.25s ease-out;
	transition: 0.3s;
}
.cat_list_two img {
	margin-bottom: 20px;
	width: 100%;
}
.cat_list_two span {
	background: rgba(44,112,255,0.1);
	color: #1a2d62;
	padding: 10px 25px;
	border-radius: 30px;
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 15px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	transition: 0.3s;
}
.cat_list_two:hover span{
	background: #2c7aff;
	color: #fff;
}
.cat_list_two h4 a {
	font-weight: 600;
	margin-bottom: 15px;
	display: inline-block;
	transition: 0.3s;
}
.cat_list_two:hover h4 a{color: #2c7aff;}
.cat_list_two p{}
/*END HOME TWO TOPIC CSS*/

.course-category {
width: 160px;
height: 160px;
border-radius: 50%;
display: block;
margin: 0 auto;
position: relative;
z-index: 0;
margin-bottom: 20px; }
.course-category:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
background: #000000;
opacity: .3;
z-index: -1;
border-radius: 50%; }
.course-category .text h3 {
color: #fff;
font-size: 20px;
margin-bottom: 0; }
.course-category .text span {
font-size: 12px;
color: rgba(255, 255, 255, 0.9); }
/*
* ----------------------------------------------------------------------------------------
* 10.END TOPIC DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11. START REVIEWS DESIGN
* ----------------------------------------------------------------------------------------
*/
.testi_home_area {
	padding-bottom: 100px;
	background:#FAFAFA;
}
.testimonial {
	background: #fff;
	border-radius: 30px;
	margin: 0px 15px;
	-webkit-box-shadow:  0 4px 5px -1px rgba(0,64,128,.1); 
	box-shadow: 0 4px 5px -1px rgba(0,64,128,.1);
	margin-bottom: 30px;
	overflow: hidden;
	padding: 50px;
}
.testimonial_content{padding: 30px;}
.testimonial_content h3 {
	font-weight: 600;
	font-size: 20px;
	color:#1a2d62;
}
.testimonial i {
	color: #FEC961;
	font-size: 16px;
}
.testimonial p {
	overflow: hidden;
	/* margin-top: 15px; */
	margin-bottom: 24px;
	font-size: 20px;
	line-height: 30px;
}
.testi_pic_title {margin-bottom: 30px;}

.testi_pic_title .pic {
	float: left;
	width: 70px;
	height: 70px;
	margin-right: 20px;
}
.testi_pic_title .pic img {
	width: 100%;
	height: 100%;
	border-radius: 100px;
}
.testi_pic_title h4 {
	font-size: 24px;
	font-weight: 600;
	margin-top: 10px;
}
.testi_pic_title small {
	font-weight: 400;
	font-size: 16px;
	margin-top: 8px;
	display: block;
	overflow: hidden;
}
.owl-theme .owl-controls {
    margin-top: 50px;
    text-align: center;
}
.owl-theme .owl-controls .owl-page { display: inline-block }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer }
.owl-theme .owl-controls .owl-page span {
background-color: #2c7aff !important;
border-radius: 20px;
display: block;
height: 10px;
margin: 5px 7px;
width: 10px;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #fff }
.owl-theme .owl-controls {
  display: block !important;
  margin-top: 20px;
  text-align: center;
}
.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);
	display:none;
}
/*
* ----------------------------------------------------------------------------------------
* 11.END REVIEWS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12. START TEAM CSS STYLE
* ----------------------------------------------------------------------------------------
*/
.team_page{padding-top: 0px;}
/*START HOME PAGE TEAM DESIGN*/
.team_member {
	padding-bottom: 50px;
	overflow: hidden;
}
.single_team_content{
padding:45px;
margin-top:60px;
}
.single_team_content h1 {
	font-size: 50px;
	font-weight: 600;
	line-height: 60px;
}
.single_team_content p{}
.our-team {
	margin-bottom: 30px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.09);
}
.our-team .team_img{
    position: relative;
    overflow: hidden;
}
.our-team .team_img:after{
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    bottom: -100%;
    left: 0;
    transition: all 0.3s ease 0s;
}
.our-team:hover .team_img:after{
    bottom: 0;
}
.our-team img{
    width: 100%;
    height: auto;
}
.our-team .social {
	list-style: none;
	position: absolute;
	top: 78%;
	right: 25px;
	z-index: 1;
	transition: all 0.3s ease 0s;
	display: flex;
	align-items: center;
	justify-content: space-between;
	left: 25px;
}
.our-team .social li{float:left;margin:5px;}
.our-team .social li a {
	display: block;
	font-size: 18px;
	background: #fff;
	padding: 0 0 18px 0;
	border-radius: 30px;
	color: #1a2d62;
	width: 50px;
	height: 50px;
	line-height: 50px;
}
.our-team:hover .social li a:hover{
    color: #2c7aff;
}
.our-team .team-content{
    padding: 20px 0;
    background: #fff;
}
.our-team .title{
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 20px;
    position: relative;
}
.our-team .title:before{
    content: "";
    width: 25px;
    height: 1px;
    background: #2c7aff;
    position: absolute;
    bottom: -10px;
    right: 50%;
    margin-right: 9px;
    transition-duration: 0.25s;
}
.our-team .title:after{
    content: "";
    width: 25px;
    height: 1px;
    background: #2c7aff;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: 9px;
    transition-duration: 0.25s;
}
.our-team:hover .title:before,
.our-team:hover .title:after{
    width: 50px;
}
.our-team .post {
	display: inline-block;
	text-transform: capitalize;
}
.our-team .post:before{
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #2c7aff;
    margin: 0 auto;
    position: relative;
    top: -13px;
}
@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 30px; }
}
.sth_det2{}
.sth_det2 span {
	color:#2c7aff;
	font-weight: 600;
	display: inline-block;
	margin: 15px 10px;
}
.sth_det2 u{
color: #1a2d62;
font-family:'Mulish', sans-serif;
}
/*END HOME PAGE TEAM DESIGN*/

/*START HOME PAGE TWO TEAM DESIGN*/
.our-team2 {
	border: 1px solid #ddd;
	padding: 10px;
	text-align: center;
	border-radius: 10px;
	padding-bottom: 20px;
}
.our-team2 .team-content2{
    position: relative;
    overflow: hidden;
}
.our-team2 .team-content2 img{
    width: 100%;
    height: auto;
    transition: all 0.30s linear 0s;
}
.our-team2:hover .team-content2 img{
    transform: scale(1.2,1.2);
}
.our-team2 .social-links{
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: 0;
}
.our-team2 .social-links li{}
.our-team2 .social-links li a {
	padding: 15px;
	color: #fff;
	display: block;
	background: #2c7aff;
	transition: all 0.3s linear 0s;
}
.our-team2 .social-links li a:hover{
    color:#2c7aff;
    background:#fff;
    text-decoration: none;
}
.team-prof {
	margin: 15px 0;
}
.our-team 2.team-prof h3 {
	font-weight: 600;
	margin: 15px 0 5px;
	font-size: 20px;
}
.our-team 2.team-prof span{
    display: block;
}
@media only screen and (max-width: 960px){
    .our-team2{ margin-bottom:30px; }
}
.sth_det2{}
.sth_det2 > span {
	color: #2c7aff;
	display: inline-block;
	margin: 10px 5px;
}
.sth_det2 u{
color: #1a2d62;
}

/*END HOME PAGE TWO TEAM DESIGN*/

/*START SINGLE TEAM DETAILS*/
.template_agent {
	padding-bottom: 50px;
}
.single_agent{
background: #fff none repeat scroll 0 0;
box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.07);
margin-bottom: 30px;
overflow: hidden;
padding: 60px;
}
.single_agent_image img{
float: left;
margin-right: 50px;
width: 350px;
}
@media only screen and (max-width:480px) { 
.single_agent_image img{
float: left;
margin-right:0px;
margin-bottom: 50px;
width: 100%;
}
}
.single_agent_content{

}
.agent_social {
  margin-top: 30px;
  overflow: hidden;
}
.single_agent_content h4 {
	text-transform: capitalize;
	overflow: hidden;
	font-weight: 800;
	font-size: 30px;
	margin-bottom: 5px;
}
.single_agent_content h5 {
	border-bottom: 1px solid #eee;
	color: #2c7aff;
	margin-bottom: 20px;
	overflow: hidden;
	padding-bottom: 10px;
	text-transform: capitalize;
}
.single_agent_content p{
margin-bottom: 20px;
overflow: hidden;
}
.single_agent_content ul{}
.single_agent_content ul li {
	color: #1a2d62;
	line-height: 40px;
	overflow: hidden;
	font-size: 18px;
	font-weight: 600;
}
.single_agent_content i{margin-right:10px;color:#2c7aff;}

.agent_social ul li{float: left;}
.agent_social ul li a{
margin-right: 5px;
}
.agent_social ul li a i {
  margin-right: 0;
}
.agent_social ul li a:hover{background:#2c7aff;color:#fff;}
/*END SINGLE TEAM DETAILS*/
/*
* ----------------------------------------------------------------------------------------
* 12. END TEAM CSS STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 13.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.blog_area{
	padding-bottom: 50px;
}
.blog_area_bg{}
.single_blog {
	border-radius:0px;
	margin-bottom: 30px;
	position:relative;
	text-align:center;
	border: 1px solid #eee;
}
.single_blog img {
	width: 100%;
	position:relative;
}
.img_info{}
.img_info span {
	text-transform: capitalize;
	margin-bottom: 10px;
	display: inline-block;
	background: #fff;
	padding: 10px 30px;
	border-radius: 100px;
	border: 1px solid #eee;
	box-shadow: 0 4px 5px -1px rgba(0,64,128,.1);
}
.img_info span a {
	color: #2c7aff;
}
.img_info span a:hover{color:#2c7aff;}
.content_box {
	margin-top: 20px;
	padding-bottom: 40px;
}
.content_box h2 {
	line-height: 32px;
	font-size: 20px;
	margin-bottom:40px;
}
.content_box h2 a {
	color: #1a2d62;
	font-weight: 600;
	display: block;
	padding: 0 20px;
}
.content_box h2 a:hover{color:#2c7aff;}
.content_box p{margin-bottom:0px;}

.single_blog_two span{margin-top:0px;}
.single_blog_two p{margin-bottom:30px;}
.arti_img_two img{
width:100%;
margin-bottom:20px;
}
.arti_btn {
	color: #2c7aff;
	font-weight: 600;
	margin-top: 15px;
	display: inline-block;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.arti_btn:hover{
padding-left:10px;
color: #2c7aff;}

.arti_sp{}
.arti_sp h2 {
	margin-top: 30px;
	font-weight: 700;
	margin-left: 60px;
	margin-bottom: 30px;
}
.arti_sp img{margin-bottom:30px;width:100%;}
.arti_sp p{}
.share_sp{margin-top: 30px;overflow: hidden;}
.share_sp h4{font-weight: 600;margin-bottom: 25px;}
.share_sp ul{}
.share_sp ul li{float: left;}
.share_sp ul li a {
	color: #fff;
	transition: 0.3s;
	padding: 15px;
	display:block;
	background: #f4f4f4;
	background: #2c7aff;
	border-radius: 5px;
	margin-right: 10px;
}
.share_sp ul li a:hover{background:#1a2d62;}
.share_sp ul li a span{}
/*START BLOG SIDEBAR DESIGN*/
.blog-page {
	background: #edf4f7;
}
.blog_search {
	background: #fff;
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	padding: 10px;
	border: 1px solid #ededed;
}
.blog_search input {
	border: 1px solid #ebecff;
	border-radius: 0;
	color: #1a2d62;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	height: 60px;
	outline: 0 none;
}
.blog_search input:focus{box-shadow:none;}
/*START NEWSLETTER FORM*/
.newsletter-form {
	background: #072032;
	padding: 40px;
	border-radius: 10px;
}
.newsletter-form h4 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: 700;
	text-transform: capitalize;
	font-size: 24px;
	line-height: 34px;
}
.newsletter-form p{color:#fff;margin-bottom: 30px;}
.newsletter-form input {
	width: 100%;
	margin-bottom: 20px;
	height: 50px;
	padding: 10px;
	color: #1d293e;
	border-radius: 2px;
	border: 0px;
}
.newsletter-form input:focus{box-shadow:none;}
.subscribe button {
	border:none;
	width: 100%;
}

.sub_btn{
	background: #2c7aff;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	padding: 14px 40px;
	text-transform: capitalize;
	-webkit-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border-radius: 100px;
	display: inline-block;
	font-weight: 500;
}
.sub_btn:hover, .sub_btn:focus{
background:#fff;
color: #1a2d62;
}
/*END NEWSLETTER FORM*/

/*Popular post*/
.sidebar_title{}
.sidebar_title h4 {
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ededed;
}
.sidebar-post {
	border-radius: 5px;
	margin-bottom: 30px;
	padding: 30px;
	background:#fff;
	border: 1px solid #ededed;
}
.single_popular{
margin-bottom:20px;
overflow: hidden;
}
.single_popular:last-child {
	margin-bottom: 0;
}
.single_popular a img {
	width: 80px;
	height: 60px;
	float: left;
	margin-right: 10px;
	border-radius: 6px;
}
.single_popular h5 a {
	color: #1a2d62;
	font-size: 16px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	font-weight: 500;
}
.single_popular h5 a:hover{color:#554c86;}
/*End Popular post*/

/*Start Social media*/
.single_social{}
.social_item{
padding:8px 12px;
border-radius:4px;
}
.single_social ul {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: repeat(2, minmax(0, 1fr));
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	list-style:none;
	-ms-grid-columns: minmax(0, 1fr) 10px minmax(0, 1fr);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.single_social ul li{}
.single_social ul li a{}
.single_social ul li a i{color:#fff;font-size:12px;}
.item-list{
float: right;
color:#fff;
font-size:13px;
}

.b_facebook{background:#1a4fc5;}
.b_twitter{background:#00acee;}
.b_youtube{background:#f50000;}
.b_pinterest{background:#e62e3f;}
.b_tumblr{background:#34526f;}
.b_rss{background:#e8a50e;}

/*End Social media*/

/*Start category*/
.single_category{overflow:hidden;}
.item-category{
padding:8px 12px;
border-radius:4px;
background:#f2f2f2;
}
.single_category ul {

}
.single_category ul li {
	line-height: 32px;
	float: left;
	margin: 10px;
}
.single_category ul li a{
color:#1a2d62;
font-size:16px;
font-weight:600;
text-decoration:underline;
}
.single_category ul li a sup{color:#2c7aff;}
/*End category*/
.tag{overflow: hidden;}
.tag a {
	background: #f4f4f4;
	border: 1px solid #ededed;
	border-radius: 30px;
	color: #1a2d62;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 600;
	margin: 6px 4px;
	padding: 3px 20px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.tag a:hover {
    background: #2c7aff;
    color: #fff;
    border: 1px solid #2c7aff;
}
.sidebar-banner img{width:100%;}
/*START SINGLE BLOG PAGE DESIGN*/
.author_part {
	margin-bottom: 30px;
	overflow: hidden;
	margin-top: 60px;
}
.single_author {
	background: #fff none repeat scroll 0 0;
	padding: 40px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	        box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	overflow: hidden;
	border: 1px solid #ededed;
}
.author_part img {
	border: 4px solid #ededed;
	border-radius: 100px;
	float: left;
	height: 120px;
	margin-right: 20px;
	width: 120px;
}
.author_part h4 {text-transform: uppercase;
font-size: 16px;
font-weight:700;
letter-spacing: 1px;
margin-bottom: 10px;
	overflow: hidden; }
.author_part p { margin-bottom: 0 }
.blog_head_title {
border-bottom: 1px solid #ededed;
margin: 0 0 30px;
padding-bottom: 10px;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
}
.comments_part {
    margin-bottom: 60px;
}
.single_comment {
    margin-bottom: 30px;
    background: #fff;
    padding: 40px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	        box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	overflow: hidden;
	border:1px solid #ededed;
}
.sc_left{margin-left: 100px;}
.single_comment_mbnone { margin-bottom: 0px }
.single_comment img {
    border: 4px solid #ededed;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-right: 20px;
    width: 120px;
}
.single_comment h4 {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 10px;
	overflow: hidden;
}
.single_comment p { margin-bottom: 0;overflow: hidden;}
.comment-box {}
.comment_form input, .comment_form textarea  {}

.comment_form textarea {}
@media only screen and (max-width:768px) { 
    .comment_form textarea { width: 100% }
}
/*END SINGLE BLOG PAGE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 13.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 14.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
	background:#fff;
	padding-bottom: 40px;
	
}
.single_footer{}
@media only screen and (max-width:960px) { 
.single_footer{margin-bottom:40px;}
}
.single_footer img{margin-bottom:20px;width: 150px;}
.single_footer h4 {
	margin-top: 0;
	margin-bottom: 25px;
	font-weight: 700;
	text-transform: capitalize;
	font-size: 20px;
}
.single_footer p{margin-bottom:30px;}
.foot_social{}
@media only screen and (max-width:480px){
.foot_social{margin-bottom:30px;overflow: hidden;}
}
.foot_social ul{}
.foot_social ul li{float: left;}
.foot_social ul li a {
	background: #fff;
	text-align: center;
	border: 0px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-right: 5px;
	font-size: 16px;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 30px;
	box-shadow: 0 4px 5px -1px rgba(0,64,128,.1);
}
.foot_social ul li a:hover{color:#fff;}

.single_footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.single_footer ul li{}
.single_footer ul li a {
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	line-height: 36px;
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
}
.single_footer ul li a:before {
	content: "-";
	font-family: "LineAwesome";
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 20px;
	margin-right: 6px;
}
.single_footer ul li a:hover { color: #2c7aff; }
.foot_img{width:80% !important;}
@media only screen and (max-width:960px) { 
.foot_img{width:50% !important;}
}
@media only screen and (max-width:480px) { 
.foot_img{width:50% !important;}
}
.sf_contact{margin-bottom:30px;overflow: hidden;}
.sf_contact span {
	color: #2c7aff;
	font-size: 30px;
	float: left;
	margin-top: 5px;
	margin-right: 20px;
}
.sf_contact h3 {
	font-weight: 600;
	font-size: 18px;
	overflow: hidden;
	margin-bottom: 5px;
}
.sf_contact p {
	overflow: hidden;
	margin-bottom:0;
}
.fc {
	margin-top: 40px;
	/* background: #2b2a5e; */
	padding-top: 40px;
	border-top: 1px solid #e7e7e9;
}
.footer_copyright {float: left;}
@media only screen and (max-width:480px){
.footer_copyright {display:inline;}
}
.footer_copyright p{
text-align: center;
text-transform: capitalize;
} 
.footer_menu{float: right;}
@media only screen and (max-width:480px){
.footer_menu {
	float: left;
	margin-top: 20px;
}
}
.footer_menu ul{list-style:none;}
.footer_menu ul li{float:left;}
.footer_menu ul li a {
	padding: 0px 10px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.footer_menu ul li a:hover{
color:#2c7aff;
text-decoration: underline;
}
/*
* ----------------------------------------------------------------------------------------
* 14.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 15.START PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/
.part_bg {
	background: #fff;
	padding: 30px;
	border: 1px solid #e8e8e9;
	border-radius: 5px;
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
}
.partner_title {}
.partner_title h3 {
	font-weight: 600;
	font-size: 24px;
	line-height: 34px;
}
.partner_title h3 span{color:#2c7aff;}
.partner {margin-top: 20px;}
.partner a img {}
.partner.owl-theme .owl-controls {
  display: none !important;
}
/*
* ----------------------------------------------------------------------------------------
* 15.END PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 16.START SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
.section-top {
	background: linear-gradient(to left, rgb(228, 242, 254), rgb(255, 238, 254));
	padding-top: 150px;
	position: relative;
	padding-bottom: 120px;
}

.section-top-title {
	position: relative;
}
@media only screen and (max-width:480px) { 
    .section-top-title { width: 100% }
}
.section-top-title h1 {
	margin-bottom: 10px;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 50px;
}
.section-top-title ul {
	background:#fff;
	text-align: center;
	border: 2px solid #fff;
	padding: 10px 20px;
	width: 220px;
	margin: auto;
	border-radius: 10px;
	margin-top: 20px;
}
.section-top-title ul li {color: #1a2d62 !important;display: inline-block; }
.section-top-title ul li a { color: #2c7aff!important;font-weight: 600; }
.section-top-title ul li a:hover { color: #1a2d62!important }
/*
* ----------------------------------------------------------------------------------------
* 16.END SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 17.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.price_area {}
.pricing-content{position:relative;}
.pricing_design{
    position: relative;
}
@media only screen and (max-width:880px){
.pricing_design{margin-bottom:30px;}
}
.pricing_design .single-pricing{
    background:#ebecff;
    padding: 60px 40px;
    border-radius:30px;
    -webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
            box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
    position: relative;
    z-index: 1;
	text-align: center;
}
.pricing_design .single-pricing:before{
    content: "";
    background-color: #fff;
    width: 100%;
    height: 100%;
    border-radius: 18px 18px 190px 18px;
    border: 1px solid #ededed;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.price-head {
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
	text-align: center;
	padding: 20px;
	color:#fff;
	border-radius: 30px;
}
.ph_one{background:#1AB69D;}
.ph_two{background:#EE4A62;}
.ph_three{background:#8E56FF;}
.price-head h2 {
	color:#fff;
	font-size: 26px;
	font-weight: 600;
}
.price-head h1 {
	font-weight: 600;
	margin-top: 10px;
	color:#fff;
}
.price-head span{display: block;}
.upgrade_price {
	text-decoration: underline;
	font-weight: 700;
	margin-top: 5px;
	color: #2c7aff;
}
.single-pricing ul{list-style:none;margin-top: 30px;}
.single-pricing ul li {
	line-height: 44px;
}
.single-pricing ul li span {
	background:rgba(27,84,253,0.2);
	color: #2c7aff;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	margin-right: 6px;
	display: none;
}
.pricing-price{}

.price_btn {
	background: #2c7aff;
	padding: 10px 30px;
	color: #fff;
	display: inline-block;
	margin-top: 30px;
	border-radius: 2px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.price_btn:hover{background:#3f3eed;}
/*
* ----------------------------------------------------------------------------------------
* 17.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 18.START EVENT DESIGN
* ----------------------------------------------------------------------------------------
*/
.our-event {padding-bottom:50px;background: #edf4f7;}
.event-slide {
	position: relative;
	background:#fff;
	border-radius: 6px;
	margin-bottom: 30px;
	transition: 0.3s;
}
.es{
    position:relative;
   background:#fff;
	border: 1px solid #eee;
	border-radius:6px;
	margin-bottom:30px;
	padding: 30px;
	transition: 0.3s;
}
.event-slide:hover{
box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
}
.es:hover{
box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
}
@media only screen and (max-width:480px) { 
.event-slide {margin-bottom:30px;}
}
.event-slide-page{
margin:0px 0px;
margin-bottom:30px;
}
.event-slide .event-img{
    position: relative;
    overflow: hidden;
}
.event-slide .event-img img{
    width: 100%;
    height: auto;
}
.event-slide .event-date{
    position:absolute;
    top:10%;
    left:4%;
}
.event-slide .date{
    display: inline-block;
    border-radius: 3px 0 0 3px;
    padding: 5px 15px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    background:#1a2d62;
    float: left;
}
.event-slide .month{
    display: inline-block;
    border-radius: 0 3px 3px 0;
    padding: 5px 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    background: #2c7aff;
}
.event-slide .event-content{
    padding:30px;
	border: 1px solid #eee;
}
.event-content.ec_pd {
	padding: 0;
	border: 0;
	margin-top: 30px;
}
.event-content h3 a {
	color: #1a2d62;
	font-size: 20px;
	font-weight: 800;
	margin: 0 0 15px 0;
	text-transform: capitalize;
	display: block;
	line-height:30px;
	transition: 0.3s;
}
.event-content h3 a:hover{color: #2c7aff;}
.event-slide .event-content span i{
color:#2c7aff;
margin-right:8px;
}
.event-slide .event-content > span {
	color: #1a2d62;
	margin-bottom: 5px;
	display: inline-block;
	margin-right: 20px;
}
.event-slide .event-description{
margin-bottom: 20px;
}
.event-content p {}


/*START SINGLE EVENT DESIGN*/
.single_event_single{}
.single_event_single img {
	width: 100%;
}
.single_event_text_single{}

.single_event_text_single h4{
font-size: 36px;
font-weight: 700;
margin-bottom: 20px;
margin-top: 20px;
}
.single_event_text_single{}
.single_event_text_single span i{
color:#2c7aff;
margin-right:8px;
}
.single_event_text_single span {
	color: #333;
	margin-bottom: 5px;
	display: inline-block;
	margin-right: 20px;
}
.single_event_text_single p{margin-top:20px;}

.single_event_text_single_description{margin-top:30px;}
.single_event_text_single_description h3{
font-size: 36px;
font-weight: 700;
margin-bottom: 15px;
}
.single_event_text_single_description p{}
.event_info {
	border: 1px solid #eee;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.07);
	padding: 30px;
}
.event_info h3{
background: #2c7aff none repeat scroll 0 0;
color: #fff;
font-size: 26px;
font-weight: 800;
text-align: center;
padding: 20px;
}
.event_info ul{list-style: none;}
.event_info ul li{margin: 30px 0;}
.event_info ul i{
background: #2c7aff none repeat scroll 0 0;
border-radius: 30px;
color: #fff;
float: left;
font-size: 20px;
height: 45px;
line-height: 45px;
margin-right: 15px;
text-align: center;
width: 45px;
}
.event_info ul h4 {
	font-weight: 700;
	text-transform: capitalize;
	overflow: hidden;
	font-size: 22px;
}
.event_info ul li p{overflow: hidden;}

.event_info_price{}
.event_info_price h4{
background: #2c7aff none repeat scroll 0 0;
border-radius: 5px;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
color: #fff;
font-size: 24px;
font-weight: 800;
margin: 30px 0;
padding: 10px;
text-align: center;
}

.event_info_register a {
	width: 100%;
	text-align: center;
}
/*END SINGLE EVENT DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 18.END EVENT DESIGN
* ----------------------------------------------------------------------------------------
*/


/* ----------------------------------------------------------------------------------------
* 19.START FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/
.faq_area{padding-bottom:40px;background:#edf4f7;}
.accordion{margin-bottom:60px;}
.accordion-body {
	padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
	background: #fff;
}
.accordion-item {
	border: 1px solid #fff; 
	margin-bottom: 15px;
	background:#fff;
	background: none;
	margin-bottom: 20px;
	border-radius: 5px;
}

.accordion-header {
	background:#fff!important;
	padding: 7px 0;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.accordion-button {
	background:#fff!important;
	color: #1a2d62 !important;
	font-weight: 700;
	font-size:20px;
}
.accordion-button:not(.collapsed) {
	color:#1a2d62!important;
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
}
.accordion-button:focus{-webkit-box-shadow: none !important;box-shadow: none !important;}
.pt_faq{padding-left:50px;}
/* ----------------------------------------------------------------------------------------
* 19.END FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 20.START ERROR PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.error_page{}
.error_page h2 {
	font-weight: 800;
	margin: 30px 0;
	font-size: 50px;
}
.error_page p {
	margin-bottom: 40px;
	font-weight: 500;
	width: 50%;
	margin: auto;
	margin-bottom: 40px;
}
/*
* ----------------------------------------------------------------------------------------
* 20.END ERROR PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 21.START LOGIN AND REGISTER PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.login_register {
 background:#edf4f7;
}
.login_register_title {
	margin-bottom: 30px;
	margin-top: 0;
	text-align: center;
	text-transform: capitalize;
	font-size: 30px;
	font-weight: 899;
}
.login {
	background:#fff;
	overflow: hidden;
	padding: 30px;
}
.login input {
	margin-bottom: 30px;
	background: #fff;
	height: 55px;
}
.login input:focus{-webkit-box-shadow: none;box-shadow: none;outline:none;}
.register {
background:#fff;
	overflow: hidden;
	padding: 30px;
}
.register input{
margin-bottom:30px;
	background: #fff;
	height: 55px;
}
.register input:focus{-webkit-box-shadow: none;box-shadow: none;outline:none;}

.login label {
	margin-bottom: 5px;
	font-weight: 500;
}
.register label {
	margin-bottom: 5px;
	font-weight: 500;
}
.login button, .register button{border:none;width: 100%;}
.login p, .register p {
	color: #232434;
	font-weight: 600;
	text-align: center;
	margin-top: 15px;
}
.login p a, .register p a{color: #2c7aff;}
/*
* ----------------------------------------------------------------------------------------
* 21.END LOGIN AND REGISTER PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 22.START CONTACT PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact_area {
	background: #edf4f7;
}
.contact label {
	margin-bottom: 5px;
	font-weight: 700;
	color: #1a2d62;
}
.contact input {
	border-radius: 5px;
	box-shadow: none;
	/* color: rgb(26, 45, 98); */
	font-size: 16px;
	font-weight: 400;
	height: 70px;
	padding: 10px 10px 10px 30px;
	width: 100%;
	margin-bottom: 30px;
	background: #fff;
}
.contact textarea {
	border-radius: 0px;
	-webkit-box-shadow: none;
	        box-shadow: none;
	color: #1a2d62;
	font-size: 16px;
	font-weight: 400;
	padding: 10px 10px 10px 30px;
	width: 100%;
	margin-bottom:60px;
	background: #fff;
}
.contact input:focus {
background: #fff;
	border: 1px solid #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
    outline: 0 none;
	color: #1a2d62;
}
.contact textarea:focus {
background: #fff;
border: 1px solid #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
	color: #1a2d62;
}
.contact button{border:none;}
.contact button {
	padding-bottom: 50px;
	background: #edf4f7;
}
.address_area {
	background: #edf4f7;
}
.single_address {
	padding: 40px;
	border-radius:5px;
	background: #fff;
}
@media only screen and (max-width:480px) { 
    .single_address{margin-bottom:30px; }
}
.single_address i {
	font-size: 42px;
	margin-bottom: 20px;
	display: inline-block;
}
.single_address h4{
text-transform: capitalize;
margin-bottom: 20px;
font-weight: 700;
}
.single_address p{}
.map{}
.map iframe {
	width: 100%;
	background: #edf4f7;
	height: 600px;
	padding: 20px;
	margin-left: 30px;
	box-shadow: rgb(255, 255, 255) -4px -4px 4px 0px, rgba(121, 144, 161, 0.35) 3px 3px 6px 0px;
}
@media only screen and (max-width:880px) { 
.map iframe {margin-left:0px; }
}
/*
* ----------------------------------------------------------------------------------------
* 22.END CONTACT PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 23. START ABOUT PAGE & SINGLE USE CASE CSS
* ----------------------------------------------------------------------------------------
*/
.about-page{padding-bottom:50px;}
.ap-content{
padding:30px;
border:1px solid #ededed;
margin-bottom:30px;
}
.ap-content h1{
font-weight:700;
font-size:40px;
margin-bottom:20px;
}
.ap-content p{}
.ap-content a {
	color: #1a2d62;
}

.ss_case_one{
padding:30px;
border:1px solid #ededed;
margin-bottom:30px;
-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
        box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
overflow: hidden;
}
.ss_case_one img {
	float: left;
	margin-right: 30px;
	width: 300px;
}
.ss_case_one h2 {
	font-weight: 700;
	font-size: 46px;
	margin-bottom: 20px;
	overflow: hidden;
	padding-top: 50px;
}
.ss_case_one p{overflow: hidden;}

.ss_case_two{
padding:30px;
border:1px solid #ededed;
margin-bottom:30px;
-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
        box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
overflow: hidden;
}
.ss_case_two img{width: 300px;}
.ss_case_two h2{
margin-top: 50px;
font-weight:700;
font-size:46px;
margin-bottom:20px;
overflow: hidden;
}
.ss_case_two p{overflow: hidden;}
.ss_case_left {
	float: left;
	margin-right: 30px;
	width: 534px;
}
@media only screen and (max-width:768px) { 
.ss_case_left {
	margin-right:0px;
	margin-bottom:60px;
	width: 100%;
}
}
.ss_case_mr{margin-bottom: 250px;}

/*
* ----------------------------------------------------------------------------------------
* 23. END ABOUT PAGE & SINGLE USE CASE CSS
* ----------------------------------------------------------------------------------------
*/


/*24. START NEWSLETTER*/
.subs_form{}
.subs_form h3 {
	font-weight: 700;
	color: #fff;
	font-size: 40px;
	margin-bottom: 20px;
}
.subs_form p{color: #fff;}

.home_subs {
	display: block;
	position: relative;
	margin-top: 30px;
	width: 100%;
}
.home_subs button{border:none;}
.newsletter_area {
	background:#3C3387;
}
.subscribe__input {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 500px;
	color: #1a2d62;
	display: block;
	height: 70px;
	letter-spacing: 0.4px;
	margin: 0;
	padding: 0 60px 0 20px;
	text-transform: capitalize;
	width: 100%;
}
.subscribe__input:focus{
outline:0 none;
box-shadow:none;
border: 1px solid #2c7aff!important;
}
.subscribe__btn {
	background-color: #2c7aff;
	border-radius: 100px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 22px;
	height: 70px;
	position: absolute;
	right: 0;
	top: 0;
	width: 170px;
	transition:0.3s;
}
.subscribe__btn:hover {
background: #072032;
	color:#fff;
}
/*24. END NEWSLETTER*/

/*
* ----------------------------------------------------------------------------------------
* 24. START FREE COURSE+INSTRUCTOR CSS
* ----------------------------------------------------------------------------------------
*/
.insfreecourse {
	background:#edf4f7;
	padding-bottom:30px;
}
.single_ins {
	background: #fff;
	padding: 40px;
	overflow: hidden;
	margin-bottom: 50px;
	/* box-shadow: rgb(255, 255, 255) -4px -4px 4px 0px, rgba(121, 144, 161, 0.35) 3px 3px 6px 0px; */
}
.single_ins_content {
	float: left;
	width: 50%;
	margin-top: 30px;
}
@media only screen and (max-width:480px){
.single_ins_content {
	float: left;
	width: 100%;
	margin-bottom:30px;
}
}
.single_ins_content h4 {
	font-weight: 400;
	font-size: 18px;
	color: #2c7aff;
	text-transform: capitalize;
}
.single_ins_content h1 {
	font-weight: 600;
	margin-bottom: 20px;
}
.single_ins_content p{margin-bottom: 40px;}
.single_ins_img{}
.single_ins_img img {
	width: 50%;
}
/*START HOME 2 BECOME INSTRUCTOR*/
.insfreecourse2{
	padding-top:0px;
	padding-bottom:50px;
}
.single_ins2 {
	background:#FFF6C4;
	position: relative;
	padding: 80px 40px;
	overflow: hidden;
	margin-bottom: 30px;
	border-radius: 5px;
}
.si_bg{background:#e1f8ed;}
.single_ins_content2 {position: relative;}
.single_ins_content2 h4 {
	font-weight: 400;
	font-size: 18px;
	text-transform: capitalize;
}
.single_ins_content2 h1 {
	font-weight: 600;
	margin-bottom: 10px;
}
.single_ins_content2 p{margin-bottom: 40px;}

/*END HOME 2 BECOME INSTRUCTOR*/
/*
* ----------------------------------------------------------------------------------------
* 24. END FREE COURSE+INSTRUCTOR CSS
* ----------------------------------------------------------------------------------------
*/

/*START RANGE SLIDER*/
.rs-slider {
	position: relative;
	background: #fff;
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	padding: 30px;
	margin-bottom: 30px;
}
.rs-slider h4 {
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ededed;
}
	
.range-slider{
    padding: 10px 55px 10px 0;
    position: relative;
}
.range-slider input[type="range"]{
    background: transparent;
    width: 100%;
    height: 8px;
    outline: none;
    border: 2px solid #2c7aff;
    border-radius: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
}
.range-slider input[type="range"]::-webkit-slider-thumb{
    background: #2c7aff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.15s ease-in-out 0s;
    -webkit-appearance: none;
    appearance: none;
}
.range-slider input[type="range"]:active::-webkit-slider-thumb,
.range-slider input[type="range"]::-webkit-slider-thumb:hover{
    transform: rotate(45deg);
    border-radius: 50% 0 50% 50%;
}
.range-slider input[type="range"]:active::-webkit-slider-thumb{
    box-shadow: 0 0 0 5px #fff inset,0 0 5px #2c7aff;
}
.range-slider input[type="range"]::-moz-range-thumb{
    background: #2c7aff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    transition: all 0.15s ease-in-out 0s;
}
.range-slider input[type="range"]:active::-moz-range-thumb,
.range-slider input[type="range"]::-moz-range-thumb:hover{
    transform: rotate(45deg);
    border-radius: 50% 0 50% 50%;
}
.range-slider input[type="range"]:active::-moz-range-thumb{
    box-shadow: 0 0 0 5px #fff inset,0 0 5px #2c7aff;
}
.range-slider .range-value{
    color: #fff;
    background: #2c7aff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    width: 45px;
    padding: 7px 0;
    border-radius: 50%;
    box-shadow: 4px 4px 0 rgba(0,0,0,0.1);
    transform: translateY(50%);
    position: absolute;
    bottom: 50%;
    right: 0;
}
::-moz-range-track{
    background: transparent;
    border: 0;
}
/*END RANGE SLIDER*/


/*START SHOP CSS*/
.product_area_top{padding-bottom:50px;}
.product_item .mix{
	display: none;
}
.product_filter {
	margin-bottom: 10px;
}
.product_filter ul {
	margin: 0px 0 40px;
	padding: 0;
	list-style: none;
}
.product_filter ul li {
	font-weight: 500;
	text-transform: capitalize;
	display: inline-block;
	cursor: pointer;
	padding: 10px 22px;
	font-size: 16px;
	border: 1px solid transparent;
	transition: .5s;
	/* letter-spacing: 1px; */
	border-radius: 20px;
	margin: 0px;
	color: #1a2d62;
	line-height: 1;
	border: 1px solid #eee;
	margin: 0 10px;
}
.product_filter .filter.active {
	color: #fff;
	border-color: #2c7aff;
	background: #2c7aff;
	font-weight: 500;
}

.product-grid{
    text-align: center;
    padding: 0 0 72px;
    border: 1px solid rgba(0,0,0,0.1);
    overflow: hidden;
    position: relative;
    z-index: 1;
	margin-bottom: 30px;
}
.product-grid .product-image{
    position: relative;
    transition: all 0.3s ease 0s;
}
.product-grid .product-image a{ display: block; }
.product-grid .product-image img{
    width: 100%;
    height: auto;
}
.product-grid .pic-1{
    opacity: 1;
    transition: all 0.3s ease-out 0s;
}
.product-grid:hover .pic-1{ opacity: 1; }
.product-grid .pic-2{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease-out 0s;
}
.product-grid:hover .pic-2{ opacity: 1; }
.product-grid .social{
    width: 150px;
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    top: 60%;
    left: 50%;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.product-grid:hover .social{
    opacity: 1;
    top: 50%;
}
.product-grid .social li{ display: inline-block; }
.product-grid .social li a{
    color: #2c7aff;
    background-color: #fff;
    font-size: 16px;
    line-height: 43px;
    text-align: center;
    height: 40px;
    width: 40px;
    margin: 0 2px;
    display: block;
    position: relative;
    transition: all 0.3s ease-in-out;
	border-radius: 50%;
}
.product-grid .social li a:hover{
    color: #fff;
    background-color: #2c7aff;
}
.product-grid .social li a:before,
.product-grid .social li a:after{
    content: attr(data-tip);
    color: #fff;
    background-color: #000;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 1px 5px;
    white-space: nowrap;
    opacity: 0;
    transform:translateX(-50%);
    position: absolute;
    left: 50%;
    top: -30px;
}
.product-grid .social li a:after{
    content: '';
    height: 15px;
    width: 15px;
    border-radius: 0;
    transform:translateX(-50%) rotate(45deg);
    top: -20px;
    z-index: -1;
}
.product-grid .social li a:hover:before,
.product-grid .social li a:hover:after{
    opacity: 1;
}
.product-grid .product-new-label,
.product-grid .product-discount-label{
    color: #fff;
    background-color: #2c7aff;
    font-size: 12px;
    text-transform: uppercase;
    padding: 2px 10px;
    display: block;
    position: absolute;
    top: 13px;
    left: 13px;
	font-family: 'Poppins', sans-serif;
}
.product-grid .product-discount-label{
    background-color: #333;
    left: auto;
    right: 0;
}
.product-grid .rating{
	color: #fec42d;
	cursor: pointer;
    font-size: 13px;
    padding: 12px 0 0;
    margin: 0;
    list-style: none;
    position: relative;
    z-index: -1;
}
.product-grid .rating li.disable{ color: rgba(0,0,0,0.2); }
.product-grid .product-content{
    background-color: #fff;
    text-align: center;
    padding: 0px 0 5px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    z-index: 1;
    transition: all 0.3s;
}
.product-grid:hover .product-content{ bottom: 7px; }
.product-grid .title{
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    margin: 5px 0 0px;
    transition: all 0.3s ease 0s;
}
.product-grid .title a {
	color: #1a2d62;
	font-size: 18px;
	margin: 10px 0;
	display: block;
	font-weight: 500;
}
.product-grid .title a:hover{ color: #2c7aff; }
.product-grid:hover .title a{ color: #2c7aff; }
.product-grid .price {
    color:#333;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.6px;
    margin-bottom:3px;
    text-align: center;
    transition: all 0.3s;
}
.product-grid .price span {
    color: #999;
    font-size: 13px;
    font-weight: 400;
    text-decoration: line-through;
    margin-left: 3px;
    display: inline-block;
}
.product-grid .add-to-cart{
    color: #000;
    font-size: 13px;
    font-weight: 600;
}



/* -------- Product Details Page Css -------- */

.pd_title {
	color: #2c7aff;
	display: block;
	font-size: 18px;
	font-weight: 700;
	line-height: 12px;
	margin-bottom: 30px;
	text-transform: uppercase;
	width: 100%;
	transition:.5s;
}
.pd_title:hover {
	color: #000;
}
.pd_price_dtls {
	margin-bottom: 38px;
}
.pd_price{
	float:left;
}
.pd_ratng{
	float:right;
}
.pd_price .new {
	color: #303030;
	font-size: 18px;
	font-weight: 700;
	margin-right: 11px;
}
.pd_price span {
	line-height: 16px;
	display: block;
	font-weight: 500;
	float: left;
}
.pd_price .old {
	color: #909090;
	font-size: 14px;
	position: relative;
	padding: 0 5px 0 4px;
}
.pd_price .old::before {
	background: #909090;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 6px;
	width: 100%;
}
.pd_ratng .rtngs i {
	display: block;
	float: left;
	font-size: 15px;
	margin-right: 3px;
}
.pd_text {
	margin-bottom: 30px;
}
.pd_text h4 {
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 12px;
	text-transform: uppercase;
}
.pd_img_size {
	margin-bottom: 38px;
	overflow: hidden;
}
.pd_img_size h4 {
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 12px;
	text-transform: uppercase;
}
.pd_img_size a {
	border: 1px solid #eeeeee;
	color: #303030;
	display: block;
	float: left;
	height: 36px;
	line-height: 36px;
	margin-right: 10px;
	text-align: center;
	text-transform: uppercase;
	width: 36px;
	transition:.5s;
}
.pd_img_size a:hover {
	border: 1px solid #2c7aff;
	color: #2c7aff;
}
.pd_clr_qntty_dtls {
	margin-bottom: 40px;
}
.pd_clr {
	width: 50%;
	float:left;
}
.pd_clr h4 {
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 12px;
	text-transform: uppercase;
}
.pd_clr a.active {
	border: 6px solid #fff;
	outline: 1px solid #303030;
	outline-offset: -1px;
	overflow: hidden;
}
.pd_clr a {
	display: block;
	float: left;
	height: 36px;
	line-height: 36px;
	margin-right: 10px;
	text-indent: -999999px;
	width: 36px;
}
.pd_qntty_area {
	width: 50%;
	float:left;
}
.pd_qntty_area h4 {
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 12px;
	text-transform: uppercase;
}
.pd_qntty_area .pd_qty {
	border: 1px solid #ddd;
	width: auto;
	display: inline-block;
}
.pd_qntty_area .pd_qty input[type="number"] {
	background: transparent none repeat scroll 0 0;
	border-color: #ddd;
	border-style: solid;
	border-width: 0 1px 0 0;
	color: #303030;
	float: left;
	height: 35px;
	padding: 0 5px;
	text-align: center;
	width: 54px;
}
.pd_qntty_area .pd_qty .qttybtn.inc {
	margin-top: 5px;
}
.pd_qntty_area .pd_qty .qttybtn {
	cursor: pointer;
	display: block;
	overflow: hidden;
	text-align: center;
}
.pd_qntty_area .pd_qty .qttybtn i {
	display: block;
	line-height: 12px;
}
.pd_btn {
	margin-bottom: 38px;
}
.btn_icn {
	background: #fff;
	color: #2c7aff!important;
	border: 1px solid #2c7aff;
	padding: 8px 15px;
	margin-left: 10px;
	transition: .5s;
}
.btn_icn:hover {
	background: #2c7aff;
	color: #fff!important;
}
.pd_share_area h4 {
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 12px;
	text-transform: uppercase;
}
.pd_social_icon a {
	color: #606060;
	display: block;
	float: left;
	font-size: 20px;
	line-height: 32px;
	margin-right: 20px;
	transition:.5s;
}
.pd_social_icon a:hover {
	color: #2c7aff;
}
.prdct_dtls_content {
	margin-top: 40px;
}
.pd_tab_area{
	margin-top:30px;
	background: #fff none repeat scroll 0 0;
	border: 1px solid rgba(0,0,0,.02);
	box-shadow: 0 0 4px rgba(0,0,0,.02);
	display: block;
	padding: 31px 32px;
}
.pd_tab_area p{
	margin-bottom: 15px;
}
.pd_tab_area ul{
	display: inline-block;

}

.pd_tab_area li{
	padding: 5px 0;
	display: block;
	font-weight: 00;
}
.pd_tab_btn {
	margin-bottom: 10px;
	border: none;
}
.pd_tab_btn li {
	display: block;
	float: left;
	margin-right: 10px;
	padding-bottom: 11px;
	position: relative;
}
.pd_tab_btn li a {
	color: #000;
	display: block;
	font-weight: 400;
	text-transform: capitalize;
	padding: 7px 20px;
	border-radius: 20px;
	transition: .5s;
}
.pd_tab_btn li a.active{
	background: #2c7aff;
	color: #fff;
	box-shadow: 4px 3px 5px rgba(0,0,0,0.07);
}

.single_pd_tab {
	text-align: left;
}
.pda_rtng_area {
	margin-bottom: 20px;
}
.pda_rtng_area h4 {
	font-size: 18px;
	font-weight: 700;
	line-height: 14px;
	margin: 0 0 7px;
	color:#000;
}
.pda_rtng_area h4 span {
	color: #909090;
	font-size: 12px;
	font-weight: 400;
	line-height: 10px;
}
.pda_rtng_area > span {
	color: #909090;
	display: block;
	font-size: 12px;
	font-weight: 300;
	line-height: 10px;
}
.rtng_cmnt_area {
	margin-bottom: 40px;
}
.rtng_cmnt_area .single_rtng_cmnt {
	margin-bottom: 30px;
}
.rtngs {
	float: right;
	color: #fec42d;
}
.rtng_cmnt_area .single_rtng_cmnt .rtngs i {
	color: #fec42d;
	font-size: 16px;
}
.rtng_cmnt_area .single_rtng_cmnt .rtngs span {
	color: #909090;
}
.rtng_author {
	float: left;
}
.rtng_cmnt_area .single_rtng_cmnt .rtng_author h3 {
	color: #606060;
	float: left;
	font-size: 14px;
	font-weight: 600;
	margin: 0;
	line-height: 13px;
}
.rtng_cmnt_area .single_rtng_cmnt .rtng_author span {
	color: #909090;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: 300;
	line-height: 13px;
	margin-left: 15px;
}
.rtng_cmnt_area .single_rtng_cmnt p {
	display: block;
	overflow: hidden;
	width: 100%;
}
.rtng_cmnt_form_area h3 {
	font-size: 14px;
	margin: 0 0 30px;
	color: #000;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 12px;
}
.rcf_pdnglft {
	padding-left: 0;
}
.rp_title h3 {
	font-size: 18px;
	letter-spacing: 2px;
	line-height: 24px;
	margin: 0;
	position: relative;
	text-transform: uppercase;
	padding-bottom: 13px;
	color: #000;
	font-weight: 700;
	margin-bottom: 18px;
}


.related_prdct_area {
	padding: 50px 0;
}

.gray_section{
	background: #f9f9f9;
}
.acc_btn {
	background: #2c7aff;
	border: 1px solid transparent;
	border-radius: 0;
	color: #fff!important;
	padding: 8px 20px;
	transition:.5s;
	margin-top:10px;
	text-transform: capitalize;
	
}
.acc_btn:hover {
	background: #000;
	border: 1px solid transparent;
	color: #fff;
}
.input-area input {
	background: #f2f2f2;
	border: none;
	height: 52px;
	width: 100%;
	margin-bottom: 15px;
	padding: 20px;
}
.input-area textarea {
	background: #f2f2f2;
	border: none;
	width: 100%;
	margin-bottom: 15px;
	padding: 20px;
}
/*END SHOP CSS*/


.single_pro_list{
border:2px solid #ffffff;
box-shadow: 0px 30px 70px 0px rgba(8, 0, 42, 0.1);
padding:30px;
border-radius:30px;
margin-bottom:30px;
transition:0.3s;
}
.single_pro_list:hover{border:2px solid #5B33B6;}
.single_pro_list a{display: block;}
.single_pro_list img {
	width: 170px;
	margin-bottom: 20px;
}
.single_pro_list h4 {
	font-size: 22px;
	margin: 10px 0;
	font-weight: 500;
}
.single_pro_list span{color: #333;font-size: 14px;}

/*
* ----------------------------------------------------------------------------------------
* Pricing Table
* ----------------------------------------------------------------------------------------
*/
.pricing-area{background:#f4f4f4;}
.single-pricing-card {
  padding: 35px;
  margin-bottom: 25px;
   transition: all 0.3s ease 0s;
  background-color: #fff;
  border: 1px solid rgba(207, 217, 249, 0.5);
}
.single-pricing-card h3 {
	font-size: 24px;
	margin-bottom: 10px;
	font-weight: 500;
}
.single-pricing-card h1 {
  font-size: 40px;
  margin-top: 25px;
  margin-bottom: 30px;
}
.single-pricing-card h1 sub {
  font-size: 16px;
  font-weight: 400;
}
.single-pricing-card .list {
  margin-bottom: 40px;
}
.single-pricing-card .list li {
  position: relative;
  margin-bottom: 16px;
}
.single-pricing-card .list li i {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  margin-right: 10px;
  text-align: center;
  border-radius: 100%;
  display: inline-block;
  background-color: rgba(44,122,255,0.1);
}
.single-pricing-card .list li:last-child {
  margin-bottom: 0;
}
.single-pricing-card .demo {
  z-index: 1;
  width: 100%;
  padding: 16px 24px;
  padding-left: 48px;
  border-radius: 5px;
  position: relative;
  text-align: center;
  display: inline-block;
  transition: all 0.3s ease 0s;
  border: 1px solid #eee;
  font-size: 15px;
  font-weight: 600;
}
.single-pricing-card .demo i {
  top: 50%;
  width: 13px;
  height: 13px;
  content: "";
  font-size: 0;
  line-height: 13px;
  margin-left: -22px;
  position: absolute;
  border-radius: 100%;
  display: inline-block;
  background-color: #FF8408;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
}
.single-pricing-card .demo::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  border-radius: 5px;
  visibility: hidden;
 transition: all 0.3s ease 0s;
  background: linear-gradient(96deg, #6600FC 0%, #FA3988 51.56%, #FF8408 100%);
}
.single-pricing-card .default-btn {
  width: 100%;
  text-align: center;
  transition: var(--transition);
}
.single-pricing-card:hover {
  box-shadow: 0px 4px 20px 0px rgba(207, 217, 249, 0.35);
}

.footer .container{
    max-width: 1500px;
    margin: 0 auto;
}

.event-slider{
    position:relative;
    width:100%;
    height:280px;
    overflow:hidden;
    border-radius:10px;
}

.event-slide{
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    transition:0.8s;
}

.event-slide.active{
    opacity:1;
}

.event-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:10px;
}

.hero-slider{
    position: relative;
    width: 100%;
    height: 650px;
    overflow: hidden;
}

.hero-slider .slide{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.8s ease;
}

.hero-slider .slide.active{
    opacity: 1;
}

.hero-slider img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slider-btn{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.4);
    color: #fff;
    border: none;
    padding: 15px;
    cursor: pointer;
    font-size: 24px;
    z-index: 10;
}

.prev{
    left: 20px;
}

.next{
    right: 20px;
}

@media(max-width:768px){
    .hero-slider{
        height: 250px;
    }
}

.enquiry-form .form-control{
    height:55px;
    border-radius:8px;
    border:none;
    margin-bottom:15px;
    padding:10px 15px;
}

.btn-enquiry{
    background:#2d65f2;
    color:#fff;
    border:none;
    padding:14px 40px;
    border-radius:30px;
    font-weight:600;
    transition:0.3s;
}

.btn-enquiry:hover{
    background:#1A90D9;
}

.enquiry-form{
    margin-top:30px;
}

.enquiry-subject{
    height: 130px !important;
    resize: none;
    border-radius: 8px;
    padding: 15px;
}

.enquiry-form .form-control{
    height: 55px;
    border: none;
    border-radius: 8px;
}

textarea.enquiry-subject{
    height: 150px !important;
}

.leadership-section{
    background:#f8f6ff;
}

.leadership-card{
    display:flex;
    align-items:center;
    gap:50px;
    margin-bottom:80px;
}

.leadership-card.reverse{
    flex-direction:row-reverse;
}

.leader-image{
    flex:1;
    text-align:center;
}

.leader-image img{
    width:320px;
    height:320px;
    border-radius:50%;
    object-fit:cover;
    border:10px solid #fff;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.leader-content{
    flex:2;
    background:#fff;
    padding:40px;
    border-radius:30px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.leader-content h2{
    color:#3C3387;
    margin-bottom:20px;
}

.leader-btn{
    display:inline-block;
    margin-top:15px;
    background:#3C3387;
    color:#fff;
    padding:12px 30px;
    border-radius:30px;
    text-decoration:none;
}

.leader-btn:hover{
    background:#2d2768;
    color:#fff;
}

@media(max-width:991px){

    .leadership-card,
    .leadership-card.reverse{
        flex-direction:column;
        text-align:center;
    }

    .leader-image img{
        width:250px;
        height:250px;
    }
}
/* ===========================
   LEADERSHIP SECTION
=========================== */

.leadership-section{
    background:#f8f6ff;
    position:relative;
    overflow:hidden;
}

/* Heading */

.leadership-heading{
    margin-bottom:90px;
}

.leadership-heading span{
    font-size:42px;
    color:#9b84e8;
    font-family:cursive;
}

.leadership-heading h2{
    font-size:60px;
    font-weight:800;
    color:#222;
    margin-top:10px;
}

.leadership-heading h2 span{
    color:#4a3c96;
    font-size:60px;
    font-family:inherit;
}

.leadership-heading p{
    font-size:20px;
    color:#666;
}

/* Cards */

.leadership-card{
    position:relative;
    margin-bottom:100px;
    display:flex;
    align-items:center;
}

.leadership-card.reverse{
    flex-direction:row-reverse;
}

/* Photo */

.leader-photo{
    width:300px;
    position:relative;
    z-index:2;
}

.leader-photo img{
    width:280px;
    height:280px;
    border-radius:50%;
    object-fit:cover;
    border:12px solid #fff;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
}

/* Card */

.leader-content{
    flex:1;
    background:#fff;
    border-radius:40px;
    padding:50px 70px;
    margin-left:-70px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    position:relative;
}

.leadership-card.reverse .leader-content{
    margin-left:0;
    margin-right:-70px;
}

/* Titles */

.leader-content h3{
    color:#4a3c96;
    font-size:40px;
    margin-bottom:20px;
    font-family:cursive;
}

/* Quote */

.quote-icon{
    position:absolute;
    top:25px;
    right:40px;
    font-size:90px;
    color:#ede7ff;
    line-height:1;
}

/* Text */

.leader-content p{
    font-size:22px;
    line-height:1.8;
    color:#444;
    margin-bottom:25px;
}

/* Name Box */

.leader-info{
    display:inline-block;
    background:#4a3c96;
    color:#fff;
    padding:15px 30px;
    border-radius:40px;
}

.leader-info strong{
    display:block;
    font-size:18px;
}

.leader-info span{
    font-size:14px;
    opacity:.9;
}

/* Mobile */

@media(max-width:991px){

    .leadership-card,
    .leadership-card.reverse{
        flex-direction:column;
        text-align:center;
    }

    .leader-content{
        margin:0;
        margin-top:-50px;
        padding:70px 30px 30px;
    }

    .leader-photo img{
        width:220px;
        height:220px;
    }

    .leadership-heading h2{
        font-size:38px;
    }

    .leader-content h3{
        font-size:28px;
    }

    .leader-content p{
        font-size:17px;
    }
}

.leadership-card{
    position: relative;
    display: flex;
    align-items: center;
    margin: 80px 0;
}

.leadership-card.reverse{
    flex-direction: row-reverse;
}

.leader-photo{
    width: 280px;
    height: 280px;
    border-radius: 50%;
    overflow: hidden;
    border: 10px solid #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,.1);
    z-index: 2;
    flex-shrink: 0;
}

.leader-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.leader-content{
    flex:1;
    background:#fff;
    border-radius:40px;
    padding:60px 70px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    position:relative;
}

.leadership-card .leader-content{
    margin-left:-60px;
}

.leadership-card.reverse .leader-content{
    margin-left:0;
    margin-right:-60px;
}

#quick-enquiry{
	text-align: center;
	text-decoration:solid ;
	color: white;
	font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	font-weight: bolder;
	font-size: 40px;
}

#fill{
	text-align: center;
	color: white;
	font-size: 22px;
}

.leader-content{
    position:relative;
    overflow:visible;
}

.leaf-right{
    position:absolute;
    right:-80px;
    top:50%;
    transform:translateY(-50%);
    z-index:1;
}

.leaf-right img{
    width:120px;
    opacity:.6;
}

.leaf-left{
    position:absolute;
    left:-80px;
    top:50%;
    transform:translateY(-50%);
    z-index:1;
}

.leaf-left img{
    width:120px;
    opacity:.6;
}

#about{
	text-align: center;
	font-size: 60px;
	font-weight: bolder;
	font-style:normal;
	font-family: sans-serif;
	color:#1a4fc5;
}

#excellence{
	font-size: 20px;
}

/* ===================================
   HMCH ABOUT SECTION
=================================== */

.hmch-about{
    background:#f8f9ff;
}

.about-title{
    margin-bottom:60px;
}

.about-title span{
    color:#5142b6;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;
}

.about-title h2{
    font-size:54px;
    font-weight:700;
    margin:15px 0;
    color:#1a2d62;
}

.about-title p{
    font-size:18px;
    color:#666;
}

.about-content-box h3{
    font-size:32px;
    font-weight:700;
    margin-bottom:25px;
    color:#1a2d62;
}

.about-content-box p{
    margin-bottom:20px;
    line-height:32px;
    font-size:17px;
}

.about-campus-image{
    width:100%;
    overflow:hidden;
    border-radius:30px;
}

.campus-img{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    object-fit:contain;
    border-radius:30px;
}

@media (max-width:992px){

    .about-campus-image{
        margin-top:40px;
    }

    .about-campus-image img{
        aspect-ratio:16/11;
        border-radius:22px;
    }

}

@media (max-width:768px){

    .about-campus-image{
        margin-top:30px;
    }

    .about-campus-image img{
        aspect-ratio:auto;
        width:100%;
        height:auto;
        border-radius:18px;
    }

}

@media (max-width:480px){

    .about-campus-image{
        margin-top:20px;
    }

    .about-campus-image img{
        border-radius:14px;
    }

}



/* ===================================
   STATISTICS
=================================== */

.hmch-stats{
    padding:70px 0;
    background:#ffffff;
}

.stat-card{
    text-align:center;
    background:#fff;
    border-radius:20px;
    padding:40px 25px;
    box-shadow:0 10px 35px rgba(0,0,0,0.08);
    transition:.3s;
    margin-bottom:25px;
}

.stat-card:hover{
    transform:translateY(-8px);
}

.stat-card h2{
    font-size:48px;
    color:#5142b6;
    font-weight:700;
    margin-bottom:10px;
}

.stat-card p{
    color:#666;
    font-size:15px;
    line-height:24px;
}

.campus-facilities{
    background:#f8f9ff;
}

.facility-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    margin-bottom:30px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
}

.facility-card:hover{
    transform:translateY(-10px);
}

.facility-card img{
    width:100%;
    height:220px;
    object-fit:cover;
}

.facility-card h3{
    font-size:22px;
    font-weight:600;
    padding:20px 20px 10px;
}

.facility-card p{
    padding:0 20px 25px;
    line-height:28px;
}

/*====================================
    MISSION & VISION
====================================*/

.mission-vision{
    background:#f8f9ff;
}

.mission-vision .row{
    row-gap:30px;
}

.mv-card{
    background:#fff;
    border-radius:24px;
    padding:40px;
    height:100%;
    display:flex;
    align-items:flex-start;
    gap:25px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.3s;
}

.mv-card:hover{
    transform:translateY(-8px);
}

.mv-icon{
    width:90px;
    height:90px;
    min-width:90px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:34px;
    flex-shrink:0;
}

.mission-card .mv-icon{
    background:#0d6efd;
}

.vision-card .mv-icon{
    background:#10a64a;
}

.mv-content{
    flex:1;
}

.mv-card h2{
    color:#1a2d62;
    font-size:34px;
    font-weight:700;
    margin-bottom:15px;
}

.mv-card p{
    color:#555;
    font-size:17px;
    line-height:1.9;
    margin:0;
}
@media (max-width:768px){

    .mv-card{
        flex-direction:column;
        align-items:center;
        text-align:center;
        padding:25px 20px;
    }

    .mv-icon{
        width:70px;
        height:70px;
        min-width:70px;
        font-size:28px;
        margin-bottom:10px;
    }

    .mv-card h2{
        font-size:26px;
        margin-bottom:15px;
    }

    .mv-card p{
        font-size:16px;
        line-height:1.7;
    }

}

#Pre-clinical{
	font-size: 20px;
}

#clinical{
	font-size:16px ;
}

.nmc-section {
    padding: 50px 0;
    background: #f8f9fa;
}

.container {
    width: 90%;
    max-width: 1200px;
    margin: auto;
}

.section-title {
    font-size: 42px;
    font-weight: 700;
    color: #0a3d91;
    margin-bottom: 25px;
    position: relative;
}

.section-title::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #b9d7ff;
    margin-top: 10px;
}

.nmc-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.nmc-table tr {
    transition: all 0.3s ease;
}

.nmc-table td {
    border: 1px solid #d8d8d8;
    padding: 18px 20px;
    font-size: 18px;
    
}

.sr-no {
    width: 70px;
    text-align: center;
    font-weight: 700;
    color: #1f2d3d;
}

.nmc-table a {
    color: #448BB7;
    text-decoration: none;
    font-weight: 600;
}

.nmc-table tr:hover {
    background: #f1f8ff;
}

.nmc-table tr:hover a {
    color: #1a2d62;
}


.authority-section{
    max-width:1200px;
    margin:50px auto;
    padding:0 20px;
}

.authority-card{
    display:flex;
    gap:40px;
    align-items:center;
    background:#f5f8ff;
    padding:35px;
    border-radius:15px;
    margin-bottom:40px;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
}

.authority-image{
    flex:0 0 300px;
}

.authority-image img{
    width:100%;
    border-radius:15px;
    display:block;
}

.authority-content{
    flex:1;
}

.authority-content h2{
    color:#1d4ea5;
    font-size:38px;
    margin-bottom:10px;
}

.authority-content h3{
    color:#1d4ea5;
    font-size:28px;
    margin-bottom:20px;
}

.authority-content p{
    font-size:17px;
    line-height:1.8;
    color:#444;
    margin-bottom:25px;
}

.info-box{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.info-box span{
    background:#fff;
    padding:12px 15px;
    border-radius:8px;
    border-left:4px solid #1d4ea5;
    box-shadow:0 2px 8px rgba(0,0,0,0.05);
}

@media(max-width:768px){

    .authority-card{
        flex-direction:column;
        text-align:center;
    }

    .authority-image{
        flex:unset;
        width:250px;
    }

    .info-box{
        grid-template-columns:1fr;
    }

    .authority-content h2{
        font-size:30px;
    }

    .authority-content h3{
        font-size:24px;
    }
}

/* Mega Menu */

.mega-dropdown {
    position: relative;
}

.mega-menu {
    position: absolute;
    top: 100%;
    left: -250px;
    width: 1300px;

    background: #fff;
    border-radius: 12px;

    box-shadow: 0 10px 30px rgba(0,0,0,0.12);

    display: flex;
    justify-content: space-between;

    padding: 25px;

    opacity: 0;
    visibility: hidden;

    transform: translateY(15px);
    transition: all 0.3s ease;

    z-index: 999;
}

.mega-dropdown:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.mega-column {
    width: 30%;
}

.mega-column h3 {
    color: #233f94;
    font-size: 30px;
    margin-bottom: 15px;
    border-bottom: 2px solid #e5e7eb;
    padding-bottom: 10px;
}

.mega-column a {
    display: block;
    text-decoration: none;
    color: #444;
    padding: 5px 0;
    transition: 0.3s;
}

.mega-column a:hover {
    color: #233f94;
    padding-left: 10px;
}



.leadership-section{
    background: linear-gradient(
        135deg,
        #f8f7ff,
        #eef1ff
    );

    /* padding:100px 0; */
}

/* CARD */

.leader-card{
    position:relative;

    display:flex;
    align-items:center;

    max-width:1200px;
    margin:0 auto 80px;

    background:#fff;

    border-radius:90px;

    min-height:380px;

    box-shadow:
    0 15px 45px rgba(0,0,0,.08);

    overflow:visible;
}

/* IMAGE */

.leader-image{
    width:320px;
    min-width:320px;

    display:flex;
    justify-content:center;
    align-items:center;

    margin-left:-70px;

    z-index:10;
}

.leader-image img{
    width:280px;
    height:280px;

    border-radius:50%;

    object-fit:cover;

    border:12px solid #fff;

    box-shadow:
    0 15px 40px rgba(0,0,0,.12);
}

/* CONTENT */

.leader-content{
    flex:1;

    padding:50px 80px 50px 30px;
}

.leader-content h2{
    color:#4435b0;

    font-size:48px;

    font-weight:700;

    margin-bottom:25px;
}

.leader-content p{
    font-size:22px;

    line-height:1.9;

    color:#333;
}

/* NAME BOX */

.leader-info{
    display:inline-block;

    margin-top:30px;

    background:
    linear-gradient(
        135deg,
        #4d3ac8,
        #5e46d5
    );

    padding:18px 35px;

    border-radius:50px;

    color:#fff;
}

.leader-info h4{
    margin:0;

    color:#fff;

    font-size:26px;
}

.leader-info span{
    font-size:16px;
}

/* QUOTE */

.quote-icon{
    position:absolute;

    top:45px;
    right:60px;

    font-size:60px;

    color:#ddd0ff;
}

/* REVERSE CARD */

.reverse-card{
    flex-direction:row;
}

.reverse-card .leader-image{
    margin-left:0;
    margin-right:-70px;
}

.reverse-card .leader-content{
    padding:50px 30px 50px 80px;
}

.reverse-card .quote-icon{
    left:60px;
    right:auto;
}

/* TESTIMONIAL SECTION */
.testimonial-section{
    padding:25px;
    background:#3C3387; /* Exact blue-violet color */
    position:relative;
    overflow:hidden;
}

.testimonial-section .section-title h4{
    color:#ffffff;
    font-size:18px;
    letter-spacing:2px;
    text-transform:uppercase;
}

.testimonial-section .section-title h1{
    color:#ffffff;
    font-size:56px;
    font-weight:700;
    margin-bottom:20px;
}

.testimonial-section .section-title p{
    color:rgba(255,255,255,0.85);
    font-size:18px;
    width:60%;
    margin:auto;
    line-height:1.8;
}

.testimonial-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:60px;
}

.testimonial-card{
    background:#ffffff;
    border-radius:20px;
    padding:10px;
    box-shadow:0 10px 30px rgba(0,0,0,0.12);
    transition:0.4s ease;
}

.testimonial-card:hover{
    transform:translateY(-8px);
}

.quote-icon{
    font-size:55px;
    color:#3C3387;
    margin-bottom:20px;
}

.testimonial-card p{
    font-size:15px;
    line-height:1.2;
    color:#444;
    margin-bottom:30px;
}

.testimonial-user{
    display:flex;
    align-items:center;
    border-top:1px solid #e8e8e8;
    padding-top:25px;
}

.testimonial-user img{
    width:70px;
    height:70px;
    border-radius:50%;
    object-fit:cover;
    margin-right:15px;
}

.testimonial-user h4{
    color:#3C3387;
    font-weight:700;
    margin-bottom:5px;
}

.testimonial-user span{
    color:#666;
}

.rating{
    margin-top:8px;
    color:#3C3387;
}

@media(max-width:991px){
    .testimonial-grid{
        grid-template-columns:1fr;
    }

    .testimonial-section .section-title p{
        width:90%;
    }

    .testimonial-section .section-title h1{
        font-size:42px;
    }
}


.explore-more{
    position:absolute;
    bottom:-25px;
    left:50%;
    transform:translateX(-50%);
    z-index:10;
}

.explore-more a{
    display:flex;
    align-items:center;
    gap:10px;
    background:#0066cc;
    color:#fff;
    text-decoration:none;
    padding:14px 28px;
    border-radius:50px;
    font-weight:600;
    font-size:16px;
    box-shadow:0 10px 25px rgba(0,0,0,0.2);
    transition:all 0.3s ease;
}

.explore-more a span{
    font-size:20px;
    transition:transform 0.3s ease;
}

.explore-more a:hover{
    transform:translateY(-4px);
    color:#fff;
    box-shadow:0 15px 35px rgba(0,0,0,0.25);
}

.explore-more a:hover span{
    transform:translateX(6px);
}

.explore-more{
    position:absolute;
    bottom:-30px;
    right:60px;
}


/* ==========================
   HI-TECH NEWS SECTION
========================== */

.hitech-news-section{
    padding:100px 0;
    background:#f4f6fb;
}

.hitech-news-section .section-title h4{
    color:#3C3387;
    font-weight:600;
    letter-spacing:2px;
}

.hitech-news-section .section-title h1{
    color:#1a2d62;
    font-size:55px;
    margin-bottom:15px;
    font-weight:700;
}

.hitech-news-section .section-title p{
    max-width:750px;
    margin:auto;
    color:#666;
    font-size:18px;
}

.news-slide{
    display:flex;
    align-items:center;
    background:#fff;
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.news-image{
    width:55%;
}

.news-image img{
    width:100%;
    height:520px;
    object-fit:cover;
}

.news-content{
    width:45%;
    padding:50px;
}

.news-date{
    color:#3C3387;
    font-size:16px;
    font-weight:600;
    display:block;
    margin-bottom:25px;
}

.news-content h2{
    font-size:42px;
    font-weight:700;
    color:#1a2d62;
    margin-bottom:25px;
}

.news-content p{
    font-size:18px;
    line-height:1.9;
    color:#555;
    margin-bottom:35px;
}

.news-btn{
    background:#3C3387;
    color:#fff;
    padding:14px 35px;
    border-radius:50px;
    display:inline-block;
    font-weight:600;
}

.news-btn:hover{
    color:#fff;
    background:#5147b7;
}

.view-all-news{
    text-align:center;
    margin-top:40px;
}

.view-all-news a{
    border:2px solid #3C3387;
    color:#3C3387;
    padding:15px 40px;
    border-radius:50px;
    font-weight:600;
    display:inline-block;
}

.view-all-news a:hover{
    background:#3C3387;
    color:#fff;
}

.hitech-news-slider .owl-nav button{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:60px;
    height:60px;
    border-radius:50%!important;
    background:#fff!important;
    box-shadow:0 5px 20px rgba(0,0,0,.1);
    color:#3C3387!important;
    font-size:28px!important;
}

.hitech-news-slider .owl-prev{
    left:-30px;
}

.hitech-news-slider .owl-next{
    right:-30px;
}

.hitech-news-slider .owl-dots{
    margin-top:25px;
    text-align:center;
}

/* =====================
   STATISTICS SECTION
===================== */

.stats-section{
    padding:60px 0;
    background:#f5f7fb;
}

.stats-box{
    background:linear-gradient(
        135deg,
        #214ea8 0%,
        #2d61c7 60%,
        #3972d9 100%
    );
    border-radius:20px;
    padding:55px 40px;
    display:flex;
    justify-content:space-around;
    align-items:center;
    position:relative;
    overflow:hidden;
}

/* Optional network pattern */
.stats-box::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:40%;
    height:100%;
    background:url('assets/images/network-pattern.png');
    background-size:cover;
    opacity:0.15;
}

.stat-item{
    text-align:center;
    position:relative;
    z-index:2;
}

.stat-item h2{
    color:#ffffff;
    font-size:70px;
    font-weight:300;
    margin-bottom:10px;
    line-height:1;
}

.stat-item p{
    color:rgba(255,255,255,0.9);
    font-size:24px;
    margin:0;
}

@media(max-width:991px){

    .stats-box{
        flex-wrap:wrap;
        gap:40px;
    }

    .stat-item{
        width:45%;
    }

    .stat-item h2{
        font-size:50px;
    }

    .stat-item p{
        font-size:18px;
    }
}

@media(max-width:576px){

    .stats-box{
        flex-direction:column;
    }

    .stat-item{
        width:100%;
    }
}

/* COURSE HIGHLIGHTS SECTION */

.course-highlight-card{
    display:flex;
    align-items:center;
    gap: 18px;
    padding:22px 25px;
    border-radius:20px;
    margin-bottom:15px;
    text-decoration:none;
    transition:0.4s ease;
    position:relative;
    overflow:hidden;
    border:1px solid #e8eef7;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.course-highlight-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,0.12);
}

.ug-card{
    background:linear-gradient(135deg,#eef5ff,#f8fbff);
}

.pg-card{
    background:linear-gradient(135deg,#eefaf7,#f8fffd);
}

.course-icon{
    width:120px;
    height:120px;
    min-width:120px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.course-icon i{
    font-size:48px;
    color:#2c7aff;
}

.pg-card .course-icon i{
    color:#00a86b;
}

.course-content-box{
    flex:1;
}

.course-content-box h2{
    font-size:34px;
    font-weight:700;
    color:#1a2d62;
    margin-bottom:18px;
}

.course-content-box ul{
    padding:0;
    margin:0 0 20px 0;
}

.course-content-box ul li{
    list-style:none;
    margin-bottom:12px;
    color:#444;
    font-size:16px;
    position:relative;
    padding-left:28px;
}

.course-content-box ul li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#2c7aff;
    font-weight:700;
}

.pg-card ul li::before{
    color:#00a86b;
}

.explore-link{
    font-size:18px;
    font-weight:600;
    color:#2c7aff;
}

.pg-card .explore-link{
    color:#00a86b;
}

.card-arrow{
    font-size:28px;
    color:#1a2d62;
}

@media(max-width:991px){

    .course-highlight-card{
        flex-direction:column;
        text-align:center;
    }

    .course-content-box h2{
        font-size:28px;
    }

    .course-content-box ul li{
        padding-left:0;
    }

    .course-content-box ul li::before{
        display:none;
    }
}


/* Welcome Section */

.welcome-section{
    background: #43388E;
    padding: 70px 0;
}

.welcome-card{
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(10px);
    border-radius: 25px;
    padding: 50px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
}

.welcome-card h2{
    text-align:center;
    color:#ffffff;
    font-size:42px;
    font-weight:700;
    margin-bottom:35px;
}

.welcome-card p{
    color:rgba(255,255,255,0.95);
    font-size:17px;
    line-height:34px;
    text-align:justify;
    margin-bottom:18px;
}

@media(max-width:768px){

    .welcome-card{
        padding:30px;
    }

    .welcome-card h2{
        font-size:28px;
    }

    .welcome-card p{
        font-size:15px;
        line-height:28px;
    }
}

.chairman-banner-section{
    padding:60px 0;
}

.chairman-banner{
    width: 1200px;
    width: 900;
    margin: auto;
}

.chairman-banner img{
   width: 115%;
    margin-left: -60px;
}

.chairman-text{
    position:absolute;
    top:30%;
left:50%;
width:64%;
right: 300px;
}

.chairman-text h2{
    font-size:42px;
    font-weight:700;
    color:#43388E;
    margin-bottom:15px;
}

.chairman-text p{
    font-size:15px;
    line-height:1.8;
    color:#333;
    margin-bottom:15px;
}

.chairman-name{
    margin-top:30px;
}

.chairman-name h4{
    color:#fff;
    font-size:24px;
    font-weight:700;
    margin-bottom:5px;
}

.chairman-name span{
    color:#fff;
    font-size:18px;
}

#chairman-msg{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

.doctor-image-wrapper{
    text-align:right;
    position:relative;
}

.doctor-image{
    max-width:100%;
    height:auto;
    max-height:700px;
    object-fit:contain;
}

/* Desktop */
@media (min-width:992px){

    .doctor-image{
        width:85%;
    }

    .course-highlight-card{
        margin-bottom:25px;
    }
}

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

    .doctor-image-wrapper{
        text-align:center;
        margin-bottom:40px;
    }

    .doctor-image{
        width:70%;
    }
}
.chairman-banner-img{
    width: 100%;
    max-width: 1500px;
    height: 500px;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}
.leadership-banner img{
    width:90%;
    max-width:1200px;
    height:auto;
    
    display:block;
}

.department-section{
    background:#f8f9fc;
}

.title-divider{
    width:80px;
    height:4px;
    background:#0d6efd;
    border-radius:10px;
}

.department-card{
    background:#fff;
    padding:30px;
    border-radius:20px;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.department-card h3{
    color:#0d6efd;
    margin-bottom:15px;
    font-weight:700;
}

.department-card ul{
    padding-left:20px;
}

.department-card li{
    margin-bottom:8px;
}

.speciality-card{
    background:#fff;
    border-radius:12px;
    padding:25px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    height:100%;
    transition:.3s;
}

.speciality-card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 30px rgba(0,0,0,.12);
}

.speciality-card ul{
    list-style:none;
    margin:0;
    padding:0;
}

.speciality-card ul li{
    padding:12px 0;
    border-bottom:1px solid #ececec;
    font-size:16px;
    font-weight:500;
    color:#333;
    display:flex;
    align-items:center;
}

.speciality-card ul li:last-child{
    border-bottom:none;
}

.speciality-card ul li i{
    color:#0d6efd;
    margin-right:12px;
    font-size:18px;
}

.key-features{
    background:#f8fbff;
}

.feature-box{
    background:#fff;
    border-radius:12px;
    padding:30px 20px;
    text-align:center;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;
    height:100%;
    border-top:4px solid #0056b3;
}

.feature-box:hover{
    transform:translateY(-8px);
    box-shadow:0 12px 30px rgba(0,0,0,.15);
}

.feature-box i{
    font-size:42px;
    color:#0056b3;
    margin-bottom:18px;
}

.feature-box h5{
    font-size:17px;
    font-weight:600;
    color:#222;
    line-height:1.5;
}

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

/* .section-title p{
    color:#666;
    max-width:700px;
    margin:auto;
} */

.facility-box{
    height:100%;
    background:#fff;
    padding:25px;
    border-radius:18px;
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
    transition:.3s;
}

.facility-box:hover{
    transform:translateY(-5px);
}

.facility-box h4{
    color:#0d6efd;
    margin-bottom:12px;
    font-weight:600;
}

.faculty-section{
    background:#fff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
}


.faculty-section{
    background:#f8f9fc;
}

.section-title h2{
    font-weight:700;
    color:#1a237e;
}

.title-divider{
    width:80px;
    height:4px;
    background:#0d6efd;
    border-radius:10px;
}

.faculty-table{
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.faculty-table thead{
    background:#1a237e;
    color:#fff;
}

.faculty-table th{
    padding:15px;
    text-align:center;
    vertical-align:middle;
}

.faculty-table td{
    padding:12px;
    text-align:center;
    vertical-align:middle;
}

.faculty-table tbody tr:nth-child(even){
    background:#f7f9fc;
}

.faculty-table tbody tr:hover{
    background:#eef4ff;
}
/* ===== PHYSIOLOGY PAGE ===== */

.physiology-section{
    background: linear-gradient(180deg,#f8f9fc 0%,#ffffff 100%);
    padding:80px 0;
}

.dept-header{
    text-align:center;
    margin-bottom:50px;
}

.dept-header h2{
    color:#0d2d62;
    font-size:42px;
    font-weight:700;
    margin-bottom:10px;
}

.dept-header p{
    color:#6c757d;
    font-size:18px;
}

.title-line{
    width:80px;
    height:4px;
    background:#0d6efd;
    margin:15px auto;
    border-radius:20px;
}

.dept-card{
    background:#fff;
    border-radius:25px;
    padding:35px;
    margin-bottom:30px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.dept-card h3{
    color:#0d2d62;
    margin-bottom:20px;
    font-weight:600;
}

.facility-card{
    background:#fff;
    border-radius:20px;
    padding:30px;
    height:100%;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    transition:.3s;
}

.facility-card:hover{
    transform:translateY(-6px);
}

.facility-card h4{
    color:#0d6efd;
    margin-bottom:15px;
}

.faculty-table{
    overflow:hidden;
    border-radius:20px;
}

.faculty-table thead{
    background:#0d2d62;
    color:#fff;
}

.faculty-table th{
    padding:15px;
    text-align:center;
}

.faculty-table td{
    padding:12px;
    text-align:center;
    vertical-align:middle;
}

.faculty-table tbody tr:nth-child(even){
    background:#f8f9fc;
}

.faculty-table tbody tr:hover{
    background:#eef4ff;
}

/* =========================
   MOBILE FIX FOR NEWS SECTION
========================= */
@media screen and (max-width: 768px) {

    .news-slide{
        display:flex !important;
        flex-direction:column !important;
        width:100% !important;
        overflow:hidden;
    }

    .news-image{
        width:100% !important;
        flex:0 0 100% !important;
    }

    .news-image img{
        width:100% !important;
        height:220px !important;
        object-fit:cover;
        display:block;
    }

    .news-content{
        width:100% !important;
        flex:0 0 100% !important;
        padding:25px !important;
    }

    .news-content h2{
        font-size:28px !important;
        line-height:1.3 !important;
        margin-bottom:15px;
    }

    .news-content p{
        font-size:15px !important;
        line-height:1.7 !important;
    }

    .news-btn{
        display:inline-block;
        margin-top:15px;
    }
}

.course-content{
    background:#fff;
    padding:40px;
}

.course-title{
    /* font-size:56px; */
    font-weight:800;
    color:#1d4ea8;
    margin-bottom:35px;
    text-transform:capitalize;
}

.seat-matrix-table{
    border:1px solid #d8dfea;
    margin-bottom:0;
}

.seat-matrix-table thead th{
    background:#f8f9fc;
    color:#1e293b;
    font-size:22px;
    font-weight:700;
    padding:18px 24px;
    border:1px solid #d8dfea;
}

.seat-matrix-table tbody td{
    padding:20px 24px;
    font-size:18px;
    color:#334155;
    border:1px solid #e2e8f0;
    vertical-align:middle;
}

.seat-matrix-table tbody tr:hover{
    background:#f8fbff;
}

.seat-matrix-table tbody td:first-child{
    font-weight:600;
    color:#1e293b;
}

@media(max-width:768px){

    .course-content{
        padding:20px;
    }

    .course-title{
        font-size:34px;
    }

    .seat-matrix-table thead th,
    .seat-matrix-table tbody td{
        padding:14px;
        font-size:15px;
    }
}

#image_size{
    width: 1180px;
}

.dept-card{
    height:100%;
    border-radius:20px;
}

.dept-card h3{
    margin-bottom:20px;
    border-bottom:2px solid #e5e7eb;
    padding-bottom:12px;
}

.dept-card table{
    margin-bottom:0;
}

.dept-card table td{
    padding:12px 0;
    border-top:1px solid #eef2f7;
}

.dept-card table td:last-child{
    text-align:right;
    color:#0b4ea2;
}

.pg-category-card{
    display:flex;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.pg-category-title{
    width:220px;
    min-width:220px;
    background:linear-gradient(135deg,#1d4ed8,#4338ca);
    color:#fff;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:30px;
    text-align:center;
}

.pg-category-title.purple{
    background:linear-gradient(135deg,#7c3aed,#9333ea);
}

.pg-category-title i{
    font-size:40px;
    margin-bottom:15px;
}

.pg-category-title h3{
    color:#fff;
    margin:0;
    font-size:32px;
    font-weight:700;
}

.pg-category-content{
    flex:1;
    padding:25px 35px;
}

.pg-category-content .table{
    margin-bottom:0;
}

.pg-category-content .table th{
    color:#0b4ea2;
    font-weight:700;
    border-top:none;
}

.pg-category-content .table td{
    padding:14px 10px;
    vertical-align:middle;
}

.pg-category-content .table td:last-child{
    text-align:right;
    color:#0b4ea2;
    font-size:22px;
    font-weight:700;
}

@media(max-width:991px){

    .pg-category-card{
        flex-direction:column;
    }

    .pg-category-title{
        width:100%;
        min-width:100%;
        padding:25px;
    }

    .pg-category-title h3{
        font-size:26px;
    }

    .pg-category-content{
        padding:20px;
    }
}
/.pg-seat-section{
    padding:80px 0;
    background:#f7f9fc;
}

.section-title h2{
    font-size:52px;
    font-weight:700;
    color:#0b3b83;
}

.title-line{
    width:70px;
    height:4px;
    background:#2d6cff;
    margin:12px auto 35px;
    border-radius:10px;
}

.seat-alert{
    background:#eaf3ff;
    border:1px solid #cfe1ff;
    padding:18px 25px;
    border-radius:10px;
    margin-bottom:30px;
    font-size:20px;
}

.seat-alert i{
    color:#2d6cff;
    margin-right:10px;
}

.seat-card{
    display:flex;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    margin-bottom:25px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.seat-category{
    width:220px;
    color:#fff;
    text-align:center;
    padding:40px 20px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
}

.pre-clinical{
    background:linear-gradient(180deg,#2f5cff,#3046d6);
}

.para-clinical{
    background:linear-gradient(180deg,#a04eff,#7b2cff);
}

.clinical{
    background:linear-gradient(180deg,#3046d6,#4739df);
}

.seat-icon{
    font-size:48px;
    margin-bottom:25px;
}

.seat-category h3{
    color:#fff;
    font-size:42px;
    line-height:1.1;
    margin:0;
    font-weight:700;
}

.seat-content{
    flex:1;
    padding:25px 35px;
}

.seat-content table{
    width:100%;
}

.seat-content thead th{
    color:#0b4ea2;
    font-size:22px;
    padding-bottom:15px;
}

.seat-content tbody td{
    padding:16px 10px;
    border-top:1px solid #e5eaf3;
    font-size:22px;
}

.seat-content tbody td:last-child{
    text-align:right;
    color:#0b4ea2;
    font-weight:700;
}

@media(max-width:991px){

    .seat-card{
        flex-direction:column;
    }

    .seat-category{
        width:100%;
    }

    .section-title h2{
        font-size:34px;
    }

    .seat-category h3{
        font-size:32px;
    }

    .seat-content{
        padding:20px;
    }

    .seat-content tbody td{
        font-size:16px;
    }
}


/*===============================
Departments
================================*/

.departments-section{

    width:90%;
    max-width:1200px;
    margin:70px auto;
}

.section-title{

    text-align:center;
    margin-bottom:60px;
}

.section-title h2{

    font-size:48px;
    font-weight:700;
    color:#0d2d73;
    margin-bottom:15px;
}

.section-title span{

    width:90px;
    height:6px;
    background:#0d5cff;
    display:inline-block;
    border-radius:20px;
    position:relative;
}

.section-title span:after{

    content:'';
    width:10px;
    height:10px;
    background:#0d5cff;
    border-radius:50%;
    position:absolute;
    right:-18px;
    top:-2px;
}

/*==============================*/

.dept-card{

    display:flex;
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    margin-bottom:35px;
    box-shadow:0 12px 40px rgba(0,0,0,.08);
}

/*==============================*/

.dept-left{

    width:240px;
    min-width:240px;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    color:#fff;
    padding:45px 20px;
}

.preclinical{

    background:linear-gradient(180deg,#1b46ff,#2a46d9);
}

.paraclinical{

    background:linear-gradient(180deg,#8d37ff,#5f2dff);
}

.clinical{

    background:linear-gradient(180deg,#3049ff,#3242cb);
}

.dept-left i{

    font-size:58px;
    margin-bottom:25px;
}

.dept-left h3{

    font-size:30px;
    line-height:1.2;
    text-align:center;
    font-weight:700;
}

/*==============================*/

.dept-right{

    flex:1;
    padding:35px 40px;
}

.dept-right h4{

    color:#1548db;
    font-size:26px;
    font-weight:700;
    margin-bottom:20px;
    border-bottom:2px solid #edf1ff;
    padding-bottom:15px;
}

.dept-right ul{

    list-style:none;
    margin:0;
    padding:0;
}

.dept-right li{

    border-bottom:1px solid #ececec;
}

.dept-right li:last-child{

    border-bottom:none;
}

.dept-right a{

    display:flex;
    align-items:center;
    padding:18px 0;
    text-decoration:none;
    color:#222;
    font-size:22px;
    transition:.3s;
}

.dept-right a:before{

    content:"❯";
    color:#2357ff;
    margin-right:18px;
    font-size:15px;
    transition:.3s;
}

.dept-right a:hover{

    color:#1d4ed8;
    padding-left:12px;
}

.dept-right a:hover:before{

    margin-right:22px;
}

/*==============================
Responsive
==============================*/

@media(max-width:991px){

.dept-card{

    flex-direction:column;
}

.dept-left{

    width:100%;
    min-width:100%;
    padding:35px;
}

.dept-right{

    padding:30px;
}

.section-title h2{

    font-size:38px;
}

.dept-right a{

    font-size:18px;
}

}

@media(max-width:576px){

.departments-section{

    width:95%;
}

.dept-left i{

    font-size:42px;
}

.dept-left h3{

    font-size:24px;
}

.dept-right{

    padding:20px;
}

.dept-right h4{

    font-size:22px;
}

.dept-right a{

    font-size:16px;
    padding:15px 0;
}

.section-title h2{

    font-size:30px;
}

}
#cll{
    color: white;
}

/*=========================
GENERAL
=========================*/

.mbbs-hero,
.course-highlights,
.overview-section{

    width:90%;
    max-width:1300px;
    margin:80px auto;

}

.section-heading{

    text-align:center;
    margin-bottom:50px;

}

.section-heading h2{

    font-size:38px;
    color:#0b3a82;
    margin-bottom:10px;

}

.section-heading p{

    color:#666;

}


/*=========================
HERO
=========================*/

.mbbs-hero{

    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:60px;

}

.course-tag{

    display:inline-block;
    background:#e8f0ff;
    color:#0b57d0;
    padding:10px 22px;
    border-radius:40px;
    font-weight:600;

}

.course-tag i{

    margin-right:8px;

}

.mbbs-hero h1{

    font-size:52px;
    color:#0b2f6b;
    margin:25px 0;

}

.intake-badge{

    display:inline-block;
    background:#0b57d0;
    color:#fff;
    padding:14px 24px;
    border-radius:50px;
    margin-bottom:25px;
    font-weight:600;

}

.mbbs-hero p{

    color:#555;
    line-height:1.8;

}

.hero-buttons{

    margin-top:35px;

}

.btn-primary{

    background:#0b57d0;
    color:#fff;
    text-decoration:none;
    padding:15px 32px;
    border-radius:8px;
    margin-right:15px;
    transition:.3s;

}

.btn-outline{

    border:2px solid #0b57d0;
    color:#0b57d0;
    text-decoration:none;
    padding:15px 32px;
    border-radius:8px;
    transition:.3s;

}

.btn-primary:hover{

    background:#083a93;

}

.btn-outline:hover{

    background:#0b57d0;
    color:#fff;

}

.hero-image img{

    width:100%;
    border-radius:20px;
    box-shadow:0 20px 40px rgba(0,0,0,.12);

}


/*=========================
HIGHLIGHTS
=========================*/

.highlight-grid{

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:25px;

}

.highlight-card{

    background:#fff;
    border-radius:16px;
    padding:35px;
    text-align:center;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.3s;

}

.highlight-card:hover{

    transform:translateY(-8px);

}

.highlight-card i{

    font-size:40px;
    color:#0b57d0;
    margin-bottom:20px;

}

.highlight-card h3{

    color:#0b2f6b;
    margin-bottom:10px;

}

.highlight-card p{

    color:#666;

}


/*=========================
OVERVIEW
=========================*/

.overview-section{

    display:grid;
    grid-template-columns:450px 1fr;
    gap:60px;
    align-items:center;

}

.overview-image img{

    width:100%;
    border-radius:20px;

}

.overview-content span{

    color:#0b57d0;
    font-weight:600;
    text-transform:uppercase;

}

.overview-content h2{

    margin:15px 0 25px;
    color:#0b2f6b;
    font-size:38px;

}

.overview-content p{

    color:#555;
    line-height:1.8;
    margin-bottom:18px;

}

.overview-content ul{

    margin-top:25px;

}

.overview-content li{

    margin-bottom:12px;
    color:#444;

}


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

@media(max-width:991px){

.mbbs-hero,
.overview-section{

grid-template-columns:1fr;

}

.mbbs-hero h1{

font-size:40px;

}

}

/*==========================
CURRICULUM
==========================*/

.curriculum-section{

width:90%;
max-width:1200px;
margin:100px auto;

}

.timeline{

border-left:4px solid #0d5bd7;
margin-left:25px;
padding-left:35px;

}

.timeline-item{

position:relative;
margin-bottom:50px;

}

.circle{

position:absolute;
left:-53px;
top:0;
width:36px;
height:36px;
background:#0d5bd7;
color:#fff;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
font-weight:700;

}

.internship{

background:#16a34a;

}

.timeline-content{

background:#fff;
padding:25px;
border-radius:15px;
box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.timeline-content h3{

color:#0d2d73;
margin-bottom:15px;

}

.timeline-content p{

margin:8px 0;
color:#555;

}

/*==========================
ELIGIBILITY
==========================*/

.admission-wrapper{

width:90%;
max-width:1200px;
margin:100px auto;

display:grid;
grid-template-columns:1fr 1fr;
gap:40px;

}

.eligibility-box,
.admission-box{

background:#fff;
padding:40px;
border-radius:18px;
box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.eligibility-box h2,
.admission-box h2{

color:#0d2d73;
margin-bottom:25px;

}

.eligibility-box ul{

padding-left:20px;

}

.eligibility-box li{

margin-bottom:15px;
line-height:1.7;

}

.steps{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;

}

.step{

background:#f6f9ff;
padding:18px;
border-radius:12px;
display:flex;
align-items:center;

}

.step span{

width:42px;
height:42px;
background:#0d5bd7;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
margin-right:15px;
font-weight:700;

}

/*==========================
FEE
==========================*/

.fee-section{

width:90%;
max-width:1200px;
margin:100px auto;

}

.fee-table{

overflow-x:auto;

}

.fee-table table{

width:100%;
border-collapse:collapse;
background:#fff;
box-shadow:0 10px 30px rgba(0,0,0,.08);
border-radius:15px;
overflow:hidden;

}

.fee-table th{

background:#0d5bd7;
color:#fff;
padding:18px;

}

.fee-table td{

padding:18px;
border-bottom:1px solid #eee;

}

.fee-table tr:nth-child(even){

background:#f8fbff;

}

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

@media(max-width:991px){

.admission-wrapper{

grid-template-columns:1fr;

}

.steps{

grid-template-columns:1fr;

}

}

/*==========================
FACILITIES
==========================*/

.facility-section,
.why-section,
.clinical-section,
.cta-section{

width:90%;
max-width:1200px;
margin:100px auto;

}

.facility-grid,
.why-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:30px;

}

.facility-card,
.why-card{

background:#fff;
padding:35px;
border-radius:18px;
text-align:center;
box-shadow:0 12px 30px rgba(0,0,0,.08);
transition:.3s;

}

.facility-card:hover,
.why-card:hover{

transform:translateY(-8px);

}

.facility-card i,
.why-card i{

font-size:45px;
color:#0d5bd7;
margin-bottom:20px;

}

.facility-card h3,
.why-card h3{

margin-bottom:15px;
color:#0d2d73;

}

.facility-card p,
.why-card p{

color:#666;
line-height:1.7;

}

/*==========================
CLINICAL
==========================*/

.clinical-section{

display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;

}

.clinical-image img{

width:100%;
border-radius:20px;
box-shadow:0 15px 35px rgba(0,0,0,.12);

}

.clinical-content span{

color:#0d5bd7;
font-weight:600;
text-transform:uppercase;

}

.clinical-content h2{

margin:15px 0 25px;
color:#0d2d73;
font-size:38px;

}

.clinical-content p{

color:#555;
line-height:1.9;

}

.clinical-list{

margin-top:30px;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;

}

.clinical-list div{

background:#f5f8ff;
padding:15px;
border-radius:10px;

}

.clinical-list i{

color:#0d5bd7;
margin-right:8px;

}

/*==========================
CTA
==========================*/

.cta-section{

background:linear-gradient(135deg,#0d2d73,#0d5bd7);
padding:70px 50px;
border-radius:25px;
text-align:center;
color:#fff;

}

.cta-section h2{

font-size:40px;
margin-bottom:20px;

}

.cta-section p{

max-width:700px;
margin:auto;
line-height:1.8;
margin-bottom:35px;

}

.cta-buttons{

display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;

}

.cta-section .btn-primary{

background:#fff;
color:#0d2d73;
font-weight:600;

}

.cta-section .btn-primary:hover{

background:#f3f3f3;

}

.cta-section .btn-outline{

border:2px solid #fff;
color:#fff;

}

.cta-section .btn-outline:hover{

background:#fff;
color:#0d2d73;

}

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

@media(max-width:991px){

.clinical-section{

grid-template-columns:1fr;

}

.clinical-list{

grid-template-columns:1fr;

}

.cta-section{

padding:50px 25px;

}

.cta-section h2{

font-size:30px;

}

}

#tag-line
{
    color: white;
}

.dept-card h3{
    font-size:28px;
    font-weight:700;
    color:#173d8f;
    line-height:1.3;
}

.dept-card p,
.dept-card li{
    font-size:16px;
    line-height:1.9;
    color:#555;
}

.dept-card ul{
    margin:0;
    padding-left:18px;
}

.dept-card ul li{
    margin-bottom:8px;
}

/*==================================================
        ACADEMIC CALENDAR
==================================================*/

.physiology-section{
    padding:80px 0;
    background:#f7f9fc;
}

/* Heading */

.dept-header h2{
    font-size:42px;
    font-weight:700;
    color:#0d3b8e;
    margin-bottom:12px;
}

.dept-header p{
    max-width:750px;
    margin:auto;
    color:#666;
    font-size:17px;
    line-height:1.8;
}

.title-line{
    width:80px;
    height:4px;
    background:#0d6efd;
    margin:18px auto;
    border-radius:50px;
}


/* Cards */

.dept-card,
.facility-card{

    background:#fff;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    border:none;
    transition:.35s;
}

.dept-card{
    padding:35px;
}

.facility-card{

    padding:30px;
    text-align:center;
    height:100%;
}

.dept-card:hover,
.facility-card:hover{

    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,.12);

}


/* Section Titles */

.dept-card h3,
.facility-card h4{

    color:#0d3b8e;
    font-weight:700;
    margin-bottom:18px;

}


/* Paragraph */

.dept-card p,
.facility-card p{

    color:#666;
    line-height:1.9;
    font-size:16px;

}


/* Lists */

.dept-card ul,
.facility-card ul{

    padding-left:18px;
    margin-bottom:0;

}

.dept-card ul li,
.facility-card ul li{

    margin-bottom:12px;
    color:#555;
    line-height:1.8;

}


/* Icons */

.facility-icon{

    width:75px;
    height:75px;

    margin:0 auto 20px;

    background:linear-gradient(135deg,#0d6efd,#4e8ef7);

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;

    font-size:30px;

    box-shadow:0 8px 20px rgba(13,110,253,.30);

}


/* Highlight Cards */

.facility-card h4{

    margin-top:15px;
    margin-bottom:12px;

}


/* Table */

.faculty-table{

    margin-top:20px;
    border-radius:15px;
    overflow:hidden;

}

.faculty-table thead{

    background:linear-gradient(135deg,#0d6efd,#004aad);

}

.faculty-table thead th{

    color:#fff;
    border:none;
    font-size:16px;
    padding:18px;

}

.faculty-table tbody td{

    vertical-align:middle;
    padding:18px;
    border-color:#edf0f5;

}

.faculty-table tbody tr:nth-child(even){

    background:#fafcff;

}

.faculty-table tbody tr:hover{

    background:#eef5ff;

}


/* Download Button */

.btn-primary{

    background:#0d6efd;
    border:none;
    border-radius:30px;

    padding:8px 18px;

    transition:.3s;

}

.btn-primary:hover{

    background:#004aad;

    transform:translateY(-2px);

}


/* Responsive */

@media(max-width:991px){

    .dept-header h2{

        font-size:32px;

    }

    .dept-card{

        padding:25px;

    }

    .facility-card{

        padding:25px;

    }

}

@media(max-width:576px){

    .dept-header h2{

        font-size:28px;

    }

    .faculty-table thead th,
    .faculty-table tbody td{

        padding:12px;
        font-size:14px;

    }

    .facility-icon{

        width:60px;
        height:60px;
        font-size:24px;

    }

}

.dept-card .table-responsive{
    width:100%;
}

.dept-card table{
    width:100%;
}

.dept-header{
    margin-bottom:25px;
}
#heading-color{
    color: black;
}

/*=========================================
        ADMISSION LIST PREMIUM DESIGN
=========================================*/

/*==================================
    ADMISSION TABLE
===================================*/

.admission-table{
    margin:0;
    border-collapse:separate;
    border-spacing:0;
}

.admission-table thead th{

    background:linear-gradient(135deg,#0d47a1,#1565c0);

    color:#fff;

    border:none;

    padding:20px;

    font-size:18px;

    font-weight:600;

    text-align:center;

    vertical-align:middle;

}

.admission-table thead th:first-child{

    border-radius:15px 0 0 0;

}

.admission-table thead th:last-child{

    border-radius:0 15px 0 0;

}

.admission-table tbody tr{

    transition:.35s;

}

.admission-table tbody tr:hover{

    background:#f8fbff;

}

.admission-table td{

    padding:28px 20px;

    vertical-align:middle;

    border-top:1px solid #edf2ff;

}

/*==================================
    SERIAL BADGE
===================================*/

.serial-badge{

    width:60px;

    height:60px;

    border-radius:50%;

    background:linear-gradient(135deg,#0d6efd,#1d4ed8);

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:auto;

    font-size:24px;

    font-weight:700;

    box-shadow:0 8px 20px rgba(13,110,253,.25);

}

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

.course-info{

    display:flex;

    align-items:center;

    gap:18px;

}

.course-icon{

    width:70px;

    height:70px;

    border-radius:50%;

    background:#eef5ff;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#1565c0;

    font-size:30px;

    box-shadow:0 8px 18px rgba(13,110,253,.12);

}

.course-info h5{

    margin:0;

    font-size:20px;

    color:#173b82;

    font-weight:700;

}

.course-info span{

    display:block;

    margin-top:4px;

    color:#7d8ca5;

    font-size:14px;

}

/*==================================
LATEST BUTTON
===================================*/

.latest-btn{

    display:flex;

    justify-content:space-between;

    align-items:center;

    background:linear-gradient(135deg,#0d6efd,#0056d6);

    color:#fff;

    text-decoration:none;

    padding:16px 22px;

    border-radius:12px;

    font-weight:600;

    margin-bottom:22px;

    transition:.35s;

    box-shadow:0 10px 25px rgba(13,110,253,.22);

}

.latest-btn:hover{

    color:#fff;

    transform:translateY(-3px);

    box-shadow:0 15px 30px rgba(13,110,253,.32);

}

.latest-btn i:first-child{

    margin-right:10px;

}

.latest-btn i:last-child{

    margin-left:auto;

}

/*==================================
PREVIOUS
===================================*/

.previous-heading{

    color:#0d47a1;

    font-weight:600;

    margin-bottom:18px;

    border-left:4px solid #0d6efd;

    padding-left:12px;

}

/*==================================
YEAR GRID
===================================*/

.year-list{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:14px;

}

.year-list a{

    text-decoration:none;

    background:#fff;

    border:1px solid #d9e8ff;

    border-radius:10px;

    padding:12px;

    text-align:center;

    color:#173b82;

    font-weight:600;

    transition:.3s;

    box-shadow:0 5px 15px rgba(0,0,0,.04);

}

.year-list a::before{

    content:"📄 ";

}

.year-list a:hover{

    background:#1565c0;

    color:#fff;

    transform:translateY(-3px);

}

/*==================================
NOT AVAILABLE
===================================*/

.not-available{

    background:#fff8ea;

    border:1px solid #ffe1a4;

    color:#b37400;

    border-radius:12px;

    padding:20px;

    text-align:center;

    font-size:20px;

    font-weight:600;

}

.not-available i{

    margin-right:10px;

    font-size:24px;

}

/*==================================
CARD
===================================*/

.department-card{

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

/*=====================================================
        PREMIUM ANIMATIONS & RESPONSIVE
======================================================*/

/* ---------- Smooth Hover ---------- */

.admission-table tbody tr{
    transition:all .35s ease;
}

.admission-table tbody tr:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 30px rgba(0,0,0,.05);
}

/* ---------- Number Animation ---------- */

.serial-badge{
    transition:.4s;
}

.admission-table tbody tr:hover .serial-badge{

    transform:rotate(10deg) scale(1.08);

    background:linear-gradient(135deg,#0056d6,#0d6efd);

}

/* ---------- Floating Course Icon ---------- */

.course-icon{

    transition:.4s;

}

.admission-table tbody tr:hover .course-icon{

    transform:translateY(-6px);

    box-shadow:0 15px 35px rgba(13,110,253,.25);

}

/* ---------- Shine Effect ---------- */

.latest-btn{

    position:relative;

    overflow:hidden;

}

.latest-btn::before{

    content:"";

    position:absolute;

    left:-90px;

    top:0;

    width:50px;

    height:100%;

    background:rgba(255,255,255,.4);

    transform:skewX(-20deg);

}

.latest-btn:hover::before{

    animation:shine .7s linear;

}

@keyframes shine{

    from{
        left:-80px;
    }

    to{
        left:120%;
    }

}

/* ---------- Year Card Hover ---------- */

.year-list a{

    position:relative;

    overflow:hidden;

}

.year-list a::after{

    content:"";

    position:absolute;

    inset:0;

    background:rgba(255,255,255,.15);

    transform:translateX(-100%);

    transition:.45s;

}

.year-list a:hover::after{

    transform:translateX(100%);

}

.year-list a:hover{

    transform:translateY(-4px);

    box-shadow:0 10px 25px rgba(13,110,253,.28);

}

/* ---------- Decorative Background ---------- */

.department-card{

    position:relative;

}

.department-card::before{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    right:-100px;

    top:-100px;

    border-radius:50%;

    background:rgba(13,110,253,.03);

}

.department-card::after{

    content:"";

    position:absolute;

    width:160px;

    height:160px;

    left:-70px;

    bottom:-70px;

    border-radius:50%;

    background:rgba(13,110,253,.03);

}

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

@media(max-width:1200px){

    .year-list{

        grid-template-columns:repeat(3,1fr);

    }

}

@media(max-width:992px){

    .course-info{

        flex-direction:column;

        text-align:center;

    }

    .year-list{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .admission-table thead{

        display:none;

    }

    .admission-table,
    .admission-table tbody,
    .admission-table tr,
    .admission-table td{

        display:block;

        width:100%;

    }

    .admission-table tr{

        margin-bottom:25px;

        border-radius:15px;

        overflow:hidden;

        border:1px solid #e6eefc;

        background:#fff;

    }

    .admission-table td{

        border:none;

        padding:20px;

    }

    .serial-badge{

        margin:auto;

    }

    .course-info{

        flex-direction:column;

    }

    .latest-btn{

        font-size:15px;

    }

}

@media(max-width:576px){

    .year-list{

        grid-template-columns:1fr;

    }

}

/*====================================================
        RESEARCH PUBLICATION
=====================================================*/

.publication-search{
    max-width:550px;
    margin:0 auto 40px;
}

.publication-search .input-group{
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    border-radius:50px;
    overflow:hidden;
}

.publication-search .input-group-text{
    background:#0d6efd;
    color:#fff;
    border:none;
    padding:15px 18px;
}

.publication-search .form-control{
    border:none;
    padding:15px 18px;
    font-size:16px;
    box-shadow:none;
}

.publication-search .form-control:focus{
    box-shadow:none;
}

/*=======================================
        ACCORDION
=======================================*/

.publication-accordion .accordion-item{

    border:none;

    border-radius:16px;

    overflow:hidden;

    margin-bottom:18px;

    box-shadow:0 8px 25px rgba(0,0,0,.06);

}

.publication-accordion .accordion-button{

    background:#fff;

    padding:22px 25px;

    font-size:19px;

    font-weight:600;

    color:#173b82;

    box-shadow:none;

}

.publication-accordion .accordion-button:not(.collapsed){

    background:linear-gradient(135deg,#0d6efd,#0054d6);

    color:#fff;

}

.publication-accordion .accordion-button:focus{

    box-shadow:none;

}

.publication-accordion .accordion-button::after{

    background-size:18px;

}

/*=========================================
        DEPARTMENT ICON
=========================================*/

.dept-icon{

    width:48px;

    height:48px;

    border-radius:50%;

    background:#eef5ff;

    color:#0d6efd;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-right:18px;

    font-size:20px;

    transition:.35s;

}

.accordion-button:not(.collapsed) .dept-icon{

    background:rgba(255,255,255,.18);

    color:#fff;

}

/*=======================================
        PUBLICATION GRID
=======================================*/

.publication-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

}

/*=======================================
        PDF CARD
=======================================*/

.publication-card{

    display:flex;

    align-items:center;

    justify-content:space-between;

    background:#fff;

    border:1px solid #dfe9ff;

    border-radius:14px;

    padding:18px 20px;

    text-decoration:none;

    color:#173b82;

    transition:.35s;

    box-shadow:0 5px 15px rgba(0,0,0,.05);

}

.publication-card:hover{

    background:#0d6efd;

    color:#fff;

    transform:translateY(-4px);

    box-shadow:0 15px 35px rgba(13,110,253,.25);

}

.pdf-icon{

    color:#ff4a4a;

    font-size:24px;

    margin-right:15px;

}

.publication-card:hover .pdf-icon{

    color:#fff;

}

.download-icon{

    font-size:18px;

}

/*=======================================
        NO PUBLICATION
=======================================*/

.no-publication{

    background:#fafafa;

    border:2px dashed #d9d9d9;

    border-radius:15px;

    padding:40px;

    text-align:center;

    color:#888;

}

.no-publication i{

    font-size:45px;

    margin-bottom:15px;

    display:block;

}

/*=======================================
        HOVER
=======================================*/

.publication-card{

    position:relative;

    overflow:hidden;

}

.publication-card::before{

    content:"";

    position:absolute;

    left:-90px;

    top:0;

    width:60px;

    height:100%;

    background:rgba(255,255,255,.25);

    transform:skewX(-25deg);

}

.publication-card:hover::before{

    animation:shine .7s linear;

}

@keyframes shine{

    from{

        left:-90px;

    }

    to{

        left:120%;

    }

}

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

@media(max-width:992px){

.publication-grid{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.publication-search{

margin-bottom:30px;

}

.publication-accordion .accordion-button{

font-size:17px;

padding:18px;

}

.dept-icon{

width:40px;

height:40px;

font-size:18px;

margin-right:12px;

}

.publication-card{

padding:15px;

}

}

@media(max-width:576px){

.publication-search{

max-width:100%;

}

}

/*===============================
        CME TABLE
================================*/

.cme-table{

    border:1px solid #dee2e6;

    margin-bottom:0;

}

.cme-table thead th{

    background:linear-gradient(135deg,#0d6efd,#0056d6);

    color:#fff;

    font-weight:600;

    padding:15px;

    border:none;

}

.cme-table tbody td{

    padding:16px;

    vertical-align:middle;

    border-color:#e8edf5;

}

.cme-table tbody tr{

    transition:.3s;

}

.cme-table tbody tr:hover{

    background:#f8fbff;

}

.pdf-btn{

    width:42px;

    height:42px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    background:#fff2f2;

    border-radius:10px;

    color:#e53935;

    font-size:22px;

    transition:.3s;

    text-decoration:none;

}

.pdf-btn:hover{

    background:#e53935;

    color:#fff;

    transform:translateY(-3px);

}

/*==============================
MISSION VISION
==============================*/

.mv-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

    display:flex;

    gap:25px;

    height:100%;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    transition:.35s;

}

.mv-card:hover{

    transform:translateY(-8px);

}

.mv-icon{

    width:90px;

    height:90px;

    border-radius:50%;

    background:linear-gradient(135deg,#0d6efd,#0047c6);

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:35px;

    flex-shrink:0;

}

.vision-card .mv-icon{

    background:linear-gradient(135deg,#16a34a,#059669);

}

.mv-content h2{

    color:#173b82;

    font-weight:700;

    margin-bottom:20px;

}

.mv-content p{

    color:#666;

    line-height:1.9;

}
/*==============================
COUNTERS
==============================*/

.counter-card{

    background:#fff;

    border-radius:18px;

    padding:35px;

    text-align:center;

    box-shadow:0 12px 25px rgba(0,0,0,.08);

    transition:.35s;

}

.counter-card:hover{

    transform:translateY(-8px);

}

.counter-icon{

    width:80px;

    height:80px;

    margin:auto;

    border-radius:50%;

    background:#eef5ff;

    color:#0d6efd;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:35px;

    margin-bottom:20px;

}

.counter-icon.green{

    color:#16a34a;

    background:#e9fff1;

}

.counter-icon.purple{

    color:#7c3aed;

    background:#f3ebff;

}

.counter-icon.orange{

    color:#f97316;

    background:#fff1e5;

}

.counter-card h2{

    color:#173b82;

    font-size:42px;

    font-weight:700;

}

.counter-card h5{

    font-weight:700;

    margin:15px 0;

}

.counter-card p{

    color:#777;

}
/*=============================
SERVICES
=============================*/

.service-card{

    background:#fff;

    border-radius:18px;

    padding:30px 20px;

    text-align:center;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    transition:.35s;

    height:100%;

}

.service-card:hover{

    transform:translateY(-8px);

}

.service-card i{

    font-size:40px;

    color:#0d6efd;

    margin-bottom:18px;

}

.service-card h5{

    font-weight:700;

}

/*=============================
WORKING HOURS
=============================*/

.hours-card,
.digital-card,
.member-card{

    background:#fff;

    border-radius:20px;

    padding:30px;

    height:100%;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

}

.hours-card h3,
.digital-card h3,
.member-card h3{

    color:#173b82;

    margin-bottom:25px;

}

.hour-item{

    display:flex;

    justify-content:space-between;

    padding:15px 0;

    border-bottom:1px solid #eee;

}

.member-card ul{

    padding-left:18px;

}

.member-card li{

    margin-bottom:12px;

}

/*=============================
GALLERY
=============================*/

.gallery-img{

    width:100%;

    height:260px;

    object-fit:cover;

    border-radius:15px;

    transition:.4s;

    box-shadow:0 10px 20px rgba(0,0,0,.08);

}

.gallery-img:hover{

    transform:scale(1.05);

}

.library-info {
    position: relative;
    overflow: hidden;
}

.library-info img{
    width:100%;
    height:450px;
    object-fit:cover;
    border-radius:18px;
}

.highlight-card{

background:#fff;

border-radius:20px;

padding:30px;

text-align:center;

box-shadow:0 10px 25px rgba(0,0,0,.08);

transition:.35s;

height:100%;

}

.highlight-card:hover{

transform:translateY(-8px);

}

.highlight-card i{

font-size:40px;

color:#0d6efd;

margin-bottom:20px;

}

.canteen-feature{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:15px;

margin-top:25px;

}

.canteen-feature span{

background:#eef5ff;

padding:12px;

border-radius:10px;

font-weight:600;

}

/*==========================
HOSTEL HERO
==========================*/

.hostel-hero{

padding:70px 0;

background:#f8fbff;

overflow:hidden;

}

.hero-tag{

display:inline-block;

padding:8px 18px;

background:#e8f1ff;

color:#0d6efd;

border-radius:30px;

font-weight:600;

margin-bottom:20px;

}

.hero-content h1{

font-size:48px;

font-weight:700;

color:#173b82;

margin-bottom:20px;

}

.hero-content p{

font-size:17px;

line-height:1.9;

color:#666;

}

.hero-btn{

display:inline-block;

margin-top:30px;

padding:14px 30px;

background:#0d6efd;

color:#fff;

border-radius:40px;

text-decoration:none;

font-weight:600;

transition:.35s;

}

.hero-btn:hover{

background:#173b82;

color:#fff;

}

.hero-image img{

border-radius:25px;

box-shadow:0 15px 35px rgba(0,0,0,.15);

}


/*==========================
HOSTEL OVERVIEW
==========================*/

.overview-image img{

border-radius:20px;

box-shadow:0 15px 35px rgba(0,0,0,.15);

}

.hostel-features{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:15px;

margin-top:30px;

}

.feature{

background:#f4f9ff;

padding:15px;

border-radius:10px;

font-weight:600;

}

.feature i{

color:#0d6efd;

margin-right:10px;

}


/*==========================
HIGHLIGHT CARDS
==========================*/

.highlight-card{

background:#fff;

border-radius:20px;

padding:35px;

text-align:center;

box-shadow:0 10px 30px rgba(0,0,0,.08);

transition:.35s;

height:100%;

}

.highlight-card:hover{

transform:translateY(-8px);

}

.highlight-card .icon{

width:80px;

height:80px;

margin:auto;

border-radius:50%;

background:#eef5ff;

display:flex;

justify-content:center;

align-items:center;

font-size:34px;

color:#0d6efd;

margin-bottom:20px;

}

.highlight-card h2{

font-size:40px;

font-weight:700;

color:#173b82;

}

.highlight-card p{

margin-top:10px;

font-weight:600;

color:#666;

}


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

@media(max-width:768px){

.hero-content{

text-align:center;

}

.hero-content h1{

font-size:34px;

}

.hostel-features{

grid-template-columns:1fr;

}

}
/*==========================
HOSTEL CAPACITY
==========================*/

.capacity-card{

display:flex;

align-items:center;

background:#fff;

padding:25px;

border-radius:18px;

box-shadow:0 10px 25px rgba(0,0,0,.08);

transition:.35s;

height:100%;

}

.capacity-card:hover{

transform:translateY(-8px);

}

.capacity-icon{

width:70px;

height:70px;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

font-size:30px;

color:#fff;

margin-right:20px;

flex-shrink:0;

}

.boys{

background:#0d6efd;

}

.girls{

background:#e91e63;

}

.intern{

background:#00a884;

}

.pg{

background:#ff9800;

}

.capacity-content h4{

margin-bottom:8px;

font-weight:700;

color:#173b82;

}

.capacity-content span{

font-size:20px;

font-weight:700;

color:#0d6efd;

}

/*==========================
AMENITIES
==========================*/

.amenity-card{

background:#fff;

border-radius:18px;

padding:30px;

text-align:center;

box-shadow:0 8px 20px rgba(0,0,0,.08);

transition:.35s;

height:100%;

}

.amenity-card:hover{

transform:translateY(-8px);

background:#0d6efd;

color:#fff;

}

.amenity-card i{

font-size:40px;

margin-bottom:18px;

color:#0d6efd;

transition:.35s;

}

.amenity-card:hover i{

color:#fff;

}

.amenity-card h5{

font-weight:700;

margin:0;

}
/*==========================
HOSTEL GALLERY
==========================*/

.gallery-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

grid-auto-rows:260px;

gap:20px;

}

.gallery-large{

grid-column:span 2;

grid-row:span 2;

}

.gallery-item{

position:relative;

overflow:hidden;

border-radius:20px;

}

.gallery-item img{

width:100%;

height:100%;

object-fit:cover;

transition:.5s;

}

.gallery-item:hover img{

transform:scale(1.08);

}

.gallery-overlay{

position:absolute;

left:0;

bottom:0;

width:100%;

padding:20px;

background:linear-gradient(transparent,rgba(0,0,0,.75));

color:#fff;

}

.gallery-overlay h4{

margin:0;

font-weight:600;

}

/*==========================
STUDENT LIFE
==========================*/

.student-life{

background:#f8fbff;

}

.life-list{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:18px;

margin-top:25px;

}

.life-list div{

font-weight:600;

}

.life-list i{

color:#0d6efd;

margin-right:8px;

}

/*==========================
CTA
==========================*/

.hostel-cta{

padding:80px 0;

}

.cta-box{

background:linear-gradient(135deg,#0d6efd,#0047c6);

color:#fff;

padding:60px;

text-align:center;

border-radius:25px;

}

.cta-box h2{

font-size:42px;

margin-bottom:20px;

font-weight:700;

}

.cta-box p{

font-size:18px;

margin-bottom:30px;

}

.cta-box a{

display:inline-block;

padding:14px 40px;

background:#fff;

color:#0d6efd;

font-weight:700;

border-radius:50px;

text-decoration:none;

}

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

@media(max-width:992px){

.gallery-grid{

grid-template-columns:1fr 1fr;

}

.gallery-large{

grid-column:span 2;

}

}

@media(max-width:768px){

.gallery-grid{

grid-template-columns:1fr;

}

.gallery-large{

grid-column:span 1;

grid-row:span 1;

}

.life-list{

grid-template-columns:1fr;

}

.cta-box{

padding:40px 20px;

}

.cta-box h2{

font-size:30px;

}

}
/*=============================
SECURITY HERO
=============================*/

.security-hero{

padding:80px 0;

background:#f5f9ff;

}

.hero-tag{

display:inline-block;

background:#eaf2ff;

padding:10px 18px;

border-radius:30px;

color:#0d6efd;

font-weight:600;

margin-bottom:20px;

}

.hero-content h1{

font-size:52px;

font-weight:700;

color:#173b82;

margin-bottom:20px;

}

.hero-content p{

font-size:17px;

line-height:1.9;

color:#666;

}

.hero-btn{

display:inline-block;

margin-top:25px;

padding:14px 35px;

background:#0d6efd;

color:#fff;

border-radius:40px;

text-decoration:none;

transition:.35s;

}

.hero-btn:hover{

background:#173b82;

color:#fff;

}

.hero-image{

border-radius:25px;

box-shadow:0 15px 35px rgba(0,0,0,.15);

}

/*=============================
POLICY CARD
=============================*/

.policy-card{

display:flex;

gap:25px;

padding:40px;

background:#fff;

border-radius:20px;

box-shadow:0 10px 30px rgba(0,0,0,.08);

margin-top:40px;

}

.policy-icon{

width:90px;

height:90px;

background:#0d6efd;

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:38px;

flex-shrink:0;

}

.policy-card h3{

font-weight:700;

color:#173b82;

margin-bottom:15px;

}

/*=============================
RAGGING CARDS
=============================*/

.ragging-card{

background:#fff;

padding:30px;

border-radius:20px;

text-align:center;

box-shadow:0 8px 25px rgba(0,0,0,.08);

transition:.35s;

height:100%;

}

.ragging-card:hover{

transform:translateY(-8px);

}

.ragging-card i{

font-size:42px;

color:#0d6efd;

margin-bottom:20px;

}

.ragging-card h4{

font-weight:700;

color:#173b82;

margin-bottom:15px;

}

.ragging-card p{

color:#666;

line-height:1.8;

}

/* Responsive */

@media(max-width:768px){

.hero-content{

text-align:center;

}

.hero-content h1{

font-size:36px;

}

.policy-card{

flex-direction:column;

text-align:center;

}

}
/*========================
TIMELINE
========================*/

.timeline{

position:relative;

margin-top:50px;

}

.timeline::before{

content:"";

position:absolute;

left:40px;

top:0;

width:4px;

height:100%;

background:#0d6efd;

}

.timeline-item{

display:flex;

margin-bottom:40px;

position:relative;

}

.timeline-icon{

width:80px;

height:80px;

background:#0d6efd;

color:#fff;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

font-size:30px;

z-index:2;

}

.timeline-content{

background:#fff;

padding:25px;

margin-left:25px;

border-radius:18px;

box-shadow:0 10px 25px rgba(0,0,0,.08);

width:100%;

}

.timeline-content h4{

color:#0d6efd;

}

/*========================
SECURITY CARDS
========================*/

.security-card{

background:#fff;

padding:35px;

text-align:center;

border-radius:20px;

box-shadow:0 10px 30px rgba(0,0,0,.08);

transition:.35s;

height:100%;

}

.security-card:hover{

transform:translateY(-8px);

}

.security-card i{

font-size:45px;

color:#0d6efd;

margin-bottom:20px;

}

/*========================
BOTTOM BANNER
========================*/

.security-banner{

padding:80px 0;

}

.banner-box{

background:linear-gradient(135deg,#0d6efd,#0047c6);

padding:60px;

border-radius:25px;

text-align:center;

color:#fff;

}

.banner-box h2{

font-size:42px;

font-weight:700;

margin-bottom:20px;

}

.banner-box a{

display:inline-block;

margin-top:20px;

padding:14px 40px;

background:#fff;

color:#0d6efd;

border-radius:40px;

font-weight:700;

text-decoration:none;

}

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

@media(max-width:768px){

.timeline::before{

left:22px;

}

.timeline-icon{

width:45px;

height:45px;

font-size:18px;

}

.timeline-content{

margin-left:18px;

}

.banner-box{

padding:35px 20px;

}

.banner-box h2{

font-size:28px;

}

}


/*=========================
   ACTIVITIES GALLERY
=========================*/

.activities-gallery{
    padding:90px 0;
    background:#f7f9ff;
}

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.gallery-card{
    position:relative;
    overflow:hidden;
    border-radius:22px;
    background:#fff;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.35s;
}

.gallery-card:hover{
    transform:translateY(-8px);
}

.gallery-card img{
    width:100%;
    height:340px;
    display:block;
    object-fit:cover;
}

.gallery-overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;

    display:flex;
    align-items:center;
    gap:18px;

    padding:22px;

    background:linear-gradient(
        to top,
        rgba(17,43,105,.95),
        rgba(17,43,105,.75),
        transparent
    );
}

.gallery-icon{
    width:56px;
    height:56px;
    min-width:56px;

    border-radius:50%;
    background:#1e6bff;

    display:flex;
    justify-content:center;
    align-items:center;

    color:#fff;
    font-size:22px;
}

.gallery-overlay h4{
    color:#fff;
    font-size:28px;
    margin:0 0 5px;
}

.gallery-overlay p{
    color:#fff;
    margin:0;
    opacity:.9;
}

@media(max-width:768px){

.gallery-grid{
    grid-template-columns:1fr;
}

.gallery-card img{
    height:280px;
}

.gallery-overlay{
    padding:18px;
}

.gallery-overlay h4{
    font-size:22px;
}

.gallery-icon{
    width:48px;
    height:48px;
    min-width:48px;
    font-size:18px;
}

}

.chairman-banner-img{
    width:min(100%,1200px);
    height:auto;
    display:block;
}

#heading-color-id{
    color: white;
}

.leadership-section section-padding{
    padding: 10pc;
}

#galleryGrid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(330px,1fr));

    gap:30px;

    margin-top:50px;

}

.gallery-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(0,0,0,.12);

    transition:.35s;

    cursor:pointer;

}

.gallery-card:hover{

    transform:translateY(-8px);

}

.gallery-image{

    height:260px;

    overflow:hidden;

    position:relative;

}

.gallery-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}

.gallery-card:hover img{

    transform:scale(1.08);

}

.gallery-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(transparent,rgba(0,0,0,.7));

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:40px;

}

.gallery-content{

    padding:20px;

}

.gallery-content h3{

    margin-bottom:10px;

}

.gallery-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;

    font-size: 18px;      /* Reduce from current size */
    font-weight: 600;
    line-height: 1.2;
}

.view-gallery{

    border:none;

    background:#473A8F;

    color:#fff;

    padding:8px 16px;

    border-radius:30px;

    cursor:pointer;

}

.department-photos{
    width: 100%;
    max-width: 300px;
    height: auto;
    display: block;
    margin: 0 auto;
    object-fit: cover;
}

/*==================================
    Department Hero Banner
==================================*/

.department-banner{

    width:100%;
    max-width:1400px;

    margin:40px auto;

    padding:0 15px;

}

.banner-image{

    width:100%;
     max-width:1900px;

    height:auto;

    display:block;

    border-radius:25px;

    overflow:hidden;

    box-shadow:
    0 15px 40px rgba(0,0,0,.12);

    transition:.4s ease;

}

.banner-image:hover{

    transform:translateY(-5px);

    box-shadow:
    0 20px 50px rgba(0,0,0,.18);

}

@media(max-width:992px){

.department-banner{

margin:30px auto;

padding:0 12px;

}

.banner-image{

border-radius:18px;

}

}

@media(max-width:768px){

.department-banner{

margin:25px auto;

padding:0 10px;

}

.banner-image{

border-radius:15px;

}

}

@media(max-width:576px){

.department-banner{

margin:20px auto;

padding:0 8px;

}

.banner-image{

border-radius:12px;

}

}