*{
    margin: 0;
    padding: 0;
    outline: 0;
}
ul,ol{
    list-style-type: none;
}
a,a:hover{
    text-decoration: none;
    display: inline-block;

}
p,h1,h2,h3,h4,h5,h6{
    line-height: .9;
}
.universal_heading h3{
    color: #111;
    font-size: 35px;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
}
.universal_heading p{
    color: #353535;
    font-size: 14px;
    font-weight: 400;
    /* width: 550px; */
    margin: 0 auto;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
}
/* common css end */

/* 
    font-family: 'Lato', sans-serif;
    font-family: 'Neonderthaw', cursive;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Raleway', sans-serif;
 */


 /* ====== banner part start ======*/
 .overly{
     background: rgba(0, 0, 0, 0.8);
     
 }
 #banner{
     background: url('../images/banner.png');
     background-position: center;
     background-size: cover;
     clip-path: polygon(0 0, 100% 0%, 100% 90%, 0% 100%);

 }
 #banner .overly{
     padding-top: 240px;
     padding-bottom: 130px;
     background: rgba(0, 0, 0, 0.6);
 }

 .banner_text h4{
    font-family: 'Raleway', sans-serif;
     font-weight: 400;
     font-size: 36px;
     color: #fff;
 }
 .banner_text h3{
    font-family: 'Raleway', sans-serif;
     font-weight: 700;
     font-size: 55px;
     /* padding-top: 20px; */
    color: #fec600;
 }
 .banner_text p{
    color: #f1f1f1;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding-top: 6px;
    padding-bottom: 36px;

 }
 .banner_text .banner_buttons {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
 }
 .banner_text .banner_buttons a{
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 15px 34px;
    border: 1px solid #fff;
    margin-left: 10px;
    margin-right: 10px;
    transition: all linear .4s;
    background: transparent;
    text-transform: uppercase;
 }
 .banner_text .banner_buttons a:hover{
    background: #fec600;
    color: #222;
    border-color: #fec600;
 }
 /* ====== banner part end =======*/
/* About part start */
#about{
    padding-top: 48px;

}
.aboutText h3{
    color: #111;
    font-size: 35px;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
}
.aboutText p{
    color: #353535;
    font-size: 14px;
    font-weight: 400;
    /* width: 550px; */
    margin: 0 auto;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
}
.about_item{
    margin-top: 70px;
    background: #eeeeee;
    padding: 34px 40px 34px 45px;
    position: relative;
    border-radius: 3px;
}
.about_item h3{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #111;
}
.about_item p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #353535;
    line-height: 24px;
}

.sheap{
    height: 38px;
    width: 38px;
    background: #eeeeee;
    position: absolute;
    
}
.itemOne .sheap,.itemFour .sheap{
    left: 50%;
    transform: translateX(-50%)rotate(45deg);
    -webkit-transform: translateX(-50%)rotate(45deg);
    -moz-transform: translateX(-50%)rotate(45deg);
    -ms-transform: translateX(-50%)rotate(45deg);
    -o-transform: translateX(-50%)rotate(45deg);
}
.itemTwo .sheap,.itemThree .sheap{
    top: 50%;
    transform: translateY(-50%)rotate(45deg);
    -webkit-transform: translateY(-50%)rotate(45deg);
    -moz-transform: translateY(-50%)rotate(45deg);
    -ms-transform: translateY(-50%)rotate(45deg);
    -o-transform: translateY(-50%)rotate(45deg);
}
.itemOne .sheap{
    bottom: -19px;
}

.itemFour,.itemOne,.itemThree,.itemTwo{
    position: relative;
}
.itemOne::before,.itemTwo::before,.itemThree::before,.itemFour::before{
    content: '';
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #353535;
    transition: .3s;
    z-index: 1;

}
.itemOne::before{
    bottom: -45px;
    left: 50%;
    transform: translateX(-50%);
}
.itemTwo::before{
    right: -58px;
    top: 50%;
    transform: translateY(-50%);
}
.itemThree::before{
    left: -58px;
    top: 50%;
    transform: translateY(-50%);
}
.itemFour::before{
    top: -55px;
    left: 50%;
    transform: translateX(-50%);
}
.itemOne:hover:before,.itemTwo:hover::before,.itemThree:hover::before,.itemFour:hover::before{
    background: #fec600;
}

