/* ---- General CSS Starts ------*/

.section-header h1{
  font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #001f65;
    text-align: center;
    margin-bottom: 3%;
}

.section-header h2{
  font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #001f65;
    text-align: center;
    margin-bottom: 3%;
}

.content_box{
  padding: 3% 0%;
}

.content_box h2, .content_box h3, .content_box h4, .content_box h5{
  color: #001f65;
  font-weight: 700;
}

.content_box h2{
  font-size: 28px;
}

.content_box h3{
  font-size: 24px;
}

.content_box h4{
  font-size: 20px;
}

.thanks{
  text-align: center;
}

/* ---- General CSS Ends ------*/


/* ---- Header CSS Starts ------*/

.header{
	/*background-color: #fff;*/
  background-color: #001f65;
}
.header_new{
    background-color: #fff;
  /*background-color: #c0d8d8;*/
}

.navbar{
	padding: 0rem 0rem;
}

.navbar-expand-lg .navbar-nav {
    margin-left: 0%;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.7rem;
    padding-left: 0.7rem;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-size: 16px;
}

.header_new .navbar-light .navbar-nav .nav-link {
    color: #000;
    font-size: 16px;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
    color: #fff;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    /*color: #001f65;*/
    color: #fff;
}

.header_new .navbar-light .navbar-nav .nav-link {
    color: #000;
}

.header_new .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
    color: #000;
}

.header_new .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    /*color: #001f65;*/
    color: #000;
}

.header_new .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #001f65;
}

.header .header_icon ul{
	margin: 0;
	padding: 0;
}

.header .header_icon ul li{
	list-style: none;
	display: inline-block;
	padding: 0px 5px;
}

.header .header_icon ul li a{
	color: #fff;
	text-decoration: none;
}
.header_new .header_icon ul{
  margin: 0;
  padding: 0;
}

.header_new .header_icon ul li{
  list-style: none;
  display: inline-block;
  padding: 0px 5px;
}

.header_new .header_icon ul li a{
  color: #333;
    text-decoration: none;
}

a.login_btn{
	border: 1px solid #fff!important;
	background-color: #001f65;
	text-decoration: none;
	padding: 10px 15px;
  border-radius: 7px;
  height: 30px;
  margin-top: 12px;
  margin-left: 42px!important;
  color: #fff !important;
}


.header_new a.login_btn{
  border: 1px solid #333!important;
  background-color: #001f65;
  text-decoration: none;
  padding: 10px 15px;
  border-radius: 7px;
  height: 30px;
  margin-top: 12px;
  margin-left: 42px!important;
  color: #fff !important;
}

.dropdown-menu {
    position: absolute;
    width: 170px;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0rem 0;
    margin: .125rem 0 0;
        margin-top: 0.125rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .5rem .3rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: normal;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #eee;
    font-size: 13px;
    color: #444444;
    font-weight: 600;
    text-transform: uppercase;
}

.header_new .dropdown-menu li.show a{
  color: #001f65;
}

.dropdown-menu .dropdown .dropdown-menu {
    left: 100%;
    top: 0%;
    margin: 0px 0px;
    border-width: 0;
}

.dropdown-menu > li a:hover, .dropdown-menu > li.show {
    background: #007bff;
    color: white;
}


.header_new .dropdown-menu > li a:hover, .dropdown-menu > li.show {
    background: #c0d8d8;
    color: #001f65;
}

/* ---- Header CSS Ends ------*/


/* ---- Banner CSS Starts ------*/


.banner{
	background-color: #001f65;
}

.banner_caption{
	padding: 18% 0%;
	color: #fff;
}

.banner_caption h2{
  text-transform: uppercase;
  font-size: 40px;
  letter-spacing: 0.7px;
  margin-bottom: 20px;
  font-weight: 700;
  font-family: 'Montserrat',sans-serif;
  text-shadow: 3px 3px rgb(0 0 0 / 40%);
}

.banner_form{
	margin-top: 15%;
	margin-bottom: 15%;
	text-align: center;
	background-color: #fcfcfc;
    border-radius: 16px;
    box-shadow: 0 0 20px rgb(0 0 0 / 14%);
    padding: 15px 25px 25px 25px;
}

.banner_form .form_heading{
	margin-bottom: 1%;
}

.banner_form .form_heading h2{
	color: #2B2B2B;
    font-size: 1.4rem;
    margin-top: 0;
}

.banner_form .form_heading p{
	font-size: 0.8rem;
    color: #666;
}

