.UpcomingCourses{
	
}
.CoursesListHome{
	display: flex;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
}
.CoursesListHome li{
	padding: 0;
	margin: 10px;
	display: block;
	box-shadow: 0 0 20px 0px rgb(0 0 0 / 20%);
    background-color: #fff;
    /* height: 291px; */
    -webkit-box-shadow: 0 0px 6px 0 rgb(0 0 0 / 18%);
    box-shadow: 0 0px 6px 0 rgb(0 0 0 / 18%);	
	text-align: left;
	position: relative;
}
.UpcomingCourses:after {
    width: 90px;
    height: 36px;
    color: #fff;
    background: #53b256;
    text-align: center;
    font-size: 13px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 6px 0 0 0;
    font-weight: 500;
    content: 'Upcoming';
}
.CoursesListHome li.UpcomingCourses{
	min-height: 610px;
}
.UpcomingCourses .course_image, .UpcomingCourses .course_content{
	opacity: 0.85;
}
.l{
	float: left;
}
.r{
	float: right;
}
.c{
	clear: both;
}
.TopEmail{
	position: relative;
	padding: 0 0 0 30px;
}
.TopEmail:after{
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url("../images/sprite.png") -77px -300px no-repeat;
	content: '';
}
.menu-dropdown .fa-caret-down:before{
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url("../images/sprite.png") -33px -319px no-repeat;
}
.ShortingDropdown .dropdown-toggle, .ShortingDropdown .dropdown-toggle:hover {
    background: #fff;
    font-size: 14px;
    padding: 5px 10px 7px 10px;
    margin: 0 5px;
    outline: none;
    border: none;
	width: 170px;
	text-align: left;
	position: relative;
	border: 1px solid #ccc;
}
#LanguageCountry:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin: -1px 0 0 5px;
	position: absolute;
	top: 14px;
	right: 12px;
}
.ShortingDropdown .dropdown-toggle.btn:focus{
	outline: 0;
    box-shadow: none;
}
.dropdown-menu>li>a {
    display: block;
    cursor: pointer;
    padding: 3px 10px;
	font-size: 14px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.Request_a_DemoSection{
	position: relative;
	z-index: 2;
}
.Request_a_DemoSection a.Request_a_Demo{
	position: absolute;
	top: 0px;
	right: 10px;
	padding: 10px 40px 10px 20px;
	display: inline-block;
	cursor: pointer;
	margin: 0;
	background: #3c454f;
	color: #fff;
	font-size: 15px;
	-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.Request_a_DemoSection.Request_a_Demo_fixed a.Request_a_Demo{
	    position: fixed;
    top: 125px;
    right: 10px;
    padding: 10px 40px 10px 20px;
    display: inline-block;
    cursor: pointer;
    margin: 0;
    background: #3c454f;
    color: #fff;
    font-size: 15px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.Request_a_Demo_fixed a, .Request_a_DemoSection a{
	padding: 10px 40px 10px 20px;
	display: inline-block;
	cursor: pointer;
	margin: 0;
	background: #3c454f;
	color: #fff;
	font-size: 15px;
	position: relative;
	-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.Request_a_Demo_fixed a:after, .Request_a_DemoSection a.Request_a_Demo:after{
	width: 25px;
    height: 25px;
	display: block;
	position: absolute;
	top: 8px;
	right: 12px;
	background: url("../images/sprite.png") -15px -40px no-repeat;
	content: '';
}
.ShortingDropdown .dropdown-menu{
	z-index: 97;
}
.CoursesListHomeSection{
	    background: #f4f4f4;
	padding: 40px 0 40px;
}
.CoursesListHome{
	margin: 0 -10px;
}

.CoursesListHome li h4{
    padding: 0 0px;
    color: #002f5f;
        font-family: 'Poppins', sans-serif;
    font-size: 18px;
    margin: 0;
    margin: 10px 0 5px;
	line-height: 24px;
	font-weight: 600;
    overflow: hidden;
    text-align: left;
}
.CoursesListHome li h4 a{
    color: #002f5f;
     text-decoration: none;
}
.CoursesListHome li h4 a:hover{
    color: #002f5f;
     text-decoration: none;
}
.CoursesListHome li p{
	text-align:left;
	padding: 0 0 0 20px;
	margin:5px 0 5px 0px;
	font-weight:normal;
	font-size: 14px;
	position:relative;
	font-family: 'Roboto', sans-serif;
}
.CoursesListHome li p::after{
position: absolute;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #1f8ceb;
    content: '';
        left: 4px;
    top: 8px;
}
.CoursesListHome li  .duration {
    font-size: 14px;
    padding-right: 0;
	text-align:left;
font-family: 'Roboto', sans-serif;
	font-weight: 500;
	
}
.CourseBoxHrline{
	border-bottom:1px solid #ccc;
	margin: 10px 0;
	padding: 0;
}
.CoursesListHome li .InquireNowButton{
font-size: 14px;
    background: #1f8ceb;
    padding: 8px 20px;
    margin: 0;
    color: #fff;
    text-decoration: none;
    display: inline-block;
	margin: 10px 0 0 0;
	cursor:pointer;
	
}
.course_content span {
    font-size: 14px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
}
#featured_course {
	background: #f4f4f4;
}
.fade.in {
    opacity: 1;
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}
.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
	z-index: 1;
}
.modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #000;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
	z-index: 99;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal.fade .modal-dialog.CoursesEnquireModalBox {
    transition: transform .3s ease-out;
    transform: translate(0,0px);
	z-index: 9999;
	width: 100%;
	margin: 30px auto;
}
.modal.fade .modal-dialog.CoursesEnquireModalBox .modal-content {
    background-color: #fefefe;
    margin: 0 auto;
    padding: 0px 0px;
    border: 1px solid #888;
	width: auto;
}
.modal.fade .modal-dialog.CoursesEnquireModalBox .close{
	border:none;
	background:none;
	font-weight:normal;
	color:#ff5722;
	font-size:30px;
}
.modal.fade .modal-dialog.CoursesEnquireModalBox .modal-title{
	font-size:20px;
	font-weight:700;
	color:#333;
}
.ShortingDropdown .open {
	position: relative;
	
}
.ShortingDropdown .open .dropdown-menu{
	display: block;
	top: 32px;
	width: 170px;
	left: 5px;
	
}
#a_class_apart{
	padding:40px 0;
}
#tailor{
	padding:40px 0 20px!important;
}
#lucrative{
	padding:40px 0;
}
#lucrative .left_content {
	padding:20px 0 0 0;
}
#client{
	padding:40px 0 40px !important;
}
#affiliations{
	padding:40px 0 20px !important;
	background: #fff;
}
.LightBoxInquiryRow{
	margin:0 0 15px 0;
}
.ColourRed{
	color:#F00;
}
.EnquiryLightBoxForm{
	text-align:left;
}
.EnquiryLightBoxForm .LightBoxInquiryRow label{
	font-size:14px;
	color:#999;
	padding:0 0 4px 0;
	margin:0;
	display:block;
	font-family: 'Roboto', sans-serif;
}
.EnquiryLightBoxForm .QuickEnquiry_input {
    border: 1px solid #c2c2c2;
    background: #FFF;
    padding: 4px 8px;
    margin: 0 0 0px;
    font-size: 14px;
    font-weight: normal;
    color: #858585;
    outline: none;
    width: 100%;
    height: 35px;
}
.EnquiryLightBoxForm .QuickEnquiry_input.error {
    border: 1px solid #D03133;
    background: #FFF;
    padding: 4px 8px;
    margin: 0 0 0px;
    font-size: 14px;
    font-weight: normal;
    color: #858585;
    outline: none;
    width: 100%;
    height: 35px;
}
.EnquiryLightBoxForm label.error,.errorText {
	font-size: 13px;
	color: #C32628;
	font-family: 'Roboto', sans-serif;
	line-height: 18px;
	display: none;
}
.InquiryNow_Form .checkbox  i.checkboxEror{
	border: 1px solid #e51316 ;
}
.EnquiryLightBoxForm .QuickEnquiry_textarea{
	    border: 1px solid #c2c2c2;
    background: #FFF;
    padding: 4px 8px;
    margin: 0 0 0px;
    font-size: 14px;
    font-weight: normal;
    color: #858585;
    outline: none;
    width: 100%;
    height: 70px;
}
.EnquiryLightBoxForm .LightBoxInquiry_SubmitButton{
	border:none;
	outline:none;
	background:#1f8ceb;
	color:#FFF;
	padding:8px 20px;
	display:inline-block;
	font-size:18px;
	font-weight:normal;
	border-radius: 3px;
}
/*-----------Banner Start------------*/
.H_banner_0{
	
}
.banner0_Title{
	top: 95px !important;
	left: 0 !important;
 width:100% !important;
	text-align: center;
	font-size: 42px !important;
	color: #fff;
	display: block;
	font-weight: 700;
	line-height: 45px;
}
.H_banner_0 span.banner0_text1{
	top: 165px !important;
 width:100% !important;
	left: 0 !important;
	text-align: center;
	font-size: 24px !important;
	color: #fff;
	font-weight: 500;
	line-height: 45px;
}
.H_banner_0 span.banner0_text2{
	top: 205px !important;
 width:100% !important;
	left: 0 !important;
	text-align: center;
	font-size: 24px !important;
	color: #fff;
	font-weight: 500;
	line-height: 45px;	
}
.ExploreCoursesButton {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px !important;
    font-weight: 400;
	margin: 5px;
    color: #fff;
    padding: 10px 50px 10px 25px;
    border: 1px solid #fff;
    font-family: 'Roboto', sans-serif;
	position: relative;
	background-color: rgba(0, 0, 0, 0.3);
}
.ExploreCoursesButton:hover {
    color: #fff;
    border: 1px solid #1f8ceb;
	background-color: rgba(31, 140, 235, 0.8);
}
.ExploreCoursesButton:after {
	width: 22px;
	height: 22px;
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	content: '';
	background: url("../images/sprite.png")  -59px -17px no-repeat;
}
.WatchVideoButton {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px !important;
    font-weight: 400;
	margin: 5px;
    color: #fff;
    padding: 10px 50px 10px 25px;
    border: 1px solid #1f8ceb;
	background-color: rgba(31, 140, 235, 0.8);
    font-family: 'Roboto', sans-serif;
	position: relative;
}
.WatchVideoButton:hover {
    color: #fff;
    border: 1px solid #1f8ceb;
	background-color: rgba(31, 140, 235, 0.8);
}
.WatchVideoButton:after {
	width: 28px;
	height: 28px;
	display: block;
	position: absolute;
	top: 9px;
	right: 10px;
	content: '';
	background: url("../images/sprite.png")  -61px -134px no-repeat;
}
.H_banner_1 {
}
.H_banner_1 .H_banner_1_img{
}

.banner1_Title{
	top: 45px !important;
 width:700px !important;
	font-size: 42px !important;
	color: #fff;
	font-weight: 700;
	line-height: 45px;
	right: inherit !important;
}
.H_banner_1 span.banner1_text{
 width:700px !important;
	top: 145px !important;
		font-size: 18px !important;
	color: #fff;
	font-weight: 200;
	right: inherit !important;
}
.H_banner_1 span.banner1_text2{
 width:700px !important;
	top: 255px !important;
	right: inherit !important;
		
}


.BannerVideo{
	text-align: center;
	top: 50px !important;
}
.H_banner_2 {
}
.H_banner_2 .H_banner_2_img{
 width:475px !important;
}

.banner2_Title{
	top: 60px !important;
 width:700px !important;
	font-size: 40px !important;
	color: #fff;
	font-weight: 700;
	line-height: 45px;
}
.banner2_Title span{
	font-size: 24px !important;
	color: #fff;
	font-weight: 300 !important;
}
.H_banner_2 span.banner2_text{
 width:700px !important;
	top: 165px !important;
		font-size: 18px !important;
	color: #fff;
	font-weight: normal;
}
.H_banner_2 span.banner2_text2{
 width:700px !important;
	top: 255px !important;
}
.banner3_Title{
	top: 60px !important;
 width:700px !important;
	font-size: 42px !important;
	color: #fff;
	font-weight: 700;
	line-height: 45px;
}
.H_banner_3 span.banner3_text{
 width:700px !important;
	top: 175px !important;
		font-size: 18px !important;
	color: #fff;
	font-weight: normal;
}
.H_banner_3 span.banner3_text2{
 width:700px !important;
	top: 260px !important;
}
.banner4_Title{
	top: 60px !important;
 width:700px !important;
	font-size: 42px !important;
	color: #000;
	font-weight: 700;
	line-height: 45px;
}
.H_banner_4 span.banner4_text{
 width:700px !important;
	top: 170px !important;
		font-size: 18px !important;
	color: #000;
	font-weight: normal;
}
.H_banner_4 span.banner4_text2{
 width:700px !important;
	top: 260px !important;
}
.banner5_Title{
	top: 70px !important;
 width:700px !important;
	font-size: 40px !important;
	color: #fff;
	font-weight: 700;
	line-height: 45px;
}
.H_banner_5 span.banner5_text{
 width:700px !important;
	top: 135px !important;
		font-size: 20px !important;
	color: #fff;
	font-weight: normal;
}
.H_banner_5 span.banner5_text2{
 width:700px !important;
	top: 230px !important;
}
.BannerButton{
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size:18px !important;
font-weight:400;
color:#fff;
padding:10px 25px 10px;
	border: 1px solid #fff;
	font-family: 'Roboto', sans-serif;

}
.BannerButton:hover{
 background:#1f8ceb;
 color:#fff;
 -webkit-transition: all .4s ease !important; 
    -moz-transition: all .4s ease !important;
    -o-transition: all .4s ease !important;
    transition: all .4s ease !important;
}
.BannerButtonBlack{
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size:18px !important;
font-weight:400;
color:#000;
padding:10px 25px 10px;
	border: 1px solid #000;
	font-family: 'Roboto', sans-serif;

}
.BannerButtonBlack:hover{
 background:#1f8ceb;
 color:#fff;
 -webkit-transition: all .4s ease !important; 
    -moz-transition: all .4s ease !important;
    -o-transition: all .4s ease !important;
    transition: all .4s ease !important;
}
.BannerCaseStudiesButton{
 -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background:#ffae00;
font-size:18px;
font-weight:500;
color:#FFF;
padding:15px 25px;
width:190px;
line-height:19px;

}
.BannerCaseStudiesButton:hover{
 background:#000000;
 color:#FFF;
 -webkit-transition: all .4s ease !important; 
    -moz-transition: all .4s ease !important;
    -o-transition: all .4s ease !important;
    transition: all .4s ease !important;
}
.BannerReadBlogsButton{
 -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background:#62a324;
font-size:18px;
font-weight:500;
color:#FFF;
padding:15px 25px;
width:190px;
line-height:19px;

}
.BannerReadBlogsButton:hover{
 background:#ff9800;
 color:#000;
 -webkit-transition: all .4s ease !important; 
    -moz-transition: all .4s ease !important;
    -o-transition: all .4s ease !important;
    transition: all .4s ease !important;
}
.BannerWhitepaperButton{
 -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background:#0e8dc2;
font-size:18px;
font-weight:500;
color:#FFF;
padding:15px 25px;
width:190px;
line-height:19px;

}
.BannerWhitepaperButton:hover{
 background:#ff9800;
 color:#000;
 -webkit-transition: all .4s ease !important; 
    -moz-transition: all .4s ease !important;
    -o-transition: all .4s ease !important;
    transition: all .4s ease !important;
}


