:root{

    --main-text-color:#333435;

    --btn-bg-color:#29649e;

    --white-text-color:#dff6ed;

    --btn-green-bgcolor:#00b573;

}

a{

    text-decoration: none;

}

a:hover,a:focus{

    text-decoration: none;

    color:var(--main-text-color);

}

ul{

    margin: 0 !important;

    padding: 0 ;

}

li{

    list-style: none;

}

html{

    font-size:62.5%;

}





/* ///////////////////header////////////////////// */

.logo img{

    width:80%;

    margin: 0 auto;

}

.header{

    padding:.5rem 0 0 0;

    //box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}

.menu ul li{

display: inline-block;

padding: 1.5rem 0;

}

.menu ul li a{

    color:var(--main-text-color);

    padding: 0 1.8rem;

    font-size:1.6rem;

}

.loginbtn ul li{

    display: inline-block;

   

}

.menu ul li a:hover{

    text-decoration: none;

}

.menu ul li a{

    text-decoration: none;

}





.loginbtn ul li{

margin:0 1rem;

}

#login{

    background-color: var(--btn-bg-color);

    color: var(--white-text-color);

    padding: .6rem 3rem;

    border-radius: 3rem;

    font-size: 1rem;

}

#login a{

    color: var(--white-text-color);

    font-size: 1.6rem;

}



#register{

    background-color: var(--btn-green-bgcolor);

    color: var(--white-text-color);

    padding: 0.6rem 3rem;

    border-radius: 3rem;

    font-size: 1rem;

}

#register a{

    color: var(--white-text-color);

    font-size: 1.6rem;



}

.loginbtn{

    float: right;

    padding: 1rem 0;

}







/* ///////////////////banner ////////////////////// */

.banner{

    background-image: linear-gradient(90deg, rgba(241,247,247,1) 0%, rgba(146,213,244,1) 150%);

    height:40rem;

    padding: 4rem 0rem;

}

.bannertext{

    padding: 7rem 0rem;

}

.bannaer_img{

    

}

.bannaer_img img{

width:75%;

float: right;

padding-bottom: 4rem;

}



.bannertext ul li{

display: inline-block;

padding-right: 2rem;

margin:1.6rem 0;

font-size: 1.6rem;

}

#check-course a{

    background-color: var(--btn-bg-color);

    padding: 0.8rem 2rem;

    border-radius: 10rem;

    font-size: 1.5rem;

    color: var(--white-text-color);

}

.bannertext h1{

    margin:0px;

    font-size: 3.8rem;

    padding-bottom: 1.6rem;

    text-align: left;

}

.bannertext p{

    color:#29649e;

    width:90%;

    line-height: 2.2rem;

    font-size: 1.6rem;

}

.bannertext i{

    margin-right: 0.6rem;

    border: 2px solid #29649e;

    padding: 0.8rem;

    border-radius: 100%;

}

.news_detailss p {
    font-size: 1.6rem;
}

.news_detailss h6 a {
    background-color: var(--btn-bg-color);
    color: #fff;
    font-size: 1.6rem;
    padding: 1rem 2rem;
    display: inline-block;
    margin: 1.5rem 0;
    border-radius: 3rem;
    text-transform: uppercase;
}

.news_detailss img{
    width: 100%;
    //height: 380px  !important;
    object-fit: cover;
    margin-bottom: 20px;
}

/* //////////testimonial///////////////////// */



.testimonial{

    padding: 2rem 0;

    background-color:var(--btn-bg-color) ;

}

/* ////////////footer////////////// */

#footer_links img{

width:80%;

margin:0 auto;

padding-bottom: 2rem;

}

.acadame_footer{

    display: flex;

    justify-content: space-between;

}

#footer_links{

    width:25%;

}

.footer_links{

    width:14%;

}

.footer{

    padding:3rem 0rem;

    background-color: #f7f8fc;

}

.footer_links p{

    color:#777777;

    font-size: 1.6rem;

}

