/*
Template Name: Learning Management
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****************/
.hero_banner_media img{
min-height:410px;
max-height:500px;
object-fit:cover;
}
.hero_banner_overlay{
position:absolute;
inset:0;
background:linear-gradient(120deg, rgba(4, 8, 21, 0.84) 12%, rgba(4, 8, 21, 0.52) 58%, rgba(4, 8, 21, 0.3) 100%);
display:flex;
align-items:center;
justify-content:center;
text-align:center;
}
.hero_banner_overlay .container-xl{
height:100%;
display:flex;
align-items:center;
justify-content:center;
}
.hero_banner_content{
max-width:760px;
color:#fff;
padding:0;
}
.hero_banner_content h1{
font-size:clamp(2rem, 4.2vw, 3.8rem);
line-height:1.1;
color: #fff !important;
}
.hero_banner_content p{
max-width:690px;
margin-left:auto;
margin-right:auto;
}

.main_2{
margin-top:42px;
}

.team_card_img{
min-height:220px;
object-fit:cover;
}

@media (min-width:992px){
.news_1_balanced{
align-items:stretch;
}
.news_1_balanced > [class*="col-"]{
display:flex;
}
.news_1l{
min-height:100%;
}
.news_1r_stack{
display:flex;
flex-direction:column;
gap:1rem;
min-height:100%;
height:100%;
}
.news_1_balanced .news_1ri{
flex:1 1 0;
min-height:0;
margin-top:0!important;
align-items:stretch;
}
.news_1_balanced .news_1ril,
.news_1_balanced .news_1ril .grid,
.news_1_balanced .news_1ril figure{
height:100%;
}
.news_feature_figure,
.news_feature_img{
min-height:100%;
}
.news_feature_img,
.news_side_img{
object-fit:cover;
width:100%;
}
.news_side_img{
min-height:88px;
}
}

#spec{
padding-bottom:28px;
}
/*********************center_home_end****************/

/*********************about_h****************/
#about_h{
margin-top:30px;
 }

.about_h_2li1 span a{
width:90px;
height:90px;
line-height:90px;
}
.about_h_2li1{
padding-top:26%; 
background:#00000087;
display:none;
transition: 0.3s;
border:5px solid var(--site-accent, #4f46e5);
width:85%;
height:85%;
margin-top:6%;
margin-left:8%;
 }
.about_h_2l:hover .about_h_2li1{
display:block; 
transition: 0.3s;
 }
/*********************about_h_end****************/


/*********************achieve****************/
#achieve {
background-image: url(../img/11.jpg);
background-position: center;
}
.achieve1ri1{
border:1px solid #404e58;
transition: 0.3s;
 }
.achieve1ri1:hover{
border:1px solid var(--site-accent, #4f46e5);
 }
/*********************achieve_end****************/

/*********************team****************/
#ad {
background-image: url(../img/16.jpg);
background-position: center;
}
/*********************team_end****************/

/*********************testim****************/
#testim {
background-image: url(../img/11.jpg);
background-position: center;
}
/*********************testim_end****************/


@media screen and (max-width : 767px){
.hero_banner_media img{
min-height:280px;
max-height:320px;
 }
.hero_banner_content{
max-width:560px;
padding:0 8px;
 }
.hero_banner_content p{
font-size:16px!important;
 }
.hero_banner_content br{
display:none;
 }
.hero_banner_content .button,
.hero_banner_content .button_1{
padding-left:15px;
padding-right:15px;
font-size:14px;
 }
.main_2{
margin-top:28px;
 }
#about_h {
margin-top:20px;
}
.about_h_2li1{
padding-top:18%; 
 }
.about_h_2r{
margin-top:15px; 
 }
.about_h_2r h4{
text-align:center;
 }
.achieve1l h3{
text-align:center; 
 }
.achieve1ri1 {
margin-bottom:10px; 
 }
.ad_1l h1{
text-align:center;
font-size:32px; 
 }
.ad_1l br{
display:none;
 }
.ad_m {
padding-top:20px!important; 
padding-bottom:20px!important; 
 }
.ad_1r {
padding-top:10px!important;
text-align:center!important; 
 }
.news_1l  h6{
text-align:center; 
 }
.news_1l {
margin-bottom:15px; 
 }
.news_1rir{
margin-top:15px; 
 }
.shop_1i{
margin-top:8px;
margin-bottom:8px; 
 }
.testim_1i1  h5{
font-size:16px; 
 }
.testim_1i1 {
margin-top:8px;
margin-bottom:8px;  
 }
.subs_o1l h1{
font-size:24px!important; 
 }
.subs_o1l h1 span{
font-size:14px!important;
margin-left:35px; 
 }
.subs_o1r{
margin-top:15px; 
 }
 }

@media (min-width:576px) and (max-width:767px) {
.hero_banner_media img{
min-height:300px;
max-height:360px;
 }
.hero_banner_content{
padding:0 12px;
 }
.hero_banner_content p{
font-size:18px!important;
 }
.hero_banner_content .button,
.hero_banner_content .button_1{
padding-left:20px;
padding-right:20px;
font-size:16px;
 }
.about_h_2li1{
padding-top:26%; 
 }
 }
@media (min-width:768px) and (max-width:991px) {
.hero_banner_media img{
min-height:340px;
max-height:400px;
 }
.hero_banner_content br{
display:none;
 }
.hero_banner_content{
max-width:620px;
padding:0 14px;
 }
.main_2{
margin-top:34px;
 }
.about_h_2li img{
min-height:450px; 
 }
.about_h_2li1{
padding-top:36%; 
 }
.achieve1l img{
min-height:280px; 
 }
.achieve1ri1  .font_60{
font-size:45px; 
 }
.achieve1ri1  h5{
font-size:14px; 
 }
.ad_1l br{
display:none; 
 }
 }

@media (min-width:992px) and (max-width:1200px) {

 }