#layerslider{
 height:380px;
}
.H_banner_3_img{
    top: 10px;
    width: 450px;
    margin-left:40px !important;
    margin-top:0px !important
}
.CoursesNameSection{
	background:#dde0e1;
	padding:7px 10px;
	margin:0 0 10px;
	line-height:20px;
	font-family: 'Roboto', sans-serif;
}
.CoursesNameLabel{
	color:#333;
	font-size:14px;
}
#HidCoursName{
	border:none;
	outline:none;
	display:block;
	font-size:14px;
	background:none;
	width:100%;
	font-weight:500;
}
.HomeCoursesPager{
	text-align: center;
	display: inline-block;
	border-radius: 10px;
	    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 25%);
    -webkit-box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
	background: #fff;
}
.HomeCoursesPager .previousPage {
	 width: 48px;
	height: 48px;
	display: inline-block;
	background: url("../images/sprite.png")  2px -244px no-repeat;
	cursor: pointer;
}
.HomeCoursesPager .nextPage{
	width: 48px;
	height: 48px;
	display: inline-block;
	background: url("../images/sprite.png")  -51px -244px no-repeat;
}
.HomeCoursesPager .previousPage:hover, .HomeCoursesPager .nextPage:hover{
	background-color: #efeff1;
}
.HomeCoursesPager .firstPage{
	float: left;
}
.HomeCoursesPager .pageNumbers{
	padding: 0;
	margin: 0;
}
.HomeCoursesPager .pageNumbers a{
width: 48px;
	height: 48px;
	display: inline-block;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	padding: 8px 0 0 0;
}
.HomeCoursesPager .pageNumbers a:hover{
	background: #efeff1;
}
.HomeCoursesPager .pageNumbers a.active, .HomeCoursesPager .pageNumbers a.active:hover{
	background: #1f8ceb;
	color: #fff;
}
.items div {
}

.pager div	{
float: left;
}
.pager div.disabled	{
	opacity: 0.25;
}
.pager{
overflow: hidden;
}
.paginate-no-scroll .items div	{
}
/*-----------Banner End------------*/
.Breadcrumb{
 font-family: 'Poppins', sans-serif;
 font-size:13px;
 color:#404a60;
 padding:20px 0 15px;
 margin:0 0 0 0px;
}
.Breadcrumb a{
 font-family: 'Poppins', sans-serif;
 font-size:13px;
 color:#404a60;
 padding:20px 0;
 padding:0 7px;
 display:inline-block;
 font-weight:400;
}
.Breadcrumb2{
 font-family: 'Poppins', sans-serif;
 font-size:13px;
 color:#fff;
 padding:20px 0 15px;
 margin:0 0 0 0px;
}
.Breadcrumb2 a{
 font-family: 'Poppins', sans-serif;
 font-size:13px;
 color:#fff;
 padding:20px 0;
 padding:0 7px;
 display:inline-block;
 font-weight:400;
}
.bradecome_comman_wrapper {
    background: rgba(0, 0, 0, .4);

    position: relative;
    z-index: 8;
}
.bradecome_comman_wrapper .Breadcrumb2{
  padding:10px 0;
}
.InnerPageComman_banner .InnerBanner{
 min-height:270px;
}
.InnerPageComman_banner .InnerBanner.CustomCourse{
 min-height:200px;
}
.BlogSection{
 background:#f2f2f2;
 padding:30px 0;
}

.BlogSection .BlogSection_NormalText {
    font-size: 16px;
    color: #333;
    padding: 0px 0 20px 0;
    margin: 0;
    font-weight: normal;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}
.ElearningBlogBox {
    background: #fff;
    padding: 0px;
    margin: 10px 0;
	    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
.ElearningBlogBox:hover {
    background: #173c8d;
    padding: 0px;
    margin: 10px 0;
}
 .ElearningBlogBox:hover .ElearningBlogBoxContent h3, .ElearningBlogBox:hover .ElearningBlogBoxContent h3 a {
	color: #fff;
}
.ElearningBlogBox:hover .ElearningBlogBoxContent .RecentBlogs_date, .ElearningBlogBox:hover .ElearningBlogBoxContent p{
	color: #b9daf7;
}
.ElearningBlogBox .ElearningBlogImg{
}
.ElearningBlogBox .ElearningBlogImg img{
 width:100%;
}
.ElearningBlogBox .ElearningBlogBoxContent{
 padding:15px;
}
.ElearningBlogBox .ElearningBlogBoxContent .RecentBlogs_date{
 font-size: 13px;
    font-style: italic;
    color: #969696;
    padding: 0 0 5px;
	font-family: 'Roboto', sans-serif;
}
.ElearningBlogBox .ElearningBlogBoxContent h3 {
    font-size: 18px;
    color: #173c8d;
    padding: 0 0 15px 0;
    margin: 0;
    line-height:25px;
    font-weight: 500;
	font-family: 'Roboto', sans-serif;
}
.ElearningBlogBox .ElearningBlogBoxContent h3 a{
    color: #173c8d;
}
.ElearningBlogBox .ElearningBlogBoxContent p {
    font-size: 15px;
    color: #575757;
    padding: 0 0 0px 0;
    margin: 0;
    line-height: 26px;
    font-weight: normal;
	font-family: 'Roboto', sans-serif;
}
h2.BlogSection_heading{
	font-size: 32px;
    color: #24244d;
    padding: 5px 0 10px;
    margin: 0;
    font-weight: 700;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    line-height: 32px;
}
h2.BlogSection_heading:after{
    width: 100px;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 15px auto 10px;
    content: '';
    background: #c9c9c9;
}
a.ElearningBlogViewButton {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(../images/sprite.png) -119px -15px no-repeat;
}
.ElearningBlogBox:hover a.ElearningBlogViewButton {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(../images/sprite.png) -119px -48px no-repeat;
}
.text-right{
	text-align: right;
}
.ViewAllBlogButton {
    display: inline-block;
    background: #173c8d;
    font-size: 16px;
    color: #FFF;
    margin: 20px 0 0 0;
    padding: 12px 60px 12px 20px;
    position: relative;
	font-family: 'Roboto', sans-serif;
}
.ViewAllBlogButton:hover {
    display: inline-block;
    background: #ff5722;
    font-size: 16px;
    color: #FFF;
    margin: 20px 0 0 0;
    padding: 12px 60px 12px 20px;
    position: relative;
}
.ViewAllBlogButton:after {
    position: absolute;
    top: 8px;
    right: 15px;
    content: '';
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(../images/sprite.png) -119px -48px no-repeat;
}
/*--------Inquiry Page Start----------*/
.InquirySection1{
	padding: 0px 0;
	background: #f2f2f2;
}
.EnquiryNowBanner_wraper{
 background:url(../images/enquiry-banner.jpg) center center no-repeat;
 background-size:cover;
}
.EnquiryNowBanner_wraper h1{
    font-family: 'Roboto', sans-serif;
    font-size: 50px;
    color: #FFF;
    margin: 0;
    padding: 75px 0 10px 0;
    font-weight: bold;
}
.EnquiryNowBanner_wraper p{
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    color: #FFF;
    margin: 0;	
    padding: 0 0 10px 0;
    font-weight: 300;
    max-width: 650px;
    line-height:32px;
}
.InquiryNow_Form{
 width:auto;
 margin:0 auto;
	font-family: 'Roboto', sans-serif;
position: relative;
}
.ExploreMoreCourses {
	padding: 10px 40px 10px 15px;
	background: #53b256;
	color: #fff;
	font-size: 16px;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
}
.ExploreMoreCourses:hover {
	padding: 10px 40px 10px 15px;
	background: #000;
	color: #fff;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
}
.ExploreMoreCourses:after {
    width: 22px;
    height: 22px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    content: '';
    background: url(../images/sprite.png) -59px -17px no-repeat;
}
.InquiryNow_Form_Fix{
 width:auto;
 margin:0;
}
.InquiryNow_Form_input {
    border: 1px solid #b7b7b7;
    height: 42px;
    padding: 5px 10px;

    font-size: 14px;
    color: #666;
    width: 100%;
    margin: 0 0 20px 0;
    outline: none;
}
.InquiryNow_Form_input.error {
    border: 1px solid #b7b7b7;
    height: 42px;
    padding: 5px 10px;

    font-size: 14px;
    color: #666;
    width: 100%;
    margin: 0 0 0px 0;
    outline: none;
}
.InquiryNow_Form_input option{
 line-height:28px;
 padding:7px 7px;
}
.InquiryNow_Form_input option:checked {
 background:#e5e5e5
}
.InquiryNow_inputBox{
 position:relative;
}
.InquiryNow_inputBox:focus-within:after {
   width:100%;
   content:'';
}

.InquiryNow_SoftwareList {
    background: #f2f2f2;
    margin-bottom: 20px;
    padding: 5px 15px 10px 20px;
    margin-top: 5px;
	position: relative;
}
.InquiryNow_SoftwareList h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #333;
    font-weight: 600;
    padding: 15px 0 15px 0;
    margin: 0;
}
.InquiryNow_Form .radio, .InquiryNow_Form .checkbox { margin-bottom: 9px; margin-top: 9px; padding-left: 27px; font-size: 14px; line-height: 21px; color: #404040; cursor: pointer; position: relative; display: inline-block; font-weight: normal; }
.error{
	font-size: 12px;
	color: #C90407;
	padding: 0;
	margin: 0;
}
#Inquirycheckbox-error{
	margin: 0;
}
.InquiryNow_Form .radio input, .InquiryNow_Form .checkbox input { position: absolute; left: -9999px; margin-left: -20px; }
.InquiryNow_Form .radio input:checked + i, .InquiryNow_Form .checkbox input:checked + i, .InquiryNow_Form .toggle input:checked + i { border-color: #999; width: 17px; height: 17px; border-width: 1px; -ms-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -webkit-transition: border-color 0.3s; position: absolute; top: 2px; left: 0; display: block; outline: none; border-style: solid;
 }