.footer_links h2{

    margin:0px;

    padding-bottom: 1.5rem;

    color:#3b3b3b;

    font-weight: bold;

    font-size: 2.2rem;



}

.footer_links ul li{

    line-height: 2.5rem;



}

.footer_links ul li a{

    font-size: 1.6rem;

    color:#777777;

}

.footer hr{

    border-color: #777777;

    margin: 1.5rem 0;

}



.social_media i{

    background-color: #fff;

    width:3.5rem;

    height: 3.5rem;

    font-size: 1.6rem;

    line-height: 3.5rem;

    border-radius: 100%;

    text-align: center;

    margin-right: 1.4rem;

    border:1px solid #ccc;

 }

 .social_media i:hover{

    background-color: var(--btn-bg-color);

    color:#fff;

 }

 .footer h6{

    color:#777777;

    text-align: center;

    margin: 0;

    font-size: 1.6rem;

    padding: .5rem;

 }



/* ////////////////////////////Subscribe////////////

 */

 .subscribe{

padding:4rem 6rem;

text-align: center;

width:60%;

margin: 0 auto;

 }

 .subscribe h2{

    font-size: 3.5rem;

 }

 .subscribe h3{

    font-size: 3.5rem;

    font-weight: bold;

    color: #000;

    margin:0;

    padding-bottom: 1rem;

 }

 

 .subscribe p{

    font-size: 1.6rem;

    width: 65%;

    margin: 0 auto;

    color:#777777;

    line-height: 2.5rem;



 }

 .emailsubscribe{

    display: flex;

 }

 .emailsubscribe {

    width: 65%;

    margin: 2rem auto;

 }

 .social_media{

    display: flex;

 }

 .emailsubscribe input[type=email]{

    width: 100%;

    padding: 1.6rem;

    border-radius: 3rem;

    font-size: 1.6rem;

    border: 1px solid #ccc;

 }

 .emailsubscribe input[type=submit]{

        /* width: 100%; */

        background-color: var(--btn-bg-color);

        color: #fff;

        width: 39%;

        border-radius: 3rem;

        margin-left: -13rem;

        font-size: 1.6rem;

        border: none;

 }

 





 /* ////about//////////// */

 .about{

    padding: 6rem 0;

 }

 .about1{

    width:70%;

 }

 .about2{

    width: 70%;

    float: right;

    margin-top: -9rem;

    margin-right: 3rem;

    clear: both;

 }

 .about_img h2{

    font-size: 2.2rem;

    padding-bottom: 1rem;

 }

 .about_img h5{

    font-size: 1.6rem;

    padding-bottom: 1rem;



 }

 .about_img p{

    font-size: 1.6rem;

    line-height: 2.2rem;

 }

 .about_img h6{

    background-color: var(--btn-bg-color);

    border-radius: 2.5rem;

    font-size: 1.6rem;

    color:#fff;

    text-align: center;

    padding: 1.2rem;

    margin: 2.5rem 0;

 }

 #about_img{

    padding: 6rem 0;

 }



 /* ////news////////// */



 .news_details{

    padding: 1rem 0;

 }

 #news-details h1{

    text-align: left;

    padding:  2rem 0;

 }

 .news_details ul{

margin: 0px;

padding: 1.2rem 0;

 }

 .news_details ul li{

    display: inline-block;

    padding-right: 2rem;

    color:var( --btn-bg-color);

    font-size: 1.4rem;

    font-weight: 800;

 }

 #search{

    border:1px solid #ccc;

    border-radius: .5rem;

 }

 .news_details h3{

    margin:0px;

    padding: 2rem 0 .5rem 0;

    color:var( --btn-bg-color);

    

 }

 .news_details p{

    font-size: 1.6rem;

 }

 .news_event{

    background-color: var(--btn-bg-color);

    padding: 5rem 0;

 }

 .news_details h2{

    font-size: 2rem;

    font-weight: 600;

    padding: 1rem 0;

 }

 .news_details hr{

    border-bottom: 2px solid var( --btn-bg-color);

    width:8rem;

    opacity: 1;

    margin: 0 0 1rem 0;



 } 



