@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
*{
    padding: 0; 
    margin: 0;
    box-sizing: border-box;
    font-family: var(--secondary-font);
}
:root{
    --first-color: #e6a400;
    --second-color: #001932;
    --third-color: rgb(27 66 110);
    --white-color: white;
    --black-color: black;
    --bg-light-2: #f2f7fa;
    --primary-font: Quicksand;
    --secondary-font: 'Poppins', sans-serif;
}
.header_wrapper{
    padding: 8px 0px;
    background-color: var(--first-color);
   
}
.header_wrapper .header_item a{
    text-decoration: none;
    color: var(--white-color);
    margin-left: 10px;
}
.header_wrapper .header_item2{
    justify-content: center;
    text-align: center;
}
.header_wrapper .header_item2 a{
    margin-left: 15px;
 
}
.header_wrapper .header_item2 a i{
    padding: 5px;
    border-radius: 50%;
    background-color: var(--bg-light-2);
    color: var(--first-color);
}
.logo_wrapper{
    min-height: 170px;
    background-color: var(--second-colr);
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 10px 0px;
}
.logo_wrapper .logo{
    height: 130px;
    width: 130px;
}
.logo_wrapper h1{
    font-size: 30px;
    font-weight: 700;
    color: var(--second-color);
}
.logo_wrapper h2{
    font-size: 25px;
    color: var(--first-color);
    font-weight: 600;
}
.logo_wrapper h3{
    font-size: 20px;
    font-weight: 600;
}
.logo2{
    height: 100px;
}
.nav_wrapper{
    background-color: var(--second-color);
}
.nav_wrapper a{
    color: var(--white-color);
}
.nav_wrapper a:hover{
    color: var(--first-color);
}
.nav_wrapper .dropdown-menu {
background-color: var(--second-color);
}
.img_slider img{
    height: 500px;
}
.text_slider{
    min-height: 50px;
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: var(--second-color);
}
.text_slider .text_item{
    min-height: 50px;
    background-color: var(--first-color);
    align-items: center;
    display: flex;
    justify-content: center;
 text-align: center;
 position: relative;
}
.text_slider .text_item::before{
    border-top: 15px solid transparent;
    border-left: 20px solid var(--first-color);
 border-bottom: 15px solid transparent; 
    content: "";
    height: 0;
    right: -10px;
    position: absolute;
    top: 8px;
}
.text_slider .text_item span{
    font-size: 20px;
    font-weight: 500;
    color: var(--white-color);
}
.text_slider .text_item2{
    min-height: 50px;
    align-items: center;
    display: flex;
    justify-content: center;
 text-align: center;
}
.text_slider .text_item2 marquee{
    color: var(--white-color);
}
.home_wrapper{
    padding: 50px 0px;
}
.home_wrapper span{
    font-size: 18px;
    position: relative;
    
}
.home_wrapper span::after{
    content: '';
    width: 120px;
    height: 2px;
    background-color: var(--first-color);
    color: var(--first-color);
    position: absolute;
    bottom: -5px;
    left: 0px;
   
}
.home_wrapper h2{
    font-weight: 500;
    margin: 10px 0px 20px 0px;
}
.home_wrapper p{
    margin-bottom: 30px;
}
.home_wrapper a{
    text-decoration: none;
    color: var(--white-color);
    background-color: var(--second-color);
    padding: 8px 20px;
    

}
.home_wrapper img{
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
.home_wrapper1{
    min-height: 100px;
    background-color: var(--second-color);
    justify-content: center;
    text-align: center;
    align-items: center;
    display: flex;
    padding: 20px 0px;
}
.home_wrapper1 .home_item{
    border-right: 1px solid var(--white-color);
}
.home_wrapper1 h3{
    font-weight: 600;
    color: var(--first-color);
}
.home_wrapper1 span{
    color: var(--first-color);
    font-weight: normal;
}
.menter_wrapper{
    padding: 50px 0px;
}
.menter_wrapper h2{
    font-weight: 500;
    position: relative;
    margin-bottom: 40px;
}
.menter_wrapper h2 span{
    color: var(--first-color);
}
.menter_wrapper h2::after{
    content: '';
    width: 7%;
    height: 3px;
    background-color: var(--first-color);
    left: 0; bottom: 0;
    position: absolute;
}
.menter_wrapper .menter_inner img{
width: 100%;
margin-bottom: 15px;
}
.menter_wrapper .menter_inner p{
    padding: 0px 15px;
    color: var(--first-color);
}
.menter_wrapper .menter_inner span{
    padding-left:15px;
}
.menter_wrapper .menter_inner{
    background-color: var(--bg-light-2);
    padding: 10px;
}
.events-section{
    padding: 50px 0px;
   
}
.events-section .inner-event{
    background-color: var(--white-color);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

}
.events-section .inner-event h3{
    background-color: var(--first-color);
    padding: 8px 0px;
    text-align: center;
    font-weight: 600;
    color: var(--white-color);
    font-size: 20px;
}
.events-section .inner-event marquee{
    min-height: 400px;
}
.events-section .inner-event marquee ul{
    list-style-type: none;

}
.events-section  marquee ul li{
    margin-top: 10px;
}
.events-section  marquee ul li a{
    text-decoration: none;
    color: var(--black-color);
}
.events-section  marquee ul li span{
    padding-left: 30px;
    color: var(--first-color);
}
.view_more-btn {

    padding: 10px 0px 20px 20px;
}
.view_more-btn a{
    text-decoration: none;
    padding: 6px 15px;
    background-color: var(--second-color);
    color: var(--white-color);
}
.principle_msg{
    padding: 50px 0px;
    background-color: var(--bg-light-2);
}
.principle_msg h3{
    font-weight: 600;
    position: relative;
    margin-bottom: 30px;
}
.principle_msg h3::after{
    content: '';
    width: 110px;
    height: 2px;
    background-color: var(--first-color);
    position: absolute;
    bottom: -7px;
    left: 0;
}
.principle_msg h3 span{
    color: var(--first-color);
}
.principle_msg a{
    text-decoration: none;
    padding: 6px 18px;
    background-color: var(--second-color);
    color: var(--white-color);

}
.principle_msg img{
    width: 100%;
    height: 400px;
    margin-bottom: 25px;
}
.principle_msg .prince_item{
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    background-color: var(--white-color);
}
.principle_msg .detail{
    padding: 0px 0px 10px 20px;
}
.principle_msg .detail p{
    font-size: 18px;
    color: var(--first-color);
}
.principle_msg .detail p span{
    color: var(--black-color);
    font-size: 16px;
}
.feature_wrapper{
    padding: 50px 0px;
    background-color: var(--bg-light-2);
}
.feature_wrapper h2{
    font-size: 25px;
    position: relative;
    font-weight: 600;
    margin-bottom: 30px;
}
.feature_wrapper h2 span{
    color: var(--first-color);
}
.feature_wrapper h2::after{
    content: '';
    width: 7%;
    height: 2px;
    background-color: var(--first-color);
    left: 10px; bottom: -3px;
    position: absolute;
}
.feature_wrapper p{
    line-height: 1.9;
}
.feature_wrapper p i{
    font-size: 25px;
    padding: 0px 2px;
    color: var(--first-color);
}
.feature_wrapper  .widegt{
    border-top: 2px dotted var(--first-color);
    position: relative;
}
.feature_wrapper .widegt .fa-circle{
    position: absolute;
    top: -8px;
    right: 50%;
    color: var(--first-color);
}
.feature_wrapper .feature_item{
    justify-content: center;
    text-align: center;
}
.feature_wrapper .feature_item span{
    font-size: 16px;
    font-weight: 500;
}
.feature_wrapper .feature_item i{
    font-size: 30px;
    padding: 15px 0px;
    color: var(--first-color);
}
.homecontact_wrapper{
    background-image: url(student.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 400px;
   margin: 10px 0px;
}
.homecontact_wrapper .homecontact_wrapper1{
    background-color: rgba(38, 50, 71, 0.7);
    min-height: 400px;
    padding: 50px 0px;
}
.homecontact_wrapper h3{
    font-weight: 700;
    color: var(--white-color);
    padding-left: 10px;
    border-left: 3px solid var(--white-color);
    margin-bottom: 30px;
}
.homecontact_wrapper ul{
    list-style-type: none;
}
.homecontact_wrapper ul li{
    margin-top: 15px;
}
.homecontact_wrapper ul li i{
    padding: 10px;
    color: var(--second-color);
    border-radius: 50%;
    background-color: var(--white-color);
    margin-right: 10px;
}
.homecontact_wrapper ul li a{
    color: var(--white-color);
    text-decoration: none;
}
.homecontact_wrapper h4{
    font-weight: 700;
    color: var(--white-color);
    padding-left: 10px;
    border-left: 3px solid var(--white-color);
  
}
.homecontact_wrapper h5{
    color: var(--white-color);
    font-size: 18px;
    margin-bottom: 10px;
}
.homecontact_wrapper input{
    background-color: transparent;
    color: var(--white-color);
}
.homecontact_wrapper textarea{
    background-color: transparent;
}
.homecontact_wrapper button{
    margin: 20px 0px;
    padding: 6px 20px;
    border: 1px solid var(--white-color);
    border-radius: 8px;
    color: var(--white-color);
 
}
.homecontact_wrapper button:hover{
    background-color: var(--second-color);
    color: var(--white-color);
}
.homecontact_wrapper button i{
    font-size: 20px;
    margin: 0px 5px;
}
/*-----------------------------------------*/
.testimonial_wrapper{
    background-image: url(student.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 400px;
    margin: 10px 0px;
}
.testimonial_wrapper .testimonial_wrapper1{
    background-color: rgba(38, 50, 71, 0.7);
    min-height: 400px;
    padding: 50px 0px;
}
.testimonial_wrapper h2{
    font-weight: 700;
    color: var(--white-color);
    padding-left: 8px;
    border-left: 3px solid var(--white-color);
    font-size: 25px;
}
.testimonial_wrapper h2 span{
    color: var(--first-color);
}
.testimonial_wrapper h3{
    color: var(--white-color);
    font-size: 18px;
}


.client-slider-section .item {
    padding: 50px 0px;

color: var(--white-color);
    justify-content: center;
 
    text-align: center;

}

.client-slider-section img {
    width: auto !important;
    height: 100px;
    border-radius: 50%;
    position: relative;
left: 46%;
bottom: 10px;
}
.client-slider-section h6{
    color: var(--first-color);
}
.footer_wrapper{
    padding: 40px 0px;
    background-color: var(--second-color);
    border-top: 3px solid var(--first-color);
    color: var(--white-color);
}
.footer_wrapper img{
    height: 110px;
    width: auto;
    margin-bottom: 20px;
}
.footer_wrapper h4{
    font-size: 20px;
    margin-bottom: 20px;
}
.footer_wrapper ul{
    list-style-type: none;
}
.footer_wrapper ul li{
    margin-top: 10px;
}
.footer_wrapper ul li i{
    color: var(--first-color);
    margin: 0px 8px;
}
.footer_wrapper ul li a{
    text-decoration: none;
    color: var(--white-color);
}
.course_wrapper{
    padding: 40px 0px;
    background-color: var(--bg-light-2);
}
.course_wrapper h2{
    font-weight: 700;
    text-align: center;
    font-size: 25px;
}
.course_wrapper h2 span{
    color: var(--first-color);
}

.course_wrapper .course_item{
    padding: 20px 10px;
    background-color: var(--white-color);
    min-height: 470px;
}
.course_wrapper .course_item h3{
    font-size: 20px;
    font-weight: 700;
}
.course_wrapper .course_item a{
    background-color: var(--first-color);
    color: var(--white-color);
}
.blog_wrapper{
    padding: 40px 0px;
}
.blog_wrapper h2{
    text-align: center;
    font-weight: 700;
    font-size: 25px;
}
.blog_wrapper .blog_inner{
    background-image: url(news-blog-img1.jpg);
    height: 455px;
    justify-content: start;
    align-items: end;
    display: flex;
    padding: 0px 0px 20px 20px;
}
.blog_wrapper .blog_inner2 .sp1{
    padding: 2px 10px;
    border-radius: 6px;
    background-color: var(--first-color);
    color: var(--white-color);
   
}
.blog_wrapper .blog_inner2 a{
    font-weight: 600;
    font-size: 22px;
    color: var(--white-color);
    padding-top: 8px;
    text-decoration: none;
}
.registration_wrapper{
    padding: 30px;
    border: 1px solid silver;
    border-radius: 5px;
    margin: 50px 0px;
}
.registration_wrapper h1{
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    text-decoration: underline;
    margin-bottom: 15px;
}
.registration_wrapper p{
    line-height: 0.2;
}
.registration_wrapper .regbtn{
    background-color: var(--first-color);
    color: var(--white-color);
    padding: 8px 20px;
}
.registration_wrapper .regbtn:hover{
    background-color: var(--second-color);
    color: var(--white-color);
}
/*--------------------our-vision-and-mission------------------*/
.mission_wrapper{
    padding: 40px 0px;
}
.mission_wrapper h2{
font-size: 25px;
font-weight: 700;
text-align: center;
margin-bottom: 30px;
}
.mission_wrapper .mission_item{
    padding: 30px 20px;
background-color: var(--first-color);
    box-shadow: antiquewhite 0px 0px 0px 2px inset, rgb(255, 255, 255) 10px -10px 0px -3px, var(--second-color) 10px -10px;
    border-radius: 6px;
    justify-content: center;
    color: var(--white-color);
    text-align: center;
}
.mission_wrapper .mission_item i{
    margin-bottom: 10px;
    font-size: 30px;
}
.mission_wrapper .mission_item h3{
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}



.testimonial-slider {
    display: flex;
    overflow: hidden;
    position: relative;
  }
  
  .testimonial-slide {
    min-width: 100%;
    box-sizing: border-box;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    margin-right: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.5s ease-in-out;
  }
  
  .testimonial-slide p {
    font-size: 1.2rem;
    color: #555;
  }
  
  .testimonial-slide p:last-child {
    font-style: italic;
    color: #888;
  }
  
  .testimonial-slider:hover {
    cursor: pointer;
  }
  /*--------------------------------------*/
  .contactpage_wrapper{
    padding: 40px 0px;
  }
  .contactpage_wrapper .contactpage_inner{
    background-image: url(img/b2.png);
    min-height: 600px;
    background-size: cover;
    background-position: center;
  }
  .contactpage_wrapper .contactpage_inner1{
    min-height: 600px;
    background-color:rgba(0,25,50,0.7);
padding:50px 80px;
   
  }
  .contactpage_wrapper .contactpage_inner1 p{
    color: var(--white-color);
    font-weight: 500;
    font-size: 20px;
  }
  .contactpage_wrapper .contactpage_inner1 p i{
    padding-right: 25px;
    font-size: 22px;
  }
  .contactpage_wrapper .contactpage_inner1 a{
    color: var(--white-color);
    text-decoration: none;
  }
  .contactpage_wrapper .contactpage_inner1 a:hover{
    color: var(--first-color);
    text-decoration: underline;
  }
  .contactpage_wrapper .form{
    background-color: var(--bg-light-2);
    padding: 20px 40px;
min-height: 600px;
  }
  .contactpage_wrapper .form h1{
    text-align: center;
    font-size: 30px;
    margin-bottom: 30px;
  }
  .contactpage_wrapper .form input{
    
  }
  .contactpage_wrapper .form button{
    background-color: var(--second-color);
    color: var(--white-color);
    padding: 6px 30px;
  }
  .contactpage_wrapper .form button:hover{
    background-color: var(--first-color);
  }
  /*---------------------------*/
  .ads{
    position: fixed;
    top: 50%;
    left: -57px;
    background: linear-gradient( to right, red,green,blue);
    rotate: 90deg;
    padding: 11px 4px;
    border-radius: 3px;
  }
  .ads a{
    text-decoration: none;
    padding: 8px 10px;
    background-color: var(--first-color);
    color: var(--white-color);
    border-radius: 3px;
  }
  .ads a:hover{
    background-color: var(--second-color);
  }
  /*-------------------------------------*/
  .aboutpage_header{
    min-height: 350px;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
    background-image: url(img/b2.png);
    background-position: center;
    background-size: cover;
  }
  .aboutpage_header h1{
    color: var(--white-color);
    font-weight: 700
  }
  /*----------------------------------*/
  .aboutpage_wrapper{
    padding: 40px 0px;
    
  }
  .aboutpage_wrapper h2{
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 20px;
  }
  .aboutpage_wrapper1{
    padding: 40px 0px;
    background-color: var(--bg-light-2);
  }
  .aboutpage_wrapper1 h2{
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 20px;
  }
  .aboutpage_wrapper1 img{
    height: 400px;
  }
  .aboutpage_wrapper2{
    padding: 40px 0px;

  }
  .aboutpage_wrapper2 h2{
    text-align: center;
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 20px;
  }
  .aboutpage_wrapper2 h2 span{
    color: var(--first-color);
  }
  .aboutpage_wrapper2 .about_inner{
    padding: 20px 10px;
    justify-content: center;
    text-align: center;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: var(--bg-light-2);
    border-top: 2px solid var(--first-color);
    border-bottom: 2px solid var(--first-color);
  }
  .aboutpage_wrapper2 .about_inner i{
    font-size: 30px;
    color: var(--first-color);
    padding-bottom: 10px;
    
  }
  .aboutpage_wrapper2 h3{
    font-size: 25px;
    color: var(--second-color);
  }