/*@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@1,300&display=swap');*/
@font-face {
    font-family: 'Lato-Regular';
    src: url('fonts/lato-regular-webfont.woff') format('woff'),
         url('fonts/lato-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;

}

body{
	margin:0px;
	padding:0px;
	font-family: 'latoregular' OpenSans-Regular;
}
iframe {
    padding: 0;
    margin: 0;
}

:root{
	--main-theme-color:#de1c2e;
	--main-p-size:16px;
	--main-h1-size:35px;
	--main-h2-size:25px;
}
.fixed-items{
	position:fixed;
	left:0%;
	top:45%;
	z-index: 999;
}
.fixed-items-course{
	position:fixed;
	left:0%;
	bottom:0%;
	z-index: 999;
}
.facebook,.E-Mail,.phone{
	width:180px;
	height:40px;
}

.facebook a, .E-Mail a, .phone a{

	text-decoration: none;
	border-top-left-radius: 50%;
	font-size:24px;
	text-align:center;
	padding:8px 10px;
	color:#fff;
	border:2px solid #fff;
	background:var(--main-theme-color);

}
.facebook:hover a, .E-Mail:hover a, .phone:hover a{
	color:var(--main-theme-color);
	border:2px solid var(--main-theme-color);
	background:#fff;
}
.fixed-items1{
	position:fixed;
	right:0%;
	top:35%;
	z-index: 999;
}
.fixed-items-course{
	position:fixed;
	left:0%;
	bottom:0%;
	z-index: 999;
}
.fixed-items1-course{
	position:fixed;
	right:0%;
	bottom:-8%;
	z-index: 999;
}
.free-reg{
	width:50px;
	height:300px;
}
.free-reg .fa{
	padding-top:15px;

}
.free-reg a{
	text-decoration: none;
	border-top-right-radius: 50%;
	writing-mode: vertical-rl;
	font-size:24px;
	text-align:center;
	padding:15px 10px;
	color:#fff;
	border:2px solid #fff;
	background:var(--main-theme-color);
}
.free-reg:hover a{
	color:var(--main-theme-color);
	border:2px solid var(--main-theme-color);
	background:#fff;
}

.clear{
	clear:both;
}
.top-section{

	background:#fff;
	color:#5b6269; /*//grey*/
	font-size:20px;
	padding-bottom:8px;
	/*margin-left:120px;*/
}
.top-section .fa{
	margin-right:2px;
	font-size: 16px;

}

.top-section-border-left{
	margin-top:5px;


}
.top-section-border-left a{
	text-decoration:none;
	color:#5b6269;
	transition:0.5s;
	font-size:16px;
}



.top-section-border-left a:hover{
	color:var(--main-theme-color);
}
/*.top-section-border-left .fa:hover{
	color:#de1c2e;
}*/
.top-section-border-left .fa{
	margin-top:16px;
}
.top-section-border-left .fas{
	margin-top:16px;
}
.top-section-border-left .far{
	margin-top:16px;
}
.top-section-border-right{
	margin-left:-20px;
}
.top-section-btn{
	position: relative;
	left:0px;
}
.sociallinks ul li{
	/*display:inline-block;*/
	width:30px;
	height:30px;
	margin-right:10px;
	border:2px solid #fff;
	text-align: center;
	margin-top:12px;
	border-radius:20%;

}
.sociallinks .fa{
	line-height:26px;
	font-size:17px;
}


.btns button{
	width:100px;
	height:45px;
	color:#fff;
	font-size:19px;
	background:var(--main-theme-color);
	margin-top:9px;
	margin-right:5px;
	border:1px solid #fff;
	border-radius:10%;
}
.btns button:hover{
	color:var(--main-theme-color);
	background:#fff;
	border:1px solid var(--main-theme-color);
	border-radius:10%;
}


.main_menu{
	background:rgba(0,0,0,0.7);
	color:white;
}
.logo_img{
	padding: 20px 0px;
}



.banner{
	position:relative;
}
.bannerbtn a{
	position:absolute;
	left:44%;
	top:65%;
	border:2px solid #0095da;
	font-size:20px;
	z-index: 999;
	color:#448aff;
	padding: 10px 30px;
	text-decoration: none;
}
.bannerbtn a:hover{
	color:#fff;
	border:2px solid #fff;
	background:#0095da;
}

.banner-slider{
	position:relative;
}
.outter{
	position:absolute;
	z-index: 999;
	top:58%;
	color:white;
	left:33%;
}

.outter-col{
	border:1px solid #fff;
	background:rgba(0,0,0,0.7);

}
.outter-img{
	padding-top: 17px;
	padding-left:35px;
}
.outter-img img{
	height:80px;
	width:80px;
}
.outter-content h3{
	color:#ffc107;
	text-align:left;
}


.inner-about{
width:1000px;
height:350px;
	background:url("images/headerbg.jpg") fixed no-repeat;
	background-size: cover;
}

.project_section{
	padding-top:100px;
	background:url('images/img/2.jpg') fixed no-repeat !important;
	background-size: cover;

}
.project_section h2{
	padding-bottom: 20px;
}
.project_section h2 span{
	font-weight:bold;
	padding-bottom: 10px;
}
.project_section_main{
	margin-top:20px;
}
.project_section_img img{
	height:200px;
	width:350px;
}
.project_section_items{
	background:#fff;
	transition:0.5s;
	margin-top:15px;
	background:lightgrey;

}

.project_section_items_course{
	background:#fff;
	transition:0.5s;
	/*margin-top:15px;*/
	background:#fff;
	/*margin-left:50px;*/
}

.project_section_items_course .project_section_img img{
	height:250px;
	width:300px;
}
.project_section_items:hover{
	/*box-shadow: 0px 0px 10px 5px lightgrey;*/
}
.project_section_img{
	
	transition:0.5s;
	overflow: hidden !important;

}

.project_section_img img:hover{
	transform:scale(1.6,1.6); 
}
.project_section_info{
	padding:23px 20px;
}
.project_section_info h3{
	font-size:20px;
	color:#fff;
}
.project_section_info p{
	font-size:15px;
	color:#fff;
	/*display:none;*/
}

.project_section_info_course{
	padding:10px 15px;
}
.project_section_info_course_content{
	padding-top:10px;
}
.project_section_info_course >ul{
	margin-top: 10px;
	
}
.project_section_info_course_content >ul{
	margin-top: 10px;
	
}
.project_section_info_course >ul>li{
	padding-bottom: 8px;
	font-size:18px;

}
.project_section_info_course_content >ul>li{
	padding-bottom: 2px;
	font-size:14px;

}
.project_section_info_course >ul>li:hover{
	color:#fff;

}
.project_section_info_course_content >ul>li:hover{
	color:#fff;

}
.project_section_info_course h3{
	font-size:20px;
	color:#fff;
	
}
.project_section_info_course_content h3{
	font-size:20px;
	color:#000;
	
}
.project_section_info_course p{
	font-size:15px;
	color:#fff;
	/*display:none;*/
}
.project_section_info_course a{
	/*display:table;*/
	position:relative;
	padding:10px 22px;
	border:2px solid #fff;
	border-top-left-radius: 20%;
	text-decoration: none;
	transition:0.5s;
	color:#fff;
	left:80%;
	top:-10px;
}
.project_section_info_course a:hover{
	border:2px solid var(--main-theme-color) !important;
	color:var(--main-theme-color) !important;
	background:#fff !important;

}
.project_section_info_course_content a{
	color:white;
	text-decoration:none;
}
.project_section_info_course_content a:hover{
	color:var(--main-theme-color);
	text-decoration:none;
	border:1px solid #000;
	padding:5px;
	border-radius:50%;
	background:#fff;

}
.project_section_info_course_content a:hover .fa{
	color:var(--main-theme-color);
	

}
                    
.course-rating{
	position:absolute;
	top:10%;
	right:2%;	
}
.course-rating .fa:hover{
	background:#000;
}
.course-menu{
	margin-left:-50px;
	margin-right:10px;
	/*position:fixed;
	left:600%;
	top:200%;
	z-index: 999;*/
}
.course-menu>ul{
	/*margin-top:20px;*/

	/*position:fixed;
	z-index: 999 !important;
	top:200%;*/
	
}
.course-menu a{
	margin-left:10px;
	color:white;
	text-decoration: none;
	
}
.course-menu .fa{
	
	color:white;
	
	
}
.course-menu>ul>li{

	list-style:none;
	padding:5px;
	border:1px solid #fff;
	background:#0095da;
	display:block;
}

.course-section{
	padding: 5px 0px;
	margin-top:20px;
	margin-right:25px;

	
}
.project_section_img{
	border:2px solid var(--main-theme-color);
	border-radius:20%;
}

.course-section1{
	padding-top:10px;
	margin-top:20px;
	border-top-left-radius:10%;
	border:2px solid #000;
	background:var(--main-theme-color);
	font-size:13px;
	padding-right:10px;
	position:relative;

}

.course-section1 .fa{
	font-size:12px;
	padding:3px;
	margin-right:3px;
	color:#fff;
	
	border-radius:50%;
}


.project_section_info a{
	display:table;
	padding:14px 12px;
	border:2px solid #0095da;
	text-decoration: none;
	transition:0.5s;
}
.project_section_info a:hover{
	background:#0095da;
	color:#fff;
}

#project-slider .owl-dots{
	display:none;
}
#project-slider .owl-nav{
	position:absolute;
	top:-90px;
	right:0px;
	
}
#project-slidre .owl-carousel{
	/*display:block !important;*/
}
#project-slider .owl-nav button.owl-prev, #project-slider .owl-nav button.owl-next{
	height:35px;
	width:35px;
	margin:auto;
	border:2px solid #fff;
	border-radius:50%;
	padding-top:0px !important;


}
#project-slider .owl-nav button.owl-prev span,#project-slider .owl-nav button.owl-next span{
	font-size:34px !important;
	padding-top:0px;
	font:inherit;
	position:relative;
	top:-14px;
	color:inherit;

	

}
#project-slider .owl-nav button.owl-prev:focus ,#project-slider .owl-nav button.owl-next:focus{
	outline:none !important;
	
	

}