.itemTwo .sheap{
    right: -19px;
}
.itemThree .sheap{
    left: -19px;
}
.itemFour .sheap{
    top: -19px;
}
.itemTwo,.itemThree{
    margin-top: 120px;
}
/* .itemFour{
    margin-top: 50px;
} */
.aboutImage{
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding-top: 53px; */
    position: relative;
    height: 320px;
    width: 320px;
    border-radius: 50%;
    margin: 60px auto 0 auto;
}

.aboutImage::before{
    content: '';
    position: absolute;
    height: 370px;
    width: 370px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 1px solid #111;
    border-radius: 50%;
    z-index: -1;
}

/* ============= Portfolio Part start ============ */
#portfolio{
    background: url(../images/portfolio_bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
   
}
#portfolio .overly{
    padding-top: 100px;
    padding-bottom: 100px;
    background: rgba(0, 0, 0, 0.8);


}
#portfolio .portfolio_image .image_first{
    padding-bottom: 30px;
}
.portfolio_text{
    padding-bottom: 59px;
}
.portfolio_text h3,.portfolio_text p{
    color: #fff;
}
/* ============= Portfolio Part End ============ */

/* ============Service part start ============*/
#service{
    padding-top: 100px;
    padding-bottom: 100px;
}
.service_icon{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #ddd;
    line-height: 70px;
    transition: all linear .4s;
}
.exception_icon img{
    width: 45px;
    height: 38px;

}
.exception_icon{
    line-height: 66px;
}
.service_slider{
    padding-top: 60px;
    padding-bottom: 60px;
}

.service_slider_row{
    position: relative;
}
.service_slider_row{
    margin-top: 40px;
    position: relative;
}
.service_slider_row::after{
    content: '';
    position: absolute;
    width: 1px;
    height: 92%;
    background: url(../images/service_dots.jpg)repeat-y;
    top: 34px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.service_slider_row i{
    width: 36px;
    height: 36px;
    border: 1px solid #000;
    border-radius: 50%;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    transition: .3s;
}

.service_slider_row i.up{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}

.service_slider_row i.down{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}
.service_slider_row i.up:hover,.service_slider_row i.down:hover{
    background: #fec600;
    border-color: #fec600;
}
.service_details,.service_details2{
    background: #f1f1f1;
    padding: 56px 32px 54px 31px;
    position: relative;
    transition: .3s;
}
.service_details p,.service_details2 p{
    line-height: 24px;
}
.service_details::after{
    content: '';
    position: absolute;
    width: 36px;
    height: 36px;
    background: #f1f1f1;
    transform: rotate(45deg)translateY(-50%);
    top: 50%;
    left: -30px;
}
.service_details2::after{
    content: '';
    position: absolute;
    width: 36px;
    height: 36px;
    background: #f1f1f1;
    transform: rotate(45deg)translateY(-50%);
    top: 50%;
    right: -5px;
}
.slick-slide img {
	display: inline-block;
}

.slider_item .service_title h3{
    text-transform: uppercase;
    color: #111111;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 18px;
}
.service_p p{
    color: #353535;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    

}
.slider_item:hover .service_details2{
	box-shadow: 3px 3px 1px -1px rgba(0,0,0,0.23);
}
.slider_item:hover .service_details2::after{
    border-top: 1px solid rgba(0, 0, 0, 0.23);
    border-right: 1px solid rgba(0, 0, 0, 0.23);
}
.slider_item:hover .service_details{
    box-shadow: -1.5px 1.5px 1px 1px rgba(0,0,0,0.23);
}
.slider_item:hover .service_details::after{
    border-bottom: 1px solid rgba(0, 0, 0, 0.23);
    border-left: 1px solid rgba(0, 0, 0, 0.23);
}
.slider_item:hover .service_icon{
    height: 100px;
    width: 100px;
    background: #fec600;
    line-height: 100px;
}
.slick-slide.slick-center .service_details2{
	box-shadow: 3px 3px 1px -1px rgba(0,0,0,0.23);
}
.slick-slide.slick-center .service_details2:after{
    border-top: 1px solid rgba(0, 0, 0, 0.23);
    border-right: 1px solid rgba(0, 0, 0, 0.23);
}
.slick-slide.slick-center .service_details{
    box-shadow: -1.5px 1.5px 1px 1px rgba(0,0,0,0.23);
}
.slick-slide.slick-center .service_details:after{
    border-bottom: 1px solid rgba(0, 0, 0, 0.23);
    border-left: 1px solid rgba(0, 0, 0, 0.23);
}
.slick-slide.slick-center .service_icon{
    height: 100px;
    width: 100px;
    background: #fec600;
    line-height: 100px;
}
/*============ Service part End ============*/
/* ===============mentors_part part start ===============*/
#mentors_part{
    background: url(../images/mentors_banner.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
    position: relative;
    padding: 100px 0;
}
#mentors_part::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
}
.mentors_container{
    position: relative;
    z-index: 99;
}