.recent img{

    width:100%;

    height: 100px;

    object-fit: cover;

    border-radius: 1rem;

}

.recent h6{

    color: var(--btn-bg-color);

    font-size: 1.4rem;

}

.recent h5{

    font-size:1.6rem;

}

#quis{

    padding: 1rem 0;

}



 .news_details h6 a{

    background-color: var(--btn-bg-color);

color: #fff;

font-size: 1.6rem;

padding: 1rem 2rem;

display: inline-block;

margin: 1.5rem 0;

border-radius: 3rem;

text-transform: uppercase;

 }

 .news_event h1{

text-align: center;

font-size: 3rem;

color:#fff;

 }

.news_event hr{

    width:5%;

    color: #fff; 

    margin: 1rem auto;

    border:2px solid #fff;

    opacity: 1;

}

.our_news h6{

    margin: 0 auto;

    width: 55%;

    text-align: center;

    font-size: 1.6rem;

    color: #fff;

    font-weight: 100;

    line-height: 2.2rem;

}

.news_img{

    margin: 4rem 0;

    background-color: #fff;

}

.news_img img{

    width:100%;

    height: 200px;

    object-fit: cover;

}

.certified{

    padding: 20px;

}

.certified h2{

    color: #000;

    font-size: 2rem;



}



.certified p{

    color: #777777;

    font-size: 1.6rem;

}

.certified h4{

    color:#29649e;

}

.our_news h3{

    color:#29649e;

    width:13%;

    margin: 0 auto;

    text-align: center;

    background-color: #fff;

    border-radius: 3rem;

    padding: 1rem 2rem;

    font-size: 1.6rem;

}

.free{

    padding: 3rem 0;

    background-color: #f7f8fc;

}

.free h6{

    text-align: center;

    font-size:1.6rem;

    color:#29649e;

    padding: .6rem 0;



}

.free h2{

    text-align: center;

    font-size:2.3rem;

    text-transform: uppercase;

    color: #000;



}



/* free///////////// */

.free_question{

    margin:3rem 0;

    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;

}

.free_question img{

    width: 100%;

    height: 200px;

    object-fit: cover;

}

.free_questionn{

    padding: 1.5rem;

    background-color: #fff;

}

.free_question h5{

    color:#29649e;

    font-size: 1.8rem;

    padding: .6rem 0;

}

.free_question h3{

    color:#000;

    text-transform: uppercase;

    line-height: 2.5rem;

    font-size: 1.6rem;

}

.free_question h4{

    color: #777777;

    font-size: 1.3rem;

    padding-bottom: .5rem;



}

.free_questionn ul {

    margin:1rem 0;

}

.free_questionn ul li{

    display: inline-block;

}

.free_questionn i{

    font-size: 1.6rem;

    color:#29649e;

    padding-right: .4rem;

}

#star i{

    color: #dfe0e5;

}

.stars{

    display: flex;

    align-items: center;

    margin-bottom: .5rem;

}

.stars h6{

    margin-left: 1rem;

    font-size: 1.6rem;

}

.free_question p a{

font-size: 1.4rem;

padding: .5rem 2rem;

background-color: var(--btn-bg-color);

color: #fff;

border-radius: 3rem;



}

.free_question p{

    margin: 1rem 0;

}



/* ////courses//////// */

.banner_couses{

    background-image: url('../images/courses/courses.png');

    padding: 22rem 0;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    position: relative;

}



#contact-us{

    background-image: url('../images/contact-banner.png');

    padding: 22rem 0;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    position: relative;

}