.aboutus-section{
	margin-top:60px;
}
.aboutus-section p{
	text-align: justify;
}
.content img{
	height:25px;
	width:25px;
	margin-right:10px;
	margin-left:-40px;
}
.content h1{
	margin-top:30px;
}
.aboutus-section ul li {
	list-style: none;
	margin-bottom: 5px;
}
.button2{
	background:#0095da;
	color:#fff;
	font-size:20px;
	padding:8px 10px;
	border:2px solid #fff;
	
}
.aboutus-inner span{
	/*color:#0095da;
	font-size:18px;*/

	color:#0095da;
	font-size:20px;
	padding:8px 10px;
	border:2px solid #fff;
}
.aboutus-inner .fa{
	color:#0095da;
	font-size:40px;
	
}
.aboutus-inner a{
	margin-top:10px;
}
.aboutimg1 {
	margin-top:20px;
	
}

.object{
	margin-top:15px;
}

.aboutimg1{
	width:500px;
	height:250px;
	border:1px solid #0095da;
	border-radius: 50%;
	margin-left:-20px;
	
}
.aboutimg2{
	width:100px;
	height:250px;
	margin-top:10px;
	margin-right:22px;
	margin-left:-20px;
	border:1px solid #0095da;
	border-bottom-right-radius: 10%;
	border-top-left-radius: 10%;
}
.aboutimg3{
	width:100px;
	height:250px;
	margin-top:20px;
	margin-right:22px;
	margin-left:-20px;
	border:1px solid #0095da;
	border-bottom-left-radius: 10%;
	border-top-right-radius: 10%;
} 
.aboutimg4{
	width:100px;
	height:250px;
	margin-top:20px;
	margin-right:22px;
	margin-left:-20px;
	border:1px solid #0095da;
	border-bottom-left-radius: 10%;
	border-top-right-radius: 10%;
} 
.aboutimg5{
	width:100px;
	height:250px;
	margin-top:20px;
	margin-right:22px;
	margin-left:-20px;
	border:1px solid #0095da;
	border-bottom-left-radius: 10%;
	border-top-right-radius: 10%;
} 

.aboutus_main{
	margin-top:80px;
	padding-top:30px;
	padding-bottom:10px;
	background:#423c3c;
}
.aboutus_main_col1 >h3, .aboutus_main_col2 >h3, .aboutus_main_col3 >h3, .aboutus_main_col4 >h3{
	color:var(--main-theme-color) !important;
	transition:0.5s;
	margin-left:-100px;
}
.aboutus_main_col1 p{
	color:#fff;
}
.aboutus_main_col1_img1, .aboutus_main_col2_menu, .aboutus_main_col3_menu, .aboutus_main_col4_menu{
	padding-top:20px;
}
.aboutus_main_col1_img1 img{
	height:80px;
	width:80px;
}
.aboutus_main_col2_menu ul,.aboutus_main_col3_menu ul,.aboutus_main_col4_menu ul{
	list-style: none;

}
.aboutus_main_col2_menu ul li, .aboutus_main_col3 ul li, .aboutus_main_col4 ul li{
	color:#fff;
	padding:7px 0px;
	margin-left:-30px;
}
.aboutus_main_col4 ul li{
	padding-top:10px;
}
.aboutus_main_col4 ul li i{
	color:#fff;
	padding-right:10px;

}
.aboutus_main_col2_menu ul li .fa,.aboutus_main_col3_menu ul li .fa,.aboutus_main_col4_menu ul li .fa{
	margin-right:5px;
	
}
 
.footer_main{
	/*padding:5px 0px;*/
	background:#333;
}
.footer_main1{
	padding:5px 0px;
	background-image: linear-gradient(90deg, rgb(180, 180, 180), rgb(180, 180, 180));
}

.footer_main_content h4{
	padding-top:20px;
	
	font-size:16px;
	color:var(--main-theme-color);
}
.footer_main_content h4 span{
	color:#448aff;
}
.footer_main_menu ul li:nth-child(1){
	
	margin-left:320px;
}
.footer_main_menu ul{
	margin-top:5px;
}
.footer_main_menu ul li{

	display: inline-block;
	font-size:20px;
	color:var(--main-theme-color);
	border:2px solid var(--main-theme-color);
	border-radius:10%;
	text-align:center;
	height:33px;
	width:33px;
	margin-top:7px;
	margin-right:10px;

}
.footer_main_menu ul li a{
	text-decoration: none;
	color:var(--main-theme-color);
	
}
.footer_main_menu ul li:hover{
	color:#fff;
	border:3px solid #fff;
	background:var(--main-theme-color);

}
.footer_main_menu ul li:hover a{
	color:#fff;
}


.tab1{
	padding: 0px 10px;
	
}



/*.main_header_area{
padding-top:0px !important;
padding-bottom:0px !important;

*/}


.course-content-menu{
	margin-left:-60px;
	margin-right:10px;
	/*position:fixed;
	left:600%;
	top:200%;
	z-index: 999;*/
}
.course-content-menu>ul{
	margin-top:35px;

	/*position:fixed;
	z-index: 999 !important;
	top:200%;*/
	
}
.course-content-menu a{
	margin-left:10px;
	color:#000;
	text-decoration: none;
	
}
.course-content-menu .fa{
	
	color:var(--main-theme-color);
	
	
}
.course-content-menu>ul>li{
	/*list-style:none;*/
	padding:10px;
	border:1px solid #000;
	background-image: linear-gradient(90deg, rgb(240, 240, 240), rgb(240, 240, 240));

	/*background:var(--main-theme-color);*/
	display:inline-block;
	/*margin-right: 5px;*/
}

.course-content-menu>ul>li:hover {
	color:var(--main-theme-color);
	background:#fff;
	border:1px solid var(--main-theme-color);
}
.course-content-menu>ul>li:hover .fa {
	color:#000;
}
.course-content-menu>ul>li:hover a{
	color:var(--main-theme-color);
}
.project_section_items_content img{
	height:250px;
	width:300px;
}
.course-content-table{
	margin-left:-30px;
	margin-top:10px;
}




.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
   

}
.navbar-nav a{
	color:#0095da;
	text-decoration: none;

}
.mega-dropdown-menu > li > ul > li {
  /*list-style: none;*/
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
 
  padding: 3px 5px;
  color:#0095da;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: #ff3546;
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}

.sub-menu{
	margin-top:-10px;
}

.sub-menu >ul>li{
	margin-left:-18px;
	padding:2px 5px;
}