/* mentor_icon start */
.mentor_all {
    padding-top: 30px;
    position: relative;

}
.mentor_all::after{
    content: '';
    position: absolute;
    width: 1px;
    height: 99%;
    background: url(../images/mentors_dot.png)repeat-y;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.mentor_all i{
    color: #fff;
    width: 36px;
    height: 36px;
    border: 1px solid #fff;
    border-radius: 50%;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    transition: .3s;
    position: absolute;
}
.mentor_all i.up2{
    top: -36px;
    left: 50%;
    transform: translate(-50%,50%);
}
.mentor_all i.down2{
    bottom: -36px;
    left: 50%;
    transform: translate(-50%,50%);
}
.mentor_image_item{
    margin-top: 30px;
    margin-bottom: 30px;
}
.mentor_icon{
    height: 100px !important;
    width: 100px !important;
    background: #cccccc;
    overflow: hidden;
    border-radius: 50%;
}
.mentor_icon img{
    display: inline-block;
}
.mentors_slider_image .slick-center .mentor_icon{
    background: #fec600;
    transform: scale(1.2);
}

/* mentor_icon End */
/* mentors detail part start */
.mentor_details_item{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 50px;
    margin-top: 100px;
}
.mentors_details{
    background: #f1f1f1;
    padding: 60px 30px 64px 32px;
    position: relative;

}
.mentors_details h3{
    color: #222222;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding-top: 10px;

}
.mentors_details .ratings i{
    color: #fec600;
    font-size: 16px;
}
.mentors_details h4{
    color: #353535;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 16px;
    padding-top: 10px;
}
.mentors_details p{
    color: #353535;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    padding-top: 6px;
}
.mentors_details h5{
    font-size: 20px;
    font-family: 'Neonderthaw', cursive;
    font-weight: 400;
}
.mentors_details .sheap{
    background: #f1f1f1;
    top: 50%;
    left: -18px;
    transform: translateY(-50%)rotate(45deg);
}
/* mentors detail part End */


/*=============== mentors_part part End ===============*/


/* =============== Pricing part start ================== */
#price_plan{
    padding-top: 60px;
    padding-bottom: 60px;
}
.pricing_card{
    background: #f1f1f1;
}
.plan_text{
    padding-bottom: 59px;
}
/* pricing card header part start */

.pricing_card .header{
    background: #000;
    position: relative;
    padding-top: 30px;
    padding-bottom: 94px;
    clip-path: polygon(0 0, 100% 0%, 100% 70%, 0% 100%);
    transition: .4s;

}
.pricing_card .header h3{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    font-size: 20px;
    text-transform: uppercase;

}