.banner_couses:after{

    position: absolute;

    content: "";

    background: #29649e;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    /* opacity: 0.9; */

    z-index: 0000000;

  top: 0%;

  left: 0%;

  transform: translate(-20%, 0%);

	/* border-radius: 50% 22 40% 80%;   */

	/* filter: blur(100px); */

  background: linear-gradient(to right, rgba(41,100,158,0.86) 33%,rgba(255,255,255,0) 94%);

}



.banner_text h1{

    color:#fff;

    font-size: 4rem;

    opacity: 1;

    z-index: 99999;

    /* position: absolute; */

    letter-spacing: 1px;

    margin: 2rem 0;

    

}

.banner_text hr{

width:50%;

color:#fff;

/* position: absolute; */

z-index: 99999;

opacity: 1;

border:2px solid #fff;

}

.banner_text{

    position: absolute;

    top:40%;

    /* left: 6%; */

    z-index: 99999;

opacity: 1;

}

.welcome_text1{

    text-align: center;

    padding: 5rem 0;

}

.welcome_text1 h2{

font-size: 4.5rem;

}

.welcome_text1 h3{

    font-size: 4.5rem;

    font-weight: bold;

}

.welcome_text1 h4{

 font-size: 3rem;

color:#5b89b5;

 }

 .welcome_text1 p{

    width:75%;

    margin: 0 auto;

    font-size:1.6rem;

}

.popular_course{

    padding: 5rem 0;

}

.popular_course img{

width: 100%;

margin-bottom: 1.5rem;

height: 215px;

object-fit: cover;

}

.popular_course h2{

    text-align: center;

    font-size: 2rem;

    padding: .6rem 0;

    line-height: 2.6rem;

}

.img_courses{

    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;

    height: 300px;

    padding: 1rem;



}

.learning_path{

    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;

    padding: 1rem;

    border-radius: .5rem;



}

.learning_path img{

    width:100%;

    height: 150px;

    object-fit: cover;

}

.learning{

    padding: 4rem 0;;

}

.learning h2{

    text-align: center;

color:#5b89b5;

font-size: 2.4rem;

padding-bottom: 5rem;



}

.learning_path h6{

    margin: 0;

    font-size: 1.6rem;

    padding-bottom: 1.2rem;

}

.learning_path h5{

    margin-top: 7rem;

    color:#77777;

}

.learning_path{

    margin-bottom: 3rem;;

}





/* /////browse all/// */

.browseall{

    background-color: #f2f2f2;

    padding: 2rem;

    margin: 0rem 0 5rem 0;

}

.browseall h2{

    font-size: 2.4rem;

}

.search{

    display: flex;

    align-items: center;

}

.search i{

    font-size: 1.6rem;

    background-color: #fff;

    padding: 1.4rem 2.5rem;



}

.search input{

    width: 100%;

    background-color: #fff;

    padding: 1rem 2.5rem;

    border: none;

    outline: none;

    font-size: 1.6rem;

}

.browseall ul{

    padding: 2rem 0;

}

.browseall ul li{

    display: inline-block;

    padding-right: 2rem;

    font-size: 1.4rem;

}

.browseall ul li a{

    color:#dedede;

    font-weight: bold;

}

.active a{

    color:#000 !important;

}







/* //////faq//////////////// */



.accordion-items {

	color: #000;

    font-size: 14px;

    /* border-bottom: 2px solid #29649e; */

    letter-spacing: 0.8px;

    padding: 15px;

    cursor: pointer;

}

.accordion-heading {

	color: #000;

	font-size: 14px;

	border-bottom: 2px solid #29649e;

	letter-spacing: 0.8px;

	padding: 15px;

	cursor: pointer;

}

.accordion-heading:nth-last-child(2) {

	border-bottom: 0;

}

.accordion-heading:hover {

	background: #fff;

	border-radius: 0;

}

.accordion-heading:first-child:hover {

	border-radius: 3px 3px 0 0;

}

.accordion-heading:nth-last-child(2):hover {

	border-radius: 0 0 3px 3px;

}