.aboutusmenu{
	left:53%;
}
.aboutusmenu>ul{
	margin-top:0px;
}
.carousel-control {
  width: 30px;
  height: 15px;
  top: -35px;

}
.left.carousel-control {
  right: 30px;
  left: inherit;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right {
  font-size: 12px;
  background-color: #fff;
  line-height: 30px;
  text-shadow: none;
  color: #333;
  border: 1px solid #ddd;
}
/*.nav-link{
	color:#0095da;
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
    color: #0095da;
}*/
.Ser-main{
	background:rgba(0,0,0,0.7);
	padding-bottom: 120px;
	padding-top:20px;
}
.Ser{
	font-weight: bold;

    margin-top: 60px;
    text-align: center;
    color: #fff;
    font-size: 40px;
    padding-bottom: 10px;
    padding-top:20px;
}
.Ser1{
	font-size: 20px;
    
    color: #fff;
    padding-bottom: 69px;
    text-align: center;
    word-spacing: 3px;
}
.Ser3{
	margin-top:30px;
}
.leftpart1{
	font-size: 20px;
    text-align: right;
    margin-bottom: 10px;
    position: relative;
    left: 32px;
    margin-top:-30px;
}
.leftpart1 a{
	color: #fff;
}
.leftdesc1{
	font-size: 16px;
    text-align: right;
    word-spacing: .5px;
    letter-spacing: .5px;
    position: relative;
    left: 32px;
    color: #deab10;
}
.leftpart2{
	font-size: 20px;
    text-align: right;
    margin-bottom: 10px;
    margin-top:40px;
    position: relative;
    right: 80px;
}
.leftpart2 a{
	color: #fff;
}
.leftdesc2{
	    font-size: 16px;
    text-align: right;
    word-spacing: .5px;
    letter-spacing: .5px;
    position: relative;
    right: 80px;
    color: #deab10;
}
.leftpart3{
	    font-size: 20px;
    text-align: right;
    margin-bottom: 10px;
    margin-top: 75px;
    position: relative;
    left: 32px;
    z-index: 99999;
}
.leftpart3 a{
	color: #fff;
}
.leftdesc3{
	font-size: 16px;
    text-align: right;
    word-spacing: .5px;
    letter-spacing: .5px;
    position: relative;
    left: 32px;
    color: #deab10;
}

.rightpart1{
	font-size: 18px;
    text-align: left;
    margin-bottom: 10px;
    position: relative;
    right: 32px;
   margin-top:-30px;
    font-weight: 400;
    font-style: normal;
}
.rightpart1 a{
	color: #fff;
}
.rightdesc1{
	font-size: 16px;
    text-align: left;
    word-spacing: .5px;
    letter-spacing: .5px;
    position: relative;
    right: 28px;
    color: #deab10;
}
.rightpart2{
	font-size: 20px;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 40px;
    position: relative;
    left: 90px;
}
.rightpart2 a{
	color: #fff;
}
.rightdesc2{
	    font-size: 16px;
    text-align: left;
    word-spacing: .5px;
    letter-spacing: .5px;
    position: relative;
    left: 100px;
    color:#deab10;
}
.rightpart3{
	font-size: 20px;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 77px;
    position: relative;
    right: 32px;
     margin-top: 75px;
}
.rightpart3 a{
	    color: #fff;
}
.rightdesc3{
	font-size: 16px;
    text-align: left;
    word-spacing: .5px;
    letter-spacing: .5px;
    position: relative;
    right: 28px;
    color:  #deab10;
}
.left_img{
	position: relative;
    right: 100px;
    float: left;
}
.right_img{
	position: absolute;
    left: 390px;
}
.blue_shape {
    position: relative;
    right: 246px;
    top: 10px;
}
.tv_blue {
    position: relative;
    right: 312px;
    top: 10px;
    transition: .8s;
}

.yellow_shape {
    position: relative;
    right: 502px;
    top: 224px;
}
.ecommerce_img {
    position: relative;
    top: 146px;
    right: 348px;
    transition: .8s;
}
.green_shape {
    position: relative;
    right: 306px;
    top: 362px;
}
.loundsp_img {
    position: relative;
    top: 363px;
    right: 380px;
    transition: .8s;
}
.pink_shape {
    position: relative;
    bottom: 143px;
    left: 152px;
}
.webdesign_icon {
    position: relative;
    bottom: 145px;
    left: 80px;
    transition: .8s;
}
.orange_shape {
    position: relative;
    left: 129px;
    top: 69px;
}
.sear_icon {
    position: relative;
    left: 295px;
    bottom: 8px;
    z-index: 999999;
    transition: .8s;
}
.sky_shape {
    position: relative;
    left: 106px;
    top: 208px;
}
.mob_icon {
    position: relative;
    left: 43px;
    top: 208px;
    transition: .8s;
}
.tv_blue:hover, .ecommerce_img:hover, .loundsp_img:hover, .webdesign_icon:hover, .sear_icon:hover, .mob_icon:hover{

	transform:rotate(360deg);
}
.white_blue {
    position: absolute;
    bottom:90px!important;
    right: 70px;
}

.wscubelogo {
    position: absolute;
    left: 205px;
    width: 180px;
    top: 150px!important;
    overflow: hidden;

}
.wscubelogo:hover{
	transform:scale(1.3,1.3);
}
.main-box{
	    position: relative;
	    top:40px;
}

.tech-main{
	padding:70px 0px;
}

.tech {
	margin-top:10px;
	text-align: center;
	font-size:30px;
	word-spacing: 10px;

}
.tech span{
	text-decoration: underline;
	font-weight:bold;
	color:var(--main-theme-color);
}
.boxf{
	border: 1px solid rgba(0,0,0,0.7);
    width: 164px;
    height: 164px;
    margin: auto;
    box-shadow: 1px 0px 10px 3px rgba(0,0,0,0.7) inset;
    overflow: hidden;
    border-radius: 164px;
}
.boxf img{
	position:absolute;
	top:22%;
	left:28%;
	border-radius: 164px;
	vertical-align: middle;
    border-style: none;

}
.text-center {
    text-align: center!important;
}
.mt10 {
    margin-top: 10px;
}
.arrow_col {
    color: rgba(0,0,0,0.7);
}
.fs40 {
    font-size: 50px!important;
}
.special_h_txt {
	font: 700 20px/45px Roboto,serif;
    color: #fff;
    text-transform: uppercase;
    background: rgba(0,0,0,0.7);
    text-align: center;
    margin-top: -46px;
    border-radius: 5px;
    box-shadow: 1px -4px 3px 0 rgba(0,0,0,0.7);

}
.hover-box{
    background: rgba(0,0,0,0.7);
    padding: 15px;
    text-align: center;
    color:white;
    width: 100%;
    height: 245px;
    /*z-index: 9;*/
    position: absolute;
    transition: all .3s linear;
    opacity: 0;
    top: 15%;
    left: 0;
}
.hover-box:hover {
	opacity:1;
}
.spe_hover_box_txt{
	/*padding-top:12px;*/
	text-align:justify;
	line-height:25px;
}
.white a{
	text-decoration:none;
	color:white;
}    
.spe_arrow_pos{
    position: absolute;
    z-index: 9;
    top: -20px;
    left: 45%;
}




.boxf1{
	border: 1px solid #3db4e1;
    width: 164px;
    height: 164px;
    margin: auto;
    box-shadow: 1px 0 10px 3px #3db4e1 inset;
    overflow: hidden;
    border-radius: 164px;
}
.boxf1 img{
	position:absolute;
	top:18%;
	left:34%;
	border-radius: 164px;
	vertical-align: middle;
    border-style: none;
}
.arrow_col1 {
    color: #3db4e1;
}
.special_h_txt1 {
	    font: 700 20px/45px Roboto,serif;
    color: #fff;
    text-transform: uppercase;
    background: #3db4e1;
    text-align: center;
    margin-top: -46px;
    border-radius: 5px;
    box-shadow: 1px -4px 3px 0 #3db4e1;
}
.hover-box1{
    background: #3db4e1;
    padding: 15px;
    text-align: center;
    width: 100%;
    height: 245px;
    /*z-index: 9;*/
    position: absolute;
    transition: all .3s linear;
    opacity: 0;
    top: 15%;
    left: 0;
}
.hover-box1:hover {
	opacity:1;
}


.boxf2{
	border: 1px solid #ff8515;
    width: 164px;
    height: 164px;
    margin: auto;
    box-shadow: 1px 0 10px 3px #ff8515 inset;
    overflow: hidden;
    border-radius: 164px;
}
.boxf2 img{
	position:absolute;
	top:13%;
	left:31%;
	border-radius: 164px;
	vertical-align: middle;
    border-style: none;
}
.arrow_col2 {
    color: #ff8515;
}
.special_h_txt2 {
	    font: 700 20px/45px Roboto,serif;
    color: #fff;
    text-transform: uppercase;
    background: #ff8515;
    text-align: center;
    margin-top: -46px;
    border-radius: 5px;
    box-shadow: 1px -4px 3px 0 #ff8515;
}
.hover-box2{
    background: #ff8515;
    padding: 15px;
    text-align: center;
    width: 100%;
    height: 245px;
    /*z-index: 9;*/
    position: absolute;
    transition: all .3s linear;
    opacity: 0;
    top: 15%;
    left: 0;
}
.hover-box2:hover {
	opacity:1;
}


.boxf3{
	border: 1px solid #0cc5cc;
    width: 164px;
    height: 164px;
    margin: auto;
    box-shadow: 1px 0 10px 3px #0cc5cc inset;
    overflow: hidden;
    border-radius: 164px;
}
.boxf3 img{
	position:absolute;
	top:13%;
	left:35%;
	border-radius: 164px;
	vertical-align: middle;
    border-style: none;
}
.arrow_col3 {
    color: #0cc5cc;
}
.special_h_txt3 {
	    font: 700 20px/45px Roboto,serif;
    color: #fff;
    text-transform: uppercase;
    background: #0cc5cc;
    text-align: center;
    margin-top: -46px;
    border-radius: 5px;
    box-shadow: 1px -4px 3px 0 #0cc5cc;
}
.hover-box3{
    background: #0cc5cc;
    padding: 15px;
    text-align: center;
    width: 100%;
    height: 245px;
    /*z-index: 9;*/
    position: absolute;
    transition: all .3s linear;
    opacity: 0;
    top: 15%;
    left: 0;
}
.hover-box3:hover {
	opacity:1;
}





/*New Menu Starts*/

.navigation {
  width: 100%;
  height: 15px;
  display: table;
  position: relative;
  /*font-family: inherit;*/
  background-color: var(--main-theme-color);

}

.header_area{
	background-color: var(--main-theme-color);
	position: -webkit-sticky;
  position: sticky;
  top:0%;
  z-index: 999;
}

.navigation * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

.navigation-portrait {
  height: 48px;
}

.navigation-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 19998;
}

.navigation-hidden {
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.align-to-right {
  float: right;
}

.nav-header {
  float: left;
  
  margin-left:-120px;
}

.navigation-hidden .nav-header {
  display: none;
}

.nav-brand {
  line-height: 70px;
  padding: 0;
  color: #343a40;
  font-size: 24px;
  text-decoration: none !important;
}

.nav-brand:hover,
.nav-brand:focus {
  color: #343a40;
}

.navigation-portrait .nav-brand {
  font-size: 18px;
  line-height: 48px;
}

/*.nav-logo > img {
  height: 48px;
  margin: 11px auto;
  padding: 0 15px;
  float: left;

}*/

/*.nav-logo:focus > img {
  outline: initial;
}*/

/*.navigation-portrait .nav-logo > img {
  height: 36px;
  margin: 6px auto 6px 15px;
  padding: 0;
}*/

.nav-toggle {
  width: 30px;
  height: 15px;
  padding: 6px 2px 0;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  right: 15px;
  display: none;
  cursor: pointer;
}

.nav-toggle:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: #343a40;
  border-radius: 10px;
  box-shadow: 0 0.5em 0 0 #343a40, 0 1em 0 0 #343a40;
}

.navigation-portrait .nav-toggle {
  display: block;
}

.navigation-portrait .nav-menus-wrapper {
  width: 320px;
  height: 100%;
  top: 0;
  left: -400px;
  position: fixed;
  background-color: #fff;
  z-index: 20000;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
  left: auto;
  right: -400px;
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
  left: 0;
}

.navigation-portrait
  .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
  left: auto;
  right: 0;
}

.nav-menus-wrapper-close-button {
  width: 30px;
  height: 15px;
  margin: 10px 7px;
  display: none;
  float: right;
  color: #343a40;
  font-size: 26px;
  cursor: pointer;
}

.navigation-portrait .nav-menus-wrapper-close-button {
  display: block;
}

.nav-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: normal;
  font-size: 0;
}

.navigation-portrait .nav-menu {
  width: 100%;
}

.navigation-landscape .nav-menu.nav-menu-centered {
  float: none;
  text-align: center;
}

.navigation-landscape .nav-menu.nav-menu-centered > li {
  float: none;
}

.nav-menu > li {
  display: inline-block;
  float: left;
  text-align: left;
}

.navigation-portrait .nav-menu > li {
  width: 100%;
  position: relative;
  border-top: solid 1px #f0f0f0;
}

.navigation-portrait .nav-menu > li:last-child {
  border-bottom: solid 1px #f0f0f0;
}

.nav-menu + .nav-menu > li:first-child {
  border-top: none;


}
.nav-menu{
	position:relative;
	left:-20px;
}

