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

.tutorBanner {background:url("../images/onlineCourseBannerImage.jpg") no-repeat;background-size:cover;background-position:top;}
/*--Banner--*/
.innerBanner {padding-bottom:0px;padding-top:40px;}

.innerBanner .bannerLeft {text-align:left;}
.innerBanner .bannerLeft h2 {font-size:30px;font-weight:700;color:#292929;margin:30px 0 0 0;padding:0;text-transform:none;}
.innerBanner .bannerLeft h2 span {color:#5375E2;}
.innerBanner .bannerLeft p {font-size:15px;font-weight:400;color:#5C616E;margin:10px 0 40px 0;padding:0;}

.innerBanner .bannerLeft form {background:#fff;margin:0 0 0 0;padding:20px;border-radius:20px;box-shadow:0px 0px 9px 0px rgba(0,0,0,0.10);-webkit-box-shadow:0px 0px 9px 0px rgba(0,0,0,0.10);-moz-box-shadow:0px 0px 9px 0px rgba(0,0,0,0.10);transition:transform 1s;float:left;width:100%;}
.innerBanner .bannerLeft form h3 {font-size:30px;font-weight:700;color:#FF7D56;margin:0 0 30px 0;padding:0;text-transform:none;}

.innerBanner .bannerLeft form input {width:100%;border:1px solid #DADADA;border-radius:12px;padding:18px 12px;color:#707070;font-size:14px;}

.innerBanner .bannerLeft form .selectric {width:100%;border:1px solid #DADADA;border-radius:12px;padding:18px 12px;color:#707070;font-size:14px;}
.innerBanner .bannerLeft form .selectric .button {background:transparent;}

.innerBanner .bannerLeft form .field1 {float:left;width:100%;margin-bottom:2%;}
.innerBanner .bannerLeft form li.full {width:100%;}
.innerBanner .bannerLeft form .field2 {float:left;width:100%;margin-top:10px;}
.innerBanner .bannerLeft form input[type=submit] {width:100%;border:0px;padding:18px;color:#fff;font-size:14px;text-transform:uppercase;transition:1s;}
.innerBanner .bannerLeft form li:first-child input[type=submit] {background:#23305E;}
.innerBanner .bannerLeft form li:first-child input[type=submit]:hover {background:#FC5106;}
.innerBanner .bannerLeft form li:last-child input[type=submit] {background:#5375E2;}
.innerBanner .bannerLeft form li:last-child input[type=submit]:hover {background:#F29423;}
.innerBanner .bannerLeft form ul li {width:49%;float:left;}
.innerBanner .bannerLeft form .field2 ul li {width:100%;float:left;}
.innerBanner .bannerLeft form ul li:last-child {float:right;}

.innerBanner .bannerRight {position:relative;}
.innerBanner .bannerRight img.homeNewImage {width:65%;position:relative;left:50%;top:50%;transform:translate(-50%,-50%);}
.innerBanner .bannerRight .bannerRightImageList {width:100%;height:100%;position:absolute;z-index:9;}
.innerBanner .bannerRight .bannerRightImageList li {position:absolute;z-index:99;border-radius:15px;top:0;left:0;text-align:left;color:#5B5B5B;font-size:14px;transition:transform .5s;width:250px;overflow:hidden;background:#fff;box-shadow:0px 0px 9px 0px rgba(0,0,0,0.10);
-webkit-box-shadow:0px 0px 9px 0px rgba(0,0,0,0.10);-moz-box-shadow:0px 0px 9px 0px rgba(0,0,0,0.10);}
.innerBanner .bannerRight .bannerRightImageList li:hover {transform:scale(1.1);}

.innerBanner .bannerRight .bannerRightImageList li:nth-of-type(1) {top:22%;left:15%;}
.innerBanner .bannerRight .bannerRightImageList li:nth-of-type(2) {top:auto;bottom:15%;left:10%;}
.innerBanner .bannerRight .bannerRightImageList li:nth-of-type(3) {top:25%;right:-7%;left:auto;}
.innerBanner .bannerRight .bannerRightImageList li:nth-of-type(4) {top:auto;bottom:20%;right:-5%;left:auto;}

.innerBanner .bannerRight .bannerRightImageList li .leftIcon {width:20%;height:63px;float:left;padding:12px 5px;}
.innerBanner .bannerRight .bannerRightImageList li .leftIcon img {width:100%;}

.innerBanner .bannerRight .bannerRightImageList li span {width:80%;height:100%;float:left;padding:10px;}

.innerBanner .bannerRight .bannerRightImageList li.orangeBg .leftIcon {background:#FF7D56;top:-10px;left:-10px;}
.innerBanner .bannerRight .bannerRightImageList li.orangeBg:hover {background:#FFEAE3;color:#000;}
.innerBanner .bannerRight .bannerRightImageList li.orangeBg:hover .leftIcon {background:#E84F22;}

.innerBanner .bannerRight .bannerRightImageList li.blueBg .leftIcon {background:#5375E2;top:-10px;left:-10px;}
.innerBanner .bannerRight .bannerRightImageList li.blueBg:hover {background:#CDD9FF;color:#000;}
.innerBanner .bannerRight .bannerRightImageList li.blueBg:hover .leftIcon {background:#1E4DE3;}

.innerBanner .bannerRight .bannerRightImageList li.purpleBg .leftIcon {background:#6100C1;top:-10px;right:-10px;left:auto;}
.innerBanner .bannerRight .bannerRightImageList li.purpleBg:hover {background:#E8D1FF;color:#000;}
.innerBanner .bannerRight .bannerRightImageList li.purpleBg:hover .leftIcon {background:#6100C1;}

.innerBanner .bannerRight .bannerRightImageList li.lightBlueBg .leftIcon {background:#6ED2EF;top:-10px;right:-10px;left:auto;}
.innerBanner .bannerRight .bannerRightImageList li.lightBlueBg:hover {background:#C2F1FF;color:#000;}
.innerBanner .bannerRight .bannerRightImageList li.lightBlueBg:hover .leftIcon {background:#1AB4E1;}


#getwithAlgebrains {padding:100px 0px;text-align:center;}
#getwithAlgebrains h2 {font-size:35px;font-weight:700;color:#23305E;margin:0 0 55px 0;padding:0;}
#getwithAlgebrains h2 span {color:#FF7D56;}
#getwithAlgebrains .card {border-radius:15px;border:0px;padding:50px 25px;box-shadow:0px 0px 9px 0px rgba(0,0,0,0.10);
-webkit-box-shadow:0px 0px 9px 0px rgba(0,0,0,0.10);-moz-box-shadow:0px 0px 9px 0px rgba(0,0,0,0.10);text-align:center;transition:transform 1s;}
#getwithAlgebrains img {width:70px;margin:0 auto;border:2px solid #fff;border-radius:15px;}
#getwithAlgebrains h3 {font-size:16px;font-weight:500;color:#000000;margin:15px 0 0 0;padding:0;}

#getwithAlgebrains .col:hover .card {transform:scale(1.1);}

#getwithAlgebrains .col:nth-of-type(1):hover .card {background:rgba(25,209,65,.2)}
#getwithAlgebrains .col:nth-of-type(1):hover .card h3 {color:#21C202;}

#getwithAlgebrains .col:nth-of-type(2):hover .card {background:rgba(255,128,0,.2)}
#getwithAlgebrains .col:nth-of-type(2):hover .card h3 {color:#FF8000;}

#getwithAlgebrains .col:nth-of-type(3):hover .card {background:rgba(3,45,112,.2);}
#getwithAlgebrains .col:nth-of-type(3):hover .card h3 {color:#032D70;}

#getwithAlgebrains .col:nth-of-type(4):hover .card {background:rgba(97,0,193,.2)}
#getwithAlgebrains .col:nth-of-type(4):hover .card h3 {color:#6100C1;}

#getwithAlgebrains .col:nth-of-type(5):hover .card {background:rgba(83,117,226,.2)}
#getwithAlgebrains .col:nth-of-type(5):hover .card h3 {color:#5375E2;}

#getwithAlgebrains .col:nth-of-type(6):hover .card {background:rgba(20,146,230,.2)}
#getwithAlgebrains .col:nth-of-type(6):hover .card h3 {color:#1492E6;}

#teacherSlider.teacherSlider1 {margin:60px 0px;}
#teacherSlider .headingBlock {margin-bottom:30px;}
#teacherSlider .headingBlock h2 {font-weight:800;font-size:35px;color:#23305E;margin:0 0 10px 0;}
#teacherSlider .headingBlock h2 span {color:#FF7D56;}
#teacherSlider .headingBlock p {font-weight:500;font-size:16px;color:#000;}
#teacherSlider .headingBlock a {font-weight:500;font-size:16px;color:#5375E2;float:right;margin-top:10px;}
#teacherSlider .headingBlock a svg {width:20px;margin-left:10px;}

#teacherSlider .card {padding:15px;border:0;background:#F3F3F3;border-radius:12px;float:left;margin-bottom:2%;}
#teacherSlider .card:nth-child(odd) {margin-right:2%;}
#teacherSlider .card .imgBlock {width:100%;;margin:0 auto 0 auto;}
#teacherSlider .card .imgBlock img {width:100%;}

#teacherSlider .card .personalDetail {text-align:center;margin:25px 0;}
#teacherSlider .card .personalDetail h2 {font-size:25px;font-weight:600;color:#000;margin:0 0 0 0;padding:0;}
#teacherSlider .card .personalDetail h2 span {display:inline-block;}
#teacherSlider .card .personalDetail h2 img {width:20px;display:inline-block;}
#teacherSlider .card .personalDetail p {font-size:15px;font-weight:400;color:#000;margin:5px 0 0 0;padding:0;line-height:20px;}

#teacherSlider .card .paymentDetails {width:100%;border-top:1px solid #B9B9B9;border-bottom:1px solid #B9B9B9;padding:18px 0;margin:0 0 25px 0;}
#teacherSlider .card .paymentDetails ul li {display:inline-block;width:33%;float:left;font-size:16px;font-weight:500;color:#000;text-align:center;}
#teacherSlider .card .paymentDetails ul li img {width:25px;display:inline;}

#teacherSlider .card .teacherSbjts {display:inline-block;width:100%;float:left;font-size:16px;font-weight:500;color:#000;}
#teacherSlider .card .teacherSbjts img {width:18px;display:inline;}

#videoBlock {background:#F5FFFF;clip-path:polygon(0 0, 100% 15%, 100% 85%, 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;}

/*--Career Block--*/
#careerBlock {position:relative;margin-top:350px;margin-bottom:100px;}
#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:-250px;right:180px;}
#careerBlock a.readMoreBtn {background:#5375E2;border:2px solid #fff;}
#careerBlock a.readMoreBtn:hover {background:#FF7D56;color:#fff;}

/*--Algebrain Numbers Block--*/
#anBlock {background:url("../images/aeBg.jpg") no-repeat;background-size:cover;padding:100px 0;}
#anBlock img {width:20%;float:left;transition:1s;}
#anBlock .col {transition:transform .4s;}
#anBlock .col:hover {transform:scale(1.1);}
#anBlock .col:hover h2 {color:#F29423;}
#anBlock .col:hover h2 span {color:#F29423;}
#anBlock h2 {width:75%;float:left;font-size:35px;font-weight:600;color:#ffffff;margin:0 0 0 4%;padding:0;transition:1s;}
#anBlock h2 span {font-size:20px;font-weight:400;margin:2px 0 0 0;padding:0;display:block;transition:1s;}

#testimonialsBlock {background:#F5FFFF;clip-path:polygon(0 10%, 100% 0, 100% 100%, 0 90%);padding: 6rem 0px 6rem 0px;}

#contactBlock {background:#fff;}