/* Clear Floated Elements
---------------------------------*/
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0;  height: 0;}
.clearfix:before, .clearfix:after { content: '\0020';  display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clearfix:after { clear: both;}
/* Primary Styles
---------------------------------*/

body { background: #fff; font-size: 14px; font-weight: normal; color: #000; margin: 0;font-weight: bold;}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
img { height: auto; width: auto;  max-width: 100%;  vertical-align: top;}
h1, h2, h3, h4, h5 { margin: 0px;  padding: 0px;}
a { text-decoration: none;}
a:focus {outline: none;}
ul {padding: 0; margin: 0;}
p {line-height: 23px; margin: 0 0 10px;}

.pdf-body-top h1{font-family: 'Poppins', sans-serif !important;}
.pdf-body-top h2{font-family: 'Poppins', sans-serif !important;}
.pdf-body-top h3{font-family: 'Poppins', sans-serif !important;}
.pdf-body-top h4{font-family: 'Poppins', sans-serif !important;}
.pdf-body-top h5{font-family: 'Poppins', sans-serif !important;}
.pdf-body-top h6{font-family: 'Poppins', sans-serif !important;}

.wrapper{width:1024px; max-width:100%; margin:0 auto;}
.pdf-body-top { padding:0px;font-family: 'Poppins', sans-serif !important; position:relative;} 
.top-text{ text-align:center; position:absolute; width:100%; top:110px; left:0px;}
.top-text h2{ font-weight:900; color:#fff; font-size:30px; text-transform:uppercase;} 
.top-text h3{ font-weight:normal; color:#fff; font-size:25px; text-transform:uppercase;}
.top-text h3 span { font-weight:900; font-size:60px;}

.earning{ font-size:23px;display: table; margin-top:45px;}
.earning-left{ float:left; width:49%; margin-right:1%; border:1px solid #890b73; border-radius:10px; overflow:hidden;display: flex;}
.earning-right{ float:right; width:49%; margin-left:1%; border:1px solid #890b73; border-radius:10px; overflow:hidden;display: flex;}
.left-box{ float:left; width:50%; background:#890b73; color:#fff; padding:20px; font-weight:500;min-height: 115px;}
.right-box{ float:left; width:50%; background:#fff;color:#000; padding:20px 17px; font-weight:700;min-height: 120px; text-align:center;}
.left-box span, .right-box span{ font-size:16px; display:block;}

.third-block{ padding:50px 0; background:url(../images/third-block-bg.png) no-repeat  top  49px center; text-align:center; color:#fff;}
.third-block h2{ font-weight:700;font-size: 30px; color:#fff;}
.third-block h3{margin: 20px 0;font-size:24px; color:#fff;}

.table-block{ background:#0a32a5; position:relative; text-align:center; padding:25px;}
.table-block:before{content:"";top:-50px;left:0px;width:100%;position:absolute;height:50px;background:url(../images/table-top.png) no-repeat top center;}
.table-block:after{content:"";bottom:-49px;left:0px;width:100%;position:absolute;height:50px;background:url(../images/table-bottom.png) no-repeat top center;}
.table-block h2{ color:#fff; font-weight:900; font-size:36px;}
.table-block table{ margin-top:15px;} 
.table-block th{ background:#1b6eef; color:#fff; padding:10px; text-align:center; font-size:18px;} 
.table-block td{background:#fff; color:#000; font-weight:700; padding:7px; border:1px solid #0a32a5; }

.source-block{ padding:20px 0; text-align:center;}
.source-block h2{font-size: 22px;}
.source-block span{ display:inline-block; width:32%; margin-top:10px;} 
.source-block span img{  width:100%;}
.pic-left{ float:left; width:50%;}
.pic-right{ float:left; width:50%; padding:15px; color:#000;}
.pic-right h3{ font-size:25px; padding:0 0 5px; color:#890b73; background:url(../images/head-bg.png) no-repeat right top; border-bottom:1px solid #ccc; margin-bottom:15px;}
.pic-right span{ color:#890b73; font-weight:bold; font-size:20px;}
.pull-right{ float:right !important;}

.footer{ background:url(../images/footer-bg.jpg) no-repeat center top; color:#fff; padding:30px 30px 15px; margin-top:25px;}
.footer h3{ margin:25px 0 10px; font-weight:600;}



.pdf-banner-text{ text-align:center;margin: 0 auto;  right: 0;font-weight:normal; font-size:16px; color:#000; padding:0 15%;}
.pdf-banner-text span{ display: block;  margin-bottom: 20px;}
.pdf-details-box h3{ text-align:center; font-size:20px; color:#14b003; padding:0 15px; font-weight:700;}
.details-box-main{ margin-top:25px;}
.detail-pic{ float:left;margin: 0 25px;}
.number-box{ width:80px; height:80px; border-radius:50%; background:#ffa900; color:#fff; position:relative; float:left;}
.number-box span{ color:#fff; font-size:30px; font-weight:900; position:absolute; transform:translate(-50%,-50%); left:50%; top:50%;}
.all-containt{ float:left;width: calc(100% - 80px); padding:0 15px; text-align:left; font-size:20px;}
.all-containt h2{ font-size:36px; font-weight:900;color:#a66b05;}
.all-containt p{ color:#e39600;}
.details-text{ float:left; border:1px solid #a66b05; padding:25px 15px;width: calc(100% - 200px);}

.number-box.blue{ background:#0a62cf;}
.details-text.blue{  border:1px solid #0a62cf;}
.all-containt.blue h2{ font-size:36px; font-weight:900;color:#054595;}
.all-containt.blue p{ color:#0a62cf;}

.number-box.red{ background:#da2626;}
.details-text.red{  border:1px solid #da2626;}
.all-containt.red h2{color:#da2626;}
.all-containt.red p{ color:#ff0000;}

.number-box.voilet{ background:#ab0ea0;}
.details-text.voilet{  border:1px solid #ab0ea0;}
.all-containt.voilet h2{color:#ab0ea0;}
.all-containt.voilet p{ color:#f206e4;}

.number-box.green{ background:#136e03;}
.details-text.green{  border:1px solid #136e03;}
.all-containt.green h2{color:#136e03;}
.all-containt.green p{ color:#1db604;}

.number-box.purple{ background:#69068e;}
.details-text.purple{  border:1px solid #69068e;}
.all-containt.purple h2{color:#69068e;}
.all-containt.purple p{ color:#af07ed;}


.banner-text span{margin-top: -144px; display: block; margin-bottom: 25px;}
.main-text{ padding:25px 0; border-top:1px solid #00C; border-bottom:1px solid #00C; margin:20px 0 0;}
.main-text-right, .main-text-left{ float:left; width:50%; font-weight:normal;}
.feature{ padding:20px 0;background:url(../images/feature-bg-one.png) no-repeat right top;}
.feature h3{ font-size:24px; color:#1d9420; background:url(../images/text-line.jpg) no-repeat bottom left; padding-bottom:20px; margin-bottom:25px;}
.feature-details ul li{ list-style:none; padding:0 0 10px 35px; background:url(../images/right-bull.png) no-repeat left top;}
.feature-details ul li span{ color:#333; font-weight:normal; font-size:14px;}
.feature-pic ul{ text-align:center;}
.feature-pic ul li{ display:inline-block; width:20%; margin:0 2%;}
.for-teacher{ margin:25px 0;}
.for-teacher h3{ padding:25px 0;}

.round-details{ padding:5px 15px;}
.round-pic{ float:left;}
.round-details-text{ float:left; width:calc(100% - 205px); border:8px solid #009bfe; border-radius:20px; padding:20px; margin-top:25px;}
.header{ text-align:center; margin:10px 0;}
.student-teacher-parent{ margin:35px 0;}
.student-teacher-parent ul{ text-align:center;}
.student-teacher-parent ul li{ display:inline-block; list-style:none;}

.mention-below-box{ padding:30px 0; border-bottom:1px solid #ccc;}
.mention-pic{ float:left; margin:0 5px;}
.mention-inner{ margin:0 10px; float:left; width:calc(100% - 222px); font-size:20px; font-weight:normal;}
.mention-inner span{ font-weight:700;}

.email-main-text-left{padding:20px 0;}
.email-main-text-left, .email-main-text-right{ float:left; width:50%; font-weight:500;margin:20px 0; color:#329737; font-size:16px;}
.email-main-text-left ul li, .email-main-text-right ul li{ list-style:none;}
.email-main-text-left ul li{ padding-left:35px; background:url(../images/right-bull.png) no-repeat left top 2px;}
.email-main-text-left ul li:nth-child(1){ color:#30009b;}
.email-main-text-left ul li:nth-child(2){ color:#048b7d;}
.email-main-text-left ul li:nth-child(3){ color:#b106ab;}
.email-main-text-left ul li:nth-child(4){ color:#ff8400;}
.email-main-text-left ul li:nth-child(5){ color:#ff0000;} 
.email-main-text-right{ border-left:1px solid #ccc; padding:20px; }
.email-main-text-right ul li{ margin:0 0 10px; color:#000; font-weight:bold; border-radius:25px 0 0 25px;}
.email-main-text-right ul li span{ color:#fff; width:35px; height:35px; border-radius:50%; display:inline-block; font-size:20px; font-weight:bold; padding:4px 0 0 0px; text-align: center; margin-right:10px; vertical-align:middle;}
.email-main-text-right ul li:nth-child(1) span{ background:#30009b;}
.email-main-text-right ul li:nth-child(2) span{background:#fe6230;}
.email-main-text-right ul li:nth-child(3) span{background:#00bb00;}
.email-main-text-right ul li:nth-child(1){ background:#9a6efe;}
.email-main-text-right ul li:nth-child(2){background:#fb9c7e;}
.email-main-text-right ul li:nth-child(3){background:#89fd89;}
.email-details{ background:url(../images/side-bar.png) no-repeat left top,url(../images/side-bar-two.png) no-repeat right top; padding:40px 25px;}
.email-details-inner{ position:relative;}
.email-details-text{ position:absolute;left:60%; top:50%; transform:translate(-50%,-50%); width:40%; color:#fff; font-weight:normal;}
.email-details-text h3{ font-size:30px; margin-bottom:15px; text-transform:uppercase;    line-height: 32px; color:#fff; font-weight:700;}

.email-details-text.secound-box{left:41%; width:50%; }
.email-details-text.third-box{top:57%; }
.email-details-text.fourth-box{left:41%; width:48%; }

.exam-main{ padding-top:20px;}
.exam-main-inner{ margin-top:20px;}
.num-box,.exam-image-box,.exam-box-text{ float:left;}
.num-box{ width:115px;background:#f03a00; text-align:center; color:#fff; font-weight:400; font-size:20px; text-align:center; padding:25px 0;min-height:130px; border-radius:15px;}
.num-box span{ display:block; font-size:35px; font-weight:900;} 
.exam-image-box{ margin:0 15px;}
.exam-box-text{ padding:25px; border:4px solid #f03a00; font-size:18px;width: calc(100% - 275px); border-radius:15px;min-height:130px; font-weight:normal;}

.num-box-two{background:#ff9c00;}
.exam-box-text-two{ border:4px solid #ff9c00;}
.num-box-three{background:#f2ea03;}
.exam-box-text-three{ border:4px solid #f2ea03;}
.num-box-four{background:#00bb00;}
.exam-box-text-four{ border:4px solid #00bb00;}
.num-box-five{background:#009bfe;}
.exam-box-text-five{ border:4px solid #009bfe;}
.num-box-six{background:#000083;}
.exam-box-text-six{ border:4px solid #000083;}
.num-box-seven{background:#a70fcd;}
.exam-box-text-seven{ border:4px solid #a70fcd;}
.num-box-eight{background:#f309c4;}
.exam-box-text-eight{ border:4px solid #f309c4;}
.num-box-nine{background:#0ad7cc;}
.exam-box-text-nine{ border:4px solid #0ad7cc;}

.prepare-banner-text{ position:relative;}
.prepare-banner-text .prepare-banner-text-inner-box{position:absolute;width:60%;left:50%;top:0px;transform:translateX(-50%);text-align:center;color:#fff; font-weight:normal;}
.prepare-banner-text-inner-box h3{ font-weight:400; color:#000; margin-top:15px;}
.prepare-banner-text-inner-box h2{ margin-bottom:15px; color:#fff; font-size:25px;}
.prepare-banner-text-inner-box p{line-height: normal;}
.prepare-main-left{ float:left; width:50%;}
.prepare-main-right{ float:right; width:50%; padding:15px;}
.prepare-main-right{ font-weight:normal;}
.prepare-main-right h3{ margin:35px 0 15px;font-size: 20px;font-weight: 700;}
.prepare-before-unit-yests-last-left, .prepare-before-unit-yests-last-right{ float:left; width:50%;}

.unique-banner-text{ padding:0 15px; text-align:center; font-weight:normal;}
.unique-main-text{ margin:10px 0; display: inline-block;}
.unique-main-left{ width:24%; float:left;}
.unique-main-right{  float:left;width: calc(100% - 25%); padding: 15px; font-weight:normal;}
.unique-main-right h3{ font-size:22px; margin-bottom:15px; text-decoration:underline; font-weight:700;}

.performance-banner{ position:relative;    padding-bottom: 80px;}
.performance-banner-text{ position:absolute; top:25px; left:50%; width:73%;transform: translateX(-50%); text-align:center; font-weight:normal;}
.performance-banner-text h1{ font-size:40px; font-weight:500; color:#015dce; margin-bottom:20px;}
.performance-banner-text h1 span{ font-weight:900; color:#a01c6f;} 
.performance-box-inner{ float:left; width:31%; margin:20px 1%; text-align:center; font-weight:normal; padding:0 10px;}
.performance-box-inner h3{ font-size:20px; margin:10px 0; font-weight:700;}
.performance-box-inner:nth-child(2){ border-right:1px solid #ccc; border-left:1px solid #ccc;}
.feedback-text{ float:left; width:calc(100% - 308px); padding:15px; font-weight:normal;}
.feedback img{ float:right;}
.feedback-text h3{ font-size:20px; margin-bottom:15px; color:#1d9420;line-height: 65px; font-weight:700;}
.feedback-text h3 img{ float:left; margin-right:15px; vertical-align:middle;}
.feedback.learning img{ float:left;}
.feedback.learning h3{ color:#a00606;}

.feedback.learning.frequent .feedback-text { float: left;  width: calc(100% - 390px);}
.feedback.learning .feedback-text { float: left;  width:calc(100% - 175px); text-align:right;}
.other-info{ margin:15px 0; text-align:center; padding:0 30%;}

.communication-page{ background:url(../images/communication-bg.png) repeat;}
.comm-banner{ position:relative; text-align:center;}
.comm-banner-text{position:absolute;top:200px; left:50%;width:37%;transform:translateX(-50%);text-align: center;font-weight:normal;margin-bottom:50px;}
.comm-banner-text h1{ font-size:30px; font-weight:500; color:#e63d39; margin-bottom:5px; font-weight:900;}
.comm-banner-text h1 span{ font-weight:400; color:#272727; display:block;font-size:35px;} 
.comm{ margin-top:50px;}
.comm img{ float:right;    margin:19px 15px 0 0;}
.comm-text{ float:left; width:calc(100% - 231px); padding:15px; font-weight:normal;}
.comm-text h3{ color:#fff;padding: 12px 0 12px 40px; margin-bottom:15px;margin: -50px 0 20px -87px; font-size:18px; font-weight:700;}
.comm-box{ padding:0 8%;}
.number-box-big{ float:left; width:50px;color:#fff; font-size:45px; font-weight:900; text-align:center;height: 174px; padding:8% 0 0}

.quistion-banner-text{ position:relative;}
.quistion-tittle{ position:absolute; width:100%; left:0px; top:0px; text-align:center;}

.quistion-comm-banner { position: relative; text-align: center;}
.quistion-tittle img{ margin-bottom:20px;} 
.quistion-builder-box-inner{ paddiing:15px; text-align:left;}
.quistion-number-box{ display:inline-block; width:98%;padding:15px; border-radius:10px;  margin:15px 1%; vertical-align:top;}
.quistion-number-box img{ float:left; margin:0 20px 0 0;}
.quistion-number-box span{ width:70px; height:70px; border-radius:50%; color:#fff; font-size:35px; display:inline-block;padding: 8px; margin:10px 0;}
.quistion-number-box h3{ font-size:24px; font-weight:700; margin:10px 0;}

.Post-Summer-Vacation-box{ border:1px solid #f915e0; background:#f5f4f4;}
.Post-Summer-Vacation-box-inner{ padding:0 30px;margin: 20px;}
.Post-Summer-image{ float:left; width:30%; margin-right:15px; position:relative;} 
.Post-Summer-image:after{ position:absolute; content:""; right:-26px; top:0px; width:65px; height:215px; background:url(../images/Post-Summer-Vacation-clip.png) no-repeat center center; z-index: 9;}
.Post-Summer-detail{ float:left; width:calc(100% - 267px); padding:25px 35px;color:#000;font-size:16px;min-height: 206px;}
.Post-Summer-detail h2{ font-size:30px; margin-bottom:15px; }
.Post-Summer-image-one{width: 29%;margin-right:0px;}
.Post-Summer-detail-one{ width:calc(100% - 283px);min-height: 216px;}

.green-post-box{ border:2px solid #29793b; background:url(../images/post-summer-bg.jpg) no-repeat right bottom #fff; position:relative;}
.green-post-box:after{ position:absolute; top:0px; right:0px; width:80px; height:80px; content:"1"; text-align:center; font-size:24px; color:#fff; font-weight:700; background:url(../images/green.jpg) no-repeat left top;}
.green-post-box h2{ color:#29793b; }
.yellow-post-box{ border:2px solid #f9f100; background:url(../images/post-summer-bg-one.jpg) no-repeat right bottom #fff; position:relative;}
.yellow-post-box:after{ position:absolute; top:0px; right:0px; width:80px; height:80px; content:"2"; text-align:center; font-size:24px; color:#fff; font-weight:700; background:url(../images/yellow.jpg) no-repeat left top;}
.yellow-post-box h2{ color:#f9f100; }
.red-post-box{ border:2px solid #ff0000; background:url(../images/post-summer-bg-two.jpg) no-repeat right bottom #fff; position:relative;}
.red-post-box:after{ position:absolute; top:0px; right:0px; width:80px; height:80px; content:"3"; text-align:center; font-size:24px; color:#fff; font-weight:700; background:url(../images/red.jpg) no-repeat left top;}
.red-post-box h2{ color:#ff0000; }
.blue-post-box{ border:2px solid #102292; background:url(../images/post-summer-bg-three.jpg) no-repeat right bottom #fff; position:relative;}
.blue-post-box:after{ position:absolute; top:0px; right:0px; width:80px; height:80px; content:"4"; text-align:center; font-size:24px; color:#fff; font-weight:700; background:url(../images/blue.jpg) no-repeat left top;}
.blue-post-box h2{ color:#102292; }
.orrange-post-box{ border:2px solid #ffa200; background:url(../images/post-summer-bg-four.jpg) no-repeat right bottom #fff; position:relative;}
.orrange-post-box:after{ position:absolute; top:0px; right:0px; width:80px; height:80px; content:"5"; text-align:center; font-size:24px; color:#fff; font-weight:700; background:url(../images/orrange.jpg) no-repeat left top;}
.orrange-post-box h2{ color:#ffa200; }

.demo-banner-text{ text-align:center;margin-bottom: 50px;}
.demo-banner-text h2{ font-size:50px; font-weight:900; color:#7e1101; text-transform:uppercase; margin-bottom:20px;}
.demo-banner-text span{ font-weight:400; display:block; font-size:30px;}
.demo-tittle{ background:url(../images/demo-tittle.jpg) no-repeat center center; padding:20px 15%; color:#fff; font-size:18px; margin-bottom:25px;}
.demo-text{ position:relative; margin:0 30% 25px;}
.demo-text-left{ position:absolute; top:-42px; left:-65%;}
.demo-text-left.demo-text-right{ position:absolute; top:-42px; left:inherit; right:-65%;}
.demo-text-details{ font-size:18px;}
.demo-text-details h3{ font-weight:700; font-size:24px;line-height: 50px; margin-bottom:20px;}
.demo-text-details h3 span{border-radius:50%; width:50px; height:50px; display:inline-block; text-align:center; padding:8px 0 0; color:#fff; float:left;line-height:normal; margin:0 10px 0 0;}

.various-banner-text{ padding:0 15%; margin:0 0 30px;}
.various-text-details{ float:left; width:100%; position:relative; border-radius:15px; overflow:hidden; margin-bottom:10px;}
.various-num{width:50px;height:50px;border-radius:50%;color:#fff;margin-bottom:15px;margin:0 auto 15px;font-size:28px;padding:6px 10px 10px;text-align:center;}
.various-text-details h3{ font-size:20px; font-weight:bold; margin-bottom:15px;} 
.various-left{ padding:10px; float:left; width:30%; text-align:center;}
.various-right{ padding:10px; float:left; width:70%;}

.assessment-box{ position:relative;}
.assess-title{ position:absolute; top:160px; left:350px; font-size:40px; color:#fff;width: 250px;text-align: center;}
.assess-banner-text{ padding:25px 0; text-align:center;}
.assess-text-details{ float:left; width:49%; position:relative; border-radius:15px; overflow:hidden; margin:0 1% 10px 0; text-align:center;padding: 15px; font-size:16px;min-height: 364px;}
.assess-text-details h3{ font-size:24px; font-weight:bold; margin:10px 0 15px; padding:0 0 15px;}  
.assess-text-details:nth-child(2n){margin:0 0 10px 1%;}
.assess-text-last{ padding:25px; font-size:18px; float:left; width:48%;}
.assess-text-last p{  line-height:35px;}

.comu-text-details{ float:left; width:31%;margin:0 1%; text-align:center;padding: 15px; font-size:16px;min-height: 364px;}
.comu-text-details h3, .comu-text-details-full h3{ font-size:18px; font-weight:bold; margin:10px 0 15px; padding:0 0 15px;} 
.comu-text-details-full{ border-top:1px solid #ccc; padding:20px 0; font-size:18px;}
.comu-text-details-full img{ float:right; margin-left:15px;}

.could-banner-text img{ float:right;}
.could-banner-text h2{ font-weight:400; font-size:45px;line-height: 50px; padding-top: 50px;}
.could-banner-text h2 span{ font-weight:900; font-size:60px; color:#16a102;line-height:100px; }
.could-text-outer{ border-top:1px solid #ccc;margin: 30px 0;}
.could-text-details{ float:left; width:48%; margin:0 1%; text-align:center; margin:0 0 15px;}
.could-text-details h3{ font-size:18px; padding: 10px 0; font-weight:900;}

.assess-banner-text.border-bot p{ border-bottom:1px solid #ccc; padding-bottom:10px; font-weight:bold;}

.price-text-outer{ padding:150px 0 30px;border-bottom:1px solid #ccc;}
.price-text-details{ border-radius:20px;text-align:center; float:left; width:31%; margin:0 1%; position:relative;}
.price-text-details img{ position:absolute; top:-128px; left:50%; transform:translateX(-50%);}
.price-bg-box{border-radius: 15px 15px 0 0; overflow:hidden;}
.price-bg-box h3{ font-weight:900; color:#fff; padding:60px 0 20px; font-size:22px;} 
.price-text-details ul{border-radius:0 0 20px 20px; overflow:hidden;}
.price-text-details ul li{ padding:10px 0; font-size:40px; font-weight:700;}
.price-text-details ul li:nth-child(2n) { font-size:20px; font-weight:normal; background:#f1dbcb;}
.price-text-details ul li:nth-child(1){ color:#ff0000;}
.price-text-details ul li:nth-child(3){ color:#1c9725;}
.price-text-details ul li:nth-child(5){ color:#b004bb;font-size:20px; font-weight:normal;}
.price-text-details ul li span{ font-weight:700; font-size:24px;}
.price-last-box-left{width:40%; text-align:center; padding-top:50px; float:left;}
.price-last-box-left h2{ background:#909; color:#fff; font-size:35px; margin-bottom:20px;}
.price-last-box-left h3{ margin-bottom:20px;} 
.price-last-box-right{width:60%; text-align:right;float:right;}

.what-left{ float:left; width:50%;}
.what-box{ border-top: 1px solid #ccc; padding: 20px 0; font-size: 18px;}
.what-box-left{ float:left; width:50%;}
.what-box-right{ float:left; width:50%;}
.what-box-right h3 { font-size: 18px; font-weight: bold; margin: 10px 0 15px; padding: 0 0 15px;}


.teacher-report-box{ background:url(../images/teacher-report-bg.jpg) no-repeat left top; padding:15px 0; margin-bottom:20px;}
.teacher-report-box{ border:20px solid #514f4f;}
.teacher-report-left{ float:left; width:30%;}
.teacher-report-right{ float:left; width:70%; padding:24px 40px 15px 15px; font-size:18px; position:relative;}
.teacher-report-right h3{ margin-bottom:15px; font-size:24px; font-weight:700;}
.over-pic{ position:absolute; bottom:-69px; right:-20px;}

.question-creation-box-outer{text-align: center; margin-bottom:30px;}
.question-creation-box{ border-radius:15px; display:inline-block; width:31%; margin:0 1%; border-bottom:3px solid;}
.question-creation-box span{ border-radius:50%; text-align:center; font-size:36px; display:inline-block;width: 70px;height: 70px; font-weight:700; padding: 8px 0 0; margin-bottom:15px;}
.question-creation-inner{ font-size:18px; font-weight:600;}
.question-creation-inner h3{ font-weight:700; font-size:26px;}
.free-box{ float:left; width:48%; margin:0 1% 20px; padding:25px; text-align:left; font-weight:700; color:#000; font-size:18px;}
.free-box img{ float:left; margin-right:25px;}


.practice-banner-text{ background:url(../images/practice-baner-bottom.jpg) no-repeat center center;padding:20px;text-align:center;color:#fff;font-size:16px;}
 .practice-banner-text h2{ color:#fff; margin-bottom:15px;}
.practice-box{ float:left; width:31%; margin:85px 1% 0; padding:15px; position:relative;min-height: 430px;}
.practice-box h3{ font-size:16px; font-weight:700; min-height:70px; padding:10px 0; margin-bottom:15px; border-top:1px solid #fff;}
.practice-number{  position:absolute; top:-67px; left:50%; transform:translateX(-50%);}
.practice-box-pic{ padding:20px;}


.gather-main-outer{ padding:25px 10%;}
.gather-outer{ margin-bottom:15px; padding:5px; border-radius:50px;}
.gather-outer > span{ width:50px; height:50px; border-radius:50%; color:#fff; text-align:center; float:left; font-size:24px; font-weight:700; padding:8px 0 0; margin-top:18px;}
.gather-text{ border-radius:50px;margin-left:15px; float:left; width:calc(100% - 70px); font-size:18px; color:#fff;min-height: 84px; position:relative;}
.gather-text span{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:90%;}

.banner-outer{ border-bottom:1px solid #333; padding-bottom:20px;}
.banner-inner{ float:left; width:50%; padding:71px 15px 70px; text-align:center; background:#7205d8; color:#fff;}
.banner-inner h2{ margin-bottom:25px; color:#fff;}
.banner-outer img{ float:left; width:50%;}
.organising-outer {  margin-bottom:35px; padding: 5px; border-radius: 50px; position:relative;width: 31%;float: left; margin: 0 1% 25px;}
.organising-outer > span{ width:50px; height:50px; border-radius:50%; color:#fff; text-align:center; float:left; font-size:24px; font-weight:700; padding:8px 0 0; position:absolute; top:-25px; left:0px; z-index:999;}
.organising-outer .gather-text {margin-left: 0;width: 100%;padding: 20px; min-height: 202px;}

.bring-student-outer{ text-align:center; float:left; width:31%; margin:0 1%; margin-bottom:20px}
.bring-student-outer span{ display:inline-block; width:80px; height:80px; border-radius:50%; font-size:36px; font-weight:700; color:#fff; padding:12px 0 0;}
.bring-student-outer .gather-text{ border-radius:15px; padding:15px 20px; float:none; width:100%;min-height: 140px;}
.bring-student-outer:last-child .gather-text{min-height:none;min-height: inherit; padding:25px;}

.invitation-outer{ padding:15px;float: left; width: 49%; margin: 15px 0.5%;}
.invitation-outer span{ float:left; width:70px;height:70px;text-align:center;border-radius:50%;font-size:40px;color:#fff;font-weight:700;padding-top:5px;}
.invitation-outer .gather-text{ width:calc(100% - 90px); float:left;margin-left: 20px;min-height: inherit;}
.invitation-outer .gather-text h3{ font-weight:700; font-size:25px;} 

 
/*.assess-banner-text span{ background:#348703; color:#fff; padding:10px 25px; margin-top:15px; display:inline-block;}*/
.telecoller-outer{ margin-bottom:15px; padding:10px; border-radius:15px;}
.telecoller-outer > span{ float:left; width:50px;height:50px;text-align:center;border-radius:50%;font-size:30px;color:#fff;font-weight:700;padding-top:3px;}
.telecoller-outer .gather-text{ width:calc(100% - 90px); float:left;margin-left: 20px;min-height: inherit; padding-top:14px;}
 .telecoller-outer .gather-text em { text-transform:none;}
 
 .email-body-text{ position:relative; padding:50px 0 0; background:url(../images/email-body-bg.jpg) no-repeat right top;}
 .box-one{ width:77%; color:#090; font-weight:700; margin-bottom:15px;}
 .box-two{ width:77%; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #F30;}
 .box-three{ width:68%; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #F30;}
 .box-four{ width:51%; margin-bottom:15px;}
 .email-text{ float:left; width:50%;padding: 15px;}
 .email-pic{ float:right; width:50%;}
 .email-pic-one{margin-left:112px; margin-bottom:15px;}
 .email-pic-two{margin-left:-14px; margin-bottom:15px;}	
 .email-pic-three{margin-left:-98px; margin-bottom:15px;}
 .email-pic-four{margin-left:-240px; margin-bottom:25px;}
 
 .job-role-title{ float:left; width:50%;}
  .job-role-title h2{ font-size:50px; color:#16a102;line-height: 55px; font-weight:900;}
 .job-role-title h2 span{ font-weight:200; color:#9b06e8; font-size:40px;}	
 .job-role-info{ text-align:left; width:50%; float:left;} 
 .job-role-box-outer .free-box { float:none; position:relative;}
 .number-box-job{ position:absolute; left:-45px; top:40px; width:50px; height:50px; border-radius:50%; color:#fff; font-size:30px; font-weight:700; text-align:center; padding-top:3px;}
 .one-free-box{ margin-left:5%;}
 .two-free-box{ margin-left:15%;}
 .three-free-box{ margin-left:25%;}
 .four-free-box{ margin-left:35%;}
 .job-role-text{ padding:30px 15px;}
 .job-role-box-outer{ background:url(../images/job-bg.png) no-repeat right top, url(../images/job-bg1.png) no-repeat left -15% bottom;}
 .last-para{ position:absolute; left:0px; bottom:50px; color:#000;width: 185px; padding: 15px; color:#fff;}
 
 .august-test{text-align:center; border-bottom:1px solid #ff0000; padding:15px 8%;}
 .august-pic-one{margin-left:-48px; margin-bottom:15px;}
 .august-pic-two{margin-left: -501px;margin-top: -109px;}	
 .august-pic-three{margin-left: -56px;margin-top: -115px;}
 .august-pic-four{margin-left: -462px;margin-top: -65px; margin-bottom:25px;}
 
 .july-box-date{ float:left; width:19%; margin:15px 0.5%; padding:15px; text-align:center; color:#fff; font-size:16px;min-height: 208px;}
 .july-box-date p{ line-height:30px;}
 .july-box-date h3{ font-weight:700; font-size:22px; color:#fff; margin-bottom:15px;} 
 .red-box{ background:#dd0000; position:relative;}
 .red-box:after{ position:absolute; bottom:-50px; right:-3px; content:""; width:50px; height:50px; background:url(../images/red-arrow.png) no-repeat left top;}
 .orrange-box{ background:#fe6130; position:relative;}
 .orrange-box:after{position:absolute;bottom:-50px;right:-3px; content:"";width:50px;height:50px;background:url(../images/orrange-arrow.png) no-repeat left top;}
 .yel-box{ background:#c7c204; position:relative;}
 .yel-box:after{ position:absolute; bottom:-50px;right:-3px;content:"";width:50px;height:50px;background:url(../images/yellow-arrow.png) no-repeat left top;}
 .green-box{ background:#00bb00; position:relative;}
 .green-box:after{ position:absolute; bottom:-50px;right:-3px;content:"";width:50px;height:50px;background:url(../images/green-arrow.png) no-repeat left top;}
 .blue-box{ background:#009bfe; position:relative;}
 .blue-box:after{ position:absolute;bottom:-50px;right:-3px;content:"";width:50px;height:50px;background:url(../images/blue-arrow.png) no-repeat left top;}
 
 .life-time-left{ float:left; width:50%; padding:0 10px; border-right:2px solid #090; margin:25px 0;}
 .life-time-left p{ margin-bottom:20px;}
  .life-time-right{ float:left; width:50%; padding:0 20px; margin:25px 0;}
 .life-time-right p{ margin-bottom:30px; padding:15px 15px 15px 0; border-right:10px solid #271841; position:relative;}
 .life-time-right p:before{content:"";width:70px;height:20px;background:url(../images/pdesign-up.png) no-repeat left top;position:absolute;top:0px;right:0px;}
 .life-time-right p:after{content:"";width:70px;height:20px;background:url(../images/pdesign-down.png) no-repeat left top;position:absolute;bottom:0px;right:0px;}
 
 .time-bg{ background:url(../images/time-bg.png) repeat;}
 .september-test{}
 .september-pic-one{margin-left:462px; margin-bottom:15px;}
 .september-pic-two{margin-left:76px;margin-top:-202px;}	
 .september-pic-three{margin-left:456px;margin-top:-91px;}
 .september-pic-four{margin-left:59px;margin-top:-164px; margin-bottom:50px;}
 
 .pro-report-outer{ background:url(../images/pencil.png) no-repeat left bottom; padding: 0 0 0 1px;}
 .progress-report{ background:url(../images/progress-report-banner.jpg) no-repeat top right;}
 .pro-report{ border-bottom:1px solid #ff0000; padding-bottom:15px; margin:25px 0 15px; padding:0 0 15px 114px;}
 .pro-report-outer{ padding-bottom:150px;}
 .pro-text{ color:#fff; margin-bottom:15px; padding-right:15px;}
 .pro-number{ float:left; width:100px; height:145px; color:#fff; font-weight:900; font-size:100px; text-align:center; margin-right:15px;}
 .pro-text h4{ margin:15px 0 5px; font-weight:700;}
 .pro-info{ float:left; width:calc(100% - 115px);padding: 15px 0 0;}
 .pro-text-one{ width:90%;}
 .pro-text-two{ width:75%;}
 .pro-text-three{ width:63%;}
 .pro-text-four{ width:55%;}
 .pro-last-text{ padding:0 277px 0 114px; margin:30px 0;}
 
 .not-banner-next{ text-align:center; padding:35px 10%; font-size:16px;}
 .not-banner-left{ float:left; width:50%;}
 .not-banner-right{ float:right; width:50%; text-align:center; padding:15px;}
 .not-text{ padding:15px; color:#fff; font-size:16px;}
 .not-banner .organising-outer{ width:49%; float:left; margin:0 0.5% 35px;}