.InquiryNow_Form .checkbox input + i:after {  background:url(../images/common-icon-sprite.png)  -8px -389px no-repeat; content:''; left: -1px; width: 15px; height: 15px; font: normal 12px/16px FontAwesome; text-align: center; -webkit-transition: opacity 0.1s; position: absolute; opacity: 0; color: #999; }
.InquiryNow_Form .checkbox input + i:after, .InquiryNow_Form .checkbox i:after {  background:url(../images/common-icon-sprite.png)  -8px -389px no-repeat; content:''; left: -1px; width: 15px; height: 15px; font: normal 12px/16px FontAwesome; text-align: center; -webkit-transition: opacity 0.1s; position: absolute; opacity: 0; color: #999; }
.InquiryNow_Form .radio input:checked + i:after, .InquiryNow_Form .checkbox input:checked + i:after, InquiryNow_Form .checkbox input:checked > i:after { opacity: 1; }
.InquiryNow_Form .checkbox input + i:after { top: 2px; left: 0; font: normal 10px FontAwesome; }
.InquiryNow_Form .radio:hover i, .InquiryNow_Form .checkbox:hover i, .InquiryNow_Form .toggle:hover i, .InquiryNow_Form .ui-slider-handle:hover { border-color: #999; }
.InquiryNow_Form .radio i, .InquiryNow_Form .checkbox i { width: 17px; height: 17px; border-width: 1px; border-color: #bbb; }
.InquiryNow_Form .radio i, .InquiryNow_Form .checkbox i { position: absolute; top: 2px; left: 0; display: block; outline: none; border-style: solid; background: #fff; }
.InquiryNow_Form .checkbox > [type="checkbox"]:focus + i, .InquiryNow_Form .checkbox > [type="checkbox"]:not(:checked):focus + i { border: 1px solid #72c02c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(129, 183, 76, 0.6); }
.InquiryNowCaptchCode {
    background: #CCC;
    font-size: 15px;
    font-style: italic;
    color: #999;
    padding: 8px 0;
    text-align: center;
    height: 35px;
    letter-spacing: 5px;
}
.InquiryNowFormSubmitButton {
    background: #562fa5;
    outline: none;
    border: 4px solid #ddd5ed;
    padding: 13px 20px;
    display: block;
    width: 172px;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 0;
    font-size: 18px;
    color: #FFF;
    font-weight: 600;
}
label.InquiryFormLabel{
	font-size:15px;
	color:#333333;
	padding:0 0 4px 0;
	margin:0;
	display:block;
	font-family: 'Roboto', sans-serif;
}
/*--------Inquiry Page End----------*/
/*--------Partne Page Start-----------*/
.PartneSection1{
	padding:50px 0 40px;
}

.PartnerBanner_wraper{
 background:url(../images/partner-banner.jpg) right bottom no-repeat #e6e6e6;
}
.PartnerBanner_wraper h1{
    font-family: 'Roboto', sans-serif;
    font-size: 50px;
    color: #000;
    margin: 0;
    padding: 60px 0 10px 0;
    font-weight: bold;
}
.PartnerBanner_wraper p{
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #333;
    margin: 0;	
    padding: 0 0 10px 0;
    font-weight: 300;
    max-width: 650px;
    line-height:28px;
}

ul.MainSectionTab {
  width:750px;
 margin:0 auto;
 border-bottom:1px solid #cbcbcb;
 padding:0;
 list-style:none;
 overflow:hidden;
 text-align:center;
}
ul.MainSectionTab li{
 padding:0;
 margin:0;
 list-style:none;
 display:inline-block;
}
ul.MainSectionTab li a{
    font-size: 22px;
    color: #000000;
    text-decoration: none;
    display: block;
    line-height: 24px;
    padding: 14px 35px 10px;
    position: relative;
    z-index: 1;
    margin-left:-1px;
    font-weight:normal;
    
}
ul.MainSectionTab li a:before {
    content: "";
           width: 2px;
    height: 46px;
    position: absolute;
    right: 0;
    top: 22px;
    margin-top: -20px;
    -webkit-transform: skew(25deg);
    -moz-transform: skew(25deg);
    /* transform: skew(25deg); */
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    z-index: -1;
}
ul.MainSectionTab li:first-child {
    margin-left: -9px;
    position: relative;
}
ul.MainSectionTab li:hover a:before {
    background: #e7e7e7;
        width: 100%;
}
 ul.MainSectionTab li.active a:before {
    background-color: #1f8ceb;
    width: 100%;
}
ul.MainSectionTab li.active a{
 color:#FFF;
}
.MainSectionTab_content {
    padding: 20px 0;
}
.PartneSection1 .MainSectionTab_content h2.heading2{
	font-size:26px;
	padding:0 0 15px;
	margin:0;
	font-weight:600;
	color:#374056;
}

.PartneSection1 .MainSectionTab_content h3.heading3{
	font-size:20px;
	padding:0 0 15px;
	margin:0;
	font-weight:600;
	color:#374056;
}
p.Normal_robot_16_PB20 {
    padding: 0 0 20px 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    color: #333333;
    line-height: 26px;
    font-size: 16px;
}

p.Normal_robot_15_PBT10 {
    padding: 10px 0 10px 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    color: #333333;
    line-height: 24px;
    font-size: 15px;
}
ul.NormalList1 {
    padding: 0;
    margin: 0;
	font-family: 'Roboto', sans-serif;
}
ul.NormalList1 li {
    padding: 5px 0 12px 32px;
    margin: 0;
    position: relative;
    font-weight: normal;
    color: #333333;
    font-size: 16px;
    line-height: 28px;
}
ul.NormalList1 li:after {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    content: '';
        background: url(../images/sprite.png) -6px -299px no-repeat;
}
ul.NormalList1 li ul.NormalList1Sub, ul.NormalList1Sub {
    padding: 4px 0 0 0;
    margin: 0;
	font-family: 'Roboto', sans-serif;
}
ul.NormalList1 li ul.NormalList1Sub li, ul.NormalList1Sub li {
    padding: 11px 0 4px 28px;
    margin: 0;
    position: relative;
    font-weight: normal;
    color: #333333;
    font-size: 16px;
    line-height: 28px;
}
ul.NormalList1 li ul.NormalList1Sub li:after, ul.NormalList1Sub li:after {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0;
    top: 14px;
    content: '';
        background: url(../images/sprite.png) -30px -299px no-repeat;
}
.SendInquiryButton{
	background: #53b256;
	padding: 10px 43px 10px 20px;
	display: inline-block;
	margin: 10px 0;
	font-size: 15px;
	color: #fff;
	position: relative;
	border-radius: 3px;
	cursor: pointer;
}
.SendInquiryButton:hover{
	background: #0d6efd;
	color: #fff;
}
.SendInquiryButton:after{
	width: 22px;
	height: 22px;
	display: block;
	background: url(../images/sprite.png) -60px -102px no-repeat;
	position: absolute;
	top: 10px;
	right: 12px;
	display: block;
	content: '';
}
.TrainingLeftImg{
	padding: 20px 0 0 0;
}
/*--------Partner page End------------*/
/*--------About Page Start---------*/
.AboutBanner_wraper{
 background: url("../images/about-banner2.jpg") center right no-repeat #131718;
 background-size:auto ;
}

.AboutBanner_wraper h1{
    font-family: 'Roboto', sans-serif;
    font-size: 50px;
    color: #FFF;
    margin: 0;
    padding: 55px 0 10px 0;
    font-weight: bold;
}
.AboutBanner_wraper p{
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #FFF;
    margin: 0;	
    padding: 0 0 10px 0;
    font-weight: 300;
    max-width: 650px;
    line-height:32px;
}
.AboutSection1{
	padding: 50px 0;
}
.AboutOurAffiliationsSection{
	padding: 50px 0;
	background: #f2f2f2;
}

.AboutSection1 h2, .AboutSection2 h2{
    font-size: 32px;
    color: #24244d;
    padding: 10px 0;
    margin: 0;
    font-weight: 700;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    line-height: 32px;
}
.AboutSection1 h2:after, .AboutSection2 h2:after{
	width: 100px;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 15px 0 0;
	content: '';
	background: #c9c9c9;
}
.AboutSection2{
	padding: 50px 0;
}
.AboutSection2 h2.Heading2{
font-size: 32px;
    color: #24244d;
    padding: 5px 0 10px;
    margin: 0;
    font-weight: 700;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    line-height: 32px;
}
.AboutSection2 h2.Heading2:after{
width: 100px;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 15px auto 10px;
    content: '';
    background: #c9c9c9;
}
.AboutSection2 ul.IndustriesWeServeList{
	padding: 0;
	margin: 0 -5px;
	text-align: center;
}
.AboutSection2 ul.IndustriesWeServeList li{
	padding: 0;
	margin: 5px;
	display: inline-grid;
	padding: 5px;
	width: 178px;
	height: 125px;
	background: #fff;
	box-shadow: 0px 0px 5px 0px rgba(102,102,102,0.3);
-webkit-box-shadow: 0px 0px 5px 0px rgba(102,102,102,0.3);
-moz-box-shadow: 0px 0px 5px 0px rgba(102,102,102,0.3);
}
.AboutSection2 ul.IndustriesWeServeList li i{
width: 52px;
	height: 52px;
	display: block;
	margin: 5px auto;
}
.AboutSection2 ul.IndustriesWeServeList li i.ConstructionInfrastructure{
background: url("../images/sprite.png") 1px -355px no-repeat;
}
.AboutSection2 ul.IndustriesWeServeList li i.PetrochemicalOilGas{
background: url("../images/sprite.png") -50px -355px no-repeat;
}
.AboutSection2 ul.IndustriesWeServeList li i.Power{
background: url("../images/sprite.png") -100px -355px no-repeat;
}
.AboutSection2 ul.IndustriesWeServeList li i.IronSteel{
background: url("../images/sprite.png") -153px -355px no-repeat;
}
.AboutSection2 ul.IndustriesWeServeList li i.CementIndustry{
background: url("../images/sprite.png") -204px -355px no-repeat;
}
.AboutSection2 ul.IndustriesWeServeList li i.MetalMining{
background: url("../images/sprite.png") -255px -355px no-repeat;
}
.AboutSection2 ul.IndustriesWeServeList li i.Electronic{
background: url("../images/sprite.png") -306px -355px no-repeat;
}
.AboutSection2 ul.IndustriesWeServeList li i.Engineering{
background: url("../images/sprite.png") -357px -355px no-repeat;
}
.AboutSection2 ul.IndustriesWeServeList li i.Chenical{
background: url("../images/sprite.png") -408px -355px no-repeat;
}
.AboutSection2 ul.IndustriesWeServeList li i.Pharmaceutical{
background: url("../images/sprite.png") -459px -355px no-repeat;
}
.AboutSection2 ul.IndustriesWeServeList li i.Automobile{
background: url("../images/sprite.png") -508px -355px no-repeat;
}
.AboutSection2 ul.IndustriesWeServeList li i.FoodFMCG{
background: url("../images/sprite.png") -562px -355px no-repeat;
}
.AboutSection2 ul.IndustriesWeServeList li i.RetailConsumer{
background: url("../images/sprite.png") -613px -355px no-repeat;
}
.AboutSection2 ul.IndustriesWeServeList li i.ShippingMarine{
background: url("../images/sprite.png") -664px -355px no-repeat;
}
.AboutSection2 ul li p{
	font-size: 15px;
    color: #666666;
    padding: 5px 5px 0px 5px;
    margin: 0;
    font-weight: normal;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	min-height: 40px;
}
.AboutSection3{
	padding: 50px 0;
	background: #fff;
}
.AboutSection3 h2, .AboutSection4 h2, .AboutSection2 h2, .AboutOurAffiliationsSection h2{
font-size: 32px;
    color: #24244d;
    padding: 5px 0 10px;
    margin: 0;
    font-weight: 700;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    line-height: 32px;
}
.AboutSection3 h2:after, .AboutSection4 h2:after, .AboutSection2 h2:after, .AboutOurAffiliationsSection h2:after{
	width: 100px;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 15px auto 10px;
	content: '';
	background: #c9c9c9;
}
.AboutSection2 h3.Heading3{
font-size: 24px;
    color: #24244d;
    padding: 5px 0 10px;
    margin: 0;
    font-weight: 700;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    line-height: 32px;
}
.AboutSection3 h3{
font-size: 20px;
    color: #666666;
    padding: 0px 0 20px;
    margin: 0;
    font-weight: 400;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    line-height: 32px;
}
.ReadMoreButton{
	background:#1f8ceb;
	padding:10px 40px 10px 20px;
	display:inline-block;
	position:relative;
	color:#fff;
	margin:10px 0;
	font-size:15px;
	border-radius: 3px;
	line-height:22px;
}
.ReadMoreButton:hover{
	background:#333333;
	color:#fff;

}
.ReadMoreButton:after{
	width:14px;
	height:14px;
	display:block;
	background:url(../images/sprite.png) -20px -46px no-repeat;
	content:'';
	position:absolute;
	top:14px;
	right:15px;
}
.AboutSection2 .IndividualsBox{
	background:#fff;
	padding:20px;
	margin:15px 0 0 0;
}
.OurAaffiliationsBox{
	background: #fff;
		box-shadow: 0px 0px 5px 0px rgba(102,102,102,0.1);
-webkit-box-shadow: 0px 0px 5px 0px rgba(102,102,102,0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(102,102,102,0.1);
	padding: 20px;
}
.AboutOurAffiliationsSection ul.AffiliationsList{
	padding: 0;
	margin: 0;
	text-align: center;
	list-style: none;
}
.AboutOurAffiliationsSection ul.AffiliationsList li{
	padding: 0;
    margin: 2px;
	display: inline-block;
    padding: 5px;
    width: 148px;
    height: 150px;
    background: #fff;
	text-align: center;
	border: 1px solid #e7e7e7;
    box-shadow: 0px 0px 5px 0px rgb(102 102 102 / 10%);
    -webkit-box-shadow: 0px 0px 5px 0px rgb(102 102 102 / 10%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(102,102,102,0.1);
}
.OurAaffiliationsBox h2{
	font-size: 32px;
    color: #24244d;
    padding: 5px 0 10px;
    margin: 0;
    font-weight: 700;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    line-height: 32px;
}
.OurAaffiliationsBox h2:after{
	    width: 100px;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 15px 0 10px;
    content: '';
    background: #c9c9c9;
}
.AboutSection4{
		padding: 50px 0;
	background: #f2f2f2;
	
}
.AccreditationsList{
	padding: 0;
	margin: 0;
}
.OurAaffiliationsAccreditationsList ul{
	padding: 0;
	margin: 0;
	text-align: center;
}
.OurAaffiliationsAccreditationsList ul li{
	display: inline-block;
	margin: 10px;
	padding: 0;
	list-style: none;
}
.AboutSection2Img{
		box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	border: 1px solid #fff;
}
.elearning_ExpertBox1, .elearning_ExpertBox2{
	background: #fff;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}
.elearning_ExpertBox1 .ExpertBox1_content, .elearning_ExpertBox2 .ExpertBox2_content{
	padding: 20px;
}
.elearning_ExpertBox1 .ExpertBox1_content h3, .elearning_ExpertBox2 .ExpertBox2_content h3{
	font-size: 22px;
	color: #000;
	padding: 0px 0  10px 0;
	margin: 0;
	font-weight: 600;
}
.elearning_ExpertBox1 .ExpertBox1_content p, .elearning_ExpertBox2 .ExpertBox2_content p{
	font-size: 15px;
	color: #666666;
	padding: 0px 0  10px 0;
	margin: 0;
	font-weight: normal;
}

/*-------About Page End------------*/
/*--------Custome Course Page Start---------*/
.CustomeCourse_wraper{
 background: url("../images/custom-course-banner.png") center right no-repeat #281449;
 background-size:auto ;
}

.CustomeCourse_wraper h1{
    font-family: 'Roboto', sans-serif;
    font-size: 50px;
    color: #FFF;
    margin: 0;
    padding: 35px 0 10px 0;
    font-weight: bold;
}
.CustomeCourse_wraper p{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #FFF;
    margin: 0;	
    padding: 0 0 30px 0;
    font-weight: 300;
    max-width: 520px;
    line-height:26px;
}
.CustomeCourseSection1{
	padding:40px 0;
}

.CustomeCourseSection1 h2, .CustomeCourseSection2 h2{
	    font-size: 32px;
    color: #24244d;
    padding: 5px 0 10px;
    margin: 0;
    font-weight: 700;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    line-height: 32px;
}

  .CustomeCourseSection1 h2:after, .CustomeCourseSection2 h2:after{
width: 100px;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 15px auto 10px;
    content: '';
    background: #c9c9c9;
}
.CustomeCourseSection1 .Heading3{
	font-size: 20px;
    color: #666666;
    padding: 0px 0 30px;
    margin: 0;
    font-weight: 400;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    line-height: 32px;
}
.CustomeCourseSection1 .Heading4, .CustomeCourseSection2 .Heading4{
	font-size: 24px;
    color: #000;
    padding: 0px 0 10px;
    margin: 0;
    font-weight: 700;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    line-height: 32px;
}
.CustomeCoursesImg{
	width: 900px;
	margin: 10px auto;
}
.TalentLMSBox{
	border:1px solid #ccc;
	padding:20px 25px;
	margin:15px 0;
	background: #fff;
}
.CustomeCourseSection2{
	    padding: 40px 0;
	background: #f2f2f2;
}
.CustomeCourseSection2 .WhiteBox{
	padding:20px 25px;
	background:#fff;
	margin:10px 0;
}
.CustomeCoursesForm{
	padding: 30px;
}
.CustomeCoursesForm h2{
	    font-size: 32px;
    color: #24244d;
    padding: 5px 0 10px;
    margin: 0;
    font-weight: 700;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    line-height: 32px;
}
.CustomeCoursesForm h2:after {
    width: 100px;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 15px auto 10px;
    content: '';
    background: #c9c9c9;
}
.CustomeCoursesFormError{
font-size: 13px;
    color: #C90407;
    padding: 0;
    margin: -15px 0 10px 0;	
	display: block;
}
.Faqs_section{
	padding: 40px 0;
	background: #f2f2f2;
}
.Faqs_section h2{
font-size: 32px;
    color: #24244d;
    padding: 5px 0 10px;
    margin: 0;
    font-weight: 700;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    line-height: 32px;
}
.Faqs_section h2:after{
width: 100px;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 15px auto 10px;
    content: '';
    background: #c9c9c9;
}
.Faqs_section .accordion .card{
	margin:10px 0;
	margin-bottom: 20px;
    background-color: #fff;
	border: none;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
.Faqs_section .accordion .card .card-header {
color: #333;
    background-color: inherit;
    border-color: inherit;
    padding: 0;
    margin: 0;
	border: 1px solid #ddd;
	border-radius:0;
}
.Faqs_section .accordion .card .card-header a {
    color: #24244d;
    background-color: #FFFFFF;
    border-color: #ddd;
    font-size: 18px;
    position: relative;
    padding: 12px 60px 12px 15px;
    display: block;
    font-weight: normal;
    text-decoration: none;
    font-weight: normal;
}
.Faqs_section .accordion .card .card-header a.collapsed span {
    width: 65px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: block;
    background: #1f8ceb;
    overflow: hidden;
}
.Faqs_section .accordion .card .card-header a span {
    width: 65px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: block;
    background: #105693;
    overflow: hidden;
}
.Faqs_section .accordion .card .card-header a.collapsed span:after {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 26%;
    right: 12px;
    content: '+';
	font-size: 30px;
	font-weight: 200;
	color: #fff;
	line-height: 23px;
}
.Faqs_section .accordion .card .card-header a span:after {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 26%;
    right: 12px;
    content: '_';
	font-size: 30px;
	font-weight: 200;
	color: #fff;
	line-height: 0px;
}
.Faqs_section .accordion .card .card-header a span:before {
    /* width: 0; */
    transform: skew(-18deg, 0deg);
    width: 30px;
    height: 131%;
    display: block;
    position: absolute;
    background: #FFF;
    top: 0;
    content: '';
    left: -22px;
}
.collapse.in {
    display: block;
    visibility: visible;
}
.card-header{
}
.Faqs_section .card {
    background: #fff;
}
h3.Heading3{
	font-size: 24px;
    color: #333;
    padding: 5px 0 5px;
    margin: 0;
    font-weight: 600;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    line-height: 28px;
}
.Faqs_section .card .card-body p {
    font-size: 16px;
    color: #222222;
	font-family: 'Roboto', sans-serif;
    padding: 0 0 20px 0;
    margin: 0;
    line-height: 24px;
}
.Faqs_section .card .card-body h4 {
    font-size: 16px;
    color: #222222;
    padding: 10px 0 10px 0;
    margin: 0;
	font-weight: 600;
    line-height: 24px;
}
.UpcomingCoursesBox{
	padding: 5px 10px 5px;
	background: #f2f2f2;
	border: 1px solid #ddd;
	margin: 0px 0 10px;
	
}
.UpcomingCoursesBox .UpcomingCoursesimg{
	display: none;
}
.Faqs_section .card .UpcomingCoursesBox h4{
	font-size: 16px;
    color: #222222;
    padding: 10px 0 10px 0;
    margin: 0;
	font-family: 'Roboto', sans-serif;
    font-weight: 500;
	text-align: center;
    line-height: 24px;
}
.Faqs_section .card-body {
    padding: 20px 20px 10px 20px;
border: 1px solid #ddd;
	border-top: none;
}
.ModalLightBoxMain {
    width: 700px;
	z-index: 9;
	max-width: 700px;
	position: relative;
}
.ModalLightBoxMain .modal-header {
    padding: 8px 15px;
    background: #001a33;
}
.ModalTitle {
    display: block;
    font-size: 22px;
    color: #FFF;
    padding: 5px 10px;
    font-weight: normal;
}
.ModalLightBox form {
    padding: 10px 20px;
}
.ModalLightBox .close_button {
    border: none;
    padding: 3px;
    background: url(../images/elearning-sprite.png) -12px -133px no-repeat;
    outline: none;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.KnowledgeBasedDecisionForm_button {
    background: #002e5b;
    padding: 10px 30px;
    display: inline-block;
    border: none;
    outline: none;
    color: #ffd51e;
    font-size: 20px;
    margin: 12px 10px 10px 10px;
}
.CoursesRequired_duration_add {
    background: #eff2f3;
    padding: 10px 15px 0;
    border: 1px dashed #babebf;
    margin: 0 0 20px;
	text-align: left;
}
.CoursesRequired_duration_add label.CoursesName, .CoursesRequired_duration_add div.CoursesName {
    font-size: 15px;
    color: #333;
    font-weight: normal;
    padding: 0 10px 5px 0;
}
.CoursesRequired_duration_add .Duration_input {
    display: inline-block;
    border: 1px solid #b7b7b7;
    height: 42px;
    padding: 5px 10px;
    font-size: 14px;
    color: #666;
    width: 130px;
    margin: 0 0 20px 0;
    outline: none;
}
.AddCoursesButton, .AddCoursesButton:hover, .AddCoursesButton:focus {
    background: #448e0d;
    color: #FFF;
    font-size: 14px;
    display: inline-block;
    padding: 7px 12px 9px 10px;
    font-size: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 0 0 5px;
}
.table_TrainingProgram {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border: none;
    margin: 0 0 20px 0;
}
.table_TrainingProgram tr th {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    vertical-align: top;
    padding: 10px 10px;
    border: 1px solid #DADADA;
    background: #eaeaea;
}
.table_TrainingProgram tr td {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #242424;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    vertical-align: top;
    padding: 10px 10px;
    border: 1px solid #DADADA;
    background: #FFF;
}
.CoursesRequired_duration_add h6 {
    font-size: 17px;
    color: #222222;
    padding: 0px 0 7px 0;
    margin: 0;
    line-height: 25px;
    font-weight: bold;
}
.expl-more, .expl-moreButton {
    background: #001a33;
    padding: 11px 15px 11px 45px;
    font-size: 15px;
    color: #FFFFFF;
    margin: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    height: 45px;
}
.main_form .radio, .main_form .checkbox {
    margin-bottom: 11px;
    margin-top: 5px;
    padding-left: 27px;
    font-size: 15px;
    line-height: 21px;
    color: #404040;
    cursor: pointer;
        position: relative;
    display: inline-block;
    font-weight:normal;
}
.main_form .checkbox.selected input:checked + i{
 border-color: #307d33;
 background:#4caf50;
}
.main_form .checkbox.selected input + i:after{
 color:#FFFFFF;
}
.main_form .radio input, .main_form .checkbox input {
    position: absolute;
    left: -9999px;
        margin-left: -20px;
}
.main_form .radio input:checked + i, .main_form .checkbox input:checked + i, .main_form .toggle input:checked + i {
    border-color: #999;
        width: 17px;
    height: 17px;
    border-width: 1px;
        -ms-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
        position: absolute;
    top: 2px;
    left: 0;
    display: block;
        outline: none;
            border-style: solid;
    background: #fff;
}
.main_form .checkbox input + i:after {
    content: '\f00c';
    top: -1px;
    left: -1px;
    width: 15px;
    height: 15px;
    font: normal 12px/16px FontAwesome;
    text-align: center;
    -webkit-transition: opacity 0.1s;
        position: absolute;
    opacity: 0;
    color: #999;
}
.main_form .radio input + i:after {
content:'';
top: 5px;
    left: 5px;
    background-color: #999;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}
.main_form .radio input + i:after{
    position: absolute;
    opacity: 0;
    -ms-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;
}
.main_form .radio input:checked + i:after,
.main_form .checkbox input:checked + i:after {
	opacity: 1;
}
.main_form .checkbox input + i:after {
    top: 2px;
    left: 0;
    font: normal 11px FontAwesome;
}
.main_form .radio:hover i, .main_form .checkbox:hover i, .main_form .toggle:hover i, .main_form .ui-slider-handle:hover {
    border-color: #999;
}
.main_form .radio i, .main_form .checkbox i {
    width: 17px;
    height: 17px;
    border-width: 1px;
    border-color: #999;
}
.main_form .radio i, .main_form .checkbox i {
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    outline: none;
    border-style: solid;
    background: #fff;
}
.main_form .checkbox > [type="checkbox"]:focus + i, .main_form .checkbox > [type="checkbox"]:not(:checked):focus + i,.main_form .radio > [type="radio"]:focus + i, .main_form .radio > [type="radio"]:not(:checked):focus + i {
    border: 1px solid #2d9dff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(129, 183, 76, 0.6); 
}
.CheckBoxrightInput .corp-course-users, .CheckBoxrightInput .corp-course-users:focus{
width: 100%;
    height: 30px;
    border-radius: 0;
    border: 1px solid #b7b7b7;
    padding: 4px 8px;
    outline: 0;
    background: #fff;
}
.CheckBoxrightInput .corp-course-users[type="text"]:disabled{
    width: 100%;
    height: 30px;
    border-radius: 0;
    border: 1px solid #b7b7b7;
    padding: 4px 8px;
    outline: 0;
    background: #e1e1e1;
}
/*--------Custome Course Page End---------*/
/*--------Course Library Page Start---------*/
.CourseLibraryBanner_wraper{
 background: url("../images/course-library-banner.jpg") center right no-repeat #281449;
 background-size:cover;
}
.CourseLibraryBanner_wraper.InnerPageComman_banner .InnerBanner {
    min-height: 170px;
}

.CourseLibraryBanner_wraper h1{
    font-family: 'Roboto', sans-serif;
    font-size: 50px;
    color: #FFF;
    margin: 0;
    padding: 55px 0 10px 0;
    font-weight: bold;
}
.CourseLibraryBanner_wraper p{
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #FFF;
    margin: 0;	
    padding: 0 0 10px 0;
    font-weight: 300;
    max-width: 650px;
    line-height:32px;
}
.NewCourses:after{
	width: 36px;
	height: 36px;
	color: #fff;
	background: #f44336;
	text-align: center;
	font-size: 11px;
	position: absolute;
	top: -10px;
	left: -10px;
	padding: 6px 0 0 0;
	font-weight: 500;
	content: 'New';
	-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
}
/*--------Course Library Page End---------*/
/*--------Thank You Page Start---------*/
.Thankyou_section1 {
    background-size: cover;
    padding: 40px 0;
}
.OtherSimilarServices_section{
	padding: 30px 0;
	background: #f2f2f2;
}

.OtherSimilarServices_section h2{
	    font-size: 32px;
    color: #24244d;
    padding: 5px 0 10px;
    margin: 0;
    font-weight: 700;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    line-height: 32px;
}
.OtherSimilarServices_section h2:after{
	width: 100px;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 15px auto 10px;
    content: '';
    background: #c9c9c9;
}
.OtherSimilarServices_section h4{
	    font-size: 22px;
    color: #24244d;
    padding: 5px 0 10px;
    margin: 0;
    font-weight: normal;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    line-height: 28px;
}
.OtherSimilarServicesBox{
	background: #fff;
	padding: 5px;
	margin: 10px 0;
	min-height: 435px;
}
.OtherSimilarServicesBox img{
	width: 100%;
}
.OtherSimilarServicesBox .OtherSimilarServicesContent{
	padding: 5px 10px;
}
.OtherSimilarServicesBox .OtherSimilarServicesContent h5{
	    font-size: 18px;
    color: #24244d;
    padding: 10px 0 10px;
    margin: 0;
    font-weight: 600;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    line-height: 24px;
}
.OtherSimilarServicesBox .OtherSimilarServicesContent p{
	font-size: 15px;
    color: #333333;
    padding: 0px 0 10px;
    margin: 0;
    font-weight: normal;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    line-height: 24px;
}
.OtherSimilarServicesBox .OtherSimilarServicesContent a.ReadMoreButton{
	background: #1f8ceb;
    padding: 7px 32px 7px 15px;
    display: inline-block;
    position: relative;
    color: #fff;
    margin: 10px 0;
    font-size: 14px;
	font-family: 'Roboto', sans-serif;
    border-radius: 3px;
    line-height: 22px;
}
.OtherSimilarServicesBox .OtherSimilarServicesContent a.ReadMoreButton:after {
    width: 14px;
    height: 14px;
    display: block;
    background: url(../images/sprite.png) -20px -46px no-repeat;
    content: '';
    position: absolute;
    top: 9px;
    right: 12px;
}
.GotoHomeButton{
	 background: #1f8ceb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 20px;
    display: inline-block;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
	font-size: 16px;
}
.GotoHomeButton:hover{
	 background: #0a3f50;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 20px;
    display: inline-block;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
/*--------Thank You Page End---------*/
/*--------Resource Gallery Page Start---------*/
.CaseStudies_list{
}
.CaseStudies_list ul{
 padding:0;
 margin:0;
}
.CaseStudies_list ul li{
 border:1px solid #999999;
 margin:10px;
 padding:0;
 width:380px;
 display:inline-table;
	min-height: 410px;
}
.CaseStudies_list ul li:nth-of-type(n) {
    clear: none;
}
.CaseStudies_list ul li:nth-of-type(3n+1) {
    clear: both;
}
.CaseStudies_list ul li .CaseStudies_img{
 border-bottom:1px solid #999999;
}
.CaseStudies_list ul li .CaseStudies_content{
 padding:15px;
 text-align:left;
}
.CaseStudies_list ul li .CaseStudies_content h3{
 font-size:20px;
 color:#000;
 padding:0 0 10px 0;
 margin:0;
 font-weight:600;
	line-height: 26px;
	font-family: 'Roboto', sans-serif;
	text-align: left;

}
.CaseStudies_list ul li .CaseStudies_content p{
  font-size:15px;
 color:#666666;
 padding:0 0 15px 0;
 margin:0;
 font-weight:normal;
	font-family: 'Roboto', sans-serif;
}
.CaseStudies_list ul li .CaseStudies_content a.CaseStudiesDownload_Button{
 display:inline-block;
 border:1px solid #1f8ceb;
 padding:10px 16px 10px 15px;
 position:relative;
 font-size:14px;
 color:#086ec7;
      -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.CaseStudies_list ul li .CaseStudies_content a.CaseStudiesDownload_Button:hover{
 display:inline-block;
 border:1px solid #1076cf;
 background:#1076cf;
 color:#FFFFFF;
     -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.CaseStudies_list ul li .CaseStudies_content a.CaseStudiesDownload_Button .fa-angle-right{
 margin-left:4px;
}
.CaseStudies_content_wraper{
 padding:40px 0;
}
.CaseStudies_content_wraper h2{
	    font-size: 32px;
    color: #24244d;
    padding: 5px 0 10px;
    margin: 0;
    font-weight: 700;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    line-height: 32px;
}
.CaseStudies_content_wraper h2:after{
width: 100px;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 15px auto 10px;
    content: '';
    background: #c9c9c9;
}
.VideoGalleryBanner{
 background: url(../images/image-gallery-banner.jpg) center right no-repeat #281449;
 background-size:auto ;
}

.VideoGalleryBanner h1{
    font-family: 'Roboto', sans-serif;
    font-size: 50px;
    color: #FFF;
    margin: 0;
    padding: 55px 0 10px 0;
    font-weight: bold;
}
.VideoGalleryBanner p{
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #FFF;
    margin: 0;	
    padding: 0 0 10px 0;
    font-weight: 300;
    max-width: 650px;
    line-height:32px;
}
.VideoGalleryBanner.InnerPageComman_banner .InnerBanner {
    min-height: 22e0px;
}
.VideoGallery_wraper{
 padding:40px 0;
	background: #f2f2f2;
}
.VideoGallery_wraper h2{
	    font-size: 32px;
    color: #24244d;
    padding: 5px 0 10px;
    margin: 0;
    font-weight: 700;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    line-height: 32px;
}
.VideoGallery_wraper h2:after{
width: 100px;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 15px auto 10px;
    content: '';
    background: #c9c9c9;
}
.VideoGallery_list{
	padding: 0 20px;
}
.VideoGallery_list ul{
	padding: 0;
	margin: 0;
	 display: flex;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-auto-rows: 1fr;
}
.VideoGallery_list ul li{
    margin: 10px;
    padding: 0;
	background: #fff;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	
}
.VideoGallery_list ul li .VideoGallery_img{
	position: relative;
}
.VideoGallery_list ul li a:after{
z-index: 1;
	width: 100%;
	height: 100%;
	opacity: 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(2, 25, 90, 0.4);
	content: '';
	    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	
}
.VideoGallery_list ul li a:hover:after{
z-index: 1;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(2, 25, 90, 0.5);
	content: '';
	    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	opacity: 1;
	
}
.VideoGallery_list ul li a:before{
z-index: 2;
	width: 100%;
	height: 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background:url("../images/video-icon.png") center center no-repeat;
	content: '';
	    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	
}
.VideoGallery_list ul li a:hover:before{
z-index: 2;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background:url("../images/video-icon.png") center center no-repeat;
	content: '';
	    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	
}
.VideoGallery_list ul li h3{
    padding: 10px 15px 10px;
    color: #002f5f;
    font-size: 15px;
    margin: 0;
    line-height: 24px;
    font-weight: 500;
    overflow: hidden;
    text-align: left;
}
.ImageGallery_wraper{
 padding:40px 0;
	background: #f2f2f2;
}
.ImageGallery_wraper h2{
	    font-size: 32px;
    color: #24244d;
    padding: 5px 0 10px;
    margin: 0;
    font-weight: 700;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    line-height: 32px;
}
.ImageGallery_wraper h2:after{
width: 100px;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 15px auto 10px;
    content: '';
    background: #c9c9c9;
}
.VideoGallery_list{
	padding: 0 20px;
}
.ImageGallery_list ul{
	padding: 0;
	margin: 0;
	 display: flex;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-auto-rows: 1fr;
}
.ImageGallery_list ul li{
    margin: 10px;
    padding: 0;
	background: #fff;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	
}
.ImageGallery_list ul li .VideoGallery_img{
	position: relative;
}
.ImageGallery_list ul li a:after{
z-index: 1;
	width: 100%;
	height: 100%;
	opacity: 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(2, 25, 90, 0.4);
	content: '';
	    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	
}
.ImageGallery_list ul li a:hover:after{
z-index: 1;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(2, 25, 90, 0.5);
	content: '';
	    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	opacity: 1;
	
}
.ImageGallery_list ul li a:before{
z-index: 2;
	width: 100%;
	height: 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background:url("../images/video-icon.png") center center no-repeat;
	content: '';
	    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	
}
.ImageGallery_list ul li a:hover:before{
z-index: 2;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background:url("../images/video-icon.png") center center no-repeat;
	content: '';
	    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	
}
.ImageGallery_list ul li h3{
    padding: 10px 15px 10px;
    color: #002f5f;
    font-size: 15px;
    margin: 0;
    line-height: 24px;
    font-weight: 500;
    overflow: hidden;
    text-align: left;
}
.ImageGallerySection{
 padding:40px 0;
	background: #f2f2f2;
}
.ImageGallerySection h2{
	    font-size: 32px;
    color: #24244d;
    padding: 5px 0 10px;
    margin: 0;
    font-weight: 700;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    line-height: 32px;
}
.ImageGallerySection h2:after{
width: 100px;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 15px auto 0px;
    content: '';
    background: #c9c9c9;
}

.Full_image_gallery{
 padding:0px 0 0 0;
}
.Full_image_gallery ul{
padding: 20px 20px;
    margin: 0;
    display: flex;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: 1fr;
}
.Full_image_gallery ul li{
    margin: 10px;
    padding: 0;
    background: #fff;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
.Full_image_gallery ul li a{
width: 100%;
	height: 100%;
	display: block;
	position: relative;
}
.Full_image_gallery ul li a img{

}
.Full_image_gallery ul li a:hover{
}
.Full_image_gallery ul li a .Full_image_gallery_hover{
  width:100%;
 height:100%;
 background-color: rgba(0, 0, 0, 0.6);
 position:absolute;
 display:block;
 top:0;
 left:0;
 color:#FFF;
 text-align:center;
 font-size:15px;
     -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
  opacity:0;
  
}
.Full_image_gallery ul li a .Full_image_gallery_hover:before{
 content:'';
width:34px;
height:34px;
display:block;
background:url(../images/animation-sprite-one-page.png) -84px -121px no-repeat #fff;
margin:20% auto 4%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
         -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.Full_image_gallery ul li a:hover .Full_image_gallery_hover:before{
 content:'';
width:34px;
height:34px;
display:block;
background:url(../images/animation-sprite-one-page.png) -84px -121px no-repeat #fff;
margin:30% auto 4%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
         -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.Full_image_gallery ul li a:hover .Full_image_gallery_hover{
  width:100%;
 height:100%;
 background-color: rgba(0, 0, 0, 0.6);
 position:absolute;
 display:block;
 top:0;
 left:0;
 color:#FFF;
 text-align:center;
 font-size:15px;
     -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
  opacity:1;
	display: none;
}
.Full_image_gallery  ul li a:after{
z-index: 1;
	width: 100%;
	height: 100%;
	opacity: 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(2, 25, 90, 0.4);
	content: '';
	    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	
}
.Full_image_gallery ul li a:hover:after{
z-index: 1;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(2, 25, 90, 0.5);
	content: '';
	    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	opacity: 1;
	
}
.Full_image_gallery ul li a:before{
z-index: 2;
	width: 100%;
	height: 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background:url("../images/zoom-icon.png") center center no-repeat;
	content: '';
	    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	
}
.Full_image_gallery ul li a:hover:before{
z-index: 2;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background:url("../images/zoom-icon.png") center center no-repeat;
	content: '';
	    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	
}
@-webkit-keyframes Gallery-Image-animation-in {
    from {opacity:0;}
    to {opacity:1;}
}

/* Standard syntax */
@keyframes Gallery-Image-animation-in {
    from {opacity:0;}
    to {opacity:1;}
}
@-webkit-keyframes Gallery-Image-animation-out {
    from {opacity:1;}
    to {opacity:0;}
}

/* Standard syntax */
@keyframes Gallery-Image-animation-out {
    from {opacity:1;}
    to {opacity:0;}
}
.ImageGalleryBanner_wraper{
 background: url("../images/image-gallery-banner.jpg") center right no-repeat #281449;
 background-size:auto ;
}

.ImageGalleryBanner_wraper h1{
    font-family: 'Roboto', sans-serif;
    font-size: 50px;
    color: #FFF;
    margin: 0;
    padding: 55px 0 10px 0;
    font-weight: bold;
}
.ImageGalleryBanner_wraper p{
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #FFF;
    margin: 0;	
    padding: 0 0 10px 0;
    font-weight: 300;
    max-width: 650px;
    line-height:32px;
}
.ImageGalleryBanner_wraper.InnerPageComman_banner .InnerBanner {
    min-height: 230px;
}
/*--------Resource Gallery Page End---------*/
/*--------Case Study Page Start---------*/
.CaseStudy_wraper{
 background: url("../images/casestudy-banner2.jpg") center right no-repeat #271446;
 background-size:auto ;
}

.CaseStudy_wraper h1{
    font-family: 'Roboto', sans-serif;
    font-size: 50px;
    color: #FFF;
    margin: 0;
    padding: 55px 0 10px 0;
    font-weight: bold;
}
.CaseStudy_wraper p{
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #FFF;
    margin: 0;	
    padding: 0 0 10px 0;
    font-weight: 300;
    max-width: 650px;
    line-height:32px;
}
.CaseStudiesPageSection1{
	padding: 30px 0;
}
.CaseStudiesPageSection1 h2{
font-size: 32px;
    color: #24244d;
    padding: 5px 0 20px;
    margin: 0;
    font-weight: 700;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    line-height: 37px;
}
.CaseStudiesPageSection1 h4{
font-size: 22px;
    color: #333;
    padding: 5px 0 20px;
    margin: 0;
    font-weight: normal;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    line-height: 30px;
}
.CaseStudiesPageSection1 h3.CaseStudyHeading3, h3.CaseStudyHeading3{
font-size: 22px;
    color: #24244d;
    padding: 5px 0 10px;
    margin: 0;
    font-weight: 600;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    line-height: 30px;
}
.CasestudyNormalTextPB15{
	font-size: 16px;
    color: #333;
    padding: 0px 0 15px 0;
    margin: 0;
    font-weight: normal;
    text-align: left;
    font-family: 'Roboto', sans-serif;
	line-height: 26px;
}
.CasestudyNormalTextPB20{
	font-size: 16px;
    color: #333;
    padding: 0px 0 20px 0;
    margin: 0;
    font-weight: normal;
    text-align: left;
    font-family: 'Roboto', sans-serif;
	line-height: 26px;
}
.CasestudyGrayBox{
	background: #f2f2f2;
	padding: 20px;
}
.CasestudyGrayBox h5.Heading5{
    font-size: 18px;
    color: #333;
    padding: 5px 0 5px;
    margin: 0;
    font-weight: 600;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    line-height: 25px;
}
.CasestudySloganBox{
	background: #f2f2f2;
	padding: 20px;
	font-family: 'Poppins', sans-serif;
	font-size: 23px;
	color: #000;
	margin: 15px 0px;
	line-height: 37px;
}
.CaseStudyRightBox{
	border: 1px solid #c7c7c7;
	padding: 15px 15px;
}
ul.CasestudyTextlist{
	padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
}
ul.CasestudyTextlist li{
padding: 5px 0 12px 32px;
    margin: 0;
    position: relative;
    font-weight: normal;
    color: #333333;
    font-size: 16px;
    line-height: 28px;

}
ul.CasestudyTextlist li:after {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    content: '';
    background: url(../images/sprite.png) -6px -299px no-repeat;
}
.CaseStudiesPageSection2{
	background: #f2f2f2;
	padding: 40px 0;
}
.CaseStudy_image_gallery{
	text-align: center;
}
.CaseStudy_image_gallery ul{
    position: relative;
    padding: 0px 0;
    width: 100%;
    display: grid;
	grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
}
.CaseStudy_image_gallery ul li{
	padding: 4px;
	margin: 5px;
	background: #fff;
	list-style: none;
	box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
	
}
/*--------Case Study Page End---------*/



.FaqsBanner_wraper {
    background: url(../images/faqs-banner.jpg) center right no-repeat #281449;
    background-size: auto;
}
.InnerPageComman_banner .InnerBanner.faqs {
    min-height: 200px;
}
.FaqsBanner_wraper h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 50px;
    color: #FFF;
    margin: 0;
    padding: 60px 0 10px 0;
    font-weight: bold;
}

/* CSS Document */
.sitemap_icon {
    width: 38px;
    height: 34px;
    background-color: #385a7d;
    margin: 5px 0px 0 15px;
	
    cursor: pointer;
	float: right;
    text-align: center;
    color: #FFF;
    display: inline-block;
	background: url("../images/sprite.png") -56px -169px no-repeat;
}
.CourseBanner_wraper{
 background-size:cover;
	margin: 0 0 40px;
}
.SiteEHSManagerBanner{
 background: url("../images/site-ehs-manager-banner.png") center left no-repeat #281449;
 background-size:cover;
}
.HealthSafetyManagementSystemsIGC2Banner{
 background: url("../images/Health-Safety-Management-Systems-Plan-igc-2-banner.jpg") center left no-repeat #281449;
 background-size:cover;
}
.FoundationInHealthSafetyIGC1Banner{
 background: url("../images/Foundation-In-Health-Safety-IGC-1-banner.jpg") center left no-repeat #281449;
 background-size:cover;
}
.WorkEquipmentHazardsControlsBanner{
 background: url("../images/Work-Equipment-Hazards-Controls-banner.jpg") center left no-repeat #281449;
 background-size:cover;
}
.ScaffoldingInspectionBanner{
 background: url("../images/Scaffolding-Inspection-banner.jpg") center left no-repeat #281449;
 background-size:cover;
}
.ProcessSafetyManagementBanner{
 background: url("../images/Process-Safety-Management-banner.jpg") center left no-repeat #281449;
 background-size:cover;
}
.AccidentReportingInvestigationManagementBanner{
 background: url("../images/Accident-Reporting-Investigation-Management-banner.jpg") center left no-repeat #281449;
 background-size:cover;
}
.BasicsofScaffoldingBanner{
 background: url("../images/Basics-of-Scaffolding-banner.jpg") center left no-repeat #281449;
 background-size:cover;
}

.ConfinedSpaceRiskManagementBanner{
 background: url("../images/Confined-Space-Risk-Management-banner.jpg") center left no-repeat #281449;
 background-size:cover;
}
.DefensiveDrivingSafetyTechniquesBanner{
 background: url("../images/Defensive-Driving-Safety-Techniques-banner.jpg") center left no-repeat #281449;
 background-size:cover;
}
.ElectricalSafetyProtectionSafetystandardBanner{
 background: url("../images/Electrical-Safety-Protection-Safety-standard-banner.jpg") center left no-repeat #281449;
 background-size:cover;
}
.LOTOTOImplementationtechniqueandManagementBanner{
 background: url("../images/LOTOTO-Implementation-technique-and-Management-banner.jpg") center left no-repeat #281449;
 background-size:cover;
}
.FallPreventionTechniquesBanner{
 background: url("../images/Fall-Prevention-Techniques-banner.jpg") center left no-repeat #281449;
 background-size:cover;
}
.MachineGuardingandOperatorSafetyTrainingBanner{
 background: url("../images/Machine-Guarding-and-Operator-Safety-Training-banner.jpg") center left no-repeat #281449;
 background-size:cover;
}
.PermitToWorkManagementBanner{
 background: url("../images/Permit-To-Work-Management-banner.jpg") center left no-repeat #281449;
 background-size:cover;
}
.FlammableGasStorageandHandlingTechniquesBanner{
 background: url("../images/Flammable-Gas-Storage-and-Handling-Techniques-banner.jpg") center left no-repeat #281449;
 background-size:cover;
}
.WarehouseSafetyManagementBanner{
 background: url("../images/Warehouse-Safety-Management-banner.jpg") center left no-repeat #281449;
 background-size:cover;
}
.GasSafetyTrainingBanner{
 background: url("../images/Gas-Safety-Training-banner.jpg") center left no-repeat #281449;
 background-size:cover;
}
.PoweredIndustrialVehicleSafetyTrainingBanner{
 background: url("../images/Powered-Industrial-Vehicle-Safety-Training-banner.jpg") center left no-repeat #281449;
 background-size:cover;
}
.HotWorkBanner{
 background: url("../images/hot-work-banner.png") center left no-repeat #281449;
 background-size:cover;
}


.CourseBanner_wraper.InnerPageComman_banner .InnerBanner {
    min-height: 130px;
}

.CourseBanner_wraper h1{
    font-family: 'Roboto', sans-serif;
    font-size: 42px;
    color: #FFF;
    margin: 0;
    padding: 35px 0 10px 0;
    font-weight: bold;
}
.CourseBanner_wraper.HealthSafetyManagementSystemsIGC2Banner h1, .CourseBanner_wraper.LOTOTOImplementationtechniqueandManagementBanner h1{
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    color: #FFF;
    margin: 0;
    padding: 45px 0 10px 0;
    font-weight: bold;
}

.equal, .equal > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 0 auto;
}
/*----------------Navigation Start--------------*/
.top_navigation{
 position:relative;
 z-index:99;
}
.logo {
    width: 210px;
}
.logo_right {
    width: auto;
    padding: 12px 0 0 0;
}
#menu .search_button {
    float: left;
    border-right: 1px solid #cccccc;
    font-size: 22px;
    margin: 0px 0 0 0px;
    padding: 7px 15px 10px 20px;
}
#menu > li > a, #menu > li > a:visited{color:#010101; }
.sf-menu > li.current_page_item > a{color:#fff;background-color:#5486da;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
a:hover{color:#5486da;}
.sf-menu > li:hover > a, .sf-menu > li > a:hover, .sf-menu li.current-menu-parent > a, .current_page_item > a{border-color:#5486da;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.sf-menu li li{border-bottom-color:#e7e7e7;}
.sf-menu ul li:hover, .sf-menu li .current-menu-item, .sf-menu li .current_page_item{background-color:#2583a5;     border-bottom:1px solid #e7e7e7;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
#mobilepro, .sf-menu ul li, .sf-menu > li:hover > a, .sf-menu > li > a:hover, .sf-menu > li.current-menu-parent > a, ul.mega, .sf-menu .mega li:hover, .sf-menu .mega li.current{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.sf-menu, .sf-menu *{margin:0;padding:0;list-style:none;}
.sf-menu{line-height:1.0;padding:0;position:relative;margin:0px 0;    }
.sf-menu ul{position:absolute;top:-999em;width:255px;height:auto !important;  background-color:#fff;-webkit-box-shadow:0px 5px 8px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:0px 5px 8px 0px rgba(50, 50, 50, 0.75);box-shadow:0px 5px 8px 0px rgba(50, 50, 50, 0.75);}
.software.sf-menu ul{position:absolute;top:-999em;width:255px;height:auto !important;  background-color:#fff;-webkit-box-shadow:0px 5px 8px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:0px 5px 8px 0px rgba(50, 50, 50, 0.75);box-shadow:0px 5px 8px 0px rgba(50, 50, 50, 0.75);}

.software.sf-menu ul.sub-menu.sub-menu_software{position:absolute;top:42px;width:255px;height:auto !important;  background-color:#fff;-webkit-box-shadow:0px 5px 8px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:0px 5px 8px 0px rgba(50, 50, 50, 0.75);box-shadow:0px 5px 8px 0px rgba(50, 50, 50, 0.75);}
.software.sf-menu ul.sub-menu{position:absolute;width:200px;height:auto !important;  background-color:#fff;-webkit-box-shadow:0px 5px 8px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:0px 5px 8px 0px rgba(50, 50, 50, 0.75);box-shadow:0px 5px 8px 0px rgba(50, 50, 50, 0.75);}

.sf-menu ul.sub-menu li{height:auto !important;float:none !important;}
.sf-menu ul.sub-menu li a{height:auto !important;float:none !important;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.sf-menu li li.current a{background:none !important}
.sf-menu li:hover{visibility:inherit}
.sf-menu li, .sf-menu li:hover{float:left;position:relative;margin:0 0 0 0px;padding:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;    }
.sf-menu li:hover, .sf-menu li:hover a{    background: #1f8ceb;
color:#FFF;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
 
}
.sf-menu li:hover ul.sub-menu li a{    background: #FFFFFF;
color:#333;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.sf-menu li:hover ul.sub-menu li a:hover{    background: #e0e9ea;
color:#000;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.sf-menu li li{border-bottom-width:1px;border-bottom-style:solid;margin:0;padding:0;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}
.sf-menu li li:first-child{border-top:0}
.sf-menu li li:last-child{border-bottom:1px solid transparent}
.sf-menu li li li:first-child{border-top:1px solid transparent}
.sf-menu li li a{padding:7px 15px 7px 10px;line-height:16px;color:#000000;text-transform:none;letter-spacing:0;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.software.sf-menu li li a{padding:10px 15px 10px 10px; font-weight:normal; line-height:16px;color:#000000;text-transform:none;letter-spacing:0;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.sf-menu i{margin-right:0px}
.sf-menu a{display:block;position:relative;color:#333;font-size:13px;font-weight:500;padding:15px 15px 15px;text-decoration:none;margin:0;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.software.sf-menu a{display:block;position:relative;color:#333;font-size:16px;font-weight:500;padding:15px 20px 15px;text-decoration:none;margin:0;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.sf-menu li li a{margin:0;border:0}
.sf-menu > li:hover > a, .sf-menu > li > a:hover{color:#FFF !important;}
#menu > li > a:hover, #menu > li > a:active, .sf-menu > li.current_page_item > a, .sf-menu > li.current_page_item > a:visited, .sf-menu > li.current-menu-parent > a{color:#FFFFFF !important;text-decoration:none;}
.sfHover:hover > a{}
.sf-menu li .current-menu-parent > a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:none;}
.sf-menu > li.current-menu-parent > a{color:#fff;border-width:1px;border-style:solid;}
.sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a{color:#fff;text-decoration:none;}
.sf-menu li li a{font-size:13px;font-weight:normal;margin-bottom:0;line-height:19px;}
.sf-menu li li:first-child{border-top-left-radius:0;}
.sf-menu li li:last-child{}
.sfHover:hover{border-bottom-right-radius:0 !important}
.sfHover > .sf-with-ul{border-bottom-right-radius:0;border-bottom-left-radius:0;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul{left:0px;z-index:999;top:42px;padding:0;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul.sub-menu_software{right:0px; left:inherit; z-index:999;top:42px;padding:0;}
.sf-menu li:hover ul li ul, .sf-menu li.sfHover ul li ul, .sf-menu li:hover ul li ul li ul, .sf-menu li.sfHover ul li ul li ul{left:200px;z-index:999;top:-1px !important}
.sf-menu li:hover ul.sub-menu_software li a{
 background:#FFF;
}
.sf-menu li:hover ul.sub-menu_software li a:hover{
 background:#26ced7;
 color:#FFF
}
.software.sf-menu ul.sub-menu_software li a {
    color: #333;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}


.sf-menu .fa.fa-caret-right, .sf-menu .fa-chevron-right:before{
   display:none !important;
 }

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul{top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul{left:230px; top:-1px !important; padding:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul{top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul{left:200px;top:0;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{outline:0;}
.sf-menu li:hover {outline:0;background-color:#3298bd;}
.sf-menu a.sf-with-ul{padding-right:30px !important;min-width:1px}
.sub-menu_software a.sf-with-ul{padding-right:22px;min-width:1px}
.sf-sub-indicator{position:absolute;display:block;overflow:hidden;}
a > .sf-sub-indicator{position:absolute;right:12px;top:12px;font-size:8px;}
li li a .sf-sub-indicator{top:10px;right:1%;}
.subarrow{display:none}
.sf-sub-indicator{width:11px;height:15px;display:inline-block;position:absolute;top:3px;right:20px;}
.sf-sub-indicator .fa-chevron-right{background:url(../images/sub_menu_icon.png) top left no-repeat;width:11px;height:15px;display:inline-block;}
.sf-sub-indicator{width:11px;height:15px;display:inline-block;position:absolute;top:3px;right:20px;}
.sf-sub-indicator .fa-chevron-down{width:11px;height:15px;display:inline-block;    line-height: 22px;}
.sub-menu_software li .sub-menu2{display:none;}
.sub-menu_software li:hover .sub-menu2{display:block;}
.sub-menu2 li:hover{
 background-color:transparent !important;
}
li.sfHover .sub-menu2{position:absolute;right:-0px !important;width:130px !important;}
.NavInquiry{
	
}
ul#menu li.NavInquiry a {
	padding: 14px 20px 14px;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    border: 1px solid #53b256;
    border-radius: 3px;
	background: #53b256;
	color: #fff;
	
}
.fa-search, .fa-times {

    display: block;
    float: right;
    cursor: pointer;
    position: relative;
    font-size: 20px;
    text-align: center;
    line-height: 32px;
    padding: 0 ;
	color: #666666;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
li.search_button:hover {
    outline: 0;
    background-color:transparent;
}
.search_input_button{
	text-align: center;
}
.search_input_button .fa-search{
	margin: 0 auto;
	color: #fff;
	float: none;
}
.togglesearch{
    display: none;
}
.grid {
    float: left;
    margin-left: 10px;
}

.search icon{
    position: relative;
}

.search-form__form .form-control {
    position: absolute;
    width: 300px;
    left: -250px;
    right: 0;
    top: 22px;
    z-index: 9;
    height: 60px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(30px);
     transform: translateY(30px);
    transition: all .3s ease;
}
.togglesearch{
    position: absolute;
    top: 62px;
    right: 0px;
    width: 326px;
    line-height: 44px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    display: none;
	background: #fff;
    z-index: 9;
}
.togglesearch:before{
    content: "";
    position: absolute;
    top: -28px;
    right: 13px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 14px solid transparent;
    border-bottom: 14px solid var(--blue);
  }
   
  .togglesearch input[type="text"]{
    width: 271px;
    padding: 5px 10px;
    font-family: 'Roboto', sans-serif;;
    border: 1px solid var(--blue);
    outline: none;
	  font-size: 16px;
  }
  .togglesearch button{
    width: 60px;
    padding: 5px 0;
    background: var(--blue);
    color: #fff;
    margin-left: -6px;
    border: 1px solid  var(--blue);
    outline: none;
    cursor: pointer;
	  height: 56px;
  }
#mobilepro{
	width:36px;
	height:32px;
	font-size:24px;
	font-weight:bold;
	position:absolute; 
	top:10px;
	right:0;
	display:none;
	padding:4px 8px 4px 10px;
	cursor:pointer;
	float:right;
	color:#FFF;
	margin:6px 0px 5px 0;
	background: #0898DE;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;  
	border-radius: 4px;
}

#mobilepro .fa-times {
    display: block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    background: none;
	color: #fff;
}
#nav .fa-angle-down {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    line-height: 34px;
}
.PricingTableSection{
	padding: 40px 20px;
	margin: 0;
	width: 45%;
	display: block;
	float: left;
	
}
.InquiryFormBox{
	width: 55%;
	float: left;
	padding: 40px 30px;
	background: #fff;
}

.PricingTable{
	padding: 0;
	margin: 0;
	width: 100%;
	display: block;
	border: none;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.PricingTable h2{
font-size: 26px;
    color: #24244d;
    padding: 5px 0 15px;
    margin: 0;
    font-weight: 600;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    line-height: 32px;
}
.PricingTable h4{
font-size: 18px;
    color: #24244d;
    padding: 15px 0 0px;
    margin: 0;
    font-weight: 600;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    line-height: 26px;
}
.PricingTable table{
	width: 100%;
	box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.10);
-webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.10);
	border: 1px solid #fff;
	margin: 0 0 10px 0;
}
.PricingTableHead{
	background: #262560;
	overflow: hidden;
}
.coueses1Bg{
	background: #fff;
}
.coueses2Bg{
	background: #e5eeff;
}
.coueses3Bg{
	background: #fff;
}
.coueses4Bg{
	background: #e5eeff;
}
.coueses5Bg{
	background: #fff;
}
.coueses6Bg{
	background: #e5eeff;
}

.PricingTable tr th{
	padding: 10px;
	margin: 0;
	border-left: 1px dashed #4b4a9f;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	    font-family: 'Roboto', sans-serif;
	border-collapse: collapse;
}
.PricingTable tr th:first-child{
border: none;
}
.BorderSolidSap{
	border-top: 1px solid #bccceb  !important;
}
.BorderTopNone{
	border-top: none !important;
}
.PricingTable tr td{
	padding: 7px 10px;
	margin: 0;
	color: #484848;
	font-size: 15px;
	font-weight: normal;
	    font-family: 'Roboto', sans-serif;
	border: 1px dashed #ccc;
	border-collapse: collapse;
}
.PricingTable tr td.CoursesTd{
	font-weight: 600;
}

/*----------------Navigation End--------------*/

/******************************


[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header	
4. Banner
5. Featured Courses
6. New Courses
7. A class apart
8. Tailor make your courses
9. Lucrative Subscription offers
10. client and affiliation
11. Footer



******************************/

/***********
1. Fonts
***********/

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


/*********************************
2. Body and some general stuff
*********************************/

*
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
}
img, object, embed, video {
    max-width: 100%;
}
body
{
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	line-height: 23px;
	font-weight: 400;
	background: #FFFFFF;
	color: #333333;
}
div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}

p a
{
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 2px #fde0db;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a:active
{
	position: relative;
	color: #FF6347;
}
p a:hover
{
	color: #FF6347;
	background: #fde0db;
}
p a:hover::after
{
	opacity: 0.2;
}

p::selection
{
	background: #fde0db;
}
h1{font-size: 72px;}
h2{font-size: 40px;}
h3{font-size: 28px;}
h4{font-size: 24px;}
h5{font-size: 16px;}
h6{font-size: 14px;}
h1, h2, h3, h4, h5, h6
{
	color: #282828;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
section{
	display: block;
	position: relative;
	box-sizing: border-box;
    overflow: hidden;
    background: #fff;
}
:root {
	--blue: #1f8ceb;
	--light_blue: #e5f2fd;
	--yellow: #ffba00;
	--grey: #525c65;
	--light_grey: #8d9297;
  }
.container {
   /* width: 1180px;*/
    margin: 0 auto;
}
.button.btn{
    color: #fff;
    background: var(--blue);
    border-radius: 4px;
    font-family: "Roboto";
    font-size: 18px;
    font-weight: 500;
}
.blue_btn{
    background: var(--blue);
    font-family: "Roboto";
    font-size: 18px;
    font-weight: 500;
    color: #fff;  
    display: inline-block; 
    border:1px solid var(--blue);
    text-transform: capitalize;
    border-radius: 4px;
    position: relative;
    padding:10px 50px 10px 20px !important;
    -webkit-transition:all ease-in-out 0.5s;
    -moz-transition:all ease-in-out 0.5s;
    -ms-transition:all ease-in-out 0.5s;
    -o-transition:all ease-in-out 0.5s;
    transition:all ease-in-out 0.5s;
}
.blue_btn::after{
    content: '';
    background: url(../images/sprite.png) -147px -101px ;
    position: absolute;
    width: 40px;
    height: 30px;
    -webkit-transition:all ease-in-out 0.5s;
    -moz-transition:all ease-in-out 0.5s;
    -ms-transition:all ease-in-out 0.5s;
    -o-transition:all ease-in-out 0.5s;
    transition:all ease-in-out 0.5s;
}
.blue_btn:hover{
    background: var(--blue);
    color: #fff;
    -webkit-transition:all ease-in-out 0.5s;
    -moz-transition:all ease-in-out 0.5s;
    -ms-transition:all ease-in-out 0.5s;
    -o-transition:all ease-in-out 0.5s;
    transition:all ease-in-out 0.5s;
}
.blue_btn:hover:after{
    background: url(../images/sprite.png) -144px -101px ;
    /* background: url(../sprite.png) -147px -101px; */
    
}

/*********************************
3. Header
*********************************/

.header
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #FFFFFF;
	z-index: 10;
}
.top_nav{
	width: 100%;
	background: #fff;
	line-height: 45px;
	font-size: 12px;
	color: #fff;
	text-transform: capitalize;
	position: relative;
    font-family: 'Poppins', sans-serif;
}
.top_nav_right a{color:var(--light_blue);font-weight: 500;text-transform:lowercase;}
#top_nav_bar {padding: 0px 0 4px;}
.top_nav_right a:hover{color:#fff}
#top_nav_bar .m_icon{
    display: none;
}

.top_nav_right {
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
    height: 45px;
}
.top_nav:before{
    content: '';
    border-top: 45px solid var(--blue);
    border-left: 46px solid transparent;
    border-right: 0px solid black;
    width: 55%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
}
.top_nav_right .social_block{
	display: flex;
    justify-content: space-between;
    padding-left: 10px;
}
.top_nav_right .social_block li a{
	font-family: 'FontAwesome';
}
.top_nav_right .social_block li{
	margin:6px 5px 0 5px;
}
.top_nav_right .social_block li a{
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
	padding: 0;
	margin: 0;
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	line-height: 30px;
	text-align: center;	
	position: relative;
}
.top_nav_right .social_block li a.Facebook:after{
	width: 30px;
	height: 30px;
	background: url(../images/sprite.png) 5px -219px no-repeat;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;

}
.top_nav_right .social_block li a.Youtube:after{
	width: 30px;
	height: 30px;
	background: url(../images/sprite.png) -35px -219px no-repeat;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;

}
.top_nav_right .social_block li a.Linkdin:after{
	width: 30px;
	height: 30px;
	background: url(../images/sprite.png) -75px -219px no-repeat;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;

}
.top_nav_right .social_block li a:hover{
	background: #ffba00;
}
.call_us {
    padding-right: 20px;
}
.top_nav_right .email .far.fa-envelope{
    margin-right: 10px;;
}

#header-1 {
    border-bottom: 2px solid #0097bf;
  }
  #header-1 .search-box {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-height: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    background-color: #0097bf;
    transition: all 0.3s;
  }
  #header-1 .search-box .search-input {
    width: 100%;
    height: 100%;
    padding: 0 1em;
    border: 0;
    background-color: transparent;
    opacity: 0;
    color: #fff;
  }
  #header-1 .search-box .search-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.4);
  }
  #header-1.show .search-box {
    max-height: 40px;
  }
  #header-1.show .search-box .search-input {
    opacity: 1;
  }

.top_header_btn.button{
    background: var(--blue);
    color: #fff;
    padding: 10px 30px;
	-webkit-transition:all ease-in-out 0.5s;
    -moz-transition:all ease-in-out 0.5s;
    -ms-transition:all ease-in-out 0.5s;
    -o-transition:all ease-in-out 0.5s;
    transition:all ease-in-out 0.5s;
	border:1px solid var(--blue);
	border-radius:3px;
}

.top_header_btn.button:hover{
    box-shadow: 3px 2px 10px -2px rgba(0,0,0,0.75);
    -webkit-box-shadow: 3px 2px 10px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 2px 10px -2px rgba(0,0,0,0.75);
  
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: none;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}



.sticky {
    position: fixed;
    display: inline-block;
    margin: 0 auto;
    background:#fff;
    left: 0;
    right: 0;
    z-index: 9;
    -webkit-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow:    0px 5px 7px 0px rgba(50, 50, 50, 0.1);
    box-shadow:         0px 5px 7px 0px rgba(50, 50, 50, 0.1);
}
.topnav {
    overflow: hidden;
    background-color: #333;
    position: absolute;
    z-index: 9;
    width: 100%;
    top:0px;
  }
  
.topnav #myLinks {
    display: none;
}
  
.topnav a {
    color: white;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    display: block;
}
  
.topnav a.icon {
    background: black;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
  
.topnav a:hover {
    background-color: #ddd;
    color: black;
 }
#mega_menu {
    background:#fff;
    position: absolute;
    width: 100%;
    left: 0;
    top: 74px;
    padding: 30px 20px 20px 30px;
    -webkit-box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
    z-index: 99;
    display: none;
}
#mega_menu h4 {
    font-size: 18px;
    padding: 0 0 10px 0;
    margin: 0;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
#mega_menu ul{
    padding-left: 0;
}
#mega_menu ul li{
    padding: 3px 0;
}
#mega_menu ul li a{
    color: var(--grey);
    font-size: 14px;
    font-weight: normal;
	font-family: 'Roboto', sans-serif;
}
#mega_menu ul li a:hover{
    color:#000;
}


/*********************************
4. Banner
*********************************/
#color-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.6;
 }
 .main_banner{
     position: relative;
     width: 100%;
     clear: both;
     height: 400px;
 }
 .main_banner h1{
     font-family: 'Poppins', sans-serif;
     font-weight: 700;
     color:#fff;
     font-size: 48px;
     z-index: 99;
 }
 .main_banner span{
     color: var(--yellow);
 }

 .banner_text{
    position: absolute;
    display: block;
    pointer-events: auto;
    left: 0;
    top: 5%;
    z-index: 5;
    margin: 0 auto;
    text-align: center;
    right: 0;
 }
 .banner_text p{
     font-family: 'Roboto', sans-serif;
     font-size: 28px;
     color:#fff;
     font-weight: 200;

 }
 .banner_button{
     margin-top:40px;
     color: #fff;
 }
.button{
    padding: 10px 20px;
    border-radius: 2px;
    color:#fff;
 }
 
.common{
     margin-top: 60px;
 }
 .common .box{
    text-align: left;
 }

 .course_btn.button{
     background: rgba(0,0,0,.3);
     border:1px solid #fff;
     margin-right: 10px;
     transition: all ease-in-out 0.5s;
 }
 .btn_wrapper button{
     position: relative;
 }
 .btn_wrapper button::before{
    content: '';
    border-top: 10px solid #ffffff;
    border-left: 150px solid transparent;
    border-right: 0px solid transparent;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
 }
.course_btn.button:hover,.explore_btn.button:hover{
    -webkit-box-shadow: 7px 11px 18px -12px rgba(0,0,0,1);
    -moz-box-shadow: 7px 11px 18px -12px rgba(0,0,0,1);
    box-shadow: 7px 11px 18px -12px rgba(0,0,0,1);
    color:#fff; 
 }
.button img{
    width: auto !important;
    display: inline-block !important;
    margin-left: 10px;
}
.explore_btn.button{
    background:var(--blue);
    border:1px solid var(--blue);
    transition: all ease-in-out 0.5s;
}
.owl-dots {
    top: -60px;
}
.owl-nav {
   position: relative; 
}
.owl-nav button{
    bottom: 255px;
    position: absolute;   
    height: 30px;
    width: 30px;
    border:1px solid #fff !important;
    padding: 20px;
    z-index: 5;
}
.owl-nav button.owl-prev{
    left:-50px;
    right: auto;
    transition: all ease-in-out 0.5s;
}
.owl-nav button.owl-next{
    right:-50px;
    left: auto;
    transition: all ease-in-out 0.5s; 
}
.main_banner:hover .owl-nav button.owl-prev{
    transition: all ease-in-out 0.5s;
    left:20px;
}
.main_banner:hover .owl-nav button.owl-next{
    transition: all ease-in-out 0.5s;
    right:20px;
}
.main_banner .owl-nav span{
    color:#fff;
}

/*********************************
5. Featured Courses
*********************************/

section .title_wrapper{
    font-family: 'Poppins', sans-serif;
    text-align: center;
}
section .title_wrapper h2{
    color: var(--grey);
    font-weight: 700;
    margin: 0;
	padding: 0 0 20px 0;
}
section .title_wrapper h3{
    color: var(--blue);
    font-size: 24px;
    position: relative;
    margin-bottom: 50px;
}
section .title_wrapper h3::after{
    position: absolute;
    content: '';
    width:10%; 
    border:1px solid #525c65;
    right: 0;
    left: 0;
    margin:0 auto;
    top:40px;
}
.course_dropdown{
	margin:0 0 20px;
}
.course_dropdown label{
	font-weight:400;
	color:var(--grey);
}
.course_image {
   
    overflow: hidden;
	padding: 10px 10px 0;
}
.course{
    position: relative;
    display: inline-block;
    cursor: pointer;
	text-align:center;
    
}
.course_cover{
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.2);
    display: inline-block;
    background-color: #fff;
    /*height: 291px;*/
	-webkit-box-shadow: 0 0px 6px 0 rgb(0 0 0 / 18%);
    box-shadow: 0 0px 6px 0 rgb(0 0 0 / 18%);
}

.quote {
    display: inline-block;
    text-align: left;
    font-size: 16px;
    float: left;
    margin-left: 15px;
	
}
.quote  a{color: #000;font-size:14px;font-weight:600;position:relative;}
.quote  a::after{content:'';position:absolute;background: url(../images/sprite.png) -116px -40px ; }
.quote  a:hover{ color:var(--blue);}
.quote strong{margin:0 5px;}
.course_content .detail{
	padding: 0 10px;
	margin: 5px 0 10px;
}
.course_content .detail span{
	padding:0 0 0 5px;
	font-weight:800;
	color:var(--blue);
}

.course_image img{
    transition: all .5s ease-in-out;
    transform: scale(1.0);
	 width: 100%;
}
.course_image img:hover{
    transform: scale(1.1);
}

.btn_wrapper{
    border-bottom: 50px solid var(--blue );
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
    background: transparent;
    height: 10px;
    display: inline-block;
    color:#fff;
	float:left;
}
.btn_wrapper button{
    background: transparent;
    border:0;
    padding: 13px;
    color:#fff;
    position: relative;
    font-size: 15px;
}
.btn_wrapper button::after{
    position: absolute;
    content: '';
    background: url(../images/sprite.png) -116px -40px ;
    /* background: url(/sprite.png) -102px -15px ; */
    width:40px;
    height: 30px;

}

.Get_a_quote{
	padding:0 20px 0px 0;
	text-align:left;
}
.Get_a_quote a{
	font-size:14px;
	color:var(--blue);
	font-weight:500;
}
.Get_a_quote span{
	color:#000;
}
.hover_content{
    padding: 14px;
    background: #fff;
    border-radius: 4px;
    
}
.abc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}
.hover_content h4{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #666666;
    text-transform: capitalize;
    margin:15px 0 2px;
}
.courses li{margin:5px;}
ul.SelectLanguage{
	padding:0 0 30px;
}
.hover_content h3:first-child{
    margin: 0;;
}
.hover_content ul li a{
    color:#666666;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
}
.hover_content ul li{
    margin:6px 0 0;
}
.hover_content ul li::before{
    content: '';
    position: absolute;
    background:var(--blue);
    height: 8px;
    width: 8px;
    border-radius: 10px;
    left:12px; 
    right:0;
    margin-top:10px
}
.hover_content ul li a{
    margin:10px 0;
    line-height: 14px;
}
.hover_content p{
    font-size: 12px;
    font-weight: 300;
}
.hover_content {
    position: absolute;
    width: 276px;
    box-shadow: azure;
    top: 0;
    right: 0%;
    left: 104%;
    visibility: hidden;
    z-index: 5;
	height:320px;
	text-align:left;
	display:none;
}

.course_content{
    width: 100%;
	padding: 10px 15px;
}

.course_cover{
    width:372px;
    margin:0 0;
    float: left;
}
li:hover .hover_content {
    visibility: visible;
    -webkit-box-shadow: 7px 6px 35px -15px rgba(0,0,0,0.37);
    -moz-box-shadow: 7px 6px 35px -15px rgba(0,0,0,0.37);
    box-shadow: 7px 6px 35px -15px rgba(0,0,0,0.37);
}
.hover_content::after{
    content: '';
    display:block;
    position: absolute;
    right: 100%;
    top:10%;
    border-top: 10px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
}
li:nth-child(4n):hover .hover_content {
    left:auto;
    right: 104%;
}
li:nth-child(4n):hover .hover_content::after{
    right: auto;
    left:100%;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
}

.view_all_course_btn {
    text-align: center;
    margin:30px 0 20px;
}
.view_all_course_btn .course_btn{
    background: transparent;
    border:1px solid var(--blue);
    text-transform: capitalize;
    border-radius: 4px;
    color: var(--blue);
    position: relative;
    padding:10px 50px 10px 20px ;
   
}
.view_all_course_btn .course_btn::after{
    content: '';
    background: url(../images/sprite.png) -107px -101px ;
    /* background: url(../sprite.png) -102px -101px; */
    position: absolute;
    width: 40px;
    height: 30px;
}
.view_all_course_btn .course_btn:hover{
    background: var(--blue);
    color: #fff;
}
.view_all_course_btn .course_btn:hover:after{
    background: url(../images/sprite.png) -147px -101px;
    /* background: url(../sprite.png) -147px -101px; */
}
#a_class_apart .view_all_course_btn{
    margin: 30px 0 20px;
}
iframe {
    display: inline-block;
    width: 100%;
}



/*********************************
6.  New Courses
*********************************/

#new_launched_course,#tailor{
    background-color:#e5f2fd;
    margin: 20px 0 0;
    padding: 30px 0 0;
}
section#new_launched_course .title_wrapper h3,#tailor .title_wrapper h3,#client .title_wrapper h3{
   
    color: var(--grey);
    font-weight: 600;
}
section#new_launched_course .view_all_course_btn .course_btn,section#tailor  .view_all_course_btn .course_btn{
    margin: 0px 0 60px
}

/*********************************
7. A class apart
*********************************/
#a_class_apart .list_content li{
	 margin:20px 0;
}
.list_content li{
    font-family:poppins;
    font-size: 16px;
    font-weight: 500;
    color: var(--light_grey);
    margin:10px 0;
    position: relative;
    padding: 0 0 0 20px;
	text-align:left;
}
.list_content li::before{
    position: absolute;
    height: 8px;
    width: 8px;
    border-radius: 50px;
    background: var(--blue);
    content: '';
    left: 0;
    top: 9px;
}
.title_wrapper.big_header h3{
    color: var(--grey);
    font-size: 40px;
    font-weight: 700;
}
.title_wrapper.big_header h3::after{
    top:60px;
}
#a_class_apart .view_all_course_btn,#lucrative .view_all_course_btn{
    text-align: left;
}
#a_class_apart .video_content{
    width:100%;
    display: inline-block;
    /* background: #000; */
    text-align: center;
}
#a_class_apart ul,#tailor ul {
    padding: 0;
}
/*********************************
8.Tailor make your courses
*********************************/
#tailor .course_image{
    width:100%;
    background: transparent;
    margin-bottom: 70px;
    height: auto;
}
#tailor .view_all_course_btn{
    text-align: left;
}
#tailor .inquiry .course_btn,#lucrative .course_btn{
    background: var(--blue);
    color: #fff;
    font-family: "Roboto";
}
#tailor .inquiry .course_btn::after{
    background: url(../images/sprite.png) -10px -73px ;
    /* background: url(/sprite.png); */
    height: 30px;
    width: 30px;
}
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content/Box */
  .modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    border: 1px solid #888;
  }
  
  /* The Close Button */
  .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }

/*********************************
9.Lucrative Subscription offers
*********************************/

  .left_content.list_content h3{
     font-size: 28px; 
     font-weight: 600;
     color: var(--blue);
     margin-bottom: 20px;

  }
  #lucrative .course_btn::after{
      background-position: -110px -41px;
      transition: all ease-in-out 0.5s;
  }
  #lucrative .course_btn:hover::after{
    background-position: -100px -41px;
  }

/*********************************
10.client and affiliation
*********************************/
#client{
    margin-top: 0px;
    padding-bottom: 20px;
	background:#fff;
}

#client img{
opacity: 1;
    filter: grayscale(0);
}
#client  img:hover {
    -webkit-filter: grayscale(1);
	    opacity:0.7;
    
}
.brand-01__image {
    text-align: center;
    margin-bottom: 30px;
    transition: all ease .3s;

}
.brand-01__image img {
    width: auto !important;
    display: inline-block !important;
}
.brand-01__image:hover {

}
section#affiliations .title_wrapper h3{
    color: var(--grey);
}
section#client .owl-nav button,section#affiliations .owl-nav button{
    bottom: 84px;
    border:1px solid var(--grey) !important;
}
section#client .owl-nav,section#affiliations .owl-nav{
    display: none;
}
section#client:hover .owl-nav,section#affiliations:hover .owl-nav{
    display: block;
}
section#client .owl-nav button:hover,section#affiliations  .owl-nav button:hover{
    color:#fff;
    background: var(--blue);
    border:1px solid var(--blue) !important;
}