.banner_form .book-now-btn {
    width: 100%;
    border-radius: 0.25rem;
    font-weight: 500;
    background-color: #FF8E32;
    background-image: linear-gradient(to right, #FF8E32, #FF5263);
    color: #fff;
    line-height: 1.2;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 0.6rem 1rem;
}

.carousel-inner{
  position: relative;
}

.carousel-caption{
  padding-bottom: 125px;
  position: absolute;
  width: 45%;
  left: 5%;
  right: 0;
  bottom: 0;
  text-align: left;
}
.carousel-caption h2{
  text-transform: uppercase;
  font-size: 40px;
  letter-spacing: 0.7px;
  margin-bottom: 20px;
  font-weight: 700;
  font-family: 'Montserrat',sans-serif;
  text-shadow: 3px 3px rgb(0 0 0 / 40%);
}

.carousel_form{
	position: absolute;
	top: 4%;
	right: 5%;
	text-align: center;
	background-color: #fcfcfc;
    border-radius: 16px;
    box-shadow: 0 0 20px rgb(0 0 0 / 14%);
    padding: 15px 25px 25px 25px;
    width: 40%;
    float: right;
}

.carousel_form .form_heading{
	margin-bottom: 1%;
}

.carousel_form .form_heading h2{
	color: #2B2B2B;
    font-size: 1.4rem;
    margin-top: 0;
}

.carousel_form .form_heading p{
	font-size: 0.8rem;
    color: #666;
}

.carousel_form .book-now-btn {
    width: 100%;
    border-radius: 0.25rem;
    font-weight: 500;
    background-color: #FF8E32;
    background-image: linear-gradient(to right, #FF8E32, #FF5263);
    color: #fff;
    line-height: 1.2;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 0.6rem 1rem;
}

.breadcrumb-background-image {
    /*background: url(../images/banner1.jpg);
    background-size: cover;
    background-position: bottom;   
    background-repeat: no-repeat;
    position: relative;*/
    background-color: #001f65;
}

.breadcrumb-background-image h2{
    text-align: center;
    color: #fff;
    padding: 26px;
    font-weight: 700;
    text-transform: uppercase;
}

.breadcrumb {
    border-radius: 0;
    background-color: transparent;
    padding: 1% 0 1% 0;

}
.breadcrumb li, .breadcrumb li a {
    font-size: 15px;
    color: #fff;
    text-decoration: none;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #fff;
    content: "/";
}

/* ---- Banner CSS Ends ------*/


/* ---- Banner Bottom CSS Starts ------*/

.banner_bottom{
  padding: 2% 0%;
}

.banner_bottom .section-header h2{
  font-size: 28px;
}

.banner_bottom .banner_bottom_wrap{
  border-radius: 10px;
    background-color: #f2f2f2;
    padding: 20px 20px;
    position: relative;
    box-shadow: 0 27px 20px -19px rgb(122 62 134 / 31%);
    /*height: 320px;*/
    margin-bottom: 10%;
}

.banner_bottom .banner_bottom_wrap .banner_bottom_info{
  margin-top: 0%;
  text-align: center;
}

.banner_bottom .banner_bottom_wrap .banner_bottom_info h3{
  color: #001f65;
  font-size: 22px;
  font-weight: 600;
  margin: 3% 0% 5%;
}

.banner_bottom .banner_bottom_wrap .banner_bottom_info h5{
  color: #001f65;
  font-size: 18px;
  font-weight: 600;
  margin: 2% 0% 1%;
}

.banner_bottom .banner_bottom_wrap .banner_bottom_info p{
  color: #001f65;
  font-size: 14px;
  font-weight: 600;
}


/* ---- Banner Bottom CSS Ends ------*/




/* ----------- Tailor Css Starts -------------
-----------------------------------------------*/

.tailor_for_you{
	padding: 3% 0%;
}

.tailor_for_you .tailor_wrap{
	border-radius: 10px;
    background-color: #f2f2f2;
    padding: 50px 20px;
    position: relative;
    box-shadow: 0 27px 20px -19px rgb(122 62 134 / 31%);
    /*height: 320px;*/
    margin-bottom: 10%;
}

.tailor_for_you .tailor_wrap img{
	width: 100%;
}

.tailor_for_you .tailor_wrap .tailor_info{
	margin-top: 15%;
	text-align: center;
}

.tailor_for_you .tailor_wrap .tailor_info h3{
	color: #001f65;
	font-size: 22px;
	font-weight: 600;
	margin: 5% 0% 10%;
}

.bj-btn {
    font-size: 16px;
    background-image: linear-gradient(to right, #ff9234, #fc6274 100%);
    border-radius: 10px;
    padding: 15px 30px;
    color: white;
    border: none;
    outline: none;
    min-width: 170px;
    text-align: center;
}

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

/* ----------- Tailor Css Ends -------------
-----------------------------------------------*/



/* ----------- How Work Css Starts -------------
-----------------------------------------------*/

.how_works{
	padding: 3% 0%;
	background-color: transparent;
    background: -webkit-linear-gradient(to left, #8e54e9, #4776e6); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #8e54e9, #4776e6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.how_wrap .how_work_image{
	padding: 10%;
}

.how_wrap .how_work_image img{
	width: 100%;
}

.how_wrap .how_work_info{
	text-align: center;
	/*margin-top: 5%;*/
	color: #fff;
}


/* ----------- How Work Css Ends -------------
-----------------------------------------------*/


/* ----------- Learn Css Starts -------------
-----------------------------------------------*/

.learn_edyu{
	background-color: #e0e1e3;
	padding: 2% 0%;
}

.learn_edyu img{
	max-width: 100%;
	height: auto;
}

.learn_edyu h2{
	margin: 25% 0% 5%; 
}


/* ----------- Learn Css Ends -------------
-----------------------------------------------*/



/* ----------- Testimonial Css Starts -------------
-----------------------------------------------*/

.testimonials{
	padding: 3% 0%;
	background-color: transparent;
    background-image: linear-gradient(180deg, #BACBF7C9 0%, #EEEEEE 100%);
}

/* ----------- Testimonial Css Ends -------------
-----------------------------------------------*/


/* ----------- Teacher Css Starts -------------
-----------------------------------------------*/

.our_teachers{
	padding: 3% 0%;
}

.teacher_wrap {
  position: relative;
  display: flex;
  justify-teacher_content: center;
  align-items: center;
  flex-wrap: wrap;
}
.teacher_wrap .card {
  position: relative;
  /*width: 300px;
  height: 400px;*/
  margin: 20px;
  overflow: hidden;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  display: flex;
  justify-teacher_content: center;
  align-items: center;background: #4776e6; /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #8e54e9, #4776e6); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #8e54e9, #4776e6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.teacher_wrap .card .teacher_content {
  position: absolute;
  padding: 0% 5%;
  bottom: -260px;
  width: 100%;
  height: auto;
  display: flex;
  justify-teacher_content: center;
  align-items: center;
  z-index: 10;
  flex-direction: column;
  backdrop-filter: blur(15px);
  box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  transition: bottom 0.5s;
  transition-delay: 0.65s;
	background-color: #00000087;
	background-color: #000000c7;
}
.teacher_wrap .card:hover .teacher_content {
  bottom: 0;
  transition-delay: 0s;
}
.teacher_wrap .card .teacher_content h3 {
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 2px;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  margin: 20px 0 15px;
  line-height: 1.1em;
  transition: 0.5s;
  transition-delay: 0.6s;
  opacity: 0;
  transform: translateY(-20px);
}
.teacher_wrap .card:hover .teacher_content h3 {
  opacity: 1;
  transform: translateY(0);
}
.teacher_wrap .card .teacher_content h3 span {
  font-size: 12px;
  font-weight: 300;
  text-transform: initial;
}
.teacher_wrap .card .teacher_content p{
	color: #fff;
	font-size: 12px;
  	font-weight: 300;
	letter-spacing: 2px;
	font-weight: 500;
	text-align: center;
	line-height: 1.5em;
	transition: 0.5s;
	transition-delay: 0.6s;
	opacity: 0;
	transform: translateY(-20px);
}

.teacher_wrap .card:hover .teacher_content p {
  opacity: 1;
  transform: translateY(0);
}
.teacher_wrap .card .teacher_content .sci {
  position: relative;
  bottom: 10px;
  display: flex;
}
.teacher_wrap .card .teacher_content .sci li {
  list-style: none;
  margin: 0 10px;
  transform: translateY(40px);
  transition: 0.5s;
  opacity: 0;
  transition-delay: calc(0.2s * var(--i));
}

.teacher_wrap .card:hover .teacher_content .sci li {
  transform: translateY(0);
  opacity: 1;
}
.teacher_wrap .card .teacher_content .sci li a {
  color: white;
  font-size: 24px;
}



/* ----------- Teacher Css Ends -------------
-----------------------------------------------*/



/* ----------- Footer Css Starts -------------
-----------------------------------------------*/

.footer{
  padding: 3%;
  background-color: #c0d8d8;
}

.footer h3{
  color: #001f65;
  margin-bottom: 5%;
}

.footer ul{
  margin: 0;
  padding: 0;
}

.footer ul li{
  display: block;
  list-style: none;
  padding: 1% 0%;
  color: #333;
}

.footer ul li a{
  color: #333;
  text-decoration: none;
}

.footer ul li a:hover{
  color: #001f65;
}

/* ----------- Footer Css Starts -------------
-----------------------------------------------*/


/* ----- Copyright CSS Starts -----*/

.copyright{
  background-color: #001f65;
  padding: 1% 0%;
}

.copyright h6{
	font-size: 13px;
	color: #fff;
	float: right;
}

.copyright ul{
	margin: 0;
	padding: 0;
}

.copyright ul li{
	list-style: none;
	display: inline-block;
	padding: 0px 5px;
}

.copyright ul li:not(:last-child) {
    border-right: 1px solid #fff;
}

.copyright ul li a{
	color: #fff;
	text-decoration: none;
	font-size: 13px;
}

/* ----- Copyright CSS Ends -----*/



/*---------- Blog Css Start -----------*/


.blog{
	padding: 3% 0%;
	background-color: transparent;
    background-image: linear-gradient(180deg, #BACBF7C9 0%, #EEEEEE 100%)
}

.blog-box{
    margin-bottom: 2%;
}

.blog .blog-card {
  position: relative;
  background: #fff;
  border: 1px solid #ccc;
  display: inline-table;
  /*box-shadow: -2px 8px 12px #ccc;*/
  box-shadow: 0 27px 20px -19px rgb(122 62 134 / 31%);
  border-radius: 0px;
  height: 100%;
  text-align: center;
}

.blog .blog-card .blog_info{
	padding: 1%;
}

.blog .blog-card h5 {
  padding: 20px 20px 10px 20px;
  position: relative;
  margin-bottom: 0;
  font-size: 21px;
  color: #1b1b3a;
  text-align: center;
}

.blog .blog-card p {
  font-size: 15px;
  padding: 10px 20px;
  position: relative;
  margin-bottom: 0;
  text-align: center;
}

/*---------- Blog Css Ends -----------*/


/*---------- Featured Course Css Starts -----------*/

.featured_course{
  padding: 3% 0%;
  background-color: #001f65;
  text-align: center;
}

.featured_course_box img{
  width: 100%;
}

.featured_course_box.featured_small{
  margin-bottom: 8%;
}

.featured_course_box .featured_course_info{
  padding: 5% 5%;
  background-color: #fff;
}

.featured_course_box.featured_small .featured_course_info{
  padding: 3% 2%;
  background-color: #fff;
}

.featured_course_box .featured_course_info h5{
  color: #001f65;
}
.featured_course_box .featured_course_info a{
  text-decoration: none;
}


/*---------- Featured Course Css Ends -----------*/


/* ----------- Social Media Css Ends -------------
-----------------------------------------------*/

.social {
    position: fixed;
    top: 35%;
    z-index: 99;
    left: 0px;
    right: 100%;
}

.social ul {
    padding: 0px;
    -webkit-transform: translate(0px, 0);
    -moz-transform: translate(62px, 0);
    -ms-transform: translate(62px, 0);
    -o-transform: translate(62px, 0);
    transform: translate(-45px, 0);
}
.social ul li {
    display: block;
    margin: 3px;
    /*background: rgba(0, 0, 0, 0.9);*/
    width: 80px;
    text-align: right;
    padding: 2px;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
.social ul li:hover {
    webkit-transform: translate(15px);
    -moz-transform: translate(15px);
    -ms-transform: translate(15px);
    -o-transform: translate(15px);
    transform: translate(15px);
    background: rgba(255, 255, 255, 0.9);
}
.social ul li a{font-size:14px !important;}

.social ul li:hover a {
    color: #fff;
    text-decoration: none;
}


.social ul li:hover i {
    color: #fff;
    /*background: rgba(0, 0, 0, 0.36);*/
}
.social ul li i {
    margin: 3px;
    color: #000;
    padding: 2px;
    width: 20px;
    height: 20px;
    font-size: 16px;
    /*background: #ffffff;*/
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    text-align: center;
    display: inline-block;
    color: #fff !important;
}

.social ul .tumb i{ color: #32506C;}
.social ul .yt i{ color: #ed1b24;}
.social ul .faceb i{ color: #3C5A9A;}
.social ul .twt i{ color: #00ACEC;}
.social ul .gp i{ color: #DD4C3B;}
.social ul .wa i{ color: #18c139;}
.social ul .pin i{ color: #CB2028;}
.social ul .inst i{ color: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);;}

.social ul .tumb{ background: #32506C !important;}
.social ul .yt{ background: #ed1b24 !important;}
.social ul .faceb{ background: #3C5A9A !important;}
.social ul .twt{ background: #00ACEC !important;}
.social ul .gp{ background: #DD4C3B !important;}
.social ul .wa{ background: #18c139 !important;}
.social ul .pin{ background: #CB2028 !important;}
.social ul .inst{ background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%) !important;}


/* ----------- Social Media Css Ends -------------
-----------------------------------------------*/


/* ----------- Blog Detail Css Starts -------------
-----------------------------------------------*/

.blog-detail-box h2{
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 1%;
  font-weight: 700;
}

.blog-detail-box .blog-img{
  padding-bottom: 1%;
}

.blog-detail-box .blog-img img{
  width: 100%;
}

.blog-detail-box img.featured_image{
  float: right;
  width: 500px;
  padding: 1% 2%;
}

.blog-detail-box ul.blog_date{
  margin: 2% 0%;
  padding: 0;
}

.blog-detail-box ul.blog_date li{
  display: inline-block;
}

/* ----------- Blog Detail Css Ends -------------
-----------------------------------------------*/




/* ----------- Sidebar Css Starts -------------
-----------------------------------------------*/

.sidebar{
  border: 1px solid #eee;
  padding: 0% 5%;
}

.sidebar-title{
  background-color: #044980;
  padding: 5px 5px;
  margin: 5% 0%;
}

.sidebar-title h2{
  text-align: center;
  color: #fff;
  font-size: 22px;
  margin-bottom: 0;

}

.sidebar ul{
  margin: 0;
  padding: 0;
}

.sidebar ul li{
  /*display: block;*/
  list-style: none;
}

.sidebar .blog_list{
  padding-bottom: 5%;
}

.sidebar .blog_list img{
  width: 70px;
  height: 70px;
  margin-right: 10px;
}

.sidebar .blog_list p a{
  text-decoration: none;
  color: #2D3954;
}

.sidebar .blog_list p {
  line-height: 18px;
  font-size: 13px;
  margin-bottom: 0px;
}

.sidebar .blog_list p a:hover{
  color: #da0b4e;
}

.sidebar ul.blog_date li{
  display: inline-block;
}


/* ----------- Sidebar Css Ends -------------
-----------------------------------------------*/


/* ----------- Top Footer Css Starts -------------
-----------------------------------------------*/

.top_footer{
  padding: 3% 0%;
  background: #c0d8d8;
  border-bottom: 1px solid #fff;
}

.top_footer h5{
  margin-bottom: 5%;
  color: #001f65;
}

.top_footer ul{
  margin: 0;
  padding: 0;
}

.top_footer ul li{
  list-style: none;
  padding: 1px 0px;
}

.top_footer li a{
  text-decoration: none;
  font-weight: 500;
  color: #333;
}
/* ----------- Top Footer Css Ends -------------
-----------------------------------------------*/

/* Latest Update CSS Starts */

.latest_update_wrap{
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
}

.latest_update_image img{
  width: 100%;
}

.latest_update_info{
  padding: 10px 5px;
  text-align: center;
}

.latest_update_info h5 a{
    text-decoration: none;
  font-size: 16px;
  color: #0056b3;
}

/* Latest Update CSS Starts */




/* ----------- Gallery CSS Starts ----------- */

.gallery_carousel img{
  width: 100%;
  height: 250px;
}

.img-wrapper {
  position: relative;
  margin-top: 15px;
  background-color: #efefef;
  border: 1px solid #bbb;
}

.img-wrapper img {
  width: 100%;
  height: 250px;
}

.placement_box .img-wrapper img {
  width: 100%;
  height: auto;
}

.img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}

.img-overlay i {
  color: #fff;
  font-size: 3em;
}

#overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  object-fit: contain;
  padding: 5%;
}

@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }
}

@media screen and (min-width: 1200px) {
  #overlay img {
    width: 50%;
  }
}

#nextButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#nextButton:hover {
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  #nextButton {
    font-size: 3em;
  }
}

#prevButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#prevButton:hover {
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  #prevButton {
    font-size: 3em;
  }
}

#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}

#exitButton:hover {
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  #exitButton {
    font-size: 3em;
  }
}

.image_info{
  padding-top: 10px;
  text-align: center;
}

.image_info h4 a{
  text-decoration: none;
  color: #0056b3;
  font-size: 16px;
}

/* ----------- Gallery CSS Ends ----------- */

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}
.event-details-content .event-schedule-table .table thead tr th.time {
    min-width: 190px;
}
.event-details-content .event-schedule-table .table thead tr th {
    background-color: #0c8b51;
    color: #fff;
    text-align: center;
    border: 2px solid #fff;
}
.event-details-content .event-schedule-table .table tbody tr td {
    background-color: #f1f1f1;
    border: 2px solid #fff;
    font-size: 14px;
    padding: 15px 20px;
    font-weight: 500;
}

.blog img{
  height: 200px;
}

.feature-box {
    background: #ffffff;
    border-radius: 12px;
    transition: 0.3s;
    height: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.feature-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.feature-icon {
    width: 60px;
    height: 60px;
}

.course-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    padding-bottom: 20px;
    transition: 0.3s;
    border: 1px solid #E7E7E7;
    margin-top: 40px;
}

.course-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.course-title {
    text-align: center;
    font-weight: 700;
    padding: 20px;
    font-size: 16px !important;
}

.course-price {
    background: linear-gradient(to right, #00AEEF, #002F6C);
    padding: 18px;
    text-align: center;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
}

.course-features {
    list-style: none;
    margin: 20px;
    padding: 0;
    font-size: 15px;
}

.course-features li {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

.course-features .dot {
    width: 10px;
    height: 10px;
    background: #4a29ff;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}

.pay-header {
    background: linear-gradient(to right, #00AEEF, #002F6C);
    padding: 12px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    margin-top: 10px;
}

.pay-buttons {
    text-align: center;
    margin-top: 15px;
}

.pay-btn {
    background: linear-gradient(to right, #00AEEF, #0056C7);
    padding: 10px 25px;
    margin: 6px;
    border-radius: 6px;
    color: #fff !important;
    font-weight: 600;
    display: inline-block;
    transition: 0.3s;
}

.pay-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 3px 12px rgba(0,0,0,0.15);
}




.testimonial-card {
    background: #fff;
    width: 330px;
    padding: 40px 25px 30px;
    border-radius: 8px;
    text-align: center;
    position: relative;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    margin-bottom: 30px;
}

.quote-icon {
    font-size: 50px;
    color: #ccc;
    position: absolute;
    top: 15px;
    left: 20px;
}

.avatar {
    width: 80px;
    height: 80px;
    background: #ddd;
    border-radius: 50%;
    margin: 0 auto 20px;
    background-image: url('https://via.placeholder.com/80');
    background-size: cover;
    background-position: center;
}

.message {
    font-size: 15px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 25px;
}

.author {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    margin-top: 10px;
}


.contact-section {
    padding: 40px;
    max-width: 600px;
    margin: 0 auto;
    color: #fff;
}

.contact-box {
    display: -webkit-box;
    align-items: flex-start;
    margin-bottom: 40px;
}

.icon-box {
    width: 55px;
    height: 55px;
    border: 2px solid #444;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    border-radius: 4px;
    background: #333;
}

.icon-box i {
    color: #fff;
    font-size: 22px;
}

.contact-content h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
}

.contact-content p {
    margin: 2px 0;
    font-size: 15px;
    line-height: 1.6;
    color: #000;
}

#callnowbutton{
	background-color:#cf0942;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0,0,0,.3);
    position: fixed;
    text-decoration: none;
    bottom: 15px;
    left: 20px;
		z-index: 9999
}
#callnowbutton i{
		color: #FFFFFF;
    font-size: 26px;
    padding: 15px;
}
#wpnowbutton{
		background-color:#18c139;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0,0,0,.3);
    background-position: center;
    background-size: 35px 35px;
    background-repeat: no-repeat;
    display: block;
    position: fixed;
    text-decoration: none;
    bottom: 15px;
    right: 20px;
		z-index: 9999
}
#wpnowbutton i{
	color: #FFFFFF;
    font-size: 26px;
    padding: 14px 18px;
}

.mb-20{
  margin-bottom: 20px;
}