.accordion-heading::before {

    content: "\f107 ";

    font-family: 'Font Awesome 5 Free';

    vertical-align: middle;

    display: inline-block;

    float: right;

    transform: rotate(0);

    transition: all 0.5s;

    margin-top: 5px;

    background: #000;

    color: #fff;

    padding: 10px;

    font-weight: 800;

    position: relative;

    height: 25px;

    line-height: 7px;

    border-radius: 100%;

    width: 25px;

    text-align: center;

    display: block;

    font-size: 15px;



    

}

.active.accordion-heading::before {

	transform: rotate(-180deg);

}

.not-active.accordion-heading::before {

	transform: rotate(0deg);

}

.accordion-content {

	display: none;

	background: #fffafa;

	padding: 15px;

	color: #7f8fa4;

	font-size: 13px;

	line-height: 1.5;

}



h1 {

	font-size: 40px;

	color: #000;

	font-weight: normal;

	text-align: center;

	margin: 50px 0;

}



#faq{

    background-image: url('../images/faq-banner.png');

    padding: 22rem 0;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    position: relative;

}







.faq{

    padding: 4rem;

    margin: 4rem;

    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;





}

.faq h2{

    padding-bottom: 2rem;

    font-size:2.4rem;

    font-weight: bold;

}

.accordion-button{

    background-color: #fff !important;

    border: none !important;

}

.accordion-item{

    border:none !important;

}

.accordion-item h2 button{

    font-size:2rem !important;

    border: none;

}

.accordion-button:not(.collapsed)::after{

    background-color: #000 !important;

    color:#fff !important;

}

.accordion-body {

    font-size: 1.6rem;

}



/* /////testimonial////////////// */

.testimonial_img{

    background-color: #fff;

    border-radius: .5rem;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

    padding: 1rem;

    height: 209px;



}

.testimonial_img h2{

    font-size: 1.6rem;

}

.testimonial_img p{

    font-size: 1.4rem;



}

.avtar{

    display: flex;

    justify-content: space-between;

    padding: 1rem;

}

.avtar ul{

    margin:0px;

    padding: 0px;

}

.avtar ul li{

    display: inline-block;

    

}

.avtar img{

    width:100%;

    margin-bottom: .5rem;

}

.avtar i{

    padding-right: .5rem;

    color:yellow;

    font-size:1.4rem;

    padding-bottom: .5rem;

}

#avtar_img{

    width:25%;

}



/* news/////////// */

.news_details img{

width:100%;

}







/* ///////form///////////// */

#form_banner{

    background-image: url('../images/form_banner.png');

    padding: 22rem 0;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    position: relative;

}

#get_banner{

    background-image: url('../images/get_banner.png');

    padding: 22rem 0;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    position: relative;

}

#academy{

    background-image: url('../images/academy.png');

    padding: 22rem 0;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    position: relative; 

}

.attend input{

    width:100%;

    height: 4rem;

    background-color: #f2f2f2;

    margin-bottom:1.8rem;

    border:none;

    outline: none;

    padding: 1rem;

font-size: 1.5rem;

}

.borders{

    border:1px solid #ccc;

    margin: 3rem 0;

}

.attend select{

    width:100%;

    height: 4rem;

    background-color: #f2f2f2;

    margin-bottom:1.8rem;

    border:none;

    outline: none;

    padding: 1rem;

font-size: 1.5rem;



}

.attend label{

    font-size:1.5rem;

    padding-bottom: 1rem;

}

.attend input[type=submit]{

    width: 100%;

    background-color: var(--btn-bg-color);

    border-radius: 3rem;

    color:#fff;

    font-size: 1.6rem;

    font-weight: bold;

    margin-top: 2rem;

}

.personalise h2{

    font-size: 3.2rem;

    text-align: center;

    padding: 2rem 0;

}

.personalise span{

    font-weight: bold;

    color:#000;

   

}

.personalise h3{

    text-align: center;

    color:#29649e;

    font-size: 2.7rem;



}