/*********************************
11. Footer
*********************************/
.footer_section {
    background: #0a3f50;
    padding: 10px 0;
}
footer {
    background: #0a3f50;
    margin-top: 40px;
}
#home footer{
    margin: 0;
}
.main {
    width: 1180px;
    margin: 0 auto;
}
.footer_section .Questions-box .Questions {
    font-size: 16px;
    color: #FFF;
    position: relative;
    display: inline-block;
    padding: 12px 20px 10px 10px;
    margin: 0 20px 0 0;
}
.footer_section .Questions-box .Questions span {
    font-size: 32px;
    color: #001b24;
    display: inline-block;
    margin: 5px 0 0 0;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
}
.footer_section .Questions-box .footer_ph {
    position: relative;
    font-size: 16px;
    padding: 12px 10px 10px 25px;
    margin: 0 20px 0 0;
    display: inline-block;
    color: #FFF;
}
.footer_section .Questions-box .footer_ph a, .footer_section .Questions-box .footer_email a {
    color: #FFF;
    text-decoration: none;

}
.CommonIconSprite {
    background-image: url(../images/common-icon-sprite.png);
    background-repeat: no-repeat;
}
.Stay_Connected_share ul li a {
    width: 28px;
    height: 28px;
    display: block;
    background-color: #225f86;
}
.footer_section .Questions-box .footer_email {
    position: relative;
    font-size: 16px;
    padding: 12px 0px 10px 30px;
    margin: 0 20px 0 0;
    display: inline-block;
    color: #FFF;
}
.Stay_Connected_share {
    width: 250px;
}
.r {
    float: right;
}
.Stay_Connected_share .Stay_Connected_label {
    width: 110px;
    font-size: 13px;
    color: #FFF;
    padding: 10px 0 0 0;
    font-weight: normal;
}
ul.footer_liink_list li a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.l {
    float: left;
}
.Stay_Connected_share ul {
    width: 140px;
    margin: 5px 0 0 0;
    padding: 0;
}
.Stay_Connected_share ul li {
    width: 28px;
    height: 28px;
    float: left;
    display: block;
    margin: 0 3px;
}
.footer_section .Questions-box .footer_ph::after {
    width: 20px;
    height: 20px;
    display: block;
    margin: 0;
    position: absolute;
    top: 13px;
    left: 0;
    background: url(../images/common-icon-sprite.png) -265px -334px no-repeat;
    content: '';
}
.footer_section .Questions-box .footer_email::after {
    width: 24px;
    height: 20px;
    display: block;
    margin: 0;
    position: absolute;
    top: 11px;
    left: 0;
    background: url(../images/common-icon-sprite.png) -303px -334px no-repeat;
    content: '';
}
.Stay_Connected_share {
    width: 250px;
}
.Stay_Connected_share ul {

    width: 140px;
    margin: 5px 0 0 0;
    padding: 0;

}
.Stay_Connected_share ul li a.f_facebook {
    background-position: -343px -331px;
    background-repeat: no-repeat;
}
.Stay_Connected_share ul li a.f_twitter {
    background-position: -377px -331px;
    background-repeat: no-repeat;
}
.Stay_Connected_share ul li a.f_linkdin {
    background-position: -412px -331px;
    background-repeat: no-repeat;
}
.Stay_Connected_share ul li a.f_youtube {
    background-position: -477px -331px;
    background-repeat: no-repeat;

}
.footer_liink_section {
    border-top: 1px solid #115368;
    padding: 20px 0;
    margin: 10px 0 0 0;
}
.footer_liink_section h5 {
    font-size: 16px;
    color: #FFF;
    padding: 0 0 10px 0;
    margin: 0;
    font-weight: 600;
}
ul.footer_liink_list {
    font-size: 13px;
    padding: 0;
    margin: 0;
	margin: 0 0 15px;

}
ul.footer_liink_list li {
    padding: 4px 0 4px 3px;
    margin: 0;
    list-style: none;
}
ul.footer_liink_list li a {
    color: #80b7c9;
    text-decoration: none;
}
.footer_liink_section h5 {
    font-size: 16px;
    color: #FFF;
    padding: 0 0 10px 0;
    margin: 0;
    font-weight: 600;
}
.footer_liink_section .KeepInTouch_text {
    font-size: 13px;
    padding: 0 0 10px 0;
    margin: 0;
    color: #FFF;
}
.footer_liink_section .KeepInTouch_text {
    font-size: 13px;
    padding: 0 0 10px 0;
    margin: 0;
    color: #FFF;
}
.footer_liink_section .KeepInTouch_input {
    border: none;
    height: 37px;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
    color: #666666;
    width: 270px;
    margin: 5px 0 10px 0;
    outline: none;
}
.footer_liink_section .KeepInTouch_Submit {
    border: none;
    height: 37px;
    background: #febc0a;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 15px;
    text-transform: uppercase;
    color: #000000;
    width: 80px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 10px 5px;
    outline: none;
}
.footer_ISO_text {
    background: #073443;
    padding: 10px;
    margin: 20px 0;
    font-size: 15px;
    color: #febc0a;
    text-align: center;
    text-transform: uppercase;
}
.copyright_text {
    text-align: center;
    font-size: 13px;
    color: #FFF;
}