/* pricing card header part End */

.pricing_card .body{
    padding-top: 50px;
    position: relative;
}
.pricing_card .body .price{
    height: 100px;
    width: 100px;
    border: 3px solid #fff;
    background: #000;
    border-radius: 50%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%,-60%);
    padding-top: 10px;
    transition: .4s;

}
.pricing_card .body .price::after{
    content: '';
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #000;
    position: absolute;
    top: -3px;
    left: -3px;
    transition: .4s;

}
.pricing_card .body .price h3{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 26px;
    color: #ffffff;
}
.pricing_card .body .price p{
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    line-height: 10px;
}
.pricing_card .body p{
    color: #353535;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;

}
.pricing_card .body p span{
    display: block;
}
.pricing_card .footer{
    background: #000;
    color: #fff;
    padding-top: 40px;
    padding-bottom: 28px;
    clip-path: polygon(0 30%, 100% 0%, 100% 100%, 0 100%);
    transition: .4s;
}
.pricing_card .footer h3{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
}
.pricing_card:hover .footer{
    background: #fec600;
}
.pricing_card:hover .header{
    background: #fec600;
}
.pricing_card:hover .body .price{
    background: #fec600;
}
.pricing_card:hover .body .price::after{
    border-color: #fec600;
}
/* =============== Pricing part End ================== */
/* ============ progress_counter part star ============ */
#progress_counter{
    padding-top: 50px;
    padding-bottom: 50px;
    background: #000;
    clip-path: polygon(0 20%, 100% 0, 100% 80%, 0% 100%);
}
.progress_counter_row{
    align-items: center;
}
  #progress_counter .counter{
    transform: rotate(3deg);
    height: 131px;
    width: 100%;
    background-color: #fff;
    clip-path: polygon(0 20%, 100% 0, 100% 80%, 0% 100%);
    overflow: hidden;
  }
  #progress_counter .counter::before {
	content: "";
	display: block;
	position: relative;
	top: 3px;
	left: 2px;
	height: 125px;
	width: 98.5%;
	background-color: #000;
	clip-path: polygon(0 20%, 100% 0, 100% 80%, 0% 100%);
}
.counter.one{
    margin-top: 32px;
}
.counter.three{
   margin-bottom: 32px;
}
.counter.four{
   margin-bottom: 65px;
}
.counter.five{
   margin-bottom: 95px;
}
#progress_counter .counter h3{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 30px;
    color: #fff;
    transform: rotate(-6deg);
}
#progress_counter .counter p {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: #fff;
	transform: rotate(-6deg);
	width: 170px;
}
.counter_text{
    top: 0;
    left: 50%;
    transform: translate(-50%,50%);
    position: absolute;
    z-index: 999;
}

/* ============ progress_counter part End ============ */

