@charset "utf-8";
/* CSS Document */

.innerBanner {background:#F5FDFD;padding:70px 0px;}
.innerBanner .bannerLeft {text-align:left;}
.innerBanner .bannerLeft h2 {color:#292929;font-weight:700;font-size:45px;margin:80px 0 25px 0;text-transform:none;}
.innerBanner .bannerLeft h2 span {color:#5375E2;display:block;}
.innerBanner .bannerLeft p {color:#292929;font-weight:500;font-size:20px;}
.innerBanner .bannerLeft p span {color:#FF7D56;}
.innerBanner .bannerLeft a.btn {color:#fff;background:#FF7D56;display:block;width:200px;}


.innerBanner .bannerLeft .formField input {background:transparent;border:0;}
.innerBanner .bannerLeft .formField input:first-child {line-height:50px;float:left;line-height:50px;}
.innerBanner .bannerLeft .formField input:last-child {background:#FF7D56;border-radius:10px;padding: 5px 50px;color:#fff;}

.innerBanner .bannerRight ul {display:flex;flex-direction:row;}
.innerBanner .bannerRight ul img {width:85%;}

#ourValues {padding:100px 0px;text-align:center;}
#ourValues h2 {font-weight:800;font-size:35px;color:#23305E;margin:0 0 20px 0;}
#ourValues h2 span {color:#FF7D56;}

#ourValues .card {border:2px solid #EFEFEF;padding:20px;border-radius:20px;}
#ourValues .card svg {margin:0 auto;width:100px;}
#ourValues .card h3 {color:#23305E;font-weight:500;font-size:20px;margin:20px 0 15px 0;}
#ourValues .card p {color:#23305E;font-weight:400;font-size:15px;}

#certifiedTeacher {background:#F5FDFD;padding:80px 0px;}
#certifiedTeacher .certifiedLeft h2 {color:#23305E;font-weight:700;font-size:45px;margin-top:40%;}
#certifiedTeacher .certifiedLeft p {color:#23305E;font-weight:500;font-size:16px;margin:20px 0px 30px 0px;}
#certifiedTeacher .certifiedLeft p span {color:#FF7D56;}
#certifiedTeacher .certifiedLeft a.btn {color:#fff;background:#FF7D56;display:block;width:200px;}

#certifiedTeacher .certifiedRight ul li {list-style-type:none;display:inline-block;width:50%;padding:10px;float:left;}
#certifiedTeacher .certifiedRight ul li .card {border:0px;padding:15px;}
#certifiedTeacher .certifiedRight ul li .card .topBlock img {width:20%;float:left;}
#certifiedTeacher .certifiedRight ul li .card .topBlock .pDtls {width:80%;float:left;padding-left:5%;}
#certifiedTeacher .certifiedRight ul li .card .topBlock h4 {color:#444444;font-weight:600;font-size:18px;}
#certifiedTeacher .certifiedRight ul li .card .topBlock h5 {color:#23305E;font-weight:400;font-size:14px;margin:3px 0px;}
#certifiedTeacher .certifiedRight ul li .card .topBlock h6 {color:#23305E;font-weight:400;font-size:13px;}
#certifiedTeacher .certifiedRight ul li .card .topBlock h6 .fa {color:#FFB300;}

#certifiedTeacher .certifiedRight ul li .card .bottomBlck {margin-top:20px;}
#certifiedTeacher .certifiedRight ul li .card .bottomBlck p {color:#707070;font-weight:400;font-size:14px;margin:0 0 10px 0;}
#certifiedTeacher .certifiedRight ul li .card .bottomBlck h6 {color:#444444;font-weight:400;font-size:14px;margin:0 0 0 0;}

#learningBlock {position:relative;padding:100px 0px;text-align:center;height:100vh;}
#learningBlock .container {position:relative;z-index:9;}
#learningBlock img {position:absolute;z-index:1;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:600px;}
#learningBlock h2 {font-weight:800;font-size:35px;color:#23305E;margin:0 0 100px 0;}
#learningBlock h2 span {color:#FF7D56;display:block;}

#learningBlock .card {border:0px;background:#F5FAF1;padding:20px;min-height:330px;}
#learningBlock .card .iconBlock {width:140px;height:130px;margin:0 auto;}
#learningBlock .col:last-child .card .iconBlock {width:90px;height:120px;margin:0 auto;}
#learningBlock .col:nth-child(2) .card {background:#FFF0ED;}
#learningBlock .card .iconBlock svg {width:100%;height:130px;}
#learningBlock .card h3 {font-weight:700;font-size:20px;color:#23305E;margin:20px 0 10px 0;}
#learningBlock .card p {font-weight:500;font-size:14px;color:#707070;margin:0 0 0 0;}

#videoBlock {background:#F5FFFF;clip-path:polygon(0 0, 100% 15%, 100% 90%, 0 100%);padding: 6rem 0px 6rem 0px;}
#videoBlock .videoBlockLeft .videoInner {width:100%;position:relative;}
#videoBlock .videoBlockLeft .videoInner img.courseVideo {width:100%;border-radius:15px;position:relative;z-index:1;}
#videoBlock .videoBlockLeft .videoInner:before {width:100%;height:100%;position:absolute;z-index:9;content:'';background:rgba(0,0,0,.5);border-radius:15px;}
#videoBlock .videoBlockLeft .videoInner a {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9;}
#videoBlock .videoBlockLeft .videoInner a img {width:80px;height:80px;transition:.5s;}
#videoBlock .videoBlockLeft .videoInner a img:hover {transform:scale(1.1);}

#videoBlock .videoBlockRight h3 {font-weight:800;font-size:35px;color:#23305E;margin:70px 0 10px 0;}
#videoBlock .videoBlockRight h3 span {color:#FF7D56;display:block;}
#videoBlock .videoBlockRight p {font-weight:500;font-size:18px;color:#000;}

#videoBlock .videoBlockRight h5 {font-weight:600;font-size:20px;color:#444444;margin:15px 0 0 0;}
#videoBlock .videoBlockRight h5 span {color:#707070;display:block;font-weight:400;font-size:16px;font-style:italic;}

#popularSubjects {padding:80px 0px 20px 0px;}
#popularSubjects h2 {color:#23305E;font-weight:600;font-size:30px;margin:0 0 30px 0;}
#popularSubjects .card {border:0px;background:#F1F4FF;border-radius:15px;padding:20px 15px;text-align:center;transition:.5s;}
#popularSubjects .card svg {width:50px;height:50px;margin:0 auto;}
#popularSubjects .card path, #popularSubjects .card rect {fill:#23305E;}
#popularSubjects .card h5 {margin-top:15px;font-weight:600;font-size:15px;color:#23305E;}

#popularSubjects .card:hover {background:#FF7D56;}
#popularSubjects .card:hover svg path {fill:#fff;}
#popularSubjects .card:hover h5 {color:#fff;}

#popularSubjects a.btn {color:#fff;background:#FF7D56;margin:30px auto 0 auto;display:block;width:200px;}

/*--Career Block--*/
#careerBlock {position:relative;margin-top:50px;margin-bottom:100px;background:#F5FFFF;clip-path:polygon(0 10%, 100% 0, 100% 100%, 0 90%);padding:18rem 0px 6rem 0px;}
#careerBlock .careerBlockRight img {position:absolute;right:70px;bottom:10px;width:400px;}
#careerBlock .careerBlockInner {background:#5375E2;border-radius:30px;position:relative;padding:50px;z-index:99;}
#careerBlock .careerBlockInner h2 {font-size:45px;font-weight:700;color:#ffffff;margin:0 0 25px 0;padding:0;}
#careerBlock .careerBlockInner p {font-size:16px;font-weight:400;color:#fff;margin:0 0 25px 0;padding:0;}
#careerBlock:before {content:'';position:absolute;background:url("../images/confuserCarrerLines.svg");background-repeat:no-repeat;width:450px;height:452.6px;background-size:450px 452.6px;z-index:1;top:40px;right:180px;}
#careerBlock a.readMoreBtn {background:#5375E2;border:2px solid #fff;}
#careerBlock a.readMoreBtn:hover {background:#FF7D56;color:#fff;}

/*--Career Block--*/
#careerBlockNew {position:relative;margin-top:200px;margin-bottom:50px;}
#careerBlockNew .careerBlockRight img {position:absolute;left:70px;bottom:0;width:400px;}
#careerBlockNew .careerBlockInner {background:#23305E;border-radius:30px;position:relative;padding:50px;z-index:99;}
#careerBlockNew .careerBlockInner h2 {font-size:45px;font-weight:700;color:#ffffff;margin:0 0 25px 0;padding:0;}
#careerBlockNew .careerBlockInner p {font-size:16px;font-weight:400;color:#fff;margin:0 0 25px 0;padding:0;}
#careerBlockNew:before {content:'';position:absolute;background:url("../images/confuserCarrerLines.svg");background-repeat:no-repeat;width:450px;height:452.6px;background-size:450px 452.6px;z-index:1;top:-100px;left:180px;}
#careerBlockNew a.readMoreBtn {background:#23305E;border:2px solid #fff;}
#careerBlockNew a.readMoreBtn:hover {background:#FF7D56;color:#fff;}


#contactBlock {background:#fff;}

/************* Resposive ***************/
@media(max-width: 767px){
	.innerBanner {
    padding: 0;
}
.innerBanner .bannerLeft h2 {
	    margin: 30px 0 25px 0;
	    font-size: 35px;
	}
	.innerBanner .bannerRight ul {
		margin-top: 20px;
	}
	.innerBanner .bannerRight ul img {
    width: inherit;
}
.innerBanner .bannerRight ul li {
	margin: 0 5px;
	}
	#ourValues {
    padding: 45px 0px;
}
#certifiedTeacher .certifiedLeft h2 {
	margin-top: 0;
}
#certifiedTeacher {
    padding: 40px 0px;
}
#certifiedTeacher .certifiedRight ul li {
	width: inherit;
	padding: 10px 0;
	}
	#learningBlock h2 {
		margin: inherit;
	}
	#learningBlock {
		padding: 30px 0px;
		height: inherit;
	}
	#videoBlock {
		clip-path: inherit;
		padding: 2rem 0px 2rem 0px;
	}
	#videoBlock .videoBlockRight h3 {
		margin: 30px 0 10px 0;
	}
	#popularSubjects {
    padding: 35px 0px 20px 0px;
}
#careerBlock .careerBlockRight img {
    bottom: 445px;
    width: 300px;
    right: 50px;
	}
	#careerBlock, #careerBlockNew {
		clip-path: inherit;
	}
	#careerBlock:before {
		width: 472px;
    height: 452.6px;
    background-size: 496px 331.6px;
    right: -25px;
	}
	.elearningBlockItems{
		margin-top: 150px;
	}
	#careerBlockNew .careerBlockRight img  {
    bottom: 470px;
    width: 300px;
    left: 40px;
	}
	#careerBlockNew:before {
		width: 472px;
    height: 452.6px;
    background-size: 496px 331.6px;
        left: -52px;
	}
	#careerBlockNew .careerBlockInner h2 {
		    margin: 50px 0 25px 0;
	}

}