.faq{

    margin:2rem 0rem 4rem 0;

}

/* ///about///////////////// */

.meet{

    padding: 6rem 0;

    background-color: #eff1f1;

    height: 430px;



}

.meet h2{

    font-size: 1.7rem;

    margin: 0;

    padding: 0 0 1rem 0;

    text-align: center;

}

.meet p{

    font-size: 1.5rem;

    margin: 0;

    /* padding: 1rem 0; */

    margin:0px;

    text-align: center;

    color:#777;



}

.meet span{

font-weight: bold;

color:#000;

}

.meetthe{

    width: 100%;

}

.meet h3{

    text-align: center;

    margin: 0;

    padding: 0rem 0 5rem 0;

    font-size: 3rem;

}

.meetthe{

    font-size: 2rem;

}

.meetthe p{

    font-size: 1.6rem;

}

.mets{

    width: 20%;

    float: left;

    margin-right: 5%;

    background: #fff;

    padding: 1rem;

    margin-bottom: 3rem;

}

#mets{

    width: 20%;

    float: left;

    /* margin-right: 13%; */

    margin: 3rem auto 0 9%;

}

#meetthe{

    width: 95%;

}

.our_mission img{

    width:100%;

    margin-bottom: 1.5rem;



}

.our_vision{

    background: #29649e;

    padding: 5rem 0;

}



#our_mission{

    margin-top: 8rem;

}

#social_media{

    margin: 3rem 0;

}

#about_imgg{

    color:#fff;

    padding-top: 1rem;

}



/* ////Contact-us/////////////////////// */

.contact_form h2{

    font-size: 4rem;

    color: var( --btn-bg-color);

    text-align: center;

    margin: 3rem 0;



}

.contact_uss input{

width:100%;

border-radius: .5rem;

height: 3.5rem;

margin-bottom: 1.5rem;

outline: none;

border:1px solid #ccc;

}

.contact_uss label{

    font-size:1.6rem;

}

.contact_uss textarea{

    width:100%;

    height: 15rem;

border-radius: .5rem;

outline: none;

margin-bottom: 1.5rem;

border:1px solid #ccc;

outline: none;

resize: none;

}

.contact_uss input[type=submit]{

    background-color:#29649e ;

    color:#fff;

    font-size: 1.6rem;

border-radius: 3rem;

border:1px solid #ccc;

}

.faq p{

    font-size: 1.4rem;

}



/* =============Login================= */

.loginss{

    padding:50px 0;

}

.loginss img{

    width:90%;

}

.modalss h2{

font-size: 2.4rem;

padding-bottom:3rem;

}

.modalss input{

width:100%;

border:none;

font-size:1.4rem;

}

.login_form{

    display: flex;

    align-items: center;

    border:1px solid #ccc;

    padding: 0 10px;

    height: 35px;

    border-radius: 30px;

margin-bottom: 3rem;





}

.login_form i{

    padding-right: .5rem;

    font-size:1.4rem;

}

.modalss h6{

    text-align: center;

    font-size:1.6rem;

    position: relative;

}

.modalss h6:after{

    content: "";

    font-family: "Font Awesome 5 Free";

    border: 1px solid #ccc;

    position: absolute;

    top: 10px;

    font-weight: 800;

    width: 30%;

    right: 1rem;

}

.modalss h6:before{

    content: "";

    font-family: "Font Awesome 5 Free";

    border: 1px solid #ccc;

    position: absolute;

    top: 10px;

    font-weight: 800;

    width: 30%;

    left: 1rem;

}



/* =========describe======================= */

.describe{

    padding: 4rem 0;

}

.describe h2{

    text-align: center;

    font-size:2.2rem;

}

.describe h3{

    text-align: center;

    font-size:2.2rem;

    color: var(--btn-bg-color);

}

#loginsst{

    width:35%;

    margin:0 auto;

}

.login_form img{

    width:5%;

    margin-right: 1.5rem;

}

#student{

    display:none;

}