/*================== our team part start======== */
#team{
    padding-top: 60px;
    padding-bottom: 60px;
}
.team_text{
    padding-bottom: 40px;
}
/* team member card start */
.team_member_card{
    background: #fff;
    border: 1px solid #ddd;
}
.team_member_card .image_section{
    position: relative;
}
.team_member_card .image_section .overly {
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(254, 199, 0, 0.5);
	top: 0;
	left: 0;
	clip-path: polygon(0 0, 100% 0%, 100% 85.5%, 0% 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}
.team_member_card .image_section .overly .search_plus{
    background: #fff;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;

}
.team_member_card .image_section .overly .search_plus i{
    line-height: 40px;
    font-size: 18px;
    color: #353535;
}
.team_member_card .name_section{
    padding-top: 12px;
    padding-bottom: 22px;
}
.team_member_card .name_section h3{
    color: #111111;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 20px;
}
.team_member_card .name_section p{
    color: #222222;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 16px;
}
.team_member_card .social_section{
    /* display: flex;
    justify-content: center; */
    padding-bottom: 24px;
    display: none;
    transition: .4s;
    
}
.team_member_card .social_section .social_icon{
    height: 35px;
    width: 35px;
    border-radius: 50%;
    border: 1px solid #111111;
    text-align: center;
    margin-left: 11.5px;
    margin-right: 11.5px;
    transition: all linear .4s;
}
.team_member_card .social_section .social_icon a i{
    line-height: 35px;
    color: #000;
}
.team_member_card .social_section .social_icon:hover{
    background: #fec600;
    border-color: #fec600;
}
.team_member_card:hover .image_section .overly{
    opacity: 1;
    visibility: visible;
}
.team_member_card:hover .social_section{
    display: flex;
    justify-content: center;
}
/* team member card End */

/*================== our team part End============ */
/* ================= supporters part start================= */
#supporters{
    background: #f1f1f1;
    padding-top: 40px;
    padding-bottom: 0px;
    clip-path: polygon(0 20%, 100% 0, 100% 80%, 0% 100%);
}
#supporters .supporters_image{
    transform: rotate(3deg);
    height: 116px;
    width: 100%;
    background-color: #cccccc;
    clip-path: polygon(0 20%, 100% 0, 100% 80%, 0% 100%);
    overflow: hidden;
  }
  #supporters .supporters_image::before {
	content: "";
	display: block;
	position: relative;
	top: 1px;
	left: 1px;
	height: 114px;
	width: 99.1%;
    background: #f1f1f1;
	clip-path: polygon(0 20%, 100% 0, 100% 80%, 0% 100%);
}
.supporters_image.one{
    margin-top: 32px;
}
.supporters_image.three{
   margin-bottom: 32px;
}
.supporters_image.four{
   margin-bottom: 65px;
}
.supporters_image.five{
   margin-bottom: 95px;
}
.supporters_image .logo{
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    z-index: 999;
}
.supporters_image .logo img{
    transform: rotate(-3deg);

}
/* =================supporters part End================= */
/* ====================== contact part start ====================== */
#contact{
    padding-top: 50px;
    padding-bottom: 30px;
    position: relative;
    color: #fff;
}
#contact::before {
    content: '';
    position: absolute;
    top: -47px;
    left: 0;
    height: 110%;
    width: 100%;
    background: #000;
    clip-path: polygon(0 9%, 100% 0%, 100% 100%, 0% 100%);
}
#contact::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #555555;
    top: 152px;
    left: 0;
    transform: rotate(-3deg);
}
.contact_container{
    position: relative;
    z-index: 99;
}
.logo_image{
    padding-bottom: 100px;
}
.contact_info_card .icon{
    height: 35px;
    width: 35px;
    border-radius: 50%;
    background: #fec600;
    text-align: center;
    margin: 0 auto;
}
.contact_info_card .icon i{
    line-height: 35px;
    font-size: 20px;
    color: #000;
}

.contact_info_card  p span{
    display: block;
}
.contact_info_card  p{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding-top: 12px;
    padding-bottom: 7px;
}
.custom-br{
    border-right: 1px solid #555555;
}

.footer_social_icon{
    padding-top: 60px;
}

.footer_social_icon .footer_social_text h3{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 20px;
}
.footer_social_icon .social_icons{
    display: flex;
    justify-content: center;
    padding-top: 30px;
    
}
.footer_social_icon .social_icons .icon{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    margin-left: 15px;
    margin-right: 15px;
    transition: all linear .3s;
}

.footer_social_icon .social_icons .icon i{
    line-height: 40px;
    color: #353535;
    font-size: 20px;
}
.footer_social_icon .social_icons .icon:hover{
    background: #fec600;
}
/*====================== contact part End ====================== */
footer{
    height: 53px;
    background: #353535;
}
footer .footer_text p{
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: #f1f1f1;
    line-height: 53px;
}
footer .footer_text p span{
    color: #fec600;
}