.nav-menu > li > a {
  height:48px;
  padding: 15px 15px;
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  color: #fff !important;
  transition: color 0.3s, background 0.3s;
  
}
/*.nav-menu-course > li > a{
	font-size: 14px !important;
}*/

.navigation-portrait .nav-menu > li > a {
  width: 100%;
  height: auto;
  padding: 12px 15px 12px 26px;
}

.nav-menu > li:hover > a,
.nav-menu > li.active > a,
.nav-menu > li.focus > a {
  color: #343a40;
}
.nav-menu-course li :hover 
{
	color:black;
}

.nav-menu > li > a > i,
.nav-menu > li > a > [class*="ion-"] {
  width: 18px;
  height: 16px;
  line-height: 16px;
  transform: scale(1.4);
}

.nav-menu > li > a > [class*="ion-"] {
  width: 16px;
  display: inline-block;
  transform: scale(1.8);
}

.navigation-portrait .nav-menu.nav-menu-social {
  width: 100%;
  text-align: center;
}

.nav-menu.nav-menu-social > li {
  text-align: center;
  float: none;
  border: none !important;
}

.navigation-portrait .nav-menu.nav-menu-social > li {
  width: auto;
}

.nav-menu.nav-menu-social > li > a > [class*="ion-"] {
  font-size: 12px;
}

.nav-menu.nav-menu-social > li > a > .fa {
  font-size: 14px;
}

.navigation-portrait .nav-menu.nav-menu-social > li > a {
  padding: 15px;
}

.submenu-indicator {
  margin-left: 6px;
  /*margin-top: 2px;*/
  color:#fff !important;
  float: right;

  transition: all 0.2s;
}

.navigation-portrait .submenu-indicator {
  width: 54px;
  height: 44px;
  margin-top: 0;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  z-index: 20000;
}

.submenu-indicator-chevron {
  height: 10px;
  width: 8px;

  display: block;
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-color: transparent #000 #000 transparent;
  transform: rotate(45deg);
  transition: border 0.2s;
}

.navigation-portrait .submenu-indicator-chevron {
  position: absolute;
  border-color: transparent #000 #000 transparent;
  top: 14px;
  left: 24px;
}

.nav-menu > li:hover > a .submenu-indicator-chevron,
.nav-menu > .active > a .submenu-indicator-chevron,
.nav-menu > .focus > a .submenu-indicator-chevron {
  border-color: transparent #967adc #967adc transparent;
}

.navigation-portrait .submenu-indicator.submenu-indicator-up {
  transform: rotate(-180deg);
}

.nav-overlay-panel {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: none;
  z-index: 19999;
}

.no-scroll {
  width: 100%;
  height: 100%;
  overflow: hidden;

}

.nav-search {
  height: 15px;
  float: right;
  z-index: 19998;

}

.navigation-portrait .nav-search {
  height: 48px;
  padding: 0 10px;
  margin-right: 52px;

}

.navigation-hidden .nav-search {
  display: none;

}

.nav-search-button {
  width: 50px;
  height: 15px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  background-color: var(--main-theme-color);
}
.nav-search-buttonc{
	background-image: linear-gradient(90deg, rgb(180, 180, 180), rgb(180, 180, 180));
}

.navigation-portrait .nav-search-button {
  width: 50px;
  height: 48px;
  line-height: 46px;
  font-size: 22px;

}
.nav-search-inner{
	border-top:2px solid var(--main-theme-color);
}

.nav-search-icon {
  width: 14px;
  height: 14px;
  margin: 5px 8px 8px 4px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  color: #343a40;
  text-align: left;
  text-indent: -9999px;
  border: 2px solid;
  border-radius: 50%;
  transform: rotate(-45deg);
  top:-2px;
}

.nav-search-icon:after,
.nav-search-icon:before {
  content: "";
  pointer-events: none;
}

.nav-search-icon:before {
  width: 2px;
  height: 11px;
  top: 11px;
  position: absolute;
  left: 50%;
  border-radius: 0 0 1px 1px;
  box-shadow: inset 0 0 0 32px;
  transform: translateX(-50%);
}

.nav-search-button:hover .nav-search-icon {
  color: #fff;
}

.nav-search > form {
  width: 100%;
  height: 100%;
  padding: 0 auto;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 99;
}

.nav-search-inner {
  width: 70%;
  height: 15px;
  margin: auto;
  display: table;
}

.navigation-portrait .nav-search-inner {
  height: 48px;
}

.nav-search-inner input[type="text"],
.nav-search-inner input[type="search"] {
  height: 15px;
  width: 100%;
  margin: 0;
  padding: 0 12px;
  font-size: 26px;
  text-align: center;
  color: #343a40;
  outline: none;
  line-height: 70px;
  border: none;
  background-color: transparent;
  transition: all 0.3s;
}

.navigation-portrait .nav-search-inner input[type="text"],
.navigation-portrait .nav-search-inner input[type="search"] {
  height: 48px;
  font-size: 18px;
  line-height: 48px;
}

.nav-search-close-button {
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  line-height: normal;
  color: #343a40;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
}

.navigation-portrait .nav-search-close-button {
  top: 10px;
  right: 14px;
}

.nav-button {
  margin: 18px 15px 0;
  padding: 8px 14px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
}

.nav-button:hover,
.nav-button:focus {
  color: #fff;
  text-decoration: none;
}

.navigation-portrait .nav-button {
  width: calc(100% - 52px);
  margin: 17px 26px;
}

.nav-text {
  margin: 25px 15px;
  display: inline-block;
  color: #343a40;
  font-size: 14px;
}

.navigation-portrait .nav-text {
  width: calc(100% - 52px);
  margin: 12px 26px 0;
}

.navigation-portrait .nav-text + ul {
  margin-top: 15px;
}

.nav-dropdown {
  min-width: 150px;
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;

  list-style: none;
  z-index: 98;
  white-space: nowrap;
}

.navigation-portrait .nav-dropdown {
  width: 100%;
  position: static;
  left: 0;
}

.nav-dropdown .nav-dropdown {
  left: 100%;
}

.nav-menu > li > .nav-dropdown {
  border-top: solid 1px #f0f0f0;
}

.nav-dropdown > li {
  width: 100%;
  float: left;
  clear: both;
  position: relative;
  text-align: left;
}

.nav-dropdown > li > a {
  width: 100%;
  padding: 16px 20px;
  display: inline-block;
  text-decoration: none;
  float: left;
  font-size: 16px;
  color: #343a40;
  background-color: #fdfdfd;
}

.nav-dropdown > li:hover > a,
.nav-dropdown > li.focus > a {
  color: var(--main-theme-color);
}

.nav-dropdown.nav-dropdown-left {
  right: 0;
}

.nav-dropdown > li > .nav-dropdown-left {
  left: auto;
  right: 100%;
}

.navigation-landscape .nav-dropdown.nav-dropdown-left > li > a {
  text-align: right;
}

.navigation-portrait .nav-dropdown > li > a {
  padding: 12px 20px 12px 30px;
}

.navigation-portrait .nav-dropdown > li > ul > li > a {
  padding-left: 50px;
}

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > a {
  padding-left: 70px;
}

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > a {
  padding-left: 90px;
}

.navigation-portrait
  .nav-dropdown
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > a {
  padding-left: 110px;
}

.nav-dropdown .submenu-indicator {
  right: 15px;
  top: 10px;
  position: absolute;
}

.navigation-portrait .nav-dropdown .submenu-indicator {
  right: 0;
  top: 0;
}

.nav-dropdown .submenu-indicator .submenu-indicator-chevron {
  transform: rotate(-45deg);
}

.navigation-portrait
  .nav-dropdown
  .submenu-indicator
  .submenu-indicator-chevron {
  transform: rotate(45deg);
}

.nav-dropdown > li:hover > a .submenu-indicator-chevron,
.nav-dropdown > .focus > a .submenu-indicator-chevron {
  border-color: transparent var(--main-theme-color) var(--main-theme-color) transparent;
}

.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator {
  left: 10px;
}

.navigation-landscape
  .nav-dropdown.nav-dropdown-left
  .submenu-indicator
  .submenu-indicator-chevron {
  transform: rotate(135deg);
}
.nav-dropdown-horizontal {
  width: 100%;
  left: 0;
  background-color: #fdfdfd;
  border-top: solid 1px #f0f0f0;
}

.nav-dropdown-horizontal .nav-dropdown-horizontal {
  width: 100%;
  top: 100%;
  left: 0;
}

.navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal {
  border-top: none;
}

.nav-dropdown-horizontal > li {
  width: auto;
  clear: none;
  position: static;
}

.navigation-portrait .nav-dropdown-horizontal > li {
  width: 100%;
}

.nav-dropdown-horizontal > li > a {
  position: relative;
}

.nav-dropdown-horizontal .submenu-indicator {
  height: 18px;
  top: 11px;
  transform: rotate(90deg);
}

