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

#headBanner {background:#6100C1;padding:0 0px 0 0px;}

.inneNavigation {background:#ffffff;padding:10px 0px;text-align:center;}
.inneNavigation ul li {display:inline;margin-right:20px;}
.inneNavigation ul li:last-child {margin-right:0;}
.inneNavigation ul li a {color:#6100C1;font-size:14px;font-weight:400;}
.inneNavigation ul li .active {font-weight: 600;color: #6100C1;padding: 10px;}
.inneNavigation ul li a:hover.active {font-weight: 600;color: #6100C1;}
.inneNavigation ul li a:hover {color:#6100C1;}

.bannerBlock .row {justify-content:space-between;}

.bannerBlock .innerBlock {background:#ffffff;border-radius:8px;overflow:hidden;margin-top:120px;padding:30px;}
.bannerBlock .innerBlock h2 {font-size:40px;font-weight:700;color:#23305E;margin:0;padding:0;}
.bannerBlock .innerBlock h5 {font-size:25px;font-weight:500;color:#6ED2EF;margin:5px 0 20px 0;padding:0;}

.bannerBlock .innerBlock ul li {width:100%;margin-bottom:2%;}
.bannerBlock .innerBlock ul li:nth-of-type(3) {width:100%;}
.bannerBlock .innerBlock ul li:nth-of-type(4) {width:100%;}
.bannerBlock .innerBlock ul li:nth-child(odd) {float:left;}
.bannerBlock .innerBlock ul li:nth-child(even) {float:right;}
.bannerBlock .innerBlock ul li input {width:100%;border:1px solid #DADADA;border-radius:12px;padding:18px 12px;color:#707070;font-size:14px;}
.bannerBlock .innerBlock ul li .selectric {width:100%;border:1px solid #DADADA;border-radius:12px;padding:18px 12px;color:#707070;font-size:14px;}
.bannerBlock .innerBlock ul li .selectric .button {background:transparent;}
.bannerBlock .innerBlock ul li input#submitButton {background:#23305E;border:0px;padding:18px;color:#fff;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:2px;transition:.5s;}
.bannerBlock .innerBlock ul li input#submitButton:hover {background:#FC5106;}

.bannerBlock .bannerRight img {width:100%;}

#eLearningMaterial {background:#F8FFFF;padding-top:80px;text-align:center;}
#eLearningMaterial .row {justify-content:space-between;}
#eLearningMaterial h2 {font-size:35px;font-weight:700;color:#5375E2;margin:0 0 65px 0;padding:0;}

#eLearningMaterial .materialLeft, #eLearningMaterial .materialRight {position:relative;}

#eLearningMaterial .materialCenter img {width:100%;}

#eLearningMaterial ul li {width:80%;background:#fff;box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);padding:25px 15px;border-radius:12px;position:absolute;transition:transform .5s;}

#eLearningMaterial .materialLeft ul li {right:0;}
#eLearningMaterial .materialRight ul li {left:0;}

#eLearningMaterial li:hover {transform:scale(1.1);}
#eLearningMaterial li:nth-of-type(1) {top:0;}
#eLearningMaterial li:nth-of-type(2) {top:32.5%;}
#eLearningMaterial li:nth-of-type(3) {bottom:60px;}

#eLearningMaterial .materialLeft li:nth-of-type(2) {left:0;}
#eLearningMaterial .materialRight li:nth-of-type(2) {left:50px!important;}

#eLearningMaterial ul li img {width:70px;margin:0 0 15px 0;transition:inherit;border:2px solid #fff;border-radius:15px;}
#eLearningMaterial ul li h4 {font-size:17px;font-weight:500;color:#000;margin:0;padding:0;transition:inherit;}

#eLearningMaterial .materialLeft ul li:nth-of-type(1):hover, #eLearningMaterial .materialRight ul li:nth-of-type(3):hover {background:rgba(255,128,0,.15);}
#eLearningMaterial .materialLeft ul li:nth-of-type(1):hover h4, #eLearningMaterial .materialRight ul li:nth-of-type(3):hover h4 {color:#FF8000;}

#eLearningMaterial .materialLeft ul li:nth-of-type(2):hover, #eLearningMaterial .materialRight ul li:nth-of-type(1):hover {background:rgba(33,194,2,.15);}
#eLearningMaterial .materialLeft ul li:nth-of-type(2):hover h4, #eLearningMaterial .materialRight ul li:nth-of-type(1):hover h4 {color:#21C202;}

#eLearningMaterial .materialLeft ul li:nth-of-type(3):hover, #eLearningMaterial .materialRight ul li:nth-of-type(2):hover {background:rgba(3,45,112,.15);}
#eLearningMaterial .materialLeft ul li:nth-of-type(3):hover h4, #eLearningMaterial .materialRight ul li:nth-of-type(2):hover h4 {color:#032D70;}

/*--NCERT Books--*/
#ncertSolutions {padding:100px 0px;}
#ncertSolutions .resp-tabs-list {border-bottom:2px solid #F6F6F6;display:inline-block;margin-bottom:30px;}
#ncertSolutions .resp-tabs-list .resp-tab-active {border:0px;background:#5375E2;color:#fff!important;border-radius:4px 4px 0 0;}
#ncertSolutions .resp-tabs-list .resp-tab-item {color:#5375E2;padding:13px 19px;}
#ncertSolutions .resp-tabs-container .resp-tab-content {border:0px;}
#ncertSolutions .resp-tabs-container .resp-tab-content .booksList {display:flex;flex-direction:row;flex-wrap:wrap;}
#ncertSolutions .resp-tabs-container .resp-tab-content .booksList a {border:1px solid #cccccc;border-radius:16px;padding:20px;text-align:center;display:inline-block;margin:0 10px 10px 0;width:100%;max-width:169px;transition:transform .5s;}
#ncertSolutions .resp-tabs-container .resp-tab-content .booksList a img {width:95px;margin:0 0 10px 0;transition:inherit;}
#ncertSolutions .resp-tabs-container .resp-tab-content .booksList a h5 {font-size:15px;font-weight:500;color:#000;margin:0;padding:0;transition:inherit;}

#ncertSolutions .resp-tabs-container .resp-tab-content .booksList a:hover {transform:scale(1.1);}
#ncertSolutions .resp-tabs-container .resp-tab-content .booksList a:hover h5 {color:#FF8000;}

/*--Career Block--*/
#appDownload {position:relative;margin-top:250px;margin-bottom:100px;}
#appDownload .appDownloadRight img {position:absolute;right:100px;bottom:0;width:350px;}
#appDownload .appDownloadInner {background:#5375E2;border-radius:30px;position:relative;padding:50px;z-index:99;}
#appDownload .appDownloadInner h2 {font-size:40px;font-weight:600;color:#ffffff;margin:0 0 25px 0;padding:0;}
#appDownload: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:-170px;right:180px;}
#appDownload a.readMoreBtn {background:#fff;color:#5375E2;font-weight:500;font-size:17px;}

#appDownload .appDownloadBtns {width:100%;float:left;margin-top:50px;}
#appDownload .appDownloadBtns a {border:2px solid #fff;padding:15px;border-radius:10px;color:#fff;float:left;margin-right:10px;transition:.5s;}
#appDownload .appDownloadBtns a:hover {color:#fff;background:#FC5106;}
#appDownload .appDownloadBtns a.appBtn {border:2px solid #000;background:#000;}
#appDownload .appDownloadBtns a.appBtn:hover {border-color:#ffffff;background:#F29423;}
#appDownload .appDownloadBtns a img {width:22px;float:left;margin-right:10px;}
#appDownload .appDownloadBtns a span {float:left;font-size:18px;}

/*--Trending Topics--*/
#trendingTopics {background:#F8FFFF;padding:80px 0;text-align:center;}
#trendingTopics h2 {font-size:35px;font-weight:700;color:#5375E2;margin:0 0 65px 0;padding:0;}

#trendingTopics .card {border:0px;border-radius:20px;position:relative;transition:2s;}
#trendingTopics .card .imageBlock img {width:100%;}

#trendingTopics .card .materialDetail {border:2px solid #CCCCCC;border-radius:20px;padding:20px 5px;display:inline-block;width:90%;position:absolute;background:#fff;top:52%;left:5%;}
#trendingTopics .card .materialDetail ul li {width:50%;float:left;color:#5375E2;font-size:14px;transition:inherit;}
#trendingTopics .card .materialDetail ul li img {width:20px;transition:inherit;}

#trendingTopics .card .detailBlock {border:2px solid #CCCCCC;border-top:0px;border-radius:0 0 20px 20px;padding:25px;}
#trendingTopics .card .detailBlock h4 {font-size:22px;font-weight:500;color:#5375E2;margin:50px 0 0 0;padding:0;transition:inherit;}

#trendingTopics .card:hover .materialDetail {background:#efefef;}
#trendingTopics .card:hover .materialDetail ul li {font-size:15px;font-weight:500;}
#trendingTopics .card:hover .materialDetail ul li img {width:23px;}

#trendingTopics .card:hover .detailBlock h4 {font-size:23px;font-weight:600;color:#5375E2;}

@media screen and (max-width:1367px)
{
	.bannerBlock .innerBlock {margin-top:80px!important;}
}

@media screen and (max-width:1024px)
{
	.bannerBlock .innerBlock h2 {font-size:30px;}
	.bannerBlock .innerBlock h5 {font-size:20px;}
	.bannerBlock .innerBlock {margin-top:47px!important;}
	#eLearningMaterial ul li {position:static;width:100%;}
	#eLearningMaterial ul li:nth-of-type(2) {margin:20px 0px;}
	#eLearningMaterial {padding:50px 0;}
	#appDownload .appDownloadRight img {width:300px;right:30px;}
	#appDownload .elearningBlockItems {flex:50%;}
	#appDownload .appDownloadInner h2 {font-size:30px;}
	#appDownload .appDownloadInner h2 br {display:none;}
	#appDownload:before {width:300px;height:302px;background-size:300px 302px;top:-100px;right:70px;}
	#appDownload {margin-top:150px;}
}

@media screen and (max-width:812px)
{
	.bannerBlock .bannerLeft {width:100%;}
	.bannerBlock .bannerRight {width:100%;margin-top:30px;}
	#eLearningMaterial .materialLeft, #eLearningMaterial .materialCenter, #eLearningMaterial .materialRight {width:100%;float:left;}
	#eLearningMaterial ul li {width:32%;float:left;}
	#eLearningMaterial ul li:nth-of-type(2) {margin:0 2%;}
	#eLearningMaterial .materialCenter {margin:5% 0;}
	#eLearningMaterial .materialCenter img {width:50%;}
	#trendingTopics .col {width:100%;}
}

@media screen and (max-width:768px)
{
	#horizontalTab ul.resp-tabs-list {display:none;}
	h2.resp-tab-active {background:#FF7D56!important;color:#fff!important;}
	#ncertSolutions h2 {font-size:16px;font-weight:500;margin-bottom:0px;}
	.resp-tab-content {padding:25px;}
	h2.resp-tab-active span.resp-arrow {border-bottom:8px solid #fff;}
	#ncertSolutions h2 {padding:15px!important;color:#181818;}
	#appDownload:before {left:50%;right:auto;margin-left:-150px;}
	#appDownload .appDownloadRight img {left:50%;right:auto;margin-left:-150px;bottom:auto;top:-150px;}
	#appDownload .elearningBlockItems {flex:100%;margin-top:300px;}
	#trendingTopics .card .materialDetail {top:auto;bottom:20%;}
}

@media screen and (max-width:668px)
{
	#eLearningMaterial ul li {width:100%!important;}
	#eLearningMaterial ul li:nth-of-type(2) {margin:5% 0!important;}
	#trendingTopics .card .materialDetail {top:auto;bottom:25%;}
}

@media screen and (max-width:420px)
{
	.bannerBlock .innerBlock ul li {width:100%;}
	#ncertSolutions {padding:50px 0px;}
	#ncertSolutions .resp-tabs-container .resp-tab-content .booksList a {max-width:149px;}
	#appDownload .appDownloadBtns a {width:100%;}
	#appDownload .appDownloadBtns a.appBtn {margin-bottom:10px;}
	#appDownload .appDownloadInner {padding:50px 20px;}
}
#solution-list {
    float: left;
    list-style: none;
    margin-top: -3px;
    padding: 0;
    width: 31%;
    position: absolute;
}
#solution-list li {
    padding: 18px 12px;
    background: #f2f2f2;
    border-bottom: #bbb9b9 1px solid;
}