/*
Template Name: Educto
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****************/



.main-class-box{
    display: flex;
    width: 100%;
    padding-bottom: 80px;
}
.cl-main-box-2{
    display: flex;
}
.cl-2-box{
    display: flex;
    width: 100%;
}
.cl-3-box{
    padding: 10px;
    width: 320px;
}

.course-img{
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

.cl-hand-1{
    width: 100%;
}
.cl-hand-2{
    width: 80%;
}




.center_m{
background: linear-gradient(135deg, #01002a, #01002a) !important;
padding-top:0px;
padding-bottom:0px; 
 }
.center_1l h1 {
font-size:130px; 
 }
.center_1l{
padding-top:100px;
padding-left: 10%;
}
.center_h {
background-image: url(../img/1.jpg);
background-position: center;
}
/*********************center_home_end****************/

/*********************feature****************/
.feature_2i span{
width:70px;
height:70px;
line-height:70px;
font-size:30px;
 }
.feature_2i .line{
width: 30px;
height: 3px!important;  
 }
.feature_2i:hover{
box-shadow: 0px 4px 20px -3px rgb(22 36 62 / 15%); 
 }

.feature_2i1 .line{
background-color: #2ECA7F; 
 }
.feature_2i1 span{
background: rgba(46, 202, 127, 0.12);  
 }
.feature_2i1:hover span{
background-color: #2ECA7F;
color:#fff;
 }

.feature_2i2 .line{
background-color: #3B34FF;
 }
.feature_2i2 span{
color: #3B34FF;
background: rgba(59, 52, 255, 0.12);
 }
.feature_2i2:hover span{
background-color: #3B34FF;
color:#fff;
 }

.feature_2i3 .line{
background-color:#FF7700;
 }
.feature_2i3 span{
background: rgba(255, 119, 0, 0.12);
 }
.feature_2i3:hover span{
background-color:#FF7700;
color:#fff;
 }
 
.feature_2i4 .line{
background-color:#FF2C7B;
 }
.feature_2i4 span{
color: #FF2C7B;
background: rgba(255, 44, 123, 0.12);
 }
.feature_2i4:hover span{
background-color:#FF2C7B;
color:#fff;
 }

/*********************feature_end****************/

/*********************apply****************/
#apply {
background-image: url(../img/9.jpg);
background-position: center;
}
.apply_1l1i{
border:3px solid #516e99;
 }
#apply .center_m{
padding-top:100px;
padding-bottom:100px; 
 }
/*********************apply_end****************/

/*********************event****************/
.event_2l{
border-right:1px solid #f9ebdf;  
 }
/*********************event_end****************/
@media screen and (max-width : 576px){
.cl-2-box{
    display: block;
}
}


@media screen and (max-width : 767px){
    .center_1l{
padding-left: 0px !important;
}
   .center_1l p{
text-align: center !important;
}
.cl-main-box-2{
   display: block;
}
.center_1l h2{
padding-top: 30px !important;
}


.center_1l h1 {
font-size:40px;
}
.center_1l {
padding-top:0;
margin-bottom:15px;
text-align:center;
}
.center_1l p{
text-align:left;
}
.center_1l .button{
padding-left:8px!important;
padding-right:8px!important;
font-size:14px; 
 }
.center_1l .button_1{
padding-left:8px!important;
padding-right:8px!important; 
font-size:13px; 
 }
.center_1l ul li{
margin:0!important;
 }
.center_1 {
padding-left:10px!important;
padding-right:10px!important;  
 }
.feature_2i {
margin-top:8px;
margin-bottom:8px; 
 }
.feature_2i p{
text-align:left; 
 }
#apply .center_m {
padding-top:40px;
padding-bottom:40px;
}
.apply_1l1i {
margin-top:8px;
margin-bottom:8px; 
 }
.apply_1r{
margin-top:10px; 
 }

.event_2l {
 border:none;
 }
.event_2m {
text-align:center;  
 }
.blog_h1i {
margin-top:8px;
margin-bottom:8px; 
 }
.blog_h1i .button{
display:block;
width:80%;
margin-left:auto;
margin-right:auto;
text-align:center;
 }
 }

@media (min-width:576px) and (max-width:767px) {
.center_1l .button{
padding-left:20px!important;
padding-right:20px!important;
 }
.center_1l .button_1{
padding-left:20px!important;
padding-right:20px!important; 
 }

 }
@media (min-width:768px) and (max-width:991px) {
.center_1r img{
min-height:530px; 
 }
.center_1l h1 {
font-size:40px;
}
.center_1l .button{
padding-left:20px!important;
padding-right:20px!important;
 }
.center_1l .button_1{
padding-left:20px!important;
padding-right:20px!important; 
 }
.event_2l  h6{
 font-size:13px;
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.center_1r img{
min-height:530px; 
 }
.center_1l h1 {
font-size:60px;
}
 }
@media (min-width:1201px) and (max-width:1300px) {
.center_1r img{
min-height:530px; 
 }
.center_1l h1 {
font-size:60px;
}
 }


 #apply {
    background-color: #01002a !important;
    background-image: none !important;
  }
  #footer {
    background-color: #01002a !important;
    background-image: none !important;
  }

  @media (max-width: 767px) {
    .dropdown-menu.drop_1 a {
      font-size: 18px; /* Smaller font size for mobile */
    }
  }