@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
* {box-sizing:border-box }
a { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; cursor:pointer; text-decoration:none; }
textarea{ resize:none;}
a:hover, a:active { text-decoration:none; }
a:focus { text-decoration:none; outline:none; }
::-moz-selection { color: #fff; background:#ef5555; text-shadow:none;}
::selection { color: #fff; background:#4fb4eb; text-shadow:none; }
p { display:block; padding:10px 0px; }
.clear { clear:both; height:0px; line-height:0px; font-size:0px; margin:0px; padding:0px; display:block; }
.clear5 { display:block; height:5px; line-height:0px; font-size:0px; clear:both; }
.clear10 { display:block; height:10px; line-height:0px; font-size:0px; clear:both; }
.clear20 { display:block; height:20px; line-height:0px; font-size:0px; clear:both; }
.clear40 { display:block; height:40px; line-height:0px; font-size:0px; clear:both; }
header, section, aside, nav, footer { display:block; }
h1, h2, h3, h4, h5, h6 { display:block; margin:0; padding:0; }
img { max-width:100%; }
ul { display:block; margin:0; padding:0; list-style:none; }
body {font-family: 'Poppins', sans-serif; color:#070707; padding: 0 0 0; margin: 0; line-height: 1.3; font-size: 16px;}
html, body {height: 100%;margin: 0;}
.container{max-width: 1170px; margin: 0 auto;  }
.flex-wrap{flex-wrap: wrap;}
.maincta {background-color: #0E3B80; text-transform: uppercase; min-width: 210px; line-height: 65px; display: inline-block; text-align: center; color: #fff; border-radius: 5px; font-size: 20px; transition: all 0.6s;}
.maincta:hover {background-color:#070707}
.maincta span { right: -9px; position: relative; transition: all 0.3s;}
.maincta:hover span {right: 0;}
.maincta img {position: relative; top: 2px; transition: all 0.3s; left: -20px; visibility: hidden; opacity: 0;}
.maincta:hover img {left: 3px; visibility: visible;  opacity: 1; width: 14px;}

.mainHeading {font-size: 20px; line-height: 35px; color: #070707; text-align: center; font-weight: 500;}
.mainsubHeading {font-size: 30px; line-height: 35px; text-align: center; color: #0E3B80; font-weight: 500;}

header#header { position: fixed;  left: 0;  top: 0;  width: 100%;  z-index: 999;  background: #fff;}

header {border-bottom: 1px solid #C7C7C7; padding: 15px 0}
.headerWrapper { display: flex;  align-items: center; justify-content: space-between}
#mainMenu {display: flex; align-items: center; }
#mainMenu > li {padding: 0 10px}
#mainMenu > li > a {font-size: 1em; color: #070707}
#mainMenu > li > a:hover {color: #0E3B80}
.menuWraper {position: relative; display: flex;}
.searchblock { margin-left: 30px;}
.searchblock > img  {z-index: 1; position: relative;}
.searchform {  display: block;  position: absolute;  width: 0;  background: #fff;  height: 40px; opacity: 0; top: -9px; left: 0; z-index: 1111; }
.searchform input { width: 100%; height: 40px;  border-radius: 5px;  outline: 0; border: 1px solid #ddd; padding: 0 15px; font-family: inherit; font-size: 16px;}
.searchform .close { position: absolute; right: 10px;  font-size: 14px;  width: 20px;  line-height: 20px; text-align: center; background: red; border-radius: 50%; top: 50%; color: #fff;  transform: translateY(-50%);    cursor: pointer;}
.pluslogocenter img {display: block;}
header .maincta {min-width: 150px; line-height: 38px; font-size: 16px; text-transform: inherit;}
header .maincta img { width: 10px; top: 0;vertical-align:middle;}


.heroBannerwrapper {background: transparent linear-gradient(0deg, #F6F6F6 0%, #F9F9F90D 100%) 0% 0% no-repeat padding-box; }
.heroBanner {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 0}
.heroBanner > div {width: 48%; padding-left: 90px; }
.heroBanner > div h1 {font-size: 3.125em; color: #070707; font-weight: 500; line-height:1.1; /*margin-top: 37px;*/ }
.heroBanner > div h1 span {color: #0E3B80}
.heroBanner > div h2 {font-size: 1.125em; line-height: 1.5; font-weight: 400; color: #070707; margin-top: 36px}
.heroBanner .mainCtablock {padding-top:20px }

#servicessection {padding:16px 0 30px 0 ;}

.serviceWrap {display: flex; flex-wrap: wrap;  padding: 30px 0 0 0;justify-content: space-between;}
#online-mocks .serviceWrap{justify-content:center;}
.servicebox {width: 24%; height: 262px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 9px 15px #9C9C9C29; border-radius: 5px; text-align: center; color: #070707;}
.servicebox .serImg {padding: 28px 0 0 0;}
.servicebox .serImg img {max-height: 72px; display: block; margin: auto; transition: all 0.3s;}
.servicebox:hover .serImg img { transform: scaleX(-1);}
.servicebox h4 { padding: 18px 0 0 0;  font-size: 20px;    color: #070707;    font-weight: 500;    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;    width: 80%;    margin: 0 auto;}
.servicebox p {padding: 12px; margin: 0;  font-size: 14px;  line-height: 20px;  height: 90px;  overflow: hidden;}

.serviceWrap .mainCtablock {margin-top: 13px;}
.serviceWrap .mainCtablock a {min-width: 142px; line-height: 1.1; font-size: 16px;}
.serviceWrap .mainCtablock a img {width: 10px; top: 0;}

.upcomingMockwrap {padding: 40px 0 ; }
.upcomingWrap {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; }
.upcomingBox {background: #F7F7F7 0% 0% no-repeat padding-box; border-radius: 5px; width: 49%; overflow: hidden; display: flex; margin-bottom: 20px; position: relative; transition: all 0.8s; border: 1px solid #ddd;}
.upcomingBox:hover {background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.upcomingBox:before {content: '';  width: 0;  height: calc(100% - 2px);  position: absolute;  top: 0; right: 0; border: 1px solid #0E3B80; border-radius: 5px;  opacity: 0;  visibility: hidden; transition: all 0.7s;}
.upcomingBox:hover:before { visibility: visible;  opacity: 1; width: calc(100% - 2px); z-index: 1;}
.upImg img {display: block;}

.upcomingBox h5 {font-size: 20px; line-height: 35px; font-weight: 500; margin: 0; padding: 0;}
.upImg {width: 40%;}
.upContent {width: 60%; padding: 10px 25px; position: relative; z-index: 1;}
.upcomingBox h6 {font-size: 14px; line-height: 20px; font-weight: 500; color: #777; margin: 0; padding: 0;}
.upcomingBox .offer {font-size: 20px; line-height: 30px; display: flex; justify-content: space-between; padding: 15px 0; font-weight: 500;}
.upcomingBox .offer .offerbefore {color: #F00700; text-decoration: line-through;}
.upcomingBox .offer .mainOffer {color: #0E3B80;}
.upcomingBox .mainCtablock a {min-width: 148px; line-height: 39px; font-size: 16px;}
.upcomingBox .mainCtablock a img {width: 10px; top: 0;}


#latestProductswrapper {background-color: #0E3B80; padding:40px 0 ; color: #fff;}
#latestProductswrapper .mainHeading, #latestProductswrapper .mainsubHeading {color: #fff;}
.featuredProductsWrap { display: flex;  flex-wrap: wrap;  justify-content: left;  margin: 30px -1% 0;}
.featuredProducts { background-color: #fff;  width: 31.333%;  border-radius: 5px;  overflow: hidden;  padding: 20px;  border: 1px solid #0AD0F4;  margin: 1%;}

.fimageBlock {overflow: hidden; background-color: #000; height: 240px; }
.fimageBlock img{ width: 100%; display: block; transition: all 0.6s; height: 100%; object-fit: cover;}
.featuredProducts:hover .fimageBlock img {transform: scale(1.2); opacity: 0.8;}
.featuredProducts h6 {font-size: 20px; line-height: 30px; color: #070707; text-align: center; font-weight: 500; margin-top: 10px;}
.featuredProducts .offer {font-size: 20px; line-height: 30px; display: flex; justify-content: center; padding: 0px 0; font-weight: 500; }
.featuredProducts .offer .offerbefore {color: #F00700; text-decoration: line-through; margin: 0 5px;}
.featuredProducts .offer .mainOffer {color: #0E3B80; margin: 0 5px;}
.featuredProducts .mainCtablock {text-align: center; padding-top: 20px;}
.featuredProducts .mainCtablock a { min-width: 148px; line-height: 19px;  font-size: 16px;}
.featuredProducts .mainCtablock a img {width: 10px; top: 0;}

#examTestPapers {padding:30px 0 30px 0 ;} 
#funfactwrap {padding:30px 0 60px 0 ;} 
#funfactwrap ul {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-top: 30px;}
#funfactwrap ul li {width: 25%; text-align: center; font-size: 21px; line-height: 37px; font-weight: 500; border-right: 1px solid #ddd;}
#funfactwrap ul li span {display: block; font-size: 42px; font-weight: 500; color: #0E3B80; line-height: 37px;}
#funfactwrap ul li:last-child {border: 0;}
#funfactwrap ul li > span { display: flex; justify-content: center;}

#testmonialWrap {background-color: #0E3B80; padding:40px 0 40px ; color: #fff;}
#testmonialWrap .mainHeading, #testmonialWrap .mainsubHeading {color: #fff;}
#testmonialWrap .divider {height: 40px;}
#testmonialWrap {text-align: center;}
#testmonialWrap .item {  padding: 0 15%;  font-size: 20px;   line-height: 35px;   display: flex;   flex-wrap: wrap;   justify-content: space-between;}
#testmonialWrap .item .testitextwrap {  width: 100%;  text-align: center;  padding-bottom: 30px;}
#testmonialWrap .item .testimage {  width: 100%;}
#testmonialWrap .item .testimage img.testimonial-img {  width: 170px;   height: 170px;    object-fit: cover;    border-radius: 50%;    background: #fff;    padding: 10px;    margin: 0;}
#testmonialWrap .item .testimage p {padding: 15px 0 0 0; margin: 0;}
#testmonialWrap .item .testimage p:before, #testmonialWrap .item .testimage p:after { content: '';  margin: 0 5px;}
#testmonialWrap .item .testitextwrap img.quotesimg { display: inline-block !important;   margin-right: 10px;}
#testmonialWrap .item .testitextwrap span {  line-height: 1.5;  display: block;   font-weight: 400;   font-size: 20px;}
.quotesimg { width: auto !important; margin: auto;}
#testmonialWrap .owl-dots {padding-top: 30px; position: absolute; top:100%; width: 100%;}
#testmonialWrap button.owl-dot { display: inline-block;  width: 78px;  height: 78px; background-color: red !important; margin: 0 10px; border-radius: 50%; overflow: hidden; transition: all 0.3s;}
#testmonialWrap button.owl-dot.active {width: 98px;  height: 98px;}
#testmonialWrap button.owl-dot:nth-child(1) {background: url(../images/testi_02.png); background-size: 100%;}
#testmonialWrap button.owl-dot:nth-child(2) {background: url(../images/testi_03.png); background-size: 100%;}
#testmonialWrap button.owl-dot:nth-child(3) {background: url(../images/testi_01.png); background-size: 100%;}
#testmonialWrap button.owl-dot:nth-child(4) {background: url(../images/testi_04.png); background-size: 100%;}
#testmonialWrap button.owl-dot:nth-child(5) {background: url(../images/testi_05.png); background-size: 100%;}
#testmonialWrap ul.control-dots + button { left: -100px !important; background:url(../images/slidearrow-prev.jpg) no-repeat !important ; background-size: 100% !important;    }
#testmonialWrap .axis-horizontal + button { right: -100px !important; background:url(../images/slidearrow-next.jpg) no-repeat !important ; background-size: 100% !important; }

#testmonialWrap ul.control-dots {display: none;}
#testmonialWrap .carousel.carousel-slider {overflow: inherit;}
#testmonialWrap button {width: 60px !important; height: 60px !important; background-color: none !important; text-indent: -1000px; overflow: hidden;  opacity: 0.3 !important;  }
#testmonialWrap button:hover{opacity: 1 !important;}
#testmonialWrap ul.control-dots + button { left: -100px !important; background:url(../images/slidearrow-prev.jpg) no-repeat !important ; background-size: 100% !important;    }
#testmonialWrap .axis-horizontal + button { right: -100px !important; background:url(../images/slidearrow-next.jpg) no-repeat !important ; background-size: 100% !important; }
#testmonialWrap .heroBanner .mainCtablock {text-align: left;}

#newsletterwrap {background:#0A3372; color: #fff; padding:20px 0 ;}
.newslettercontainer {display: flex; flex-wrap: wrap; justify-content: space-between;}
.textBolck {display: flex; align-items: center; font-size: 30px; line-height: 35px; text-transform: uppercase; width: 50%;}
.textBolck > div:nth-child(1) {margin-right: 10px;}
.subscribInput {width: 50%;}
.subscribInput form {display: flex; position: relative;}
.subscribInput form input {width: 100%; height: 47px; border-radius: 5px; outline: 0; padding:0 20px; font-size: 16px; }
.subscribInput form input::-webkit-input-placeholder {  color: #A1A1A1; opacity: 1;  }
.subscribInput form input:-ms-input-placeholder { color: #A1A1A1; opacity: 1;  }  
.subscribInput form input::placeholder { color: #A1A1A1; opacity: 1;  }
.subscribInput form button {position: absolute; right: 0; height: 47px; background:#0E3B80 ; outline: 0; border: 0; width: 91px; color: #fff; font-size: 30px; font-weight: 500; transition: all 0.3s; cursor: pointer; border-radius: 0 5px 5px 0;}
.subscribInput form button:hover{background:#070707 ;}
#footer {position:relative;padding-top: 40px;padding-bottom:10px;}
.leftfooter {width: 45%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.ftrlink {width: 49%; margin-bottom: 20px;}
.ftrlink h3 {font-size: 16px; font-weight: 500; color: #000; line-height: 35px;}
.ftrlink ul li a {color: #070707; display: block; padding:5px 0 ;}
.ftrlink ul li a:hover {color: #0E3B80; padding: 5px 0 5px 5px;}

.footerContainer {display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;}
.footerContainer:after {content: ''; height: 100%; position: absolute; left: 50%; width: 1px; background:#ddd ;}
.rightfooter {width: 45%;}
.rightfooter .red-text-right {color: red; text-align: right; font-size: 12px; line-height: 35px;}
.rightfooter h3 {font-size: 16px; font-weight: 500; color: #000; line-height: 35px;}
.rightfooter input {width: 100%; height: 47px; border: 1px solid #C3C3C3; border-radius: 5px; opacity: 1; outline: 0; margin-bottom: 15px; padding: 0 15px; font-size: 16px;}
.rightfooter input:focus {border-color: #0A3372;}
.rightfooter textarea {width: 100%; height: 147px; border: 1px solid #C3C3C3; border-radius: 5px; opacity: 1; outline: 0; padding: 15px; font-family: inherit; font-size: 16px;  margin-bottom: 25px;}

.rightfooter input:-ms-input-placeholder { color: #A1A1A1; opacity: 1;  }  
.rightfooter input::placeholder { color: #A1A1A1; opacity: 1;  }

.rightfooter textarea:-ms-input-placeholder { color: #A1A1A1; opacity: 1;  }  
.rightfooter textarea::placeholder { color: #A1A1A1; opacity: 1;  }

.rightfooter .mainCtablock .maincta {min-width: 210px; line-height: 65px; outline: 0; cursor: pointer; font-family: inherit;}
.followusDiv {padding-top: 30px;}
.followusDiv ul {display: flex; flex-wrap: wrap; margin-top: 15px;}
.followusDiv ul li {padding-right: 30px;}

.followusDiv ul li img {transition: all 0.3s;}
.followusDiv ul li:hover img { transform: scaleX(-1);}

.copyrightBlock { position: absolute; left: 0; right: 0; z-index: 9; bottom: 0px; margin-top: 40px; text-align: center; background:#0E3B80 ; line-height: 50px; color: #fff;}
.gototop { width: 68px; height: 68px;  border: 1px solid #CAA6E9;  text-align: center;  position: fixed; right: 40px; bottom: 140px; display: flex; align-items: center; justify-content: center;  border-radius: 50%;    cursor: pointer; transition: all 0.3s; display: none; opacity: 0; visibility: hidden;}
.gototop:hover {background:#0A3372 ;}
.gototop:hover img { filter: invert(1);}
.gototop.darkHeader {opacity: 1; visibility: visible; display: flex; z-index: 99;}
.text-center {text-align: center;}
.mcqButton{color: #0e3b80; text-alert:center; border: 1px solid #0e3b80; padding:10px;border-radius:4px;margin-top:20px;}
.mcqButton:hover{color:#fff;border-color:#ef5555;background: #ef5555;}


/*---- Inner Pages Css--------------------------------*/

.innernavdiv {background: #0E3B80; margin-top: 20px;}
.innernavdiv ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.innernavdiv ul li a {color: #7CD1FF;font-size: 14px;line-height: 35px;display: block;padding:0 5px;}
.innernavdiv ul li a.active {color: #fff;}
.innernavdiv ul li a:hover {color: #fff;}
.innernavdiv ul li:first-child a {padding-left: 0;}
/*.modal-slider {  height: 292px;  overflow: hidden;}*/

.tabcontent2 { padding-bottom: 40px; width: 100%;}

.mockupexamBody {padding:50px 0 ;}

#tabs ul {display: flex; justify-content: center; padding-top: 30px;}
#online-mocks .servicebox, #offline-mocks .servicebox {width: 33.33333333333333%;  height: auto;  box-shadow: none;  margin-bottom: 40px;    background: #f9f9f9;
    margin: 0.5%; padding: 15px;}
#tabs ul li {line-height: 50px; width: inherit; background:#CCCCCC ; margin: 0 5px; text-align: center; color: #fff; padding: 0 15px;}
#tabs ul li a {color: #070707; display: block;}
#tabs ul li.ui-state-active {line-height: 50px; width: 152px; background:#0E3B80 ; margin: 0 5px; text-align: center; color: #fff;}
#tabs ul li.ui-state-active a {color: #fff;}
#online-mocks .servicebox p, #offline-mocks .servicebox p {max-width: 78%; margin: 0 auto; }
body.hideScore {overflow: hidden;}
header#header.sticky { position: fixed;  left: 0;   right: 0;  background: #fff;  z-index: 999; box-shadow: 0 0 5px rgba(0,0,0,0.3);  }




.tab {  overflow: hidden;   border: 1px solid #ccc;   background-color: #f1f1f1;  }  
.tab button {  background-color: inherit;  float: left;  border: none;  outline: none;   cursor: pointer;   padding: 14px 16px;    }
.tabcontent {display: none;}
.tabcontent2 {display: none;}


#tabs .tab {display: flex;  align-items: center;  justify-content: center; padding: 15px 0;}
#tabs .tab {  display: flex;  align-items: center;  justify-content: center;  background: #0E3B80;  border: 0;  color: #fff; flex-wrap: wrap;}
#tabs button.tablinks {  color: #fff;  font-family: inherit;  font-size: 1em; padding: 0px 10px; margin-left:15px; margin-right:15px;  white-space: nowrap; }
#tabs .tab button.active {   border-radius: 5px;  background: #fff;  color: #000;}
#tabs .tab button:hover {   border-radius: 5px;  background: #fff;  color: #000;}

.examWrap {display: flex;  flex-wrap: wrap;  justify-content: space-between; padding-top:15px ; }
.examBoxx {  width: 49%;  background: #eaeaea;  margin: 5px 0;  padding: 15px;  position: relative;  font-weight: 400; transition: all 0.3s;}
.examWrap .item {width: 31.333333333% !important;	margin: 1%;}
.examBoxx:hover {background:#0E3B80 ;}
.examBoxx a {display: block;}
.examBoxx:hover a  h4  {color: #fff;}
.examBoxx h4 {  font-weight: 400;  color: #000; position: relative;}
.examBoxx h4:after {content: ''; background:url(../images/right-arrow.png) ; width: 20px; height: 20px; background-size: 100%;  position: absolute; right: 0;}

.schooltextbody {background: #f8f8f8; padding: 50px 50px;}

div#popup-modal-exam { width: 100%; display: flex;  min-height: 800px; padding-top: 50px; }


#popup-modal-exam .tab {  display: flex;   align-items: center;   margin: 0 25px;   background: none;    border: 0;    border-bottom: 1px solid #ddd;    text-transform: uppercase;    font-size: 14px;}
#popup-modal-exam .tab button.tablinks {  font-size: 14px;   margin: 0 15px !important;}
div.modal-slider {  padding: 25px;}
div.modal-slider  .subjectBoxes { border: 1px solid #ddd; margin: 0 10px;}
div.modal-slider  .subjectBoxes h5 {text-align: center; padding: 28px 15px; color: #fff; background:#0E3B80 ; font-weight: 400;}
.subjectlisttable {  padding: 10px 15px 10px;}
.subjectlisttable table{width: 100%;}
.subjectlisttable table td {padding: 15px 0; font-size: 14px; border-bottom: 1px solid #ddd; width: 50%;}
.subjectlisttable table tr:last-child td {border: 0;}
span.online {color: #DA9100;}
.subjectlisttable table tr td:last-child {color:#0E3B80 ;}
#popup-modal-exam .tab button.tablinks.active { background: #0E3B80;   color: #fff;}

.slideDiv .subjectDivwrap { display: flex;  width: 100%;  flex-wrap: wrap;}
.slideDiv .subjectDivwrap .item {width: 33.333333333%; margin-bottom: 20px;}
div.modal-slider  .owl-nav {  position: absolute;   top: 50%;   transform: translateY(-50%);   width: 100%;   display: flex;   justify-content: space-between;}
div.modal-slider .owl-nav button.owl-prev, div.modal-slider .owl-nav button.owl-next  {    width: 44px; height: 44px; text-indent: -999px; overflow: hidden; position: relative;  border-radius: 50%;  }
div.modal-slider .owl-nav button.owl-prev {   left: -44px; background: url(../images/slidearrow-prev.jpg) no-repeat; background-size: 100%;}
div.modal-slider .owl-nav button.owl-next {   right: -44px; background: url(../images/slidearrow-next.jpg) no-repeat; background-size: 100%;}
div.modal-slider .owl-nav button {transition: all 0.3s; display: inline-block;}
div.modal-slider .owl-nav button:hover {background-color: #0E3B80; color: #fff;}
div#popup-modal-exam .container {position: relative; border-radius: 5px; overflow: hidden; width: 100%;}
.mode-close {  position: absolute;   right: 10px;    top: 10px;    cursor: pointer; transition: all 0.3s;}
.mode-close:hover {opacity: 0.8;}

.welcomeLoginwrap {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:30px ; border: 1px solid #666666; margin-bottom: 200px; }
.leftlogindetails{display: flex; align-items: center; justify-content: center; padding: 25px 60px; color: #fff; width: 50%; background-color:#0E3B80 ; text-align: center; min-height: 500px; font-size: 20px; line-height: 40px; }
.formwrap { width: 50%;  padding: 50px;  display: flex;  align-items: center;  justify-content: center;   flex-wrap: wrap;}
.insideLoginform {padding: 50px 0; width: 100%;}
.insideLoginform .form-group { width: 100%;  margin-bottom: 30px; position: relative;}
.insideLoginform .form-group label {  position: absolute;  background: #fff;   padding: 0px 10px;  font-weight: 500;    color: #0E3B80;    font-size: 16px;    left: 10px;    top: -9px;}
.insideLoginform .form-group input {width: 100%; height: 60px; border: 1px solid #707070; border-radius: 5px; opacity: 1; outline: 0; font-weight: 500; font-size: 16px; font-family: inherit; color: #070707; padding: 0 15px;}
.insideLoginform .form-group input:focus {border-color: #0E3B80;}
img.showpassword { position: absolute;  right: 10px;  height: 17px;  top: 50%;   transform: translateY(-50%);    cursor: pointer;}
.insideLoginform .form-group .maincta { box-shadow: none;  min-width: 148px;  line-height: 39px;  font-family: inherit;  outline: 0;   border: 0; cursor: pointer;}
.submitbuttn {display: flex; justify-content:space-between; align-items: center;}
.passwordgroup a {font-size: 14px; color: #0E3B80;}
.passwordgroup a:hover {color: #070707;}

.orDiv {border-top: 1px solid #666; margin-top: 60px;}
.orDiv span { display: block; width: 48px;  color: #0E3B80; height: 48px;  line-height: 46px; border: 1px solid #777;  text-align: center;  border-radius: 50%;   margin-left: auto;    margin-right: auto;    margin-top: -24px;    background: #fff;}
.loginwithgoogle { text-align-last: center; padding: 8px;}
.loginwithgoogle a { display: flex;   align-items: center;  justify-content: center; padding: 15px 0; color: #0E3B80;}
.loginwithgoogle a:hover {color: #070707;}
.loginwithgoogle img {max-width: 25px; margin-right: 10px;}
.donthaveaccount {font-size: 14px; text-align: center;}
.donthaveaccount a {color: #0E3B80;}
.donthaveaccount a:hover {color: #070707;}

#ParentsStudent, #Tuttor {border-top: 1px solid;}
.registerFormwrap { display: flex;  flex-wrap: wrap;   padding: 30px 0; margin: 0 -10px;}
.registerFormwrap .form-group { width: 33.3333%; margin: 20px 0; position: relative; padding: 0 10px;}
.registerFormwrap .form-group  input:not(input[type="checkbox"]) { width: 100%;  height: 60px;  border: 1px solid #707070;  border-radius: 5px;  opacity: 1;  outline: 0;  font-weight: 500;  font-size: 16px;    font-family: inherit;  color: #070707;   padding: 0 15px;}
.registerFormwrap .form-group label { position: absolute; background: #fff; padding: 0px 10px; font-weight: 500; color: #0E3B80; font-size: 16px; left: 15px; top: -9px;}
.registerFormwrap .form-group label span {color: red;}
.form-group.checkboxdivMain {  display: flex;  justify-content: center;}
.registerFormwrap .form-group.checkboxdivMain label {position: static; color: #070707; font-weight: 400;}
.checkboxdiv {padding: 5px 0;}

.reCAPTCHA {margin: 0 15px;}
.reCAPTCHA img { max-width: 350px;}
.checkwraps {  display: flex;   flex-wrap: wrap;   align-items: center; }
.registerCtawrap {margin: 0 15px;} 
.registerCtawrap button {border: 0; margin: 0; min-width: 148px; line-height: 39px; font-size: 20px; font-family: inherit; cursor: pointer;}
.registerCtawrap button.maincta {border: 1px solid #0E3B80;}
.registerCtawrap button.maincta.reset {background: none;  color: #0E3B80;}
.registerCtawrap button.maincta.reset:hover {background: #0E3B80;  color: #fff;}
.registerCtawrap button.maincta.reset:focus {background: #070707;  color: #fff;}
.registerCtawrap .haveaccount {padding: 5px 0 0 0; font-size: 14px; color: #777777;}
.registerCtawrap .haveaccount a { color: #0E3B80;}
.registerCtawrap .haveaccount a:hover { color: #000;}
.innerHeader {padding-bottom: 0 !important;}


.checkoutwrapper {display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 50px; align-items: flex-start;}
.left_boxes_wrapper {width: 68%; }
.right_add_box { width: 30%;  max-width: 350px;   background: #0E3B80;   padding: 25px;}
.right_add_box img {width: 100%; cursor: pointer;}

.box {border: 1px solid #ddd; margin-bottom: 10px;}
.box h2 {background:#0E3B80 ; color: #fff; font-weight: 500; padding: 15px; font-size: 20px;}
.innerbox{display: flex; flex-wrap: wrap; justify-content: space-between; padding:15px ; width: 100%;}
.innerbox .text {}
.innerbox .textBtn {text-align: right;}
.innerbox .textBtn a {display: inline-block; border: 1px solid #0E3B80; color: #0E3B80; font-size: 14px; padding:5px ;}
.innerbox .textBtn a:hover {background:#0E3B80 ; color: #fff;}
.innerbox .textBtn span {font-size: 16px; display: inline-block; font-style: italic; padding-top: 15px;}
.innerbox .text img {     float: left;margin-right: 15px;width: 100px;  height: 70px;  object-fit: contain;  display: block; background: #ddd;}
.innerbox .text h4 { font-size: 16px;  font-weight: 400;  color: #777;  white-space: nowrap;}
.innerbox .text h5 { font-size: 14px;  font-weight: 400;  color: #E40025;  white-space: nowrap;  padding:6px 0 ;}
.innerbox .text h6 { font-size: 20px;  font-weight: 500;  color: #0E3B80;  white-space: nowrap;}
.innerbox .text h6 span {text-decoration: line-through; color: #777; margin-right: 15px;}
.innerbox .text a  {color: #0E3B80;} 
.innerbox .text a:hover {color: #070707;}
form#checkform {  width: 100%;}
#checkform .form-group label{ display: block; margin: 15px 0; background: #F5F5F5; padding:15px 0 ; width: 100%; font-weight: 500;}
.checkandbutton { display: flex;  justify-content: space-between;  font-size: 15px;  align-items: center;  flex-wrap: wrap;}
.placeordercta button.maincta { font-family: inherit;  height: 50px;  width: 241px;  line-height: 50px;  padding: 0 !important;  font-size: 16px;  cursor: pointer;  border: 0;}

.filterInput{text-align: right; color: #000;}
.filterInput select {width: 93px; margin-left: 10px; border: 1px solid #000; border-radius: 4px; height: 33px; padding:0 15px ;background: #fff url(/images/downarrow.png) no-repeat 87% 50%;-webkit-appearance: none;}

.tuitionWrap {display: flex; flex-wrap: wrap; justify-content: center; padding-top: 20px; margin: 0 -10px;}
.tuitionsBox { width: calc(33.333% - 20px);  margin: 10px;  border: 1px solid #ddd;}
.tuitionsBox .year {font-style: 20px; line-height: 40px; color: #fff; text-align: center; background: #0E3B80;}
.divtext { padding: 20px 20px 0;}
.divtext .title {font-size:20px ; text-align: center; padding:10px 0 ;}
.divtext td { border-bottom: 1px solid #ddd;  padding: 10px 0;}
.divtext span.linethrough { font-weight: 500;  font-size: 18px;  text-decoration: line-through; color: #F00700;}
.divtext span.offerPrice { font-weight: 500;  font-size: 18px; margin-left: 10px;}
.divtext table tr:nth-child(4) td {border:0 ;}
.divtext .ctablock { border: 0;  background: #E4E4E4;  display: flex;  align-items: center;  justify-content: space-between;  padding: 10px 15px;  margin: 20px -20px 0;}
.divtext .ctablock a.maincta { min-width: 108px;  height: 39px;  line-height: 39px;  font-size: 20px;}
.divtext .ctablock a.seeoffer {color: #0E3B80; text-decoration: underline;}
.divtext .ctablock a.seeoffer:hover {text-decoration: none; color: #000;}
.divtext td:last-child {color: #0E3B80;}

.tuitionsBox.tuitionDetails {width: calc(100% - 20px);}
.tuitionsBox.tuitionDetails .ctablock{justify-content: center; background: #fff; border-top: 1px solid #ddd;}
.tuitionsBox.tuitionDetails .ctablock a {min-width: 180px;}
.clear {clear: both;}

.tuitionsBox.tuitionDetails tr:nth-child(4) td {border-bottom:1px solid #ddd ;}
.tuitionsBox.tuitionDetails tr:last-child td {border: 0;}

.briefcoursewrap {padding-top: 50px;}
.briefCousubjectWrap {display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 40px;}
.briefCousubjectWrap > div {width: 48%;}
.briefCousubjectWrap > div .examBoxx {width: 100%; border: 1px solid #ccc;}

.profiledeatilswrap {  display: flex;  flex-wrap: wrap;  justify-content: space-between;   margin-top: 40px;   width: 100%;   border: 1px solid #CCCCCC;   margin-bottom: 180px;}
.userprofile {  width: 40%; display: flex;  flex-wrap: wrap;  justify-content: space-between;  align-items: center; color: #fff; background: #0E3B80;}
.userprofiledetails {width: 60%;}
.userprofiledetails ul {padding:0 50px ;}
.userprofiledetails ul li {padding:20px 0 ; border-bottom: 1px solid #ccc;}
.userprofiledetails ul li:last-child {border: 0;}
.userprofiledetails ul li  strong {min-width: 180px; display: inline-block;}

.userprofile { width: 40%;  display: flex;   flex-wrap: wrap;   justify-content: center;   align-items: center;   color: #fff;   background: #0E3B80;  }
.userprofile .usersection { width: 270px;  height: 270px;  border-radius: 50%;   background: #fff;  margin: auto; position: relative; padding:15px ;}
.writingIocn { position: absolute; width: 40px; height: 40px; background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; right: 10px; cursor: pointer;    top: 40px; z-index: 99;}
.writingIocn img {max-height: 20px;}
.userImage { width: 240px;  height: 240px;  overflow: hidden;  border-radius: 50%;   }
.userImage img {width: 100%; height: 100%; object-fit: cover;}
.usernamedetails { text-align: center;  padding-top: 20px;}
.usernamedetails .title { font-size: 20px;  line-height: 50px;}
.usernamedetails .age {font-size: 20px; line-height: 20px; color:#428CFF ;}

.dashbaordPanelbody .hamburgur:nth-of-type(1) { display: none !important;}
.dashbaordPanelbody .signinbtnwrap {display: none;}
.userIocntop img { width: 50px;  height: 50px;  border-radius: 50%;  overflow: hidden;  border: 1px solid blue;  object-fit: cover;}
.dashbaordPanelbody .headerWrapper {  justify-content: left;}
.dashbaordPanelbody .pluslogocenter { width: 28%;}
.dashbaordPanelbody .menuWraper { width: 58%;  display: flex;  justify-content: flex-end;}
.dashbaordPanelbody .shoppingcartwrap { width: 9%;  display: flex;  justify-content: center;}
.dashbaordPanelbody .userIocntop {  width: 5%;  text-align: right;}

.dashboardWrapper {  display: flex;  flex-wrap: wrap;   justify-content: space-between;}
.leftMenus { width: 22%;  background: #0E3B80;  margin-top: -30px;}
.leftMenus ul {padding:25px ;}
.leftMenus ul li a {display: block; color: #fff; padding:20px 0 ;}
.leftMenus ul li a:hover{color: yellow;}
.rightDashborad { width: 73%;}
.dashboxwraper { display: flex;  flex-wrap: wrap;  justify-content: space-between; padding-top: 30px;}
.dashbox {  width: 48%;  background: #ccc;   border-radius: 10px;  margin-bottom: 30px;   display: flex;   align-items: center;   flex-wrap: wrap; padding:25px ;}
.dashbox .imgboxdash {width: 100px;}
.textboxdash {width: calc(100% - 100px); text-align: right;}
.dashbox .imgboxdash img {  max-height: 95px;  display: block;}
.textboxdash h4 { color: #0E3B80;  font-size: 28px;  font-weight: 400;  white-space: nowrap;}
.textboxdash h5 { color: #EB0026;  font-size: 28px;  font-weight: 400;  white-space: nowrap;}

.dashbox:nth-child(1) {background: #FFBFD8;}
.dashbox:nth-child(2) {background: #C0E1FF;}
.dashbox:nth-child(2) h5 { color: #F4700A;}
.dashbox:nth-child(3) {background: #BEFDFB;}
.dashbox:nth-child(3) h5 { color: #35B2B2;}
.dashbox:nth-child(4) {background: #FFB5F0;}
.dashbox:nth-child(4) h5 { color: #7207CD;}

.welcometo11plus {  color: #838383;  border: 1px solid;   text-align: center;   padding: 80px 15px;   margin-bottom: 50px;   font-size: 30px;}
.showmenudash {  display: none;}


.termsandconditionswrap {display: block; padding-top: 30px; color: #070707;}
.termsandconditionswrap h5 {display: block;  font-size: 20px;  padding-bottom: 20px;  margin: 0; font-weight: 500; color: #0E3B80;}
.termsandconditionswrap p {padding:0 0 20px; margin: 0;}
.termsandconditionswrap ul {display: block; padding-bottom: 30px; margin-left: 25px;list-style-type: disc;}
.termsandconditionswrap ul li { padding:15px 15px 15px 30px ; position: relative;}
/* .termsandconditionswrap ul li::before {content: ''; background:url(../images/termarrow.png) no-repeat ; position: absolute; left: 0; top: 18px; width: 19px; height: 21px; background-size: 100%;} */
.termsandconditionswrap a {color: #0E3B80;}
.termsandconditionswrap a:hover {color: #000;}

.filterInput.practicepaperwrap {text-align: center; padding-top: 30px; padding-bottom: 40px;}
.filterInput.practicepaperwrap select {width: 100%; max-width: 472px;}

.nppbox {display: block; border: 1px solid #DADADA; background-color: #FAFAFA; margin-bottom: 25px;}
.nppbox h3 {border: 1px solid #DADADA; background-color: #EBEBEB; font-size: 20px; padding:10px 15px ; font-weight: 500; position: relative; cursor: pointer; }
.nppbox h3:after {content: '+'; position: absolute; right: 15px;}
.nppbox h3.active:after {content: '-'; position: absolute; right: 15px;}
.nppboxtext {padding:15px ; display: none;}

.nppwrap {  display: flex;   justify-content: space-between;    flex-wrap: wrap;}
.nppwrap .nppbox {    width: 32%;    text-align: center;    padding: 30px;    border-radius: 10px;    background: #EBEBEB;    border: 0;    text-align: center; transition: all 0.3s;}
.nppwrap .nppbox span {  display: block;}
.nppwrap .nppbox .maincta { min-width: 150px; height: 39px; line-height: 39px;  font-size: 16px;  margin-top: 10px;  background-color: #5D5D5D;}
.nppwrap .nppbox .maincta:hover {background-color: #0E3B80;}
.nppwrap .nppbox:hover {color: #fff; background-color: #0E3B80;}
.nppwrap .nppbox:hover  a {color: #000; background-color: #fff;}
.nppwrap .nppbox:hover  a:hover {color: #000; background-color: #fff;}

.yeardetail {text-align: center; font-size: 18px; color: #5D5D5D; line-height: 40px; font-weight: 500; padding: 30px 0;} 
.ultabs ul {display: flex;justify-content: center;}
.ultabs ul li { width: 50%;  text-align: center;    background: #E2E2E2;    padding: 15px 0;    font-size: 20px;    color: #707070;    cursor: pointer;}
.ultabs ul li.active {color: #fff; background-color: #0E3B80;}
.questcontainer, .anscontainer {display: none;}
.ultabs {border: 1px solid #ddd; margin-bottom: 30px;}

.tabscontainer .insidedivwrap {padding:15px 25px 0 25px;}
.tabscontainer .insidedivwrap p {margin: 0 0 20px; padding: 0; font-size: 20px; line-height: 1.3; color: #0E3B80;}
ul.qalist { justify-content: space-between; border-top: 1px solid #ddd; padding: 10px 25px; margin: 20px -25px 0;}
ul.qalist li { padding: 0; margin: 0; font-size: 16px; text-align: left; width: inherit; background: none !important;}
.headingAnswer { color: #F4700A !important; margin-top: 10px !important;}
.divbtns {margin-top: 40px; margin-bottom: 45px;}
.divbtns a.maincta { min-width: 142px; line-height: 39px; font-size: 20px !important;}
.divbtns a.maincta:nth-child(2) {background:#5D5D5D ;}
.divbtns a.maincta:nth-child(2):hover {background:#000 ;}
ul.qalist li.bluecolor {color: #0E3B80;}
.pastpaperwrap {border: 1px solid #ddd; margin-bottom: 20px;}
.remorewrap {text-align: center;}
.remorewrap a {min-width: 140px;line-height: 31px; font-size: 15px; margin: 0; padding: 0;}

.item.unblock { background: #da9100;  max-height: 220px;  align-items: center;  display: flex;}
.item.unblock  .pastpaperwrap {border: 0; padding: 0; margin: 0;}

.quizWrapper {display: flex; flex-wrap: wrap; justify-content: space-between;}
.quizleft { width: 65%;}
.quizBorder {border: 1px solid #ddd;}
ul.quiztop { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 10px 15px; border-bottom: 1px solid #ddd;}
.quizleft p {padding: 25px 15px;}
ul.quizdesignbox { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 0 15px 30px;}
ul.quizdesignbox li {width: 47%; margin-bottom: 30px;  text-align: center;  border: 1px solid #BEBEBE;  background: #F3F3F3;  font-size: 18px;  position: relative;  padding: 2%;}
ul.quizdesignbox li:before { content: ''; position: absolute;  left: -19px;  width: 37px; height: 39px; background: #f3f3f3; top: 7px; transform: rotate(43deg); border-left: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; display: none;}
ul.quizdesignbox li:after {content: ''; position: absolute; right: -19px; width: 37px; height: 39px; background: #f3f3f3; top: 7px; transform: rotate(43deg); border-right: 1px solid #BEBEBE;    border-top: 1px solid #BEBEBE; display: none;}
ul.quizdesignbox li a {position: relative; z-index: 2; display: block; color: #070707; transition: none; padding: 15px 0;}

.questionType + span {  padding: 15px;display: inline-block;}
ul.questionTab {  padding: 15px;}
.questionType { padding: 15px;  display: flex;  align-items: center;  justify-content: space-between;  border-bottom: 1px solid #ddd;  margin-bottom: 20px;  background: #f8f8f8;}
.questionMarking { order: 2;}
ul.quizdesignbox li:hover {background-color:#00AF6F ;}
ul.quizdesignbox .active {background-color:#00AF6F !important;}
ul.quizdesignbox li:hover:after, ul.quizdesignbox li:hover:before {background-color:#00AF6F ;}
ul.quizdesignbox li:hover a {color: #fff;}
.questionMarking span.greenText { color: #1dd31d;  font-weight: bold;  margin-left: 5px;}
.questionMarking span.redText { color: red;  font-weight: 600;}


ul.quizbtnsblock {  display: flex;  flex-wrap: wrap;  justify-content: space-between;  border-top: 1px solid #ddd;  padding: 15px 0;  /*margin: 0 -15px;*/}
ul.quizbtnsblock li {  display: flex;  flex-wrap: wrap;  width: 100%;  justify-content: center; padding-top: 10px;}
ul.quizbtnsblock li a.maincta {min-width: 100px;line-height: 30px;font-size: 14px; padding-left: 20px; padding-right: 20px;}
ul.quizbtnsblock li a.maincta:first-child {margin-right: 5px;}
ul.quizbtnsblock li:last-child {  justify-content: center;  padding: 20px 0;  border-top: 1px solid #ddd;  margin-top: 10px;}
ul.quizbtnsblock li:first-child a:first-child { padding-left: 0;  padding-right: 0 !important;  min-width: inherit;  border-radius: 5px !important;  overflow: hidden;  background: #35B2B2;}
ul.quizbtnsblock li:first-child a:last-child {background-color: #5D5D5D;}
ul.quizbtnsblock li:last-child a:first-child {background-color: #5D5D5D;}
ul.quizbtnsblock li a:hover {background:#333 !important ;}

.quizright {width: 33%;}
.quizright ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
ul.allfilter {align-items: center; border-bottom: 1px solid #ddd; padding-bottom: 20px;}
ul.allfilter li a.maincta {background: #eeee; min-width: 130px; line-height: 40px;font-size: 16px; color: #777; padding: 0;}
ul.allfilter li a.maincta:hover {background: #333; color: #fff;}

.colorpatch  {padding: 30px 0 25px;}
.colorpatch li{width: 50%; margin: 5px 0; display: flex; align-items: center;}
.colorpatch li span {display: inline-block; width: 30px; height: 15px; margin-right: 10px; background:#5D5D5D ;}

.attempt{background:#00AF6F !important ;}
.review{background: #0E3B80 !important;}
.not-attempt{background: #5D5D5D !important;}
.review-answered{background: #0a4f9d !important;}
.selected-question{background: orange !important;}
.wrong-answered{background: #d61919  !important;}



.numberlist {max-width: 80%; width: 100%; justify-content: flex-start !important;}
.numberlist li {  text-align: center; width: 38px; height: 38px;  text-align: center; margin: 5px;}
.numberlist li a {display: block; background-color: #5D5D5D; border-radius: 5px; line-height: 38px; color: #fff; font-size: 18px;}
/* .numberlist li a:hover {background: #0E3B80 !important;} */

.quiz-fully-attempted {
  background: #0E3B80 !important; color:white !important;}


/*testimonial image css start*/
#testmonialWrap .carousel-root{position:relative;}
#testmonialWrap .carousel .control-dots{bottom:-120px;}
#testmonialWrap .carousel.carousel-slider{overflow:inherit;}
#testmonialWrap .control-dots .dot {  display: inline-block;  width: 78px;  height: 78px;  background-color: red !important;  margin: 0 10px;   border-radius: 50%;  overflow: hidden;    transition: all 0.3s;}
#testmonialWrap .control-dots .dot.selected {  width: 98px;    height: 98px;}
#testmonialWrap .control-dots .dot:nth-child(1) {    background: url(../images/testi_02.png);    background-size: 100%;}
#testmonialWrap .control-dots .dot:nth-child(2) {    background: url(../images/testi_03.png);    background-size: 100%;}
#testmonialWrap .control-dots .dot:nth-child(3) {    background: url(../images/testi_01.png);    background-size: 100%;}
#testmonialWrap .control-dots .dot:nth-child(4) {    background: url(../images/testi_04.png);    background-size: 100%;}
#testmonialWrap .control-dots .dot:nth-child(5) {    background: url(../images/testi_05.png);    background-size: 100%;}
/*testimonial image css end*/

.glimgwrap {display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 60px;}
.glimgbox {width: 45%;  background-color: #F2F2F2;  padding: 15px;  display: flex;  align-items: center; justify-content: center;}
.glimgtext {width: 53%;}
.glimgtext .mainsubHeading {text-align: left;}
ul.reviewdiv {  display: flex;  align-items: center;   margin: 15px 0;}
ul.reviewdiv li span {  display: inline-block;  width: 12px;  height: 12px;  border-radius: 50%;  background:#0E3B80;    margin: 0 3px;}
ul.reviewdiv li:first-child {padding-right: 5px;}

ul.price {  display: flex;  align-items: center;   margin: 15px 0;}
ul.price  li {padding-right: 15px;}
ul.price  li span.price {font-size: 25px; color: #5D5D5D; text-decoration: line-through;}
ul.price  li span.offerprice {font-size: 25px; color: #0E3B80; }
.partSyllabustext {max-height: 270px; overflow: auto; margin-bottom: 30px; padding-right: 15px;}


.partSyllabustext::-webkit-scrollbar {  width: 10px; }
.partSyllabustext::-webkit-scrollbar-track {  border-radius: 10px;  background: #F2F2F2;  }
.partSyllabustext::-webkit-scrollbar-thumb {  background:#0E3B80 ;   border-radius: 10px;    min-height: 40px;  }
.partSyllabustext::-webkit-scrollbar-thumb:hover { background: #070707;   }
.partSyllabustext p {margin: 15px 0; padding: 0;}
.partSyllabysbtns a {min-width: 148px; line-height: 40px; font-size: 16px;}
.partSyllabysbtns a:last-child{background: #5D5D5D !important;}
.partSyllabysbtns a:hover {background: #000 !important;}


div#glfaqtab .tab {  background: none;  border: 0;  justify-content: center;  display: flex;}
div#glfaqtab .tab button.tablinks {  background: #E2E2E2;  border: 1px solid #ccc;  margin: 10px;   min-width: 180px;  color: #707070;  font-size: 20px;  font-family: inherit;  line-height: 50px;   padding-top: 0;   padding-bottom: 0;}
div#glfaqtab .tab button.tablinks.active {background:#0E3B80 ; color: #fff;}

/*---------------------- Online changes-------------------------------------------------*/
#herobanner ul.control-dots {display: none;}
#herobanner .carousel.carousel-slider {overflow: inherit;z-index:3;}
#herobanner button {width: 60px !important; height: 60px !important; background-color: none !important; text-indent: -1000px; overflow: hidden;  opacity: 0.3 !important;  }
#herobanner button:hover{opacity: 1 !important;}
#herobanner ul.control-dots + button { left: -100px !important; background:url(../images/slidearrow-prev.jpg) no-repeat !important ; background-size: 100% !important;    }
#herobanner .axis-horizontal + button { right: -100px !important; background:url(../images/slidearrow-next.jpg) no-repeat !important ; background-size: 100% !important; }
#herobanner .heroBanner .mainCtablock {text-align: left;}

.heroBanner > div.bannerImage img {  max-height: 90%;  width: auto;  max-width: 100%;}
.remorewrap.addtocartbtnwrap a { margin: 0 5px;  min-width: 148px;}
a.maincta.addtocarttext { font-size: 15px !important;  min-width: 150px !important;}
select.tablinks {  width: 240px !important;  height: 35px;  font-family: inherit;   outline: 0;     border: 1px solid #fff;}

.havecoupon {  background: rgba(0, 0, 0, 0.2);  margin: -42px -25px 30px;   padding-bottom: 0;}
.havecoupon button.paynowbtn {  max-width: 60%;  background: #8bc34a !important;  color: #fff;  font-size: 20px;  font-family: inherit !important;  font-weight: 500; outline: 0;  cursor: pointer;}
.havecoupon button.paynowbtn:hover {background-color: #00AF6F !important;}
.couponcodeInput {  padding: 0 25px;  position: relative;}
.couponcodeInput input { width: 100%;  height: 35px;  border-radius: 5px;  border: 0;  outline: 0;  padding: 0 15px;  font-family: inherit;  background: rgba(0,0,0,0.2);  color: #fff;  border: 1px solid #fff;}
.couponcodeInput input::-webkit-input-placeholder { /* Edge */ color: #fff;  }  
.couponcodeInput input:-ms-input-placeholder { /* Internet Explorer 10-11 */   color: #fff;  }  
.couponcodeInput input::placeholder { color: #fff;  }
.couponcodeInput button {  position: absolute;  right: 25px;  height: 100%;  border: 1px solid #fff;  border-radius: 0 5px 5px 0;  width: 50px;  background: #8bc34a;  color: #fff;  cursor: pointer;  font-family: inherit;    font-size: 18px;}
.couponcodeInput button:hover {background-color: #00AF6F !important;}
.upcomingBox a.maincta span {  right: -5px;}
.upcomingBox a.maincta:hover span {right: 0;}
.userprofiledetails button.maincta { border: 0; min-width: 70px;  line-height: 29px;  font-size: 16px;  font-family: inherit;  margin: 15px;  cursor: pointer;}
.loginwithgoogle { text-align: center;  padding: 30px;}
.loginwithgoogle button { border: 1px solid #ddd !important;  border-radius: 30px !important;  width: 50% !important;  overflow: hidden !important;  text-align: center !important;}
button.maincta.reset {  margin-left: 10px;  background: #ccc !important;  border-color: #999 !important;  color: #000 !important;}

#testmonialWrap .carousel .control-dots {display: none;}
div#userprofileeditwraper { width: 100%;}

div#userprofileeditwraper li {position: relative;}
div#userprofileeditwraper  input:not(input[type="checkbox"]) {  width: 100%;  height: 60px;  border: 1px solid #707070;  border-radius: 5px;  opacity: 1;  outline: 0;  font-weight: 500;  font-size: 16px;    font-family: inherit;    color: #070707;    padding: 0 15px;}
div#userprofileeditwraper strong {  position: absolute;  background: #fff;  padding: 0px 10px;  font-weight: 500;  color: #0E3B80;   font-size: 16px;    left: 15px;    top: 5px;    min-width: inherit;}
div#userprofileeditwraper > button {  margin: 0 auto 40px;  display: block;  min-width: 200px;  line-height: 50px;}
input#photo-upload { opacity: 0;  height: 1px;  visibility: hidden;}

label.custom-file-upload.fas { position: relative;  height: 100%;  width: 100%;  display: block;  }
.img-wrap.img-upload {  position: relative;  height: 100%;   width: 100%;}
.heroBanner > div h2 { /*height: 110px;*/  overflow: hidden;}
.signinbtnwrap ul.submenu {  background: #fff;  box-shadow: none;   border: 1px solid #ddd;    border-radius: 0;}
.signinbtnwrap ul.submenu li a {    display: block;    color: #070707;    font-size: 14px;    text-align: center;    border-bottom: 1px solid #ddd;    padding: 10px 0;}
.signinbtnwrap ul.submenu li:last-child a {    border: 0;    padding-bottom: 0;}




/*-------------------- Dashboard CSS ----------------------------------*/
.dashboxwraper.mainDashboardIocns .dashbox { background: #000;  border-radius: 5px; padding: 60px;}
.dashboxwraper.mainDashboardIocns .dashbox .textboxdash { text-align: left;  padding-left: 20px;}
.dashboxwraper.mainDashboardIocns .dashbox h4 { display: block; color: #fff; font-size: 40px;  white-space: inherit;  line-height: 1.1; font-weight:300}
.dashboxwraper.mainDashboardIocns .dashbox h4 span { display: block; font-weight: 300; font-size:25px}
.dashboxwraper.mainDashboardIocns .dashIcon1 {background:#fa4f5e}
.dashboxwraper.mainDashboardIocns .dashIcon2 {background:#fb8254}
.dashboxwraper.mainDashboardIocns .dashIcon3 {background:#ffe788}
.dashboxwraper.mainDashboardIocns .dashIcon3 h4 {color:#304f62}
.dashboxwraper.mainDashboardIocns .dashIcon4 {background:#83b4fc}

div#mymockstabs .tab { display: flex;  justify-content: center;  background: none; border: 0; margin-top: 40px;}
div#mymockstabs .tab button { background: #e7e7e7; margin: 0 5px; min-width: 200px; font-size: 20px; border: 1px solid #ddd; font-family: inherit;}
div#mymockstabs .tab button.active { background: #0E3B80; color:#fff}
div#mymockstabs .pastpaperwrap h5 { font-size: 16px;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;  text-align: center;}
div#mymockstabs .pastpaperwrap h5 ul{ overflow: hidden; text-overflow: ellipsis;}
div#mymockstabs #Attempted .remorewrap { display: flex;  width: 100%;  justify-content: space-between;}
div#mymockstabs #Attempted a.viewmore {background:#5d5d5d; color:#fff}
div#mymockstabs #Attempted a.viewmore:hover {background:#000}
input.dateinput { position: absolute;  right: 0;   top: 50%;    transform: translateY(-50%);    padding: 0 10px 0 10px;    height: 40px;    border: 2px solid #ccc;    outline: 0;    border-radius: 5px;    cursor: pointer;    font-size: 16px;}
.myreport .box h2 { font-weight: 400;  font-size: 16px; position: relative;}
.myreport .box span.bluecolor { color: #0E3B80;}
.rankbtnwrap { position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
.rankbtnwrap a {font-size: 14px; min-width:130px;padding:0 5px; line-height: 30px; font-size: 14px; background-color: #97effe; color: #0E3B80; margin-left: 10px; display: inline-block; text-align: center; border-radius: 4px;}
.rankbtnwrap a.reportbtn {background-color: #fff;}
.rankbtnwrap a:hover {background-color: #000 !important; color: #fff;}
.paginationwrapper {text-align: center; padding:20px 0 0 0  ; width: 100%;}
.paginationwrapper img {display: block; margin: 0 auto;}
.mymaockdetailswrap { display: flex;  flex-wrap: wrap;    justify-content: space-between; margin-top: 50px;}
.mymaockdetailswrap .box.box1 {  border: 0;    width: 63%;}
.mymaockdetailswrap .box.box2 {  border: 0;   width: 33%;}
.mymaockdetailswrap .box h4 {font-weight: 400; color: #0E3B80; font-size: 20px; }
.mymaockdetailswrap .box.box1 ul { display: flex;   flex-wrap: wrap;    justify-content: space-between;    margin-top: 10px    ;}
.mymaockdetailswrap .box .chartbox { margin-top: 10px;}
.mymaockdetailswrap .box .chartbox img {max-width: 100%;}
.mymaockdetailswrap .box.box1 ul li{  width: 46%;    display: flex;    flex-wrap: wrap;    justify-content: space-between; background-color: #f5f5f5; border: 1px solid #ddd; padding: 5px 10px; margin: 10px 0;}
.mymaockdetailswrap .box.box1 ul li span.bluecolor {color: #0E3B80;}


#emailModal { position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0,0,0,0.5);   z-index: 9999;}
#paymentModal { position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0,0,0,0.5);   z-index: 9999;}
.modalpopupemail {  position: absolute;    width: 100%;    max-width: 750px;       left: 50%;    top: 50%;    transform: translate(-50%, -50%);    background: #fff;    padding: 30px;    box-shadow: 0 0 5px rgba(0,0,0,0);    border-radius: 10px; overflow-y: auto;}
#emailModal .modalpopupemail .body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.modalpopupemail .body > div {
    width: 48%;
}
.modalpopupemail .header { position: relative; text-align: -webkit-center;}
.modalpopupemail .header span.close { position: absolute;    right: -20px;    width: 30px;    line-height: 30px;    background: red;    color: #fff;    cursor: pointer;    text-align: center;    border-radius: 50%;    top: -10px;}
.modalpopupemail .body input {  width: 100%;    margin: 15px 0;    height: 50px;    border-radius: 10px;    padding: 0 15px;    font-size: 18px;    border: 2px solid #ccc;    font-family: inherit;}
div#emailModal .maincta { min-width: 120px;  line-height: 39px;  margin-right: 15px;  border: 0;  font-size: 16px;  font-family: inherit;    outline: 0;    border: 0;    cursor: pointer;}
div#emailModal .maincta.red {background: red;}
div#emailModal .maincta.red:hover {background: #000;}

div#paymentModal .maincta { min-width: 120px;  line-height: 39px;  margin-right: 15px;  border: 0;  font-size: 16px;  font-family: inherit;    outline: 0;    border: 0;    cursor: pointer;}
div#paymentModal .maincta.red {background: red;}
div#paymentModal .maincta.red:hover {background: #000;}


.subtotal {  padding: 10px 0;  justify-content: space-between;  display: flex;}
ul.mainsubmenu { display: none;}



/*------------------- New Changes -------------------------------------*/
.examBoxx a h4:after {display: none !important;}
#exam-board a h4:after {display: block !important; top: 0;}
ul.quizbtnsblock a button {background: none; display: block;  border: 0;  line-height: 2.3;  color: #fff; cursor: pointer; outline: 0; min-width: 130px;}
ul.quizbtnsblock a button input {  display: none;}
.arrowButton button {  display: inline-block;  margin: 0 3px;  line-height: 2.3;  font-size: 13px;  min-width: 100px;  font-family: inherit;  padding: 0 15px;  background: #f8f8f8;  border: 1px solid #ddd;  cursor: pointer;  border-radius: 5px; transition: all 0.3s;}
.arrowButton button:hover {background: #ff9800; color: #fff;}

.arrowButton button i { margin: 0 5px;}
ul.quizdesignbox p { padding: 0;  margin: 0;}
ul.quizdesignbox li {cursor: pointer;}
ul.quizdesignbox li > div {display: flex; flex-wrap: wrap;  justify-content: space-between; align-items: center;}
ul.quizdesignbox li > div > span { width: 30px; line-height: 30px;  background: #ff9800;  flex: inherit;  border-radius: 50%;  color: #fff;}
ul.quizdesignbox li > div  span + div {  flex: 3;text-align:left;}
/*.userdashboardheader li.hasSubmenu:after { display: none;}*/
.userdashboardheader ul#mainMenu li.hasSubmenu a.userIocntop { display: block;}
.userdashboardheader ul#mainMenu li.hasSubmenu {  margin: 0 !important;  padding-right: 40px !important;}
.userdashboardheader ul#mainMenu li.hasSubmenu a.userIocntop > div {  display: flex;  align-items: center;  justify-content: right;}
.userdashboardheader ul#mainMenu li.hasSubmenu a.userIocntop > div > div {  padding-right: 20px;}
.innerbox .text a {color: #ff5722;}
.profiledetailslist { width: 100%;}
.profiledetailslist .text {  border-bottom: 1px solid #ddd;  font-size: 14px;}
.profiledetailslist .text:last-child {  border: 0;}
.profiledetailslist .text span {  font-weight: 600;  min-width: 200px;  display: inline-block;  margin: 10px 0;}
.remorewrap a.maincta.viewmore { margin-right: 10px;}

ul.questionTab {display: flex;}
.questionanswerWrap { display: flex; flex-wrap: wrap;  justify-content: space-between;  padding: 15px 15px 30px;}
ul.questionTab > li {  margin: 0 15px 0 0;  background: #f8f8f8;  padding: 19px 25px; border-radius: 5px;}
.quizplayContent p { margin: 0;  padding: 0;}
.questionanswerWrap > strong { display: inline-block;  width: 40px;  height: 40px;  background: orange !important;  border-radius: 50%;  line-height: 40px;  text-align: center;   font-weight: 400;  color: #fff;}
.quizplayContent { width: calc(100% - 80px);padding: 10px 15px;}

ul.quizdesignbox > div {  justify-content: left;  width: 100%;  padding-left: 10px;  color: green;  font-weight: 500;}	
ul.quizdesignbox > div > div {  margin-left: 5px;}
.questionStatus {  padding-left: 25px;  border-top: 1px solid #ddd;  padding-top: 10px;}
.questionStatus > div {  margin: 0 0 10px 0;}
.questionStatus > div > b {  color: #ff5722;}
.questionStatus > div.row .col-md-12 h5 {  font-size: 16px;  font-weight: 500;  border-top: 1px solid #ddd;  padding-top: 10px;  margin-top: 10px;  display: block;}

.rportDivwrap { overflow: hidden;  margin-top: 70px;}
.rportDivwrap .quizBorder {  overflow: hidden;}
.rportDivwrap h4.mr0 {  padding: 15px 25px;  background: #f8f8f8;  font-size: 25px;  text-transform: uppercase;  font-weight: 300;}
.rportDivwrap h4.mr0  b {font-weight: 400;}
.rportDivwrap .quizleft .questionType + span{display:inline-flex;padding:0 15px;}
.rportDivwrap .quizleft .questionType + span p{margin:0;padding:0 8px;}
 .rportDivwrap .questionStatus p{padding:0 15px;}

.left_boxes_wrapper {width: 100%;}
.innerbox { border-bottom: 1px solid #ddd;}
.checkoutwrapper .left_boxes_wrapper {width: 68%;}

.plus__practicepaperFlex {display: flex; flex-wrap: wrap; justify-content: space-between;}

.examWrap h5 {	padding: 15px 0;	text-align: center;	background:#0E3B80;	color: #fff;}

.owl-carousel.owl-drag .owl-item { touch-action: pan-y;}

.mainCtablock a {min-width: inherit;  line-height: inherit;  padding: 10px 15px;  display: inline-block;}


ul.quizdesignbox {display: flex;  width: 100%;}
ul.quizdesignbox > div {  width: 48%;  margin: 5px 0;  display: flex;  align-items: center;  justify-content: space-between;}
ul.quizdesignbox > div input {  width: 88%;  margin: 5px 0;  height: 40px;  border-radius: 5px;  border: 1px solid #ddd;  padding: 0 15px;  color: #333;}
.upImg img {width: 100%; height: 100%;  display: block;  object-fit: cover;}
#examTestPapers .servicebox p {height: 88px;}
.partSyllabustext + a.maincta, .partSyllabustext + a.maincta + a.maincta { line-height: 50px;  min-width: 160px;  font-size: 18px; }
.glimgbox img {display: block !important;   }

#herobanner ul.control-dots + button { left: 0 !important;}
#herobanner .axis-horizontal + button {right: 0 !important;}
#testmonialWrap ul.control-dots + button {left: 0 !important;}
#testmonialWrap .axis-horizontal + button {right: 0 !important;}
.upcomingBox a.maincta { line-height: 1.1;  min-width: 120px;margin-bottom:5px;}

.featuredProductsWrap + div a { padding: 10px 35px !important;}
.featuredProductsWrap + div a:hover { background: #ef5555 !important;}
.divtext .ctablock a.maincta {font-size: 16px; padding: 0 25px;}
.divtext .ctablock {justify-content: center;}
.tuitionWrap {justify-content: left;}
.userprofiledetails ul {  padding: 0 15px;  }
.quizplayContent > p {margin: 0 !important;  font-family: 'Poppins' !important;}
.quizplayContent > p span {font-family: 'Poppins' !important;  font-size: 16px !important;}
ul.quizdesignbox p {  padding: 0 !important;   margin: 0 !important;  }
ul.quizdesignbox p span {font-family: 'Poppins' !important; font-size: 16px !important;}
.instructionText p span {display: block;  text-align: center;  font-family: inherit !important;  line-height: 1.6;  font-size: 16px !important;  color: green;}
#examTestPapers .serviceWrap { justify-content: space-between;}

.hasSubmenu2 a.linkMenu{position:relative;}

/*---- ---- ---- ---- ---- End Inner Pages Css--------------------------------*/

@media(min-width:981px) {
    /*ul#mainMenu {   display: none;    }*/
    .hamburgur {display: none;}
    ul.submenu { position: absolute; visibility: hidden; opacity: 0;  transform: translateY(20px);  background: #0E3B80; width: 220px; padding: 0 15px 15px; border-radius: 0 0 5px 5px;  z-index: 999;   transition: all 0.3s; flex-wrap: wrap; }
    ul.submenu  li {width: 100%;}
    ul.submenu > li > a { display: block; padding: 5px 0; border-bottom: 1px dashed rgba(245,245,245,0.3); color: #fff;line-height: 24px;}
    ul.submenu > li > a:hover { color: #ef5555;}
    ul.submenu > li:last-child > a {border: 0; padding-bottom: 0;}
    li.hasSubmenu:hover ul.submenu  {opacity: 1; visibility: visible; transform: translateY(0%); /*right:0;*/ }
    li.hasSubmenu {/*background: url(../images/downarrow.png) no-repeat 100% 50%; */  padding-right: 20px !important;   background-size: 12px; position: relative;  }
    li.hasSubmenu:after {   content: ">";      color: #7CD1FF;        position: absolute;        right: 12px;        top: 5px;        transform: rotate(90deg);        font-size: 20px;    }
   .signinbtnwrap li.hasSubmenu:after{top:12px;}
	section.innernavdiv.fixeddiv { position: fixed;    top: 88px;    left: 0;  width: 100%;   z-index: 991; }
    .heroBanner {   padding-top: 50px;  }
    .pluslogocenter .mobileLogo {display: none;}
    header .maincta .userIcon {display: none;}
    .headerWrapper > a {   width: 25%;  }
    .menuWraper {    width: 48%;    justify-content: right;    }
    .shoppingcartwrap {  width: 5%;  text-align: center;  }
    .signinbtnwrap { width: 15%;  text-align: right; }
    #mainMenu > li {  padding: 0;  margin-right: 30px;   }
    #mainMenu > li:last-child {margin: 10px;}
    .userdashboardheader .menuWraper {  width: 50%; }
    .userdashboardheader .signinbtnwrap {  width: 20%; }
    #tabs .tab {padding: 15px;}
    #tabs button.tablinks { margin-left: 5px;  margin-right: 5px;   }
    .hasSubmenu.moremenu:after {display: none;}
    .hasSubmenu.moremenu > a > span {  display: inline-block;   width: 10px;    height: 10px;        background: #7CD1FF;        border-radius: 50%;    }
    li.hasSubmenu.moremenu ul.submenu {  left: inherit;   right: 0;    }
   
}




@media(max-width:1199px) {    
    .container {padding:0 15px ;}
    .pluslogocenter { max-width: 90px; }
    div#popup-modal-exam .container {max-width: 90%;}
    section.innernavdiv.fixeddiv {top: 69px;}
    .dashbaordPanelbody .pluslogocenter {width: 20%; max-width: 28%;}
    .dashbaordPanelbody .menuWraper { width: 60%;}
    .dashbaordPanelbody .shoppingcartwrap { width: 9%;}
    .dashbaordPanelbody .userIocntop {  width: 5%; }
   

    .remorewrap { width: 100% !important;  text-align: right;   }
    .examWrap + hr + div  {align-items: center;}
    .examWrap + hr + div > span{width: 100% !important;margin-bottom:10px; }
}

@media(min-width:1025px) and (max-width:1105px) {
    .innernavdiv ul li a {font-size: 12px;}
}

@media(min-width:981px) and (max-width:1024px) {
    .heroBannerwrapper {height: inherit;}
    .heroBanner > div h1 {margin-top: 0;}
    .pluslogocenter { max-width: 200px; }
    .heroBanner > div h1 {   font-size: 2.5em; margin-top: 0; }
    header .maincta { min-width: 100px;  }
    .innernavdiv ul li a {font-size: 12px;}
    .featuredProducts h6 {font-size: 15px; line-height: 26px;}
    .featuredProducts .offer .offerbefore {   margin: 0 5px;  }
    .featuredProducts .offer .mainOffer {      margin: 0 5px;  }
    .featuredProducts .offer {    font-size: 14px;    line-height: 28px;  }
    .featuredProducts {    padding: 10px;  }
    .left_boxes_wrapper {  max-width: 680px;  }
    .right_add_box {   max-width: 290px;      padding: 15px;    }

    ul.quizbtnsblock li a.maincta { min-width: 100%; display: block; margin: 0 0 5px!important; }
    #herobanner button {width: 30px !important; height: 30px !important; opacity: 1;}
    #herobanner ul.control-dots + button {left: 0 !important;}
    #herobanner .axis-horizontal + button {   right: 0px !important;  }
    #herobanner .maincta { min-width: 160px;  line-height: 45px;  font-size: 15px;  }
    #testmonialWrap .axis-horizontal + button {right: 0 !important;}
    #testmonialWrap ul.control-dots + button {    left: 0 !important;    }
    .loginwithgoogle button {      width: 60% !important;  }
    .upContent a.maincta {  min-width: 114px !important;  font-size: 14px !important;   }
    .featuredProducts {  width: 48%; }
    .tuitionWrap {  justify-content: left;   width: 100%;  }
    .tuitionsBox { width: 48%; margin: 1%;  border: 1px solid #ddd;}
    #English .slideDiv .subjectDivwrap .item {width: 50%;}
    #English .remorewrap.addtocartbtnwrap {  display: flex;   justify-content: center;    padding: 0 !important;      width: 100%; flex-wrap: wrap;  }
     .dashboxwraper.mainDashboardIocns .dashbox {width: 48%; padding: 30px;}
     .dashbox .imgboxdash img { max-height: 65px; }
    .dashboxwraper.mainDashboardIocns .dashbox .textboxdash { padding-left: 0;}
    .dashboxwraper.mainDashboardIocns .dashbox h4 { display: block;  color: #fff;  font-size: 24px;    font-weight: 600;}
    .upcomingBox {width: 100%;}
    .upImg img {  width: 100% !important;   height: auto !important;    display: block !important;      object-fit: initial;  }
    .upImg { width: 26%;  }
     
}


@media(max-width:980px){
	.displayNone{display:none;}
    ul#mainMenu { position: fixed; left: 0;  background: #fff;   height: 100%;  z-index: 112;  top: 0; display: block; min-width: 250px; padding: 25px; box-shadow: 0 0 15px rgba(0,0,0,0.5); left: -300px; }
    #mainMenu > li > a {padding: 15px 0; display: block; border-bottom: 1px dashed #ddd; }
    ul.submenu {margin-top: 10px;background: #f8f8f8; }
    ul.submenu >li> a {display: block; padding: 10px;border-bottom: 1px solid #ddd; color: #070707; }
    .menuWraper {width: 15%; justify-content: flex-end;  align-items: center;  }
    .hamburgur { text-align: right;    }
    .hamburgur img { height: 20px; opacity: 0.8;  cursor: pointer; display: block;   }
    .maincta {  min-width: 150px;        line-height: 45px; font-size: 16px;    }
    .rightfooter .mainCtablock .maincta { min-width: 170px; line-height: 45px; }
    section.innernavdiv { position: fixed; height: 100%;   top: -20px;  z-index: 999;  padding-top: 20px; left: -300px; }
    .innernavdiv ul {display: block; flex-wrap: wrap; max-width: 160px; min-width: 160px; }
    .left_boxes_wrapper {  max-width: 100%;  }
    .right_add_box {   max-width: 100%;     padding: 15px;    }
    .tuitionsBox {  width: calc(50% - 20px);    }
    .briefCousubjectWrap > div {width: 100%;}
    .briefCousubjectWrap > div:last-child {margin-top: 30px;}
    .tuitionsBox.tuitionDetails .divtext table {   width: 100%;   }
    .tuitionsBox.tuitionDetails table:nth-of-type(1) tr:last-child td {border-bottom:1px solid #ddd ;}
    .pluslogocenter .mobileLogo + img {display: none;}
    .innerHeader {   padding-bottom: 15px !important;    }
    .dashbaordPanelbody .pluslogocenter {width: 20%; max-width: 28%;}
    .dashbaordPanelbody .menuWraper { width: 58%;}
    .dashbaordPanelbody .shoppingcartwrap { width: 9%;}
    .dashbaordPanelbody .userIocntop {  width: 7%; }
    .termsandconditionswrap ul {margin: 0;}

    ul.submenu {  margin-top: 10px;   background: none;    }
    ul.submenu > li > a {    padding: 5px 0;    border-bottom: 0;    color: #fff;    line-height: 1.3;    }
    .innernavdiv ul li a {padding: 0;}
    .innernavdiv ul li ul {display: none;}
	.innernavdiv ul li ul.subMenu2{display:block;}
	li.hasSubmenu2 a ul.subMenu2{width:250px !important;top:10px !important;}
    .hasSubmenu > a::after {  content: '>';    position: absolute;      right: 0;      top: 1px;      color: #7CD1FF;    }
    .hasSubmenu > a  {  position: relative;    }
    .hasSubmenu > a.active:after {transform: rotate(90deg);}
    ul.submenu {margin: 0 !important; padding: 0 !important ;}
    ul.submenu > li > a {padding: 5px 0 !important;}
    #tabs ul li {  width: inherit;  }
    #tabs ul li  { padding: 0 25px;  display: block;  }
    .heroBanner > div {width: 48%; padding-left: 0px; }
   
}

@media(min-width:768px) and (max-width:980px) {
   
    .heroBannerwrapper {height: inherit;}
    .heroBanner > div h1 {   font-size: 2.5em; margin-top: 0; }
    .upcomingBox {width: 100%; }
    .servicebox { width: 48%;  height: 242px;  margin-bottom: 40px;    }
    .menuWraper {width: 40%;}
    .featuredProducts h6 {font-size: 15px; line-height: 26px;}
    .featuredProducts .offer .offerbefore {   margin: 0 5px;  }
    .featuredProducts .offer .mainOffer {      margin: 0 5px;  }
    .featuredProducts .offer {    font-size: 14px;    line-height: 28px;  }
    .featuredProducts {    padding: 10px;  }
    #funfactwrap ul li {font-size: 14px;}
    #funfactwrap ul li span{ font-size: 30px;}
    .formwrap {  padding: 50px 25px;   }
    .registerFormwrap .form-group {   width: 50%;    }
     label.text-center {display: block;}
     .heroBanner {   padding-top: 50px;  }
     .right_add_box {display: none;}
     .menuWraper {  width: 30%; }
     div.modal-slider {  padding: 25px 0;    }
     div#popup-modal-exam .container {max-width: 100%; padding: 0;}
     #popup-modal-exam .tab {margin: 0 10px;}
     .slideDiv .subjectDivwrap .item {    width: 50%;    }
     .nppbox h3 {padding-right: 35px; font-size: 16px;}
     .nppbox h3:after {  right: 15px; top: 10px;    }
     ul.quizbtnsblock li a.maincta { min-width: 100%; display: block; margin: 0 0 5px!important; }
     div#glfaqtab .tab button.tablinks { margin: 10px 5px;  min-width: 155px;   line-height: 40px;   font-size: 16px; padding: 0;      }
     #herobanner  button { display: none;   }
    #testmonialWrap   button {display: none;    }   
    .loginwithgoogle button {      width: 80% !important;  }
    .remorewrap {    width: 50%;  text-align: right;   }
    .examWrap + hr + div  {align-items: center;}
    .examWrap + hr + div > span{width: 50% !important; }


    ul#mainMenu.dashboardMenu {  left: inherit !important;  right: inherit;  top: inherit;  box-shadow: none;  position: inherit;  }
    ul#mainMenu .userIocntop img {display: none;}
    .userdashboardheader ul#mainMenu.dashboardMenu li.hasSubmenu {  padding: 0 !important;    position: relative;  }
    .dashboardMenu ul.submenu {   position: absolute;   right: 0;   width: 100%;  }    
    ul#mainMenu.dashboardMenu .hasSubmenu > a::after{display: none;}
    ul#mainMenu.dashboardMenu {min-width: inherit;}
    ul#mainMenu.dashboardMenu ul.submenu { display: none; }
    ul#mainMenu.dashboardMenu a.userIocntop { border: 0;  padding: 0;  }
    .userdashboardheader ul#mainMenu.dashboardMenu li.hasSubmenu:hover ul.submenu { display: block; min-width: 200px; top: 30px;  }
    .dashboxwraper.mainDashboardIocns .dashbox {padding: 20px;}
    ul#mainMenu.dashboardMenu a.userIocntop > div> div {padding: 0 !important;}

    .featuredProducts {width: 48%;}
    #English .remorewrap.addtocartbtnwrap {  display: flex;   justify-content: center;    padding: 0 !important;      width: 100%; flex-wrap: wrap;  }
    .dashbox .imgboxdash img { max-height: 65px; }
    .dashboxwraper.mainDashboardIocns .dashbox .textboxdash { padding-left: 0;}
    .dashboxwraper.mainDashboardIocns .dashbox h4 { display: block;  color: #fff;  font-size: 24px;    font-weight: 600;}
    


}

@media(max-width:767px) {
	.slideDiv .subjectDivwrap .item{width:100%;}
    .tuitionsBox{width:calc(100% - 20px);}
    .heroBannerwrapper {height: inherit; padding:50px 0 30px ;}
    .heroBanner > div.bannerContent {   width: 100%; order: 2;    }
    .heroBanner > div.bannerImage {width: 100%;}
    .heroBanner > div h1 {   font-size: 2em;  margin-top: 10px; }
    .servicebox {width: 100%; margin-bottom: 20px; height: inherit; padding-bottom: 25px;}
    .upcomingBox {width: 100%;}
    .featuredProducts {width: 100%; margin-bottom: 20px;}
    #funfactwrap ul li { width: 100%; border-right: 0px solid #ddd;    border-bottom: 1px solid #ddd;     padding: 25px 0;    }
    #testmonialWrap .item {padding: 0;}
    #testmonialWrap {  padding: 40px 0 40px;    }
    .gototop.darkHeader {display: none;}
    .footerContainer:after {display: none;}
    .leftfooter , .rightfooter {width: 100%;}
    .textBolck {  font-size: 20px; line-height: 25px;   width: 100%;    }
    .subscribInput { width: 100%;  padding-top: 20px;    }
    .upcomingBox h5 { font-size: 18px; }
    .upcomingBox .offer { font-size: 18px;  line-height: 27px;   padding: 10px 0;  font-weight: 500;    }
    #online-mocks .servicebox, #offline-mocks .servicebox { width: 100%;    }
    .schooltextbody {  background: #f8f8f8;    padding: 15px 25px;    }
    .examBoxx {   width: 100% !important;  margin: 5px 0;    padding: 10px 25px 10px 10px;  font-size: 14px;  }
    .leftlogindetails {  display: flex;    align-items: center;     justify-content: center;     padding: 15px;        color: #fff;        width: 100%;        background-color: #0E3B80;        text-align: center;        font-size: 14px;        line-height: 30px;        min-height: inherit;    }
    .formwrap {   width: 100%;        padding: 20px;        justify-content: inherit;       }
    .welcomeLoginwrap {margin-bottom: 0;}
    .registerFormwrap {     margin: 0;    }
    .reCAPTCHA img {   max-width: 100%;    }
    .registerFormwrap .form-group {width: 100%;}
    .registerFormwrap .form-group.checkboxdivMain label input[type="checkbox"] {  float: left;  }
    .registerFormwrap .form-group.checkboxdivMain label.text-center {display: block;}
    .right_add_box {display: none;}
    .placeordercta {margin-top: 30px; width: 100%;}
    .placeordercta button.maincta {  height: 40px;  width: 191px;  line-height: 40px;   font-size: 16px;  }
   
    div.modal-slider {  padding: 25px 0;    }
    div#popup-modal-exam .container {max-width: 100%; padding: 0;}
    #popup-modal-exam .tab {margin: 0 10px;}

    .dashbaordPanelbody .pluslogocenter {width: 20%; max-width: 28%;}
    .dashbaordPanelbody .menuWraper { width: 50%;}
    .dashbaordPanelbody .shoppingcartwrap { width: 9%;}
    .dashbaordPanelbody .userIocntop {  width: 15%; }
    .userprofile {width: 100%; padding:50px 20px ;}
    .userprofiledetails { width: 100%; }

    .leftMenus {  width: 100%;    margin-bottom: 50px;     height: 0; margin-top: 0;  }
    .rightDashborad {   width: 100%;  }
    .showmenudash {  display: block;   width: 100%;        border: 1px solid;        text-align: center;        padding: 10px;        cursor: pointer;    }
    .filterInput.practicepaperwrap select {  width: 100%;   max-width: 100%;    min-width: inherit;    margin: 0;    }
    .nppbox h3 {font-size: 16px;  padding-right: 35px;}
    .nppbox h3:after {  right: 15px; top: 10px;    }
    ul.quizbtnsblock li a.maincta { min-width: 100%; display: block; margin: 0 0 5px!important; }
    .quizleft { width: 100%; order: 2; margin-top: 30px;}
    .quizright {width: 100%; order: 1; }
    .numberlist { max-width: 100%;  }
    .glimgbox {width: 100%;}
    .glimgtext {  width: 100%;   padding: 15px 0 0 0; }
    .glimgtext h3 {font-size: 25px; line-height: 1.3;}
    .glimgtext h3 br {display: none;}
    #herobanner  button { display: none;   }

    #testmonialWrap   button {display: none;    }   
    .heroBanner > div.bannerImage img { max-height: 100%; width: 100%;  max-width: 100%; }  
    .heroBanner > div h2 { margin-top: 20px; margin-bottom:10px;}  
    .heroBanner .mainCtablock { padding-top: 0;  }
    #tabs .tab > div, #tabs .tab > select{    width: 100% !important;      text-align: center;      margin: 5px 10% !important;  }
    .havecoupon {background:none ;}
    .right_add_box { overflow: hidden;   padding: 35px !important; order: 1; display: block; width: 100%; order: 1;  }
    .checkoutwrapper .left_boxes_wrapper {   width: 100%; order: 2; padding: 10px 0 !important; }

    .mymaockdetailswrap .box {  width: 100% !important;   margin-bottom: 30px !important;  }
    .examWrap + hr + div {flex-wrap: wrap;}

    ul#mainMenu.dashboardMenu {  left: inherit !important;  right: inherit;  top: inherit;  box-shadow: none;  position: inherit;  }
    ul#mainMenu .userIocntop img {display: none;}
    .userdashboardheader ul#mainMenu.dashboardMenu li.hasSubmenu {  padding: 0 !important;    position: relative;  }
    .dashboardMenu ul.submenu {   position: absolute;   right: 0;   width: 100%;  }    
    ul#mainMenu.dashboardMenu .hasSubmenu > a::after{display: none;}
    ul#mainMenu.dashboardMenu {min-width: inherit;}
    ul#mainMenu.dashboardMenu ul.submenu { display: none; }
    ul#mainMenu.dashboardMenu a.userIocntop { border: 0;  padding: 0;  }
    .userdashboardheader ul#mainMenu.dashboardMenu li.hasSubmenu:hover ul.submenu { display: block; min-width: 200px; top: 30px;  }
    .dashboxwraper.mainDashboardIocns .dashbox {padding: 20px; width: 100%;}
    ul#mainMenu.dashboardMenu a.userIocntop > div> div {padding: 0 !important;}
    .dashbox .imgboxdash img { max-height: 65px; }
    .dashboxwraper.mainDashboardIocns .dashbox .textboxdash { padding-left: 0;}
    .dashboxwraper.mainDashboardIocns .dashbox h4 { display: block;  color: #fff;  font-size: 24px;    font-weight: 600;}
    .form-group.submitbuttn {   justify-content: space-between !important;  }
    .form-group.submitbuttn .maincta {  padding: 0 15px;  }
    .userprofiledetails ul {  padding: 0 15px;  }
    .headerWrapper img {  vertical-align: middle;   margin: 0 5px;  }
    div#mymockstabs .tab {   flex-wrap: wrap;  }
    ul.quizdesignbox li {  width: 100% !important; text-align: left; }
   .rportDivwrap ul.quizdesignbox li { margin-bottom:10px; }
    ul.quizdesignbox p {  padding: 0 0 0 15px !important;  }
    ul.quizdesignbox li > div > span {  text-align: center;  }
    
}


@media(max-width:481px){
   
    .examBoxx h4:after {  width: 10px;    height: 10px;   right: -10px;   top: 5px;    }
    #tabs ul {  flex-wrap: wrap;    }
    #tabs ul li  { width: 30% !important; font-size: 12px;    }
    #tabs .tab {flex-wrap: wrap;}
    div#popup-modal-exam .container {  max-width: 95%; padding:0 0 ;   }
    div.modal-slider  .subjectBoxes {  border: 1px solid #ddd;    margin: 0 0;    }
    div.modal-slider {   max-width: 100%;  }
    div.modal-slider .owl-nav {display: none;}
    div.modal-slider  .subjectBoxes h5 { padding: 8px 5px;    }
    #popup-modal-exam .tab button.tablinks {  font-size: 12px;   padding: 10px 8px;  }
    #tabs button.tablinks {  margin-left: 5px;  margin-right: 5px;  }
    ul#register_page li > a { font-size: 13px;   }

    div#mymockstabs .tab button {  width: 100%;   margin-top: 8px;   border: 0;  }
    
    

}

@media(max-width:331px) {
    .ftrlink { width: 100%; }
    .copyrightBlock {line-height: 1.3; padding: 15px 0; position: fixed; left: 0; right: 0; z-index: 999; bottom: 0px; }
    #testmonialWrap .owl-dots {display: none;}
    #testmonialWrap {padding: 40px 0;    }
    .pluslogocenter { max-width: 150px;   }
    .submitbuttn {    display: block;  }    
    .passwordgroup {  padding-top: 20px;   }
    
    

}

@media only screen and (max-device-width: 767px) and (orientation: portrait)  {
    .upcomingBox { width: 100%; flex-wrap: wrap; }
    .upImg {width: 100%; }
    .upContent {  width: 100%; }
    .upImg img { width: 100%; height: inherit;   border-radius: 0;    }
   
    .hamburgur img { height: 16px; opacity: 0.8;  cursor: pointer;   }
    .searchblock { margin-left: 15px;   margin-right: 15px;    }
    .menuWraper {position: static;}
    .searchform {top: 10px;}
    .searchform form { padding: 0 10px;    } 
    .searchform .close {right: 20px;}
    ul#mainMenu { min-width: 190px;  padding: 5px;left: -300px;  }
    .featuredProducts h6, .featuredProducts .offer {  font-size: 14px;        }
    .tuitionsBox {  width: calc(100% - 20px);    }
    .filterInput {   text-align: center;   padding-top: 20px;    }


    .signinbtnwrap .maincta span {font-size: 1px; opacity: 0; display: none; }
    .signinbtnwrap .maincta img {display: none;}
    .signinbtnwrap .maincta img.userIcon {display:block; width: 22px; opacity: 1; visibility: visible; position: inherit; right: 0; left: 0;}
    .signinbtnwrap .maincta {min-width: inherit; height: inherit; line-height: inherit; padding: 0; display: block;  background: none;}
    .slideDiv .subjectDivwrap .item {    width: 100%;    }
    #popup-modal-exam .tab {margin: 0;}
    #popup-modal-exam .tab button.tablinks {  font-size: 14px;    margin: 0 10px !important;    }
    #popup-modal-exam .tab div:nth-child(1) {  display: none; }
    .nppwrap .nppbox {  width: 100%;    }

    ul.qalist {flex-wrap: wrap;}
    ul.qalist li {width: 100%;}
    ul.quizdesignbox li {width: 67%;}
    ul.quizbtnsblock li {width: 100%; }
    div#glfaqtab .tab {display: block;}
    div#glfaqtab .tab button.tablinks { margin: 10px 5px;  min-width: 155px;   line-height: 40px;   font-size: 16px;      }

    .loginwithgoogle button {      width: 100% !important;  }
    .innerbox .text {width: 100%; text-align: center;}
    .innerbox .textBtn {text-align: center;  width: 100%;  margin-top: 10px;}
    .innerbox .text img {float: none;  margin: 0 auto 10px;}
    .profiledetailslist .text span {min-width:inherit ; margin-right: 10px;}
    .profiledetailslist .text {      text-align: left !important;  }
    .remorewrap.plus__practicepaper { width: 100% !important;   text-align: left !important;    padding-top: 10px;  }
    .examBoxx.plus__examBox {width: 100% !important;}
    div#mymockstabs .pastpaperwrap h5 {      white-space: pre-wrap;     padding: 15px;  }
    .mymaockdetailswrap .box.box1 ul li {width: 100%;}
    .examWrap .item {width: 100% !important;}
    .remorewrap {    width: 100%;  text-align: left; padding-top: 0px;  }
    .mockupexamBody div#tabs li { width: 100% !important;   margin: 5px 0 !important;  }
    .servicebox .serImg img {max-height: inherit;}
    .fimageBlock {height: auto;}
    .fimageBlock img { height: auto;  object-fit: initial;  }
}

@media  (max-device-width: 767px) and (orientation: landscape) {
    .menuWraper {  width: 30%; }
	  header .maincta { min-width: 120px;  line-height: 38px;  }
    .signinbtnwrap .maincta img.userIcon {display:none;}
    .menuWraper {  width: 50%; }
    .slideDiv .subjectDivwrap .item {    width: 50%;    }
    div#glfaqtab .tab button.tablinks { margin: 10px 5px;  min-width: 155px;   line-height: 40px;   font-size: 16px; padding: 0;      }
    .loginwithgoogle button {      width: 40% !important;  }
    .examWrap .item {width: 48% !important;}
    .remorewrap {    width: 50%;  text-align: right;   }
    .examWrap + hr + div  {align-items: center;}
    .examWrap + hr + div > span{width: 50% !important; }
    .servicebox .serImg img {max-height: inherit;}
}


@media (max-width:640px){
	  .registerCtawrap{margin:15px 0 0 0;}
  .registerCtawrap button{margin-bottom:5px;}
  .registerCtawrap button.maincta.reset{margin-left:0;}
  .registerCtawrap button.maincta{margin-right:10px;}
  .rankbtnwrap{position:inherit;top: 0; transform: inherit; margin-top: 5px;}
  .box{margin-bottom:5px;}
  .rankbtnwrap a{min-width:140px;padding:0 5px;}
  }
.notify-section {
    position: fixed;
    top: 8px;
    right: 15px;
    color: white;
}

.notify-sucess {
    opacity: 0.9;
    font-size: 20px;
    border-radius: 5px;
    border: 1px solid green;
    padding: 5px 10px 10px 10px;
    min-width: 150px;
    max-width: 300px;
    background: green;
}

.notify-error {
    opacity: 0.9;
    font-size: 20px;
    border-radius: 5px;
    border: 1px solid red;
    padding: 5px 10px 10px 10px;
    min-width: 150px;
    max-width: 300px;
    background: red;
    margin-top: 5px;
}

.hide{
	display: none;
}
/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #fff;
}

#preloader:before {
    content: "";
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    border: 6px solid #0b3d7e;
    border-top-color: white;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    -webkit-animation: animate-preloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite;
}

#preloader img {
    position: fixed;
    top:50%;
    left: 50%;
    width: 60px;
    height: 60px;
    transform: translate(-50%, -50%);
}

@-webkit-keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.dropdown-menu.show .withoutBorderButton {
    margin-top: 0;
  }

  
.userDropdown .withoutBorderButton {
    margin-top: 13px;
  }

  .withoutBorderButton {
    border: none;
    background: white;
    text-transform: capitalize;
  }

  /* alert start */

.alert_wrapper {
    position: fixed;
    top: 105px;
    right: 30px;
    z-index: 150000;
  }
  
  .alert_wrapper>p {
    background-color: #212121;
    color: #ffffff;
    border-radius: 50px;
    padding: 15px 30px;
    margin: 0;
    animation: alertanim 0.3s;
    animation-fill-mode: forwards;
    display: flex;
    align-items: center;
  }
  
  .alert_wrapper>p>i {
    margin-right: 15px;
    margin-left: -10px;
  }
  
  @keyframes alertanim {
    0% {
      transform: translateY(100%);
      opacity: 0;
    }
  
    100% {
      transform: translateY(0%);
      opacity: 1;
    }
  }
  
  .alert_wrapper>p.error {
    background-color: #ff1100;
  }
  
  .alert_wrapper>p.success {
    background-color: #9bf138;
    color: #000000;
  }
  
  .alert_wrapper>p.warning {
    background-color: #ffa726;
  }
  
  .mockupexamBody li.active{
  	background: #0E3B80 !important;
    color: #fff;
  }
  /* alert end */
  

  #emailModal{
  	display: none;
  }

  #emailModal.show{
  	display: block;
  }

  #paymentModal{
  	display: none;
  }

  #paymentModal.show{
  	display: block;
  }

  del{
  	color: #5D5D5D;
  }



.paginationSection{
	text-align: center;
	margin-top: 20px;
}
.paginationSection .page{
	color: white;
    padding-right: 15px;
    padding-left: 15px;
}
.paginationSection .selectedPage{
	color: white;
    border: solid;
    padding: 6px;
    border-radius: 50%;
    padding-right: 15px;
    padding-left: 15px;
}

.paginationSectionLight{
	text-align: center;
	margin-top: 20px;
}
.paginationSectionLight .pageLight{
	color: #0e3b80;
    padding-right: 15px;
    padding-left: 15px;
}
.paginationSectionLight .selectedPageLight{
	color: #0e3b80;
    border: solid 1px #0e3b80;
    padding: 6px;
    border-radius: 50%;
    padding-right: 15px;
    padding-left: 15px;
}

.lineChart {
    font-size: 13px;
    text-align: center;
  }
  
  .lineChart span {
    margin-right: 10px;
  }
  
  .lineChart span b {
    margin-right: 5px;
    width: 40px;
    height: 12px;
    display: inline-block;
  }
  
  .notAttemptText {
    background: #ff9c01;
  }
  
  .incorrectText {
    background: #cb4335;
  }
  
  .correctText {
    background: #008000;
  }



  @-webkit-keyframes pulsate {
    0% {
      transform: scale(0.75);
    }
    50% {
      transform: scale(1.75);
    }
    100% {
      transform: scale(0.75);
    }
  }
  @-moz-keyframes pulsate {
    0% {
      transform: scale(0.75);
    }
    50% {
      transform: scale(1.75);
    }
    100% {
      transform: scale(0.75);
    }
  }
  @-o-keyframes pulsate {
    0% {
      transform: scale(0.75);
    }
    50% {
      transform: scale(1.75);
    }
    100% {
      transform: scale(0.75);
    }
  }
  @keyframes pulsate {
    0% {
      transform: scale(0.75);
    }
    50% {
      transform: scale(1.75);
    }
    100% {
      transform: scale(0.75);
    }
  }
  @-webkit-keyframes rotate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @-moz-keyframes rotate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @-o-keyframes rotate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes rotate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .payment-loader-container {
    margin: 3vh auto 0;
  }
  .payment-loader-container .payment-loader {
    width: 125px;
    height: 125px;
    margin: 0 auto;
  }
  .payment-loader-container .payment-loader .payment-circle {
    text-align: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 5px solid lightgray;
  }
  .payment-loader-container .payment-loader .payment-circle .payment-inner-circle {
    position: relative;
    left: -12.5%;
    top: 35%;
    width: 125%;
    height: 25%;
    background-color: white;
    -webkit-animation: rotate 2s infinite linear;
    animation: rotate 2s infinite linear;
  }
  .payment-loader-container .payment-loader .payment-circle h1 {
    position: relative;
    color: darkgray;
    top: 0.55em;
    font-family: "Raleway";
    -webkit-animation: pulsate 1.25s infinite ease;
    animation: pulsate 1.25s infinite ease;
  }


form.forgot-password {   max-width: 790px;    background: #0E3B80;   padding: 105px 35px 5px 35px;    margin: 0 auto;    position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; border-radius: 10px;}
.insideLoginform form.forgot-password .form-group {width: 48%;}
.insideLoginform form.forgot-password .form-group label {background: #0E3B80; color: #fff; }
.insideLoginform form.forgot-password .form-group input {background-color: #0E3B80; color: #fff; border-color: #fff;}
.insideLoginform form.forgot-password .form-group .maincta {background-color: #fff; color: #333; min-width: 120px; line-height: 32px;}
img.forgotpassword {  position: absolute;    max-width: 160px;    top: -80px;    left: 50%;    transform: translateX(-50%);}



  
  @media (max-width:640px){
	  .registerCtawrap{margin:15px 0 0 0;}
  .registerCtawrap button{margin-bottom:5px;}
  .registerCtawrap button.maincta.reset{margin-left:0;}
  .registerCtawrap button.maincta{margin-right:10px;}
  ul.quizdesignbox > div{width:100%;}
  .nppboxtext{padding:10px;}
  .insideLoginform form.forgot-password .form-group{width:100%;}
  }
  
 li.hasSubmenu2 a ul.subMenu2{
    position: absolute; visibility: hidden;opacity: 0;
    transform: translateY(20px); background: #0E3B80;
    width: 220px;  padding: 0 15px 15px; border-radius: 0 0 5px 5px;
    z-index: 1; transition: all 0.3s;  flex-wrap: wrap;
    -webkit-transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
    transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    transform-origin: top;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
    left: 90%;
    }
  li.hasSubmenu2 a:hover ul.subMenu2{opacity: 1;visibility: visible;transform: translateX(20%);position: absolute;z-index: 8;top:0;-webkit-transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);-moz-transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);-webkit-transform-origin: top;-moz-transform-origin: top;transform-origin: top;-webkit-transform: translateY(-10px) scaleY(0.8);-moz-transform: translateY(-10px) scaleY(0.8);transform: translateY(-10px);left: 90%;}
  li.hasSubmenu2 a ul.subMenu2 li a{line-height:24px;color:#fff;}
  li.hasSubmenu2 a ul.subMenu2 li a:hover{color:#ef5555;}
  li.hasSubmenu2 a ul.subMenu2 li{border-bottom:1px dashed rgba(245,245,245,0.3);}
  li.hasSubmenu2 a ul.subMenu2 li:last-child{border:none;}
  li.hasSubmenu2 a ul.subMenu2 li{padding:5px 0px;}
  li.hasSubmenu2 a ul.subMenu2 li:first-child{padding-top:10px;}
  
  
  .quickMessage{position:fixed;bottom:10px;right:5px;padding:8px 10px;background:#fff; width: 250px;z-index:9;box-shadow: 0 0 5px #000;z-index: 1000;}
  .quickMessage .closeIcon{position: absolute;right: -3px; top: -16px;  background: #0e3b80; border-radius: 50%; width: 25px; height: 25px; padding: 4px;}
  .quickMessage .closeIcon img{width:28px;filter: invert(1);}
  .quickMessage p, .quickMessage span{font-size:15px;list-style-type:none;padding: 0px;margin: 0;}
.correctAnswerText{background: #f1f1f1;padding: 15px;width:100% !important; border: 1px solid #e7e7e7;}
.rportDivwrap .quizleft .questionType + span p:last-child{margin-bottom:10px;}

#tabs ul.dataLink{display:inherit;justify-content:inherit;margin:0 15px;}
#tabs ul.dataLink li{background:none;font-size:14px; list-style-type:disc;color:#333;line-height: 24px;padding: 5px 0px; text-align: left;margin:0;display: list-item;}

.QuestionAnswerwrap p.heading{padding:15px;}
.QuestionAnswerwrap .ultabs ul + p{color:#706f6f;font-weight: 600;}
.QuestionAnswerwrap p.heading ul{display:table; margin: 20px 0 0; width: 100%;padding: 6px 0 0 0;}
.QuestionAnswerwrap p.heading li{background:none;width:100%;display:flex;font-size:14px;color: #918f8f; padding: 10px 10px; font-weight: normal;}
.QuestionAnswerwrap p.heading span p{display: inline; margin-left: 10px;font-size: 16px; font-weight:400;vertical-align:top;}
.QuestionAnswerwrap p.heading span p span{font-size:16px !important;}
.QuestionAnswerwrap p.heading span p strong{font-weight:400;}
.questionSolution p{margin:0;padding:0;}
.questionSolution{width:49%;float:left;border-left: 1px solid #ddd; padding-left: 1%;}
.correctAnswer{width:100%;float:left;text-align:left;}

.questionHeading{float:left; width: 49%;margin-bottom:10px; margin-right: 1%;}
.solutionInner{margin: 16px; display: inline-block;}
@media (max-width:980px){
	.questionHeading{width:100%;margin:0;border:none;}
	.questionSolution{width:100%;padding:0;border:none;}
}

.rportDivwrap .instructionText p span{text-align:left;}
.rportDivwrap .instructionText p{padding:0 15px;}
.rportDivwrap .instructionText + span p, .rportDivwrap .instructionText + span p p{padding:5px 10px;display: inline; padding-bottom: 0;}
.rportDivwrap .questionStatus .col-md-12 p{padding:0;margin:0;}
.quizBorder .instructionText + span{padding:0 15px; display:block;}
.quizBorder .instructionText + span + ul.quizdesignbox{padding-top:10px;}
ul.quizdesignbox > div + div, .questionanswerWrap + .quizdesignbox div{width:100%;background: #e5e5e5;  padding: 15px;}
.questionanswerWrap .quizplayContent{padding:0 0 0 15px;}
.quizWrapper .questionanswerWrap{justify-content: flex-start;}
.questionanswerWrap ul.quizdesignbox li, ul.quizdesignbox li div, ul.quizdesignbox li{padding:0;}
.questionanswerWrap ul.quizdesignbox li{background:#e5e5e5;}
.questionType + span + span p{display: flow-root; padding: 0 30px;  width: 100%; margin: 0 0 10px 0;}
.questionType + span + span p:first-child{margin-top:-10px;}
.questionType + span + span + ul.quizdesignbox div{width:100%;width:100%;background: #e5e5e5;  padding: 15px;}
.rportDivwrap ul.quizdesignbox li{padding:15px;}
.minHeightDiv{min-height:500px;}

.buttonDetails, .remorewrap{width:30%;}
.offerDiv{width:78%;}
.buttonDetails a.maincta, .remorewrap a.maincta{margin-right:10px;}

.rportDivwrap ul.quizdesignbox > div{width:100%;background:#e5e5e5;}
.rportDivwrap ul.quizdesignbox li > div span + div{flex: 1; text-align: left;margin-left: 10px;}
.rportDivwrap .questionType + span + span{padding:15px;}
.rportDivwrap .quizleft .questionType + span b{display:contents;}
.rportDivwrap .quizleft .instructionText{padding:0 15px 10px 15px;}
.rportDivwrap ul.quizdesignbox li + div{padding:15px; background:#e5e5e5;}
.quizleft .instructionText p{text-align:left;margin:0;padding:0 15px;}
.quizleft .instructionText p span{text-align:left;}
.quizdesignbox .reviewButton { min-width: 150px;line-height: 39px;  font-size: 16px;  background-color: #0e3b80;border-radius:4px;border:none;color:#fff;}
.quizWrapper ul.quizdesignbox li{background:#e5e5e5;}
.quizWrapper ul.quizdesignbox li.active div{background:#0E3B80;}
.quizWrapper .instructionText{padding:0 15px;margin-bottom: 15px;}

.productDescription ul{list-style-type:disc;padding:0 25px;}
.productDescription span p{list-style-type:disc;margin:0 !important;}
.boardDetails{margin:50px auto;}
.topButton{display:inline-block;text-align: left; margin: -2px 0 0 0; vertical-align: middle;float:right;}
@media (max-width:767px){	
.topButton{ margin: 5px 0 0 0; vertical-align: middle;float:none;}
	li.hasSubmenu2 a:hover ul.subMenu2{left:70%;}
	.carousel .slider-wrapper.axis-horizontal .slider{z-index:-1;}
	
}

.main-root-div { min-height: calc(100vh - 143px);}
.footer--pin { position: relative; left: 0; bottom: 0;}


.myPapers{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-gap: 20px;
}
.searchPapers{
  padding: 12px 10px;
  width: 100%;
  border-radius: 5px;
  /* box-shadow: 1px 2px 5px rgba(0,0,0,0.2); */
  border: 2px solid #0E3B80;
  outline: none;
  font-size: 16px;
  height: 50px;
  align-self: center;
  transition: width 0.5s ease-in-out;
}
.expiryDateTag{
  padding: 7px 2px;
  max-width: 120px !important;
  font-size: 14px;
  border-top-right-radius: 0;
  border-right: 0;
  border-bottom-right-radius: 0;
  background-color: #fafafa;
  border: 1px solid #ddd;
  box-shadow: inset 0px 0px 10px rgb(0 0 0 / 6%);
}
@media only screen and (max-width: 800px) {
  .expiryDateTag{
    font-size: 10px;
  }
}