*::selection {
  background-color: #e13232;
  color: #fff;
}

body::-webkit-scrollbar {
  /* display: block; */
  width: 7px;
  background-color: #000;
}

body::-webkit-scrollbar-thumb {
  background-color: #e13232;
  border-radius: 50px;
}

a {cursor:pointer!important;z-index: 10001!important ;text-decoration:none!important;}
body{font-family: Calibri;color: white; }
h1,h3,h4,h5,h6{font-weight:bold!important;}
body{
    overflow-x:hidden!important;
}
*:focus{outline:none!important;}

.fa-3x {font-size:2em;}



.header_heading {font-size:1.5rem!important;background:url('../img/bg_banner_top.png') top center no-repeat;color:#000;}
.header_heading2 {font-size:4rem!important;}

.header_paragraph {width:55%!important; margin:2rem 0 0 17rem!important;}

.box {
    transition: all ease-in-out .4s;
}

.box:hover {
    translate: 0 -.5rem;
    box-shadow: 0 0 10px #e13232;
}

.row_services{min-height:18rem!important; }


.edit_logo img {background:#fff!important; padding: 0.5rem 0.7rem!important; border-radius:5px!important;}

.nav_hover ul li{padding:10px;}
.nav_hover{margin:0px!important;} 
.fontsstyle {float:left!important;min-height:42px;}
.fontsstyle_main {float:left!important;width:100%; min-height:42px;}
	
.bg-red{background-color:#e13232;z-index:999!important;position:relative;}
h1 {
  text-align: center;
  margin-bottom: 10px;
  
  font-weight: bold;
}

.p {
  padding-top: 125px;
  text-align: center;
}

.p a {
  text-decoration: underline;
}
/*
.card1{position:fixed;top:12%;right:0;z-index:999;}
*/
.nav_hover a:hover{color:#e13232!important;z-index:99!important;}
.nav-item a{text-decoration:none!important;padding-top:0px!important;}
.nav-item a:hover{background-color:none!important;}

.myicon {padding-right:0px!important;padding-left:0px!important;}
.myicon a {padding-right:5px!important;padding-left:5px!important;}
.myicon a:hover {color:#e13232!important; transition:all .4s linear!important;}

.sticky-header {float:right!important;}
.btn.btn-outline-purple:hover{
  background-color: white;
  border: 1px solid white;color:black;
}
.btn.btn-outline-purple{
  border: 1px solid #e13232 ; background-color:#e13232;  color:white;

}

.contact_us_button {
	transition:all .3s linear!important;
}

.box{  box-shadow: 0px 5px 20px 0px #888;position:relative;
	padding-bottom:5%;
}

.btn.btn-danger:hover{  background-color: white;
  border: 1px solid white!important;color:black;}
.btn.btn-danger{ border: 1px solid #e13232!important ; background-color:#e13232;  color:white;}

.btn.btn-danger:hover {transition:all .3s linear; color:#e13232;}

.btn-light1{position: absolute;
top:43%;
left: 40%;
background-color:#e13232; 
border-radius:50%;
box-shadow: 0px 0px 3px #333;
}
.btn-light:hover{
     /* background-color: ; */
  border: 1px solid white;color:black;
}
.form-group{
    display:inline;

}
.form-control
{
    display:inline;
width:100px;
}
/* .projects{} */

.box_main {
  animation: mybox linear 3s infinite;
  transform-origin: bottom;
  transform-box: fill-box;
  
}

@keyframes mybox {
  0% {
    translate: 0 -.5rem;           
    
}
50%{
  translate: 0 .5rem;
   
}

100% {
  translate: 0 -.5rem;
    
}
}

.scale {
  animation: myscale linear 3s infinite;
  transform-origin: top;
  transform-box: fill-box;
}

@keyframes myscale {
  0% {
   translate: 1rem 0;          
    
}
50%{
  translate: -1rem 0; 
   
}

100% {
  translate: 1rem 0; 
    
}
}

.cup {
    animation: cupanimate linear 3s infinite;
    transform-origin: center;
    transform-box: fill-box; 
}

@keyframes cupanimate {
    0% {
        translate: 0 -.6rem;
    }
    50% {
        translate: 0 -.3rem;
    }
    100% {
        translate: 0 -.6rem;
    }
}

.bar1 {
    animation: bar1animate linear 3s infinite;
    transform-origin: center;
    transform-box : fill-box;
}

@keyframes bar1animate {
    0% {
        scale: 1.2;
    }
    50% {
        scale: 1;
    }
    100% {
        scale: 1.2;
    }
}

.bar2 {
    animation: bar2animate linear 3s infinite;
    transform-origin: center;
    transform-box : fill-box;
}

@keyframes bar2animate {
    0% {
        scale: 1;
    }
    50% {
        scale: 1.2;
    }
    100% {
        scale: 1;
    }
}

.arrow_bars {
    animation: arrowanimate linear 3s infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes arrowanimate {
    0% {
        translate: 0 .6rem;
    }
    50% {
        translate: 0 -.6rem;
    }
    100% {
        translate: 0 .6rem;
    }
}

.alphabet {
    animation: alphabetanimate linear 3s infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes alphabetanimate {
    0% {
        translate: 0 -.5rem;
    }
    50% {
        translate: 0 -.2rem;
    }
    100% {
        translate: 0 -.5rem;
    }
}

.new_bars {
    animation: alphabetanimate linear 3s infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes alphabetanimate {
    0% {
        translate: 0 -.6rem;
    }
    50% {
        translate: 0 .6rem;
    }
    100% {
        translate: 0 -.6rem;
    }
}

.circle {
    animation: circleanimate linear 3s infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes circleanimate {
    0% {
        scale: 1.2;
    }
    50% {
        scale: 1;
    }
    100% {
       scale: 1.2;
    }
}

.circle2 {
    animation: circle2animate linear 3s infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes circle2animate {
    0% {
        scale: 1;
    }
    50% {
        scale: 1.2;
    }
    100% {
       scale: 1;
    }
}

.right_bars {
    animation: rightbaranimate linear 3s infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes rightbaranimate {
    0% {
        translate: -.5rem 0;
    }
    50% {
        translate: .3rem 0;
    }
    100% {
        translate: -.5rem 0;
    }
}

.btn-outline-dark1{ border:2px solid #e13232; transition: all linear .3s;}
.btn-outline-dark1:hover {background-color:#e13232!important; color:#fff!important; box-shadow:0px 1px 10px #333;}


.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9); /* Black with a little bit see-through */
}

/* The content */
.overlay-content {
  position: relative;
  top: 46%;
  width: 80%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

/* Close button */
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}

.overlay .closebtn:hover {
  color: #ccc;
}

/* Style the search field */
.overlay input[type=text] {
  padding: 15px;
  font-size: 17px;
  border: none;
  float: left;
  width: 80%;
  background: white;
}

.overlay input[type=text]:hover {
  background: #f1f1f1;
}

/* Style the submit button */
.overlay button {
  float: left;
  width: 20%;
  padding: 15px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.overlay button:hover {
  background: #bbb;
}


.s-soft {
  position: fixed;
  top: 100px;
  left: 10;
  z-index: 1000;
  transition: all linear 0.2s;
}
.s-soft a:first-child {
  border-radius: 0 5px 0 0;
}
.s-soft a:last-child {
  border-radius: 0 0 5px 0;
}
.s-item {
  display: block;
  width: 60px;
  height: 60px;
  color: white;
  font-size: 25px;
  line-height: 60px;
  text-align: center;
  transition: all linear 0.2s;
}
.s-item:hover {
  width: 110px;
  border-radius: 0px 20px 20px 0px;
}
#so-open {
  position: fixed;
  top: 100px;
  left: -90px;
  border-radius: 0 30px 30px 0;
  transition: all linear 0.2s;
}
.facebook {
  background-color: #3b5999;
}
.twitter {
  background-color: #3aafd6;
}
.print {
  background-color: #de3c7d;
}
.pinterest {
  background-color: #bd081c;
}
.linkedin {
  background-color: #0e76a8;
}
.instagram {
  background-color: #c32aa3;
}
.so-collapse {
  left: -60px;
}


.popular{
	border-left: 4px solid #e13232; 
	
}

.card_carousel_left_button {
  margin: 0 0 0 -.5rem;
}

.card_carousel_right_button {
  margin: 0 -.7rem 0 0;
}

.card_join_main {
    width: 72%;
    margin: auto;
}

.card_joinbutton {
    margin:0 0 0 5%;
    border:1px solid #e13232;
    color:#e13232;
    padding: 2.5% 27.1%;
    transition:all ease-in-out .4s;
}

.card_joinbutton:hover {
    box-shadow: 0 0 9px #121212;
    background-color:#e13232;
    color:#fff;
}

.card{box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.2);}
.box1{
	
	/*border: 5px double #e13232;*/
	background-color:#f5f5f5;
	width:100%;

	}
	.html {
	animation: myHtml 3s linear infinite;
    transform-box: fill-box;
    transform-origin: center;
	}
	
	@keyframes myHtml {
	    0%{
	        translate:0 -.3rem;
	    }
	    50%{
	        translate:0 -.5rem;
	    }
	    100%{
	        translate:0 -.3rem;
	    }
	}
	
	
	.html2 {
	animation: myHtml2 4s linear infinite;
    transform-box: fill-box;
    transform-origin: center;
	}
	
	@keyframes myHtml2 {
	    0%{
	        translate:0 -.5rem;
	    }
	    50%{
	        translate:0 -.2rem;
	    }
	    100%{
	        translate:0 -.5rem;
	    }
	}
	
	.htmlword {
	animation: myHtmlword 3s linear infinite;
    transform-box: fill-box;
    transform-origin: center;
	}
	
	@keyframes myHtmlword {
	    0%{
	        translate:2rem 0;
	    }
	    50%{
	        translate:0.2rem 0;
	    }
	    100%{
	        translate:2rem 0;
	    }
	}
	
	.htmlword2 {
	animation: myHtmlword2 3s linear infinite;
    transform-box: fill-box;
    transform-origin: center;
	}
	
	@keyframes myHtmlword2 {
	    0%{
	        translate:0.2rem 0;
	    }
	    50%{
	        translate:2rem 0;
	    }
	    100%{
	        translate:0.2rem 0;
	    }
	}
	
	.pythonarow {
	    animation: myPythonarow 5s linear infinite;
	    transform-origin: center;
	}
	
	@keyframes myPythonarow {
	    0% {
	        translate:0 2.5rem;
	        scale:1.2;
	    }
	    50% {
	        translate:0 .9rem;
	        scale:.8;
	    }
	    100% {
	        translate:0 2.5rem;
	        scale:1.2;
	    }
	}
	

	
	.designboll {
	    animation: myDesignboll 3s linear infinite;
	    transfrom-box:fill-box;
	    transform-origin: center;
	}
	
		@keyframes myDesignboll {
		    
	    0%{
	        translate:0 2.5rem;
	        
	    }
	    50%{
	        translate:0 .8rem;
	       
	    }
	    100%{
	        translate:0 2.5rem;
	        
	    }
	}
	
	.bollheadling {
	    animation: myBollheadline 3s linear infinite;
	    transfrom-box:fill-box;
	    transform-origin: center;
	}
	
		@keyframes myBollheadline {
		    
	    0%{
	        translate:2.5rem 0;
	        
	    }
	    50%{
	        translate:1rem 0;
	       
	    }
	    100%{
	        translate:2.5rem 0;
	        
	    }
	}
	
	.javakey {
	    animation: myjavakey 4s linear infinite;
	    transfrom-box:fill-box;
	    transform-origin: center;
	}
	
		@keyframes myjavakey {
		    
	    0%{

	        scale:1;
	    }
	    50%{
	  
	       scale:.8;
	    }
	    100%{
	       
	        scale:1;
	    }
	}
	
	  .load_button {
    border: 1px solid #e13232!important;
    background-color: #e13232!important;
    color: #fff!important;
   transition: all ease-in-out .4s;
  }

  .load_button:hover {
    background-color: #fff!important;
    border: 1px solid #e13232!important;
    color: #e13232!important;
}

	
.background{
	
	background-color:#9370DB
	
	}
	
.form{width: 50%;}

.form{height: 60px;
  border-radius: 4px;
  padding: 10px 15px;
 background-color: #e13232;

}
.form input{width: 85%;float: left;}
.form-control{width: 80%;}
.btn-3{position: relative;
  float: right!important;
}
.icon-box{background-color:
#e13232;}
.icon_1{color: #e13232!important;}

.thumbnail-info{position: relative;
  left: 15%;
  top: 2%;
z-index: 3;



}

.peter{position: absolute;
  left: -5%;
  top: 10%;
z-index:4;


}
.company ul  a{list-style:none!important; text-align:left;font-size:14px!important; color:white!important;text-decoration:none!important;}
.title p{font-size:14px;}
.banner {padding:0px!important; background:url('../img/students-1.jpg') top center no-repeat; height:750px;padding:0px !important;}
.banner_midd {background-color: rgba(0, 0, 0, 0.4); height: 46.7rem;}

.row_services {margin-top:-326px;}
.courses_lrn {/*background:url('../img/banner.png') top center no-repeat;*/ background:#000; height:auto;padding:0px !important;}
.courses_lrn_bg {background:url('../img/banner.png') top center no-repeat; height:auto;padding:0px !important;}
.courses_lrn_1{background-color: rgba(0, 0, 0, 0.5);width:100vw!important;}
.peter1{padding:0!important;}
.bg_red{background-color:#e13232;}

/*------------------------TO--TOP--BUTTON---START--------------*/

.back-to-top {
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  border-radius: 100%;
  background: #e13232;
  color: #fff;
  padding: .9rem 1rem;
  border: none;
  cursor: pointer;
  opacity: 100%;
  transition: linear .3s;
}

.back-to-top:hover {
  background: #fff;
  color: #e13232;
  box-shadow: 0 0 10px #e13232;
}

.hidden {
  opacity: 0%;
}

.back-to-top-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.progress-bar {
  height: .3rem;
  background: red;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
}

/*------------------------TO--TOP--BUTTON---END--------------*/





/* Dropdown Button */
.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-menu{
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.circle{width:65px;height:64px; border:3px solid #fff;}
.rounded-circle{border-radius:50%!important;}




/* Links inside the dropdown */
.dropdown-menu a {
  color: black!important;
  padding: 20px 20px!important;
  text-decoration: none;
  display: block;
  
 
}

.active1{color:#e13232!important;}

/* Change color of dropdown links on hover */
.dropdown-menu a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-menu {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}
.company ul a:hover{color:#e13232!important; transition:all .3s linear!important;}
.social-icons ul li a:hover{color:#e13232!important; transition:all .3s linear!important;}



/*courses  */

.banner1{background:url('../img/training.png') top center no-repeat; height:auto; padding:none!important; padding:0px !important;}

.banner_midd1 {background-color: rgba(0, 0, 0, 0.8);height:30rem;width:100%!important;}

.about_us_heading {font-size:3.5rem!important;}
.contact_us_heading {font-size:3.5rem!important;}
.faq_heading {font-size:3rem!important;}
.portfolio_heading {font-size:3.5rem!important;}
.our_courses_heading {font-size:3.5rem!important;}

.tablinks_button {color:#fff!important; background:#e13232!important; padding:.5rem .7rem!important; border:none!important; border-radius:3px!important; margin:1rem .2rem;}

.tablinks_button:hover {
	
	 color:#e13232!important;
	 background:#fff!important; 
	 transition:all .3s linear!important; 
	 box-shadow:0px 2px 12px #333;

}

.form3 input {
	width:100%!important;
	padding:.5rem 1rem!important;
	border:1px solid #ccc!important;
	border-radius:3px;
}

.home a{text-decoration:none;}
.search{border-bottom:2px solid gray;}
.sub{background-color: #f5f5f5!important;border-bottom:2px solid gray!important;}

.sub1 ul a{text-decoration:none!important;color:#000;list-style:none;line-height:50px;}
.sub1 ul a li{padding: 0px 20px;}
.sub1 ul a li:hover{color:#fff!important;background-color:#e13232!important;padding: 0px 20px;}
.inline-form input:focus{outline:none!important;}
.coursesbg{background-image:url('../img/courses.png');height:342px;}
.coursesoverlay{background-color: rgba(225,50,50, 0.5)!important;height:342px;width:100%!important;}
.coursesoverlay:hover {background-color:#121212!important; opacity:0.8!important;}

.price{border-right:2px solid gray;}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
 
}

.pagination a.active {
  background-color:  #e13232;
  color: white;
}

.pagination a:hover:not(.active) {background-color: #e13232;}

.plus {color:#777777; margin-left:18rem;}
.minus {color:#777777; margin-left:10rem;}

.contact{background-color:#e13232;color:#fff;padding:20px 30px;}
.contact p{ padding:10px;}
.contact i{float:left!important; padding:15px;}
.contact ul li a:hover{color: #000!important;}
.form-control{
	min-height: 5.3rem!important;
    margin-left: 0rem!important;
}

.border {border:3px double #e13232!important;}
.fa-2x {font-size:1em!important;}

.contact2 {   
	border-radius: 200px;
    padding: 12px 15px!important;
    border:1px solid #fff;
    color: #fff;
}

.contact2:hover {
	
	color:#e13232;
	background:#fff;
	transition:all .3s linear!important;
	
}

.contact3 {   
	border-radius: 200px;
    padding: 12px 10px!important;
     border:1px solid #fff;
    color: #fff;
}

.contact3:hover {
	
	color:#e13232;
	background:#fff;
	transition:all .3s linear!important;
	
}

.contact4 {   
	border-radius: 200px;
    padding: 12px 14px!important;
	 border:1px solid #fff;
    color: #fff;
}

.contact4:hover {
	
	  background: #fff;
    color: #e13232;
	transition:all .3s linear!important;
	
}

.contact5 {   
	border-radius: 200px;
    padding: 11px 15px!important;
    border:1px solid #fff;
    color: #fff;
}

.contact5:hover {
	
	color:#e13232;
	background:#fff;
	transition:all .3s linear!important;
	
}


.info input{margin:30px;box-shadow:none!important;}
.card1{box-shadow:none!important;}
.teacher{float:left!important;}
.r-border{border-right:1px solid gray;}
.card-foooter ul li a:hover{background-color:#e13232;color:#fff;border-radius:none!important;}
.card-foooter.active {color:#fff!important; background:#e13232;}
.overview a{color:#000; float:left; text-decoration:none;}
.level{color:#e13232;}

.media-effect img{width:100%;margin:10px;}

.bg-dark-header{background:#e13232!important;border-radius:3px; padding: .5rem 2rem!important; transition: all ease-in-out .4s;}
.bg-dark-header:hover{background:#fff!important;}


.sign-modal{
    width:300px;
    background:#fff;
    padding: 40px 20px;
    position: fixed!important;
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    top:-50%!important;
    left:50%!important;
    transform:translate(-50%, -50%)!important;
    transition: linear .3s;
}

.show-sign-modal{
    top:50%!important;
}

.sign-modal input{
    width: 100%;
    position: relative!important;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:1px solid #000;
    padding:6px 0px;
}

.sign-modal button{
    padding:5px 20px;
    background:red;
    border:none;
    color:#fff;
}

.sign-modal span{
    background:red!important;
    padding:0px 8px!important;
    position: absolute;
    top:0px;
    right:0px;
   cursor:pointer;
   font-size:1.3rem;
   border-top-right-radius:.5rem;
    
}

.my_class_option {width:75%;}

.sticky-top_1{
	top:148px;
	height:30.8rem!important;
}



.tab-wrapper{
	text-align: center;
	display: block;
	margin: auto;
	max-width: 500px;
}
.tabs {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
}

.tab-link{
	margin: 0 1%;
	list-style: none;
	padding: 10px 40px;
	color: #aaa;
	cursor: pointer;
	font-weight: 700;
	transition: all ease 0.5s;
	border-bottom: solid 3px rgba(255,255,255,0.0);
	letter-spacing: 1px;
}

.tab-link:hover{
	color: #999;
	border-color: #999;
}

.tab-link.active{
	color: #333;
	border-color: #333;
}

.tab-link:nth-of-type(1).active{
	color: #EE6534;
	border-color: #EE6534;
}

.tab-link:nth-of-type(2).active{
	color: #1790D2;
	border-color: #1790D2;
}

.tab-link:nth-of-type(3).active{
	color: #EEC63B;
	border-color: #EEC63B;
}

.content-wrapper{
	padding: 40px 80px;
}

.tab-content{
	display: none;
	text-align: center;
	color: #888;
	font-weight: 300;
	font-size: 15px;
	opacity: 0;
	transform: translateY(15px);
	animation: fadeIn 0.5s ease 1 forwards;
}

.tab-content.active{
	display: block;
}

@keyframes fadeIn{
	100%{
		opacity: 1
		
	}
}


	/* Custom style */
    .accordion-button::after {
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
      transform: scale(.7) !important;
    }
    .accordion-button:not(.collapsed)::after {
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    }



/*------PORTFOLIO----GALLERY FANCYBOX---START----*/


.p0{padding:0;}
.portfolio__filter {border:1px solid #F1F1F1; border-radius:22px; width:40%;}
.portfolio__filter .filter-button{display:inline-block;padding:10px 23px;background:transparent;border:none;color:#888;letter-spacing:0;font-size:15px;cursor:pointer;font-weight:500; }
.portfolio__filter .filter-button:hover, .portfolio__filter .filter-button:focus, .portfolio__filter .filter-button:active{background:#e13232;border-radius:22px;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.3);}
.portfolio__filter .filter-button:focus {outline:0;}
.portfolio__filter{display:inline-block;text-align:center;margin:30px 0;}
.portfolio__img img {width: 100%;height: 230px;object-fit: cover;padding: 3px 3px;}
.btn__load {display: inline-block;margin:40px 0 0;width:100%;}



/*------PORTFOLIO----GALLERY FANCYBOX---END----*/




.slider_owl_border {border:3px double #e13232!important; background:none!important;}


.fa-circle-check {
	color:#e13232;
}

.fa-circle-check1 {
	color:#e13232;
	margin-top:.6rem!important;
}

.online_courses {width:50%!important; margin:0 0 0 15rem!important;}

.counter1 {margin:0 0 0 1rem!important;}

.form-control1 {
	min-height:1.2rem!important;
}




.start_career_heading {
	margin-top:-3rem!important;
	border-radius:2px!important;
}

.heading_bg_img {

	margin:-4rem 0rem 0 -1rem!important;
}

.syllabus1{
	margin-top:20rem!important;
}

.reasons_heading {
	margin-top:7rem!important;
}
.my_margin{margin:3.5rem!important;}


.left_border {
	border-left:5px solid #000;
}


/*-------------------------Animated---Cards---------------------------*/

.container .card .face {
  width: 300px;
  height: 200px;
  transition: .4s;
}

.container .card .face.face1 {
  position: relative;
  background-color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  transform: translateY(100px);
}

.container .card:hover .face.face1 {
  transform: translateY(0);
  box-shadow: 
  inset 0 0 60px whitesmoke,
  inset 20px 0 80px #f0f,
  inset -20px 0 80px #0ff,
  inset 20px 0 300px #f0f,
  inset -20px 0 300px #0ff,
  /* 0 0 50px #fff, */
  /* -10px 0 80px #f0f, */
  20px 0 500px ;
}

.container .card .face.face1 .content{
  opacity: .2;
  transition: .5s;
  text-align: center;
}

.container .card:hover .face.face1 .content {
  opacity:1;
}

.container .card .face.face1 .content .icon {
  font-size: 3rem;
  color: white;
  display: inline-block;
}

.container .card .face.face1 .content h3 {
  font-size: 1rem;
  color: #fff;
  text-align: center;
}

.container .card .face.face1 .content a {
  transition: .5s;
}

.container .card .face.face2 {
  position: relative;
  background-color: whitesmoke;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .8);
  transform: translateY(-100px);
}

.container .card:hover .face.face2 {
  transform: translateY(0);
}

.container .card .face.face2 .content p,a {
  font-size: 15px;
  margin: 0;
  padding: 0;
  color: #333;
}

.container .card .face.face2 .content a {
  text-decoration: none;
  color: #000;
  box-sizing: border-box;
  outline: 1px dashed #333;
  padding: 10px;
  margin: 15px 0 0 0;
  display: inline-block;
}

.container .card .face.face2 .content a:hover {
  background-color: #333;
  color: whitesmoke;
  box-shadow: 0px 0px 500px #00000080;
}