.custom-select {
  position: relative;
  font-family: Arial;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: DodgerBlue;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
.eupopup-container{
 width:100%;
 background-color: rgba(0, 0, 0, 0.9);
position:fixed;
bottom:0px;
left:0px;
padding:15px;
z-index: 999999;
}
.eupopup-container .eupopup-head{
font-size:16px;
color:#FFF;
font-family: 'Roboto', sans-serif;
padding:0 0 3px 0;
margin:0;
}
.eupopup-container .eupopup-body{
 font-family: 'Roboto', sans-serif;
font-size:14px;
color:#CCC;
padding:0;
margin:0;
text-align: center;
}
.eupopup-container .eupopup-body .eupopup-button_1{
 background:#ff7062;
 padding:10px 20px;
 display:inline-block;
 margin:0  20px;
 font-family: 'Roboto', sans-serif;
 font-size:15px;
 color:#FFF;
 text-decoration:none;
 
}
.eupopup-container .eupopup-body .eupopup-button_2{
 color:#48c6ff;
  font-family: 'Roboto', sans-serif;
 font-size:15px;
 padding:0 10px 0 0;
}





/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */


/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
#myModal .form-control{
	height:50px;
}
.modal-container{
	width:500px;
	margin:0 auto;
}


.CustomeCoursesFormFix{
	width: 980px;
	margin:0 auto;
}

/* form section*/
.KnowledgeBasedDecisionForm_section {
    padding: 30px 0;
}
.KnowledgeBasedDecisionForm {
    width: 1000px;
    margin: 0 auto;
}
.KnowledgeBasedDecisionForm_section h2 {
    font-size: 32px;
    color: #464646;
    font-weight: normal;
    margin: 0;
    padding: 10px 0 20px;
    text-align: center;
}
.Coursesr_ListBox {
    border: 1px solid #b7b7b7;
    padding: 15px 15px 10px;
    margin: 0 0 20px;
}
.Coursesr_ListBox h4 {
    font-size: 18px;
    color: #464646;
    padding: 0 0 10px;
    margin: 0;
    font-weight: 600;
}
.TwoColumCheckBox {
    padding: 5px 7px;
    clear: both;
    display: table;
    width: 100%;
    margin: 2px 0;
    background: #f2f2f2;
}
.CheckBoxLeftHeading {
    width: 80%;
    margin-right: 1%;
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500;
    color: #464646;
}
.main_form .radio, .main_form .checkbox.CheckBoxLeft {
    width: 80%;
    margin-right: 1%;
    display: table-cell;
    line-height: 21px;
}
.CheckBoxrightInput {
    width: 20%;
    display: table-cell;
    vertical-align: middle;
}
.CheckBoxrightInput input, .CheckBoxrightInput input:focus {
    width: 100%;
    height: 30px;
    border-radius: 0;
    border: 1px solid #b7b7b7;
    padding: 4px 8px;
    outline: 0;
    background: #e1e1e1;
}
.DicisionForm_input {
    border: 1px solid #b7b7b7;
    height: 42px;
    padding: 5px 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 14px;
    color: #666;
    width: 100%;
    margin: 0 0 20px 0;
    outline: none;
}
.main_form .radio, .main_form .checkbox {
    margin-bottom: 11px;
    margin-top: 5px;
    padding-left: 27px;
    font-size: 15px;
    line-height: 21px;
    color: #404040;
    cursor: pointer;
    position: relative;
    display: inline-block;
    font-weight: normal;
	font-family: 'Roboto', sans-serif;
}
.Coursesr_ListBox {
    border: 1px solid #b7b7b7;
    padding: 15px 15px 10px;
    margin: 0 0 20px;
}
.CorporateGreyBox h3 {
    font-size: 24px;
    color: #3f51b5;
    padding: 0 0 5px 0;
    margin: 0;
    font-weight: 700;
    line-height: 33px;
}
.tab-content.CorporateGreyBox{
	background:transparent;
}