/*
Template Name: Institute
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************center_home****************/
.center_home img{
 min-height:700px;
 }
.carousel-caption h5{
letter-spacing:4px; 
 }
.carousel-caption{
background:#0000009c;
width:100%;
height:100%;
bottom:0;
left:0; 
padding-top:350px;
 }
/*********************center_home_end****************/

/*********************course****************/
.course_2i span{
width:120px;
height:120px;
border:2px dashed #27ab432e; 
line-height:120px;
font-size:50px; 
 }
.course_2i:hover span{
border:2px solid #27ab432e; 
 }
/*********************course_end****************/

/*********************about_h****************/

#trend {
margin-top:80px; 
 }

.about_h1ril{
border-left:1px solid  #27ab432e; 
 }
.about_h1ri{
border-bottom:1px solid  #27ab432e;  
 }
/* Overlapping about images */
.about_h1l.overlap-wrap{ position:relative; height:300px; }
.overlap-img{ position:absolute; width:48%; border-radius:10px; object-fit:cover; box-shadow:0 8px 20px rgba(0,0,0,0.25); transition:transform .25s ease, box-shadow .25s ease; }
.overlap-img.left{ left:0; bottom:0; transform:rotate(-3deg); }
.overlap-img.right{ right:0; top:0; transform:rotate(3deg); }
.overlap-img:hover{ transform:scale(1.03) rotate(0deg); z-index:2; box-shadow:0 18px 30px rgba(0,0,0,0.32); }

/* About section overlapping images styling - applied to second #about_h */
.about_h1l {
  position: relative;
  height: 400px;
}

.about_h1l .about_h1l1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 70%;
  z-index: 1;
}

.about_h1l .about_h1l1 img {
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}

.about_h1l .about_h1l2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 55%;
  z-index: 2;
}

.about_h1l .about_h1l2 img {
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
  transform: rotate(5deg);
}

@media (max-width:767px){
	.about_h1l.overlap-wrap{ height:auto; }
	.overlap-img{ position:relative; width:100%; display:block; margin:0 0 12px 0; transform:none; }
}
/*********************about_h_end****************/

/*********************popular****************/
#popular {
background-image: url(../img/3.jpg);
background-position: center;
}
#latest .carousel-indicators{
bottom:-50px; 
 }
.latest_1i1 span{
width:120px;
height:120px;
line-height:120px; 
 }
.latest_1i1 .button_1:hover{
background:#fdc800;
 }
/*********************popular_end****************/


/*********************testim****************/
#list_o .carousel-indicators{
bottom:-50px; 
 }
#trend_o .carousel-indicators{
bottom:-50px; 
 }
/*********************testim_end****************/


/*********************list_o1****************/
.list_o1i1 span{
width:100px;
height:100px;
line-height:100px; 
 }
.list_o1i1:hover{
box-shadow: 0 0 4px 3px #27ab432e;
 }

 
#learn {
background-image: url(../img/1.jpg);
background-position: center;
}
.learn_1r{
border-radius:0px 10px 10px 0px;
min-height:410px; 
 }
/*********************list_o1_end****************/

@media screen and (max-width : 767px){
.center_home img{
 min-height:300px;
 }
.carousel-caption{
padding:15px;
 }
.carousel-caption .font_60{
font-size:22px;
 }
.carousel-caption br{
display:none;
 }
.carousel-caption p{
text-align:left;
 }
.carousel-caption h5{
font-size:16px;
 }
.carousel-caption p{
font-size:14px;
 }
.course_2i {
margin-top:8px;
margin-bottom:8px; 
 }
.course_2i p{
text-align:left; 
 }
#trend {
margin-top:0;
}
.course_1l{
text-align:center;
 }
.course_1r{
text-align:center!important;
margin-top:0!important;
 }
.about_h1ril {
border:none!important;
padding:15px!important;
text-align:center; 
 }
.exep_2i {
margin-top:8px;
margin-bottom:8px; 
 }
.latest_1i1 {
margin-top:8px;
margin-bottom:8px;  
 }
.list_1i1r{
margin-top:15px;
text-align:center; 
 }
.list_1i {
margin-top:8px;
margin-bottom:8px;  
 }

.trend_o1i1 {
margin-top:8px;
margin-bottom:8px;
text-align:center;  
 }
.trend_o1i1 p{
text-align:left;  
 }
.list_o1i1 {
margin-top:8px;
margin-bottom:8px; 
 }
.list_o1i1 p{
text-align:left;  
 }
.learn_1r {
border-radius:0;
padding:15px;
text-align:center; 
 }
.learn_1r p{
text-align:left;
 }
 }

@media (min-width:576px) and (max-width:767px) {
.carousel-caption{
padding:20px;
 }
.carousel-caption .font_60{
font-size:32px;
 }
.carousel-caption p{
text-align:left;
 }
.carousel-caption h5{
font-size:18px;
 }
.carousel-caption p{
font-size:16px;
 }

 }
@media (min-width:768px) and (max-width:991px) {
#trend {
margin-top:0;
}
.learn_1l img{
min-height:410px; 
 }
.learn_1r h2{
font-size:26px; 
 }
.learn_1r {
border-radius:0;
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.learn_1l img{
min-height:410px; 
 }
.learn_1r h2{
font-size:36px; 
 }
.learn_1r {
border-radius:0;
 }
 }
@media (min-width:1201px) and (max-width:1330px) {

 }