.navigation-portrait .nav-dropdown-horizontal .submenu-indicator {
  height: 42px;
  top: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.navigation-portrait
  .nav-dropdown-horizontal
  .submenu-indicator.submenu-indicator-up {
  transform: rotate(-180deg);
}

.megamenu-panel {
  width: 100%;
  padding: 15px;
  display: none;
  position: absolute;
  font-size: 10px;
  z-index: 98;
  text-align: left;
  color: inherit;
  border-top: solid 1px #f0f0f0;
  background-color: #fdfdfd;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.075);
  left:-10px;
}

.navigation-portrait .megamenu-panel {
  padding: 25px;
  position: static;
  display: block;
}

.megamenu-panel [class*="container"] {
  width: 100%;
}

.megamenu-panel [class*="container"] [class*="col-"] {
  padding: 0;
}

.megamenu-panel-half {
  width: 50%;
}

.megamenu-panel-quarter {
  width: 25%;
}

.navigation-portrait .megamenu-panel-half,
.navigation-portrait .megamenu-panel-quarter {
  width: 100%;
}

.megamenu-panel-row {
  width: 100%;
}

.megamenu-panel-row:before,
.megamenu-panel-row:after {
  content: "";
  display: table;
  line-height: 0;
}

.megamenu-panel-row:after {
  clear: both;
}

.megamenu-panel-row [class*="col-"] {
  display: block;
  min-height: 20px;
  float: left;
  margin-left: 3%;
}

.megamenu-panel-row [class*="col-"]:first-child {
  margin-left: 0;
}

.navigation-portrait .megamenu-panel-row [class*="col-"] {
  float: none;
  display: block;
  width: 100% !important;
  margin-left: 0;
  margin-top: 15px;
}

.navigation-portrait
  .megamenu-panel-row:first-child
  [class*="col-"]:first-child {
  margin-top: 0;
}

.megamenu-panel-row .col-1 {
  width: 5.583333333333%;
}

.megamenu-panel-row .col-2 {
  width: 14.166666666666%;
}

.megamenu-panel-row .col-3 {
  width: 22.75%;
}

.megamenu-panel-row .col-4 {
  width: 31.333333333333%;
}

.megamenu-panel-row .col-5 {
  width: 39.916666666667%;
}

.megamenu-panel-row .col-6 {
  width: 48.5%;
}

.megamenu-panel-row .col-7 {
  width: 57.083333333333%;
}

.megamenu-panel-row .col-8 {
  width: 65.666666666667%;
}

.megamenu-panel-row .col-9 {
  width: 74.25%;
}

.megamenu-panel-row .col-10 {
  width: 82.833333333334%;
}

.megamenu-panel-row .col-11 {
  width: 91.416666666667%;
}

.megamenu-panel-row .col-12 {
  width: 100%;
}

.megamenu-tabs {
  width: 100%;
  float: left;
  display: block;
}

.megamenu-tabs-nav {
  width: 20%;
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
}

.navigation-portrait .megamenu-tabs-nav {
  width: 100%;
}

.megamenu-tabs-nav > li > a {
  width: 100%;
  padding: 10px 16px;
  float: left;
  font-size: 13px;
  text-decoration: none;
  color: #343a40;
  border: solid 1px #eff0f2;
  outline: 0;
  background-color: #fff;
}

.megamenu-tabs-nav > li.active a,
.megamenu-tabs-nav > li:hover a {
  background-color: #f5f5f5;
}

.megamenu-tabs-pane {
  width: 80%;
  min-height: 30px;
  padding: 20px;
  float: right;
  display: none;
  font-size: 13px;
  color: #343a40;
  border: solid 1px #eff0f2;
  background-color: #fff;
}

.megamenu-tabs-pane.active {
  display: block;
}

.navigation-portrait .megamenu-tabs-pane {
  width: 100%;
}

.megamenu-lists {
  width: 100%;
  display: table;
}

.megamenu-list {
  width: 100%;
  margin: 0 0 15px;
  padding: 0;
  display: inline-block;
  float: left;
  list-style: none;
}

.megamenu-list:last-child {
  margin: 0;
  border: none;
}

.navigation-landscape .megamenu-list {
  margin: -15px 0;
  padding: 10px 0;
  border-right: solid 1px #f0f0f0;
}

.navigation-landscape .megamenu-list:last-child {
  border: none;
}

.megamenu-list > li > a {
  width: 100%;
  color:var(--main-theme-color);
  border:2px solid var(--main-theme-color);
  font-size:16px ;
  padding: 10px 0px;
  display: inline-block;
  /*color: #343a40;*/
  text-decoration: none;
  font-size: 13px;
  margin-bottom:5px;
  padding-left:10px !important;
  margin-left:-20px;
}

.megamenu-list > li > a:hover {
  background-color: var(--main-theme-color);
  color: #fff;
}

.megamenu-list > li.megamenu-list-title > a {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #343a40;
}

.megamenu-list > li.megamenu-list-title > a:hover {
  background-color: transparent;
}

.navigation-landscape .list-col-2 {
  width: 50%;
}

.navigation-landscape .list-col-3 {
  width: 33%;
}

.navigation-landscape .list-col-4 {
  width: 25%;
}

.navigation-landscape .list-col-5 {
  width: 20%;
}

.nav-menu > li > a {
  color: #343a40;
  text-transform: uppercase;
}

.nav-dropdown > li > a {
  color: #343a40;
  padding: 10px 20px;
  border-bottom: 1px solid var(--main-theme-color);
}

.nav-dropdown > li > a:hover,
.nav-dropdown > li > a:focus {
  color: var(--main-theme-color);
}

.main_header_area.sticky {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 9999;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.transparent-menu {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 99;
}

.navigation-portrait .nav-menu > li > a {
  width: 100%;
  height: auto;
  padding: 10px 10px 10px 30px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .nav-dropdown > li > a,
  .megamenu-list > li > a {
    width: 65%;
    }
    .nav-menu > li > a {
  	  color: var(--main-theme-color) !important;
  	}
  	.megamenu-list > li > a{
  		width:85%;
  	}
  	
	.nav-search-icon{
		top:-3px;
	}

}
.new-text h2{
	color:var(--main-theme-color);
	text-shadow: 0px 0px 5px 3px red;
}
.mega-img {
	height:40px;
	width:40px;
	margin-right:4px;
	border:2px solid green;
	border-radius: 50%;
	box-shadow: 0px 0px 10px 3px var(--main-theme-color);
}
.mega4 a{
	text-shadow:0px 0px 3px red, 0px 0px 3px green;
	text-align: center;
}
.mega4 p{
	font-size:20px;
	text-align:justify;
	padding-top:15px;
	text-shadow:0px 0px 3px red, 0px 0px 3px green;
	text-align: center;

}
.mega4 img{
	/*margin-left:-12px;*/
	height:150px;
	width:200px;
	border:2px solid green;
	border-radius: 50%;
	box-shadow: 0px 0px 10px 3px var(--main-theme-color);
}
.mega-ser >h3,h2{
	text-shadow:0px 0px 3px red, 0px 0px 3px green;
}
.mega-ser-img img{
	height:200px;
	width:200px;
	position:relative;
	left:-10px;
}
.mega-ser1{
	height:230px;
	width:180px;
	border:2px solid green;
	text-align:center;
	border-radius: 50%;
	position:relative;
	top:-40px;
	left:-10%;
	padding-top:40px;
	padding-left:4px;
	box-shadow: 0px 0px 10px 3px var(--main-theme-color);
}

/*New Menu Ends*/

.project-section{
	margin-top:100px;
	margin-bottom:100px;
	
}

.digital-marketing-right {
    background: var(--main-theme-color);
    padding: 20px;
    padding-bottom: 10px;
    text-align: center;
    border-radius: 5px;
    margin-top:30px;
    }

    .arrow-right {
    position: absolute;
    width: 46px;
    height: 37px;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 34px solid var(--main-theme-color);
    right: -15px;
    top: 8%;
}
.digital-marketing-right a{
	
    color: #fff;
    font-size:20px;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;

}
.digital-marketing-right p{
	   
    font-size:17px;
    text-align:justify !important;
    padding-top:10px;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;

}
.panel-circle-icon {
    width: 181px;
    height: 171px;
    border-radius: 100%;
    background: #fff;
    margin: auto;
    background-color: rgb(255, 255, 255);
    border: 10px solid #3c90ef;
}
.download-text {
    font-size: 25px;
    color: #384257;
    font-weight: 400;
    /*font-family: 'Lato';*/
    text-align: center;
    margin: 15px 0px;
    margin: 20px auto;
}
.right-block-marketing {
    /* margin-left: 20px; */
    padding-top: 1%;
    padding-left: 6%;
    }
    #marketing .marketing-right {
    padding: 26px 11px;
    margin-bottom: 13%;
}
.questions {
    padding: 26px 0px;
    height: 199px;
    min-height: 199px;
}
.marketing-right {
    background: #fff;
    /* padding: 20px 0px; */
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 10px;
    border: #dddddd solid 1px;
    box-shadow: 1px 0px 10px 3px var(--main-theme-color) inset;
    margin-bottom: 20px;
    transition: 0.5s;
    padding: 28px 0px;
}
.marketing-icon-text {
    font-size: 15px;
    /*font-family: 'Lato';*/
    text-align: center;
    display: block;
    font-weight: 700;
    color: #384257;
    line-height: 20px;
    padding-top: 15px;
    margin-top: 25px;
}
.right-block-marketing {
    /* margin-left: 20px; */
    padding-top: 1%;
    padding-left: 6%;
}
.right-block-marketing img{
	padding-left:40px;
}
#marketing .marketing-right {
    padding: 26px 11px;
    margin-bottom: 13%;
}
.marketing-right:hover {
   box-shadow: 1px 0px 10px 3px green inset;
    background-color: rgb(255, 255, 255);
    border: transparent solid 1px !important;
    transform: translateY(-5px);
}
.inter{
	margin-top:-8px;
}
@media (min-width: 1200px)
.col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
@media (min-width: 1200px)
.col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
@media (min-width: 768px)
.col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}


@media (max-width: 767px) and (min-width: 481px)
#marketing .marketing-right {
    width: 100%;
    height: 108px;
    min-height: 108px;
    margin-bottom: 29px;
    padding: 16px 11px;
}
#marketing .marketing-right {
    padding: 26px 11px;
    margin-bottom: 13%;
}
@media (max-width: 767px) and (min-width: 481px)
.questions {
    height: auto;
    min-height: auto;
    padding: 10px 0px;
}
@media (max-width: 767px) and (min-width: 481px)
.marketing-right {
    width: 88%;
    float: left;
}




/*Course Section*/
.main-sec{
	margin-top:50px;
}
.sec-main{
	position:relative;
	border-bottom: 1px solid #ccd1d9!important;
	padding: 15px 0px;
}
.sec-main input{
	
	height:40px;
	width:360px;
	color: #50596c;
	border: .05rem solid #caced7;
    border-radius: .1rem;
    font-size:25px;
	margin-left:170px;
}
.sec-main input:hover{
	border: .05rem solid var(--main-theme-color);
	box-shadow:0px 0px 3px 3px var(--main-theme-color);
}
.sec-mainh3 h3{
	text-align: left !important;
	font-size:38px;
}
.sec-mainh3 span{
	color:var(--main-theme-color);
	text-decoration: underline;
}
.sec-course{
	margin-top:15px;
	margin-bottom:15px;
}
.sec-course-image {
    position: relative;
    /*height: 100%;
    width: 152px;*/
    margin-right: 20px;
    float: left;
    overflow: hidden;
    -o-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e1e1e1;
    box-shadow: 0 0 9px -1px rgba(0,0,0,.16);
}
.sec-course-image img{
	width: 100%;
    height: 150px;
	 border: 1px solid #e1e1e1;
    box-shadow: 0 0 9px -1px rgba(0,0,0,.16);
}
.sec-course-content{
	margin-left:-50px;
}
.sec-course-content h4:hover{
	text-decoration: underline;
}
.headline-1-text{
	margin-bottom: 2px;
}
.partner-name {
    font-size: 13px;
    color: #52525285;

}
._jen3vs {
    background-image: linear-gradient(90deg, rgb(240, 240, 240), rgb(240, 240, 240));
}
._1d8rgfy3 {
    font-size: 0.75rem;
    width: fit-content;
    text-decoration: none;
    color: black;
    display: inline-block;
    padding: 0.1875rem 1.125rem;
    font-weight: normal;
    margin-top:5px;
    font-weight: bold;
}
.ratings-icon .fa{
	color:#ffc74e;
}
.screenreader-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.info-item {
    display: -ms-flexbox;
    display: box;
    display: flex;
    height: 20px;
    -o-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 1px solid #000;
    padding-left: 12px;
    padding-right: 12px;
}
.enrollment-number {
    text-transform: uppercase;
    padding-right: 6px;
}
.enrollment span {
    font-size: 12px;
    line-height: 20px;
    color: #000;
}
.rating-enroll-wrapper {
    display: -ms-flexbox;
    display: box;
    display: flex;
    -o-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 12px;
}
.ratings-text .ratings-count{
    padding-right: 12px;
    font-size: 10px;
    font-weight: bold;
    color: #000;

}
.product-difficulty {
    display: -ms-flexbox;
    display: box;
    display: flex;
    -o-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position:relative;
    left:0%;
    top:7%;
    font-weight: bold;

}
._ufjrdd {
    display: inline-block;
    vertical-align: middle;
    color: rgb(54, 59, 66);
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    user-select: none;
}
.difficulty {
    font-family: OpenSans,Arial,sans-serif;
    font-weight: 700;
    font-size: 12px;
    padding-left: 6px;
    color: #000;
    line-height: 18px;
}

/*course content1*/
.sec-course1{
	margin-top:20px;
}

.sec-course-image1 img{
	margin-top:20px;
	width:100%;
	height:250px;
	border:2px solid black;
}

.sec-course-image1 img:hover{
	box-shadow:0px 0px 3px 3px var(--main-theme-color);
}
.sec-course-content1 h3{
	font-size:40px !important;
	color:#50596c;

}.sec-course-content1 h3:hover{
	text-decoration: underline;
}
.sec-course-content1 span{

	font-weight: bold;
}
/*tabs in courses*/
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
.sec-course-content2{
	margin-left:-80px;
}
/*sec-course-content1*/
.btn10{
	height:40px;
	width:60px;
	background: #fff;
	position: absolute;
	top:70%;
	left:90%;
	
}
.btn10>a{
	color:var(--main-theme-color) !important;
}
.btn10 >.fa{
	z-index: 999;
	/*position: absolute;
	left:50%;*/
	margin-right: 10px;
	color:var(--main-theme-color) !important;
}
.sec-course3{
	margin-top:20px;
	background:grey;
}
textarea{
	width:1000px;
	height:200px;
}
.tile-title .fa{
	color:var(--main-theme-color);
	font-size:30px;
}
.tile-title span{
	padding-top:-10px;
	font-size:26px;
}
.bggrey{
	background: #e9ecef;
}
.breadcrumb .breadcrumb-item:not(:last-child) a {
    color: #667189;
    
}
.breadcrumb .breadcrumb-item a {
   
    text-decoration: none;
    font-size:20px;
}
.form-input {
    
}
.col-btn-main{
	position:relative;
}
.col-btn{
	position:absolute;
	left:60%;
	top:0%;
}
.col-btn button{
	width:160px;
	background: #fff;
	color:#265a88;
	border:2px solid #265a88;
	margin-left:-70px;
}
.col-btn button:hover{
	background: #265a88;
	color:#fff;
	border:2px solid #fff;
}

.col-btn1 button{
	margin-left:-20px;
	width:160px;
	background: #265a88;
	color:#fff;
	border:2px solid #fff;
}
.col-btn1 button:hover{
	background: #fff;
	color:#265a88;
	border:2px solid #265a88;
}

.sec-paging{

	position:relative;
	left:-10%;
}
.sec-paging >li a{
background-image: linear-gradient(90deg, rgb(240, 240, 240), rgb(240, 240, 240));
}


/*contact Us*/
.about_bg {
    background: url(../images/br3.jpg) center center;
    padding: 52px 0px;
    border-bottom: 1px solid #e9e9e9;
    background-size: cover;
}
.contact_us_pa {
    padding: 38px 0px 73px;
    /*border-right: 1px solid #e7e7e7;*/
}
.contact_us_pa {
	
	margin-bottom:-160px;
}
/*.padding_right1 {
    padding-right: 0px;
}*/
.contact_us_pa iframe {
    border-radius: 35px;
}
.contact-main{
	padding: 0px 0px;	
}
.contact_page_content {
    padding-bottom:50px;
    padding-top:80px;
}
.contact_us_border {
    border-right: 1px solid #e7e7e7;
    margin-right: 35px;
    padding-bottom: 62%;
}
.boootm-sapce {
    margin-bottom: 20px;
}
.submit_bt input{
    
    width: 200px !important;
    line-height: 50px;
    background: #27c971;
    color: #fff !important;
    outline: none;
    text-align: center;
    font-size: 24px !important;
    margin: 13px 57px 13px 0px;
    padding: 0px;
    border-radius: 2% !important;
    float: right;
    margin-top:2px;

}
.contact_us_border p,h3{
	text-align: center;
	padding:5px 0px;
}
.contact_us_border textarea {
    width: 656px;
    height: 159px;
    resize: none;
    margin: 0px 18px 0px 0px;
}

.contact_us_border input {
    
    font-weight: 400;
    font-size: 14px;
    outline: none;
    width: 318px;
    padding-left: 17px;
    height: 49px;
    line-height: 49px;
    margin: 0px 18px 0px 0px;
    border: 1px solid #e7e7e7;
    color: #808081;
}
textarea {
    overflow: auto;
}
.contact_us_right h2 {
    text-align: left;
}

.contact_us_border h2, .contact_us_right h2 {
    margin: 0px;
    font-family: "Open Sans";
    font-weight: 300;
    color: #2f2f2f;
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 20px;
    text-align: center;
}

.first-form {
    float: left;
}

.contact_us_right h4 {
    font-family: "Open Sans";
    font-weight: 400;
    color: #2f2f2f;
    font-size: 20px;
    line-height: 20px;
    padding: 30px 0px 15px 0px;
    margin: 0px;
}

.contact_us_right p a {
    color: #808081;
}
.contact_us_right p a:hover {
    color: #0087d4;
}

/*tabs course-content1*/
.tab button {
    background-color: inherit;
    float: left;
   
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    margin-right:4px;
}
.tab button:hover{
	 border-bottom: 2px solid var(--main-theme-color);
	 background:none;
}



/**/
.service-main{
	margin-top:0px;
		
}
.service_bg{
	background: url(../images/br3.jpg) center center;
    padding: 52px 0px;
    border-bottom: 1px solid #e9e9e9;
    background-size: cover;
}
.mob_marketing {
    padding-top: 55px;
    padding-bottom: 65px;
}
.industrial_training {
    font-size: 30px;
    padding: 21px 0 22px;
    color: #202020;
    letter-spacing: .5px;
    font-family: "Open Sans";
    font-weight: 600;
    font-style: normal;
    margin: 0;
}
.are_left {
    padding-top: 40px;
    font-size: 40px;
   
    font-weight: bold;
    color: #0f9bdb;
    line-height: 50px;
    letter-spacing: 2.3px;
}
.are_left2 {
    font-size: 45px;
   
    font-weight: bold;
    color: #202020;
    line-height: 55px;
    letter-spacing: 5.5px;
}
.are_left3 {
    font-weight: bold;
    
    font-size: 58px;
    line-height: 67px;
    color: #0f9bdb;
    letter-spacing: 7px;
}
.are_left4 {
    font-weight: bold;
    
    font-size: 66px;
    line-height: 77px;
    color: #0f9bdb;
    letter-spacing: 6px;
}
.are_right {
    font-size: 30px;
   
    color: #0f9bdb;
    padding-top: 40px;
}
.are_right2 {
   
    font-size: 15px;
    color: #8d8d8d;
    padding-top: 16px;
    padding-bottom: 10px;
}
.wordpress_bottom, .wordpress_fourth, .wordpress_five, .wordpress_service, .wordpress_choose, .wordpress_seven, .wordpress_service2 h2 {
    font-size: 25px;
    
    color: rgb(15, 155, 219);
}
.wordpress_bottom{
	padding-top:70px;
	padding-bottom:50px;
}
.word_press {
    font-weight: bold;
    text-align: center;
    font-size: 30px;
    padding-bottom: 18px;
    margin: 0px;
    color: rgb(32, 32, 32) !important;
}
.word_press2 {
    font-size: 16px;
    font-weight: bolder;
    padding-bottom: 44px;
    word-spacing: 2px;
    letter-spacing: .6px;
    text-align: center;
}
.salient {
    font-size: 28px !important;
    font-weight: bold;
    color: #0f9bdb;
}

.salient_points ul {
    margin: 0;
    padding: 0;
}
.salient_points ul li {
    list-style-type: none;
    font-size: 16px;
    text-align:justify;
    font-weight: bold;
    font-style: normal;
    color: #202020;
    line-height: 40px;
}
.salient_points ul li i {
    color: #0f9bdb;
    padding-right: 15px;
}

.salient_img {
    padding-top: 80px;
}
.web-why-row {
    padding-top: 43px;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.web-why {
    background-color: #f8f8f8;
    padding: 15px 28px;
}
.web-why h3 {
    font-family: "Open Sans";
    font-weight: 300;
    font-style: normal;
    color: #2f2f2f;
    font-size: 40px;
}
.web-why ul {
    padding-left: 0;
    padding-top: 24px;
}
.web-why ul li {
    list-style: none;
    line-height: 2.125;
    padding-bottom: 6px;
}
.cir-img {
    float: left;
}
.cir-con {
    float: left;
    padding-left: 15px;
    font-family: "Open Sans";
    font-weight: 400;
    font-style: normal;
    color: #808081;
    font-size: 15px;
}
.web-right-panel {
    padding-left: 18px;
}
.web-right-panel-pra1 p {
    color: #808081;
    font-size: 15px;
    line-height: 2.267;
    letter-spacing: .5px;
    word-spacing: .5px;
    padding-top: 62px;
}
.web-right-panel-pra2 p {
    color: #808081;
    font-size: 15px;
    line-height: 2.267;
    letter-spacing: .9px;
    word-spacing: 1.5px;
    padding-right: 10px;
    padding-top: 14px;
}
.courses-row {
	margin-top:30px;
    padding-top: 50px;
    padding-bottom: 60px;
    background: rgba(247,247,247,0.8);
}
.php-circle1 {
    background: url(../images/scircle.jpg) no-repeat center;
    border-radius: 50%;
    
    width: 138px;
    height: 137px;
    margin-top: 59px;
}
.php-circle1 img {
    padding: 18px 20px;
    border-radius: 50%;
}

.php-circle2 {
    background: url(../images/scircle.jpg) no-repeat center;
    border-radius: 50%;
    width: 138px;
    height: 137px;
}
.php-circle2 img {
    padding: 20px 29px;
    border-radius: 50%;
}
.php-circle3 {
    background: url(../images/scircle.jpg) no-repeat center;
    border-radius: 50%;
    width: 138px;
    height: 137px;
    margin-top: 57px;
}
.php-circle3 img {
    padding: 33px 16px;
    border-radius: 50%;
}
.php-circle4 {
    background: url(../images/scircle.jpg) no-repeat center;
    border-radius: 50%;
    width: 138px;
    height: 137px;
    margin-top: 85px;
}
.php-circle4 img {
    padding: 31px 16px;
    border-radius: 50%;
    margin-top:10px;
}
.php-circle5 {
    background: url(../images/scircle.jpg) no-repeat center;
    border-radius: 50%;
    width: 138px;
    height: 137px;
}
.php-circle5 img {
    padding: 25px 26px;
    border-radius: 50%;
}
.php-circle6 {
    background: url(../images/scircle.jpg) no-repeat center;
    border-radius: 50%;
    width: 138px;
    height: 137px;
    margin-top: 76px;
}
.php-circle6 img {
    padding: 16px 16px;
     border-radius: 50%;
     margin-top:12px;
}
.php-circle1:hover, .php-circle2:hover, .php-circle3:hover, .php-circle4:hover, .php-circle5:hover, .php-circle6:hover {
    transform: scale(1.04);
    transition-timing-function: ease-out;
    transition-duration: .3s;
}
.still-div{
	margin-top: 50px;
}
.still-div p {
    
    font-weight: 300;
    font-style: normal;
    color: #2f2f2f;
    font-size: 30px;
    line-height: 1.333;
    text-align: center;
}
.reach-div p {
    
    font-weight: 300;
    font-style: normal;
    color: #2f2f2f;
    font-size: 30px;
    line-height: 1.333;
    text-align: center;
    word-spacing: .5px;
    padding-top: 20px;
    padding-bottom:10px;
}

.logoicon_slider_ne {
    padding-bottom: 85px;
    background: #f7f7f7;
}
.logoicon_slider1 {
    text-align: center;
    font-weight: 600;
    line-height: 25px;
    font-size: 30px;
    color: #202020;
    padding-top: 38px;
    padding-bottom: 45px;
}
.logoicon_slider_ne {
    padding-bottom: 85px;
}
.logoicon_slider {
    background: #f7f7f7;
    margin-top:30px;
    padding-left:0px;
    padding-right:0px;

}

.item12_wordpress {
    width: 326px;
    height: 225px;
    background: #fff;
    box-shadow: 0px 1px 25px 4px #dfdfdf;
    margin: 0px auto 0px;
}
.item12_wordpress img {
    position: absolute;
    height: 225px!important;
    width: 89%;
}
.hover_div2 {
    display: none;
}
.hover_div2 {
    position: relative;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    padding-top: 50%;
    padding-right: 16px;
}
.item12_wordpress:hover .hover_div2{
	display: block;
}
.visit_butt a {
    display: block;
    text-decoration: none;
    float: right;
    background: #169edd;
    line-height: 18px;
    text-align: center;
    padding: 10px 0px;
    border-radius: 5px;
    font-family: "Open Sans";
    font-weight: 700;
    font-style: normal;
    color: #fff;
    font-size: 15px;
    width: 93px;
    text-transform: capitalize;
    height: 38px;
}
.codeigniter_second {
    background: url(../images/our_php.png) no-repeat center;
    background-size: cover;
    padding-top: 46px;
}
.our_fact>h2 {
    padding: 9px 0 63px;
    font-family: "Open Sans";
    font-weight: 700;
    font-style: normal;
    font-size: 35px;
    color: #202020;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}
.facts {
    padding-bottom: 90px;
}
.facts ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.facts ul li {
    float: left;
    position: relative;
}
.facts1>ul>li>img {
    width: 228px;
}
.fact_content1 {
    width: 227px;
    height: 197px;
}
.fact_content {
    width: 190px;
    height: 167px;
    position: absolute;
    top: 0;
}
.fact_content h3 {
    font-family: "Roboto",sans-serif;
    font-size: 30px;
    color: #4d56a5;
    padding: 40px 0 13px!important;
    font-weight: bold;
    margin: 0;
    text-align: center;
    transform: scale(1,1.2);
}
.fact_content p {
    font-family: "Open Sans";
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    padding: 10px 0 0;
    line-height: 13px;
    text-align: center;
    margin: 0;
    color: #2c3137;
}
.codeigniter_second1 {
    background: rgba(247,247,247,0.8);
    background-size: cover;
    padding-top: 56px;
}
#php_section {
    padding-top: 20px;
}
.padd_bottom {
    padding-bottom: 41px!important;
}
.codeigniter_second {
    background: url(../images/our_php.png) no-repeat center;
    background-size: cover;
    padding-top: 46px;
}
.codeigniter_second_desc1 {
    
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    font-size: 45px;
    color: #202020;
    line-height: 40px;
    letter-spacing: 1.5px;
}
.codeigniter_second_desc2 {
    color: #d0d0d0;
   
    text-transform: uppercase;
    font-size: 40px;
    font-weight: bold;
    line-height: 45px;
    letter-spacing: 2px;
}
.php_box {
    padding: 44px 0px 56px 0px;
}
.php_box_green {
    width: 246px;
    background: #51d091;
    border-radius: 20px;
}
.php_box_green h3 {
  
    font-weight: 500;
    font-size: 15px;
    padding: 11px 23px;
    color: #fff;
    margin: 0px;
}
.php_box_red {
    width: 100px;
    height: 12px;
    border-left: 3px solid #e5453a;
    margin-left: 15px;
}
.php_box_yellow {
    width: 267px;
    background: #f7c450;
}
.php_box_orange {
    width: 244px;
    background: #fd892c;
}
.php_box_reddis {
    width: 330px;
    background: #e2574b;
}
.php_box_red1 {
    width: 215px;
    background: #c53256;
}
.php_box_red2 {
    width: 240px;
    background: #8d1d51;
}
.php_box_red3 {
    width: 264px;
    background: #713570;
}
.php_box_red4 {
    width: 293px;
    background: #06577f;
}
.php_box_red5 {
    width: 271px;
    background: #30b1cd;
}
.php_box_red6 {
    width: 246px;
    background: #25ccb1;
}

/*Modal Login/Register*/
.modal-header {
  padding: 0;
}
.modal-header .close {
  padding: 10px 15px;
}
.modal-header ul {
  border: none;
}
.modal-header ul li {
  margin: 0;
}
.modal-header ul li a {
  border: none;
  border-radius: 0;
}
.modal-header ul li.active a {
  color: #e12f27;
}
.modal-header ul li a:hover {
  border: none;
}
.modal-header ul li a span {
  margin-left: 10px;
}
.modal-body .form-group {
  margin-bottom: 10px;
}

/*About Us Page*/
.about-sec{
	margin:60px 0px;
}

.project-tab {
    padding: 10%;
    margin-top: -2%;
}
.project-tab #tabs{
    background: #007b5e;
    color: #eee;
}
.project-tab #tabs h6.section-title{
    color: #eee;
}
.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #0062cc;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 3px solid !important;
    font-size: 16px;
    font-weight: bold;

}
.project-tab .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #0062cc;
    font-size: 16px;
    font-weight: 600;
    width:100px !important;
}
.project-tab .nav-link:hover {
    border: none;
}
.project-tab thead{
    background: #f3f3f3;
    color: #333;
}
.project-tab a{
    text-decoration: none;
    color: #333;
    font-weight: 600;
}

.tab-content{
	position:relative;
	top:10%;
}
.tab-content p{
	text-align:justify;
}
.tab-content-link
{
	width:350px;
}
.tab-content-link a{
	font-size:22px !important;
	color:#0f9bdb;
}
.about_last {
    background: #f9f9f9;
}
.about_last h3 {
   
    font-weight: 300;
    color: #2f2f2f;
    font-size: 45px;
    text-align: center;
    margin: 0px;
    padding: 52px 0px;
}
.about_last img {
    position: relative;
    padding-top: 35px;
    padding-bottom: 96px;
}

.about_last_box {
    position: absolute;
    top: 9%;
    left: 395px;
}
.about_last_box2 {
    position: absolute;
    top: 29%;
    left: 395px;
}
.about_last_box3 {
    position: absolute;
    top: 38.5%;
    left: 625px;
}
.about_last_box4 {
    position: absolute;
    top: 49%;
    left: 395px;
}
.about_last_box_color1 {
    background: linear-gradient(to right, #113c5b, #05497f);
    float: right;
}
.about_last_box_inner {
    width: 117px;
    height: 117px;
    border-radius: 100%;
    background: linear-gradient(to right, #f76108, #dd3424);
    float: left;
    text-align: center;
    
    font-weight: 600;
    color: #fff;
    font-size: 30px;
    line-height: 117px;
}
.about_last_box_inner1 {
    width: 117px;
    height: 117px;
    border-radius: 100%;
    background: linear-gradient(to right, #d32494, #a92279);
    float: left;
    text-align: center;
    
    font-weight: 600;
    color: #fff;
    font-size: 30px;
    line-height: 117px;
}
.about_last_box_inner2 {
    width: 117px;
    height: 117px;
    border-radius: 100%;
    background: linear-gradient(to right, #24b584, #08afbf);
    float: left;
    text-align: center;
    
    font-weight: 600;
    color: #fff;
    font-size: 30px;
    line-height: 117px;
}
.about_last_box_inner3 {
    width: 117px;
    height: 117px;
    border-radius: 100%;
    background: linear-gradient(to right, #fdbd23, #ffd339);
    float: left;
    text-align: center;
    
    font-weight: 600;
    color: #fff;
    font-size: 30px;
    line-height: 117px;
}
.about_last_box2019 {
    position: absolute;
    top: -20%;
    left: 100px;
}
.about_last_box2nd{
	position:absolute;
	
	top:348%;
	left:65%;
}
.triangle_shape_color1 {
    border-left: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 26px solid #113c5b;
    position: relative;
    left: 3px;
}
.triangle_shape {
    width: 0px;
    height: 0px;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    /*orange left*/
    border-left: 26px solid #dd3424;
    float: left;
    margin-top: 45px;
    margin-left: -3px;
}
.triangle_shape1 {
    width: 0px;
    height: 0px;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    /*orange left*/
    border-left: 26px solid #d32494;
    float: left;
    margin-top: 45px;
    margin-left: -3px;
}
.triangle_shape2 {
    width: 0px;
    height: 0px;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    /*orange left*/
    border-left: 26px solid #24b584;
    float: left;
    margin-top: 45px;
    margin-left: -3px;
}
.triangle_shape_color3 {
    border-left: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 26px solid #24b584;
    position: relative;
    right:150px;
}
.triangle_shape_color4 {
    border-left: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 26px solid #fdbd23;
    position: relative;
    right:150px;
}
.about_last{
	padding-bottom:50px;
}
.about_last_box p, .about_last_box1 p, .about_last_box2 p, .about_last_box3 p, .about_last_box4 p, .about_last_box5 p, .about_last_box6 p, .about_last_box7 p, .about_last_box8 p {
    font-family: "Open Sans";
    font-weight: 400;
    margin: 0px;
    font-size: 15px;
    color: #808081;
    line-height: 27px;
    width: 600px;
    text-align: justify;
    margin-left: 230px;
}
.about_last_box1 p {
    position: absolute;
    left: -920px;
    top: 17px;
    text-align: right;
}
.about_last img {
    position: relative;
    padding-top: 35px;
    padding-bottom: 96px;
}
.about_last_box {
    position: absolute;
    top: 9%;
    left: 395px;
}
.mile1{
	margin-top:60px;
}

.mile2{
	margin-top:60px;
}

.why3{
	padding-top:80px;
}
.why3 p{
	font-size:20px;
}
.salient-p{
	padding-top:70px;
	color:#000 !important;
	font-size:17px;
	text-align: justify;
}

.portfolio-main{
	margin-top: 80px;
	padding-bottom: 100px;
}
.portfolio-main1{
	padding-top: 40px;

}
.porth{
	padding-top:10px;
}


.headingcell {
    color: #ffffff;
    background: #cf0404;
    padding: 7px;
    font-size: 14px;
    margin: 0px;
}

.row_content img {
    margin: 12px;
}




















.signupaccount {
    font-weight: 400;
    font-family: "Lato";
    color: #6d7483;
    margin-bottom: 3%;
    margin-top: 1%;
   
}
.signupwith {
    font-size: 16px;
    font-family: 'Lato';
    font-weight: 400;
    color: #6d7483;
    display: block;
    padding: 19px 0px;
    padding-top: 5px;
}


.all-button {
    background: #00aced;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Lato';
    border-radius: 4px;
    font-weight: 700;
    padding: 8px 28px;
    border: 1px solid transparent;
}
.all-button:hover {
    border: 1px solid #00acee;
    background: #ffffff;
    color: #00acee;
}
#login-popup .all-button {
    font-size: 16px;
    padding: 10px 55px;
    margin: 15px auto;
    display: block;
}
.accordion_technical_head {
    background: #b5e2ea;
    color: #0c5460;
    cursor: pointer;
    font-family: 'Lato';
    font-weight: 400;
    font-size: 16px;
    position: relative;
    padding: 10px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-weight: bold;
}
.accordion_tech_body {
    margin-bottom: 16px;
    border: 1px solid #b5e2ea;
    border-top: none;
    font-weight: 400;
    font-size: 14px;
    padding: 0px 9px;
    font-family: 'Lato';
    color: #384257;
    min-height: 160px;
    max-height: 160px;
    overflow-y: scroll;
}

/*//training*/
 .left_pannel {
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    background-color: #fff;
    padding: 10px 0px;
    padding: 26px 19px;
    letter-spacing: 0.5px;
}
.our-mission {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 28px;
    text-align: center;
    padding-top: 22px;
}
.lesson-details {
    color: #808081;
    font-size: 15px;
    float: left;
    font-family: "Open Sans";
    font-weight: 400;
    margin-left: 41px;
    letter-spacing: 0.5px;
}
.lesson-details a{
  
    outline: 0;
    color: #d3394c;
    text-decoration: none;

}
.training_page {
    padding-top: 62px;
    background-color: #f8f8f8;
    padding-bottom: 50px;
}
.about_bg {
    background: url(../images/br3.jpg) center center;
    padding: 52px 0px;
    border-bottom: 1px solid #e9e9e9;
    background-size: cover;
}

.ricon {
    float: left;
    min-height: 36px;
    display: block;
    width: 20px;
    padding-top: 7px;
}
.rcontent a {
    color: #2f2f2f;
    font-size: 14px;
    font-family: "Open Sans";
    font-weight: 400;
    font-style: normal;
    word-spacing: 1.8px;
    letter-spacing: .5px;
    line-height: 27px;
    padding-bottom: 20px;
    transition: .5s;
}

.enquiry-div {
    padding-top: 38px;
    padding-bottom: 15px;
    border-bottom: 1px #e9e9e9 solid;
}
.enquiry-div2 {
    float: left;
}
.month-details {
    color: #808081;
    font-size: 15px;
    float: left;
    font-family: "Open Sans";
    font-weight: 400;
    letter-spacing: 0.5px;
}
.php-enquiry:hover {
    box-shadow: 1px 1px 1px 2px #baedd1;
}

.php-enquiry {
    font-size: 16px;
    color: #fff;
    font-family: "Open Sans";
    font-weight: 600;
    background-color: #27c971;
    border: 0px;
    border-radius: 2px;
    width: 127px;
    line-height: 41px;
    float: right;
    margin-top: 10px;
}
.php-enquiry a {
    color: #fff;
    text-decoration: none;
    font-size:20px;
}
.month-details img {
    padding-right: 14px;
}
.month-details a {
    outline: 0;
    color: #d3394c;
    text-decoration: none;
  }


.eligibl-details img {
    padding-right: 14px;
    margin-top: -4px;
}
.lesson-details img {
    padding-right: 14px;
    margin-top: -6px;
}
.lesson-details a {
    outline: 0;
    color: #d3394c;
    text-decoration: none;
}
.enquiry-div h1 {
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 30px;
    color: #2f2f2f;
    letter-spacing: 0.5px;
    word-spacing: 0.2px;
    margin-top: 0px;
}

.time-details {
    padding-top: 28px !important;
    padding-bottom: 20px !important;
}
.time-details {
    margin-bottom: 0px;
}
.eligibl-details {
    color: #808081;
    font-size: 15px;
    font-family: "Open Sans";
    font-weight: 400;
    letter-spacing: 0.5px;
    margin-bottom: 14px;
    word-spacing: 0.9px;
}
.php-enquiry a {
    color: #fff;
    text-decoration: none;
}
.content-one {
    font-weight: normal!important;
}
.line-img img {
    height: 10px;
    width: 400px;
}

.session-topics {
    padding-top: 27px;
}
.session-title {
    font-family: "Open Sans";
    font-weight: 600;
    color: #2f2f2f;
    font-size: 16px;
    padding-top: 21px;
}
.circle-dots {
    float: left;
    width: 4%;
    padding-top: 0;
    margin-top: -3px;
}
.circle-dots-content {
    float: left;
    width: 95%;
}
.point-one {
    float: left;
    color: #0095da;
    font-size: 16px;
    font-family: "Open Sans";
    font-weight: 600;
    font-style: normal;
    padding-top: 4px;
    padding-right: 11px;
}
.point-des {
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 15px;
    color: #808081;
    line-height: 31px;
    letter-spacing: .5px;
    word-spacing: 0.5px;
    padding-bottom: 15px;
}
.himage{
	height:30px !important;
}

.white_blue {
    position: absolute;
    bottom:90px!important;
    right: 70px;
}

.wscubelogo {
    position: absolute;
    left: 205px;
    width: 180px;
    top: 150px!important;
    overflow: hidden;

}