/* .Main {background-color: #fff;} */
.gapBlackBox {display: none; z-index:14; position: fixed; background-color: #000; opacity: 0.5; top: 0px; width: 100%; height: 100vh;}
.menuBlackBox {display: none; z-index:3; position: fixed; background-color: #000; opacity: 0.5; top: 0px; width: 100%; height: 100vh;}
.videoBlackBox {display: none; z-index:13; position: fixed; background-color: #000; opacity: 0.5; top: 0px; width: 100%; height: 100vh;}
.videoPlayerBox {display: none;  z-index: 14;padding: 14px; position: fixed; top: 50%; left: 50%; margin-left: -360px; margin-top: -225px; background-color: #333; border-radius: 12px;}
.videoPlayerBox .playerInner {background-color: #fff; width: 720px; height: 405px;}
.videoPlayerBox .videoFrame {width: 720px;; height: 405px; display: none;}
.gapContentBox {display: none;  z-index: 14; padding: 14px; position: fixed; top: 50%; left: 50%; margin-left: -253px; margin-top: -260px; background-color: #333; border-radius: 12px;}
.gapContentBox .contentInner {background-color: #fff; width: 520px; height: 506px; padding-top: 20px;}

.enqBox {display: none;  z-index: 100; padding: 14px; position: fixed; top: 50%; left: 50%; margin-left: -253px; margin-top: -193px; background-color: #333; border-radius: 12px;}
.enqBox .contentInner {background-color: #fff; width: 520px; height: 286px; padding-top: 20px; padding: 20px;}
.enqBox .contentInner2 {display: none; background-color: #fff; width: 520px; height: 246px; padding-top: 20px; padding: 20px;}
.plCloseBtn {cursor: pointer; position: absolute; border: solid 4px #333; border-radius: 100px; text-align: center; right: 0px; height: 40px; width: 40px; line-height: 30px; background-color: #333; color: #fff; top: 0px; font-size: 30px;
	-moz-transition: all .4s ease-out 0s;
		-ms-transition: all .4s ease-out 0s;
		-o-transition: all .4s ease-out 0s;
		transition: all .4s ease-out 0s
}
.plCloseBtn:hover {background-color: #000; border: solid 4px #333;}
.playerInner .timingBox {text-align: center; padding-top: 50px; display: block;}
.orderBox {display: flex; justify-content: start;}
.orderBox img {height: 80px; margin-right: 10px; padding: 5px; border: solid 1px #ddd;}
.orderBox .head {font-size: 17px; font-weight: bold;}
.orderBox h6 {display: inline-block; margin-top: 5px;}



.branchBoxOver {padding: 0px;}
.branchBox {box-shadow: 0 .2rem 0.5rem rgba(0,0,0,.15)!important; display: inline-block; color: #333; padding: 6px 20px; margin: 10px; font-size: 14px; font-weight: 600; border-radius: 40px; background-color: #fff;
		-moz-transition: all .4s ease-out 0s;
		-ms-transition: all .4s ease-out 0s;
		-o-transition: all .4s ease-out 0s;
		transition: all .4s ease-out 0s
}
.branchBox:hover {background-color: #2d4cfe; color: #fff;}
.branchBox img {width: 24px; margin-right: 6px; }

.branchBox2 {display: block; padding: 12px 10px; margin: 15px 10px; font-size: 16px; font-weight: 600; border-radius: 40px; background-color: #fff;
		-moz-transition: all .4s ease-out 0s;
		-ms-transition: all .4s ease-out 0s;
		-o-transition: all .4s ease-out 0s;
		transition: all .4s ease-out 0s
}
.branchBox2:hover {background-color: #2d4cfe; color: #fff;}
.branchBox2 img {width: 24px; margin-right: 6px; }





/* Style the buttons inside the tab */

/* live class */
.msgOver {display: flex; align-items: center; justify-content: start;}
.chatMessage2{padding: 10px;  background-color: #efefef; width: 100%;}
.msgTxt {font-size: 13px; line-height: 16px; margin-top: -8px; color: #333;}
.msgTxt span {font-size: 13px; font-weight: bold; margin-top: -8px;}
.msgUser {display: inline-block; width: 20px; height: 20px; margin-right: 10px;}
.msgUserOver {height: 24px;}
.chat-area .msgBlock {margin: 0px; padding: 6px 10px;}
.classBottom {padding: 6px 0px;}
.classBottom h5{margin: 0px; padding: 0px; font-size: 20px; margin-bottom: 2px;}
.classBottom .subject{margin: 0px; font-size: 14px;}
.classBottom .teacher{margin: 0px; font-size: 13px; font-weight: bold; color: #000;}
.classBottom .watching{margin: 0px; margin-top: -5px; font-size: 12px;}
.desBox2 .description{font-size: 13px; line-height: 18px;}
.gapBoxOver {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04); }
.gapBoxInner{padding: 6px 10px; border: solid 1px #eee;}
.gapBoxInner p {margin: 0px; font-size: 12px; font-weight: bold;}

.doubtBtn .editDoubtBtn {cursor: pointer; padding: 0px 15px; border-radius: 80px; font-size: 12px; display: inline-block;}
.collection.invoice-item .collection-item.avatar {padding: 12px;}



/* Live Class player bottom*/
.liveClassBottomBox {display: flex; justify-content: center; align-items: center; background-color: #000; padding: 10px 10px; margin-top: -25px;}
.liveClassBottomBox a i {font-size: 16px; color: #555;}
.liveClassBottomBox a {margin: 0px 5px;}

.notesList li .box2 {padding: 10px 20px;}
.box2 i {margin-right: 10px; font-size: 18px;}
.box2 .boxInner {display: flex; justify-content: start; align-items: start;}
.box2 .linkBox {text-align: right; margin-top: 6px;}
.box2 .linkBox .learn{margin-right: 3px;}

.liveLink {display: inline-block; cursor: pointer; padding: 2px 20px; font-size: 13px; font-weight: bold; border-radius: 100px; color: #888; background-color: #ddd;}
.liveLink.active {color: #fff; background-color: #ff0000;}
.liveLink:hover {opacity: 0.5;}
.blink {
        animation: blink-animation 1s steps(5, start) infinite;
        -webkit-animation: blink-animation 1s steps(5, start) infinite;
      }
      @keyframes blink-animation {
        to {
          visibility: hidden;
        }
      }
      @-webkit-keyframes blink-animation {
        to {
          visibility: hidden;
        }
      }
	  


/* Course Detail Page*/

.teacherBlock {padding: 10px 20px; margin: 10px 0px; background-color: #f7f7f7; display: flex; justify-content: space-between; align-items: center; border: solid 1px #eee;}
.teacherBlock .teacherImg {display: flex; justify-content: start;  align-items: center; width: 30%;}
.teacherImg img {margin-right: 10px; width: 60px; height: 60px; border-radius: 100px;}
.teacherBlock h6 {margin: 0px; font-weight: bold; color: #000;}
.teacherBlock p {font-size: 13px; margin-top: -5px; margin-bottom: 0px;}
.teacherBlock .teacherEx {width: 30%;}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
   
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  visibility: visible;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #2b4eff; 
  visibility: visible; 
}

.offerBox {background-color: #edeef3; padding: 20px; text-align: center; display: inline-block; margin: 0px 8px 8px 0px;}
.offerBox .offerHeading {background-color: #f2277e; border-radius: 100px; display: inline-block; color: #fff; padding: 0px 26px;}
.offerBox p {margin: 0px; margin-top: 10px; font-size: 15px; font-weight: bold;}
.offerBox h3 {margin: 0px; font-size: 20px;}
.gapsBlockOver {background-color: #2b4eff; padding: 20px 20px 10px 20px; border-radius: 10px;}
.gapsBlock {color: #fff;}
.gapsBlock h3 {margin: 0px;}
.gapsBlock p {margin: 0px; font-size: 16px;}
.gapsBlock a {font-weight: bold;}


/* new dashbooard design */

.dasLeftMenu{z-index: 10; display: block; position: fixed; top: 8px; max-width: 300px; width: 100%; border: solid 1px #eee; box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1); background-color: #fff; height: 100vh; border-radius: 8px;
	-webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.menuDisp {visibility: hidden;}
.leftMenuTop {border-bottom: solid 1px #eee; padding: 8px 20px;}
.leftMenuTop img {max-width: 60px; margin: 10px 0px;}
.leftMenuTop h6 {font-size: 15px; margin: 0px; font-weight: bold;  color: #344767;}
.leftMenuTop p {font-size: 13px; margin: 0px; margin-top: -5px; color: #333;}
.leftMenuContent ul {padding: 0px 20px; height: 430px; overflow: auto;}
.leftMenuContent ul a {color: #67748e; margin: 5px; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; background-color: #fff; padding: 10px 14px;
	-webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.leftMenuContent ul li .menuBox {display: flex; justify-content: start; align-items: center; font-size: 13px;}
.leftMenuContent ul li .menuIcon {box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.15); border-radius: 6px; margin-right: 10px; line-height: 30px; text-align: center; background-color: #fff; color: #67748e; width: 30px; height: 30px
	-webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
}
.leftMenuContent ul li a.active .menuIcon {background-color: var(--primary-color); color: #fff;}
.leftMenuContent ul a:hover .menuIcon {background-color: #2b4eff; color: #fff;}
.leftMenuContent ul a:hover {box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1); color: #344767; font-weight: bold;}
.leftMenuContent ul a.active {box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1); color: #344767; font-weight: bold;}
.menuContent {color: #333; border-radius: 5px; background-color: #fff; position: absolute; display: none; z-index: 13; box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);}
.menuContent ul {padding: 0px; min-width: 240px;}
.menuContent li a {padding: 10px 30px; display: block; font-weight: 600;}
.menuContent li a:hover { color: #2b4eff; font-weight: 600;}

.menuContent2 {color: #333; border-radius: 5px; background-color: #fff; position: fixed; display: none; bottom: 54px; z-index: 13; box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);}
.menuContent2 ul {padding: 0px; width: 240px;}
.menuContent2 li a {padding: 10px 30px; display: block; font-weight: 600;}
.menuContent2 li a:hover { color: #2b4eff; font-weight: 600;}

.menuContent3 {color: #333; border-radius: 5px; right: 0px; background-color: #fff; position: absolute; display: none; z-index: 13; box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);}
.menuContent3 ul {padding: 0px; min-width: 240px;}
.menuContent3 li a {padding: 10px 30px; display: block; font-weight: 600;}
.menuContent3 li a:hover { color: #2b4eff; font-weight: 600;}
.menuContent3 i {margin-right: 10px;}

.backBox {z-index: 1; opacity: 0.5; display: none; position: fixed; top: 0px; width: 100%; height: 100vh;}
.right-top {background-color: #fff; color: #333; display: flex; justify-content: space-between; align-items: center; padding: 4px 12px; font-weight: 600; border-bottom: solid 1px #ddd;}
.right-top-over {display: flex; justify-content: space-between; align-items: center; background-color: var(--primary-color); border-radius: 10px 10px 0px 0px; color: #fff; padding: 4px 8px;}
.right-top-over-Box {padding-right: 8px; margin-top: 8px;}
.rightMenu {display: flex; justify-content: start; align-items: center;}
.rightSearch {margin-right: 10px; border-radius: 6px; background-color: #e7e7e7; padding: 0px 10px; display: flex; justify-content: start; align-items: center; border: solid 1px #eee; width: 130px; height: 34px;}
.rightSearch input.rigghtSearchText {border: none; font-size: 13px; height: 40px; margin-top: 6px; margin-left: 10px;}
.loginBox {font-weight: 600; margin-right: 10px; font-size: 13px;}
.instName {font-weight: 600;}
.studentRight{position: relative;}
.studentRight i {font-size: 17px;}
.studentRight span {margin-left: -8px; font-size: 10px; line-height: 12px; position: absolute; width: 12px; height: 12px; background-color: #ff0000; border-radius: 100px; text-align: center; color: #fff;}
.classTop {text-align: center;}
.classTop h4{margin: 0px; font-size: 28px;}
.classTop p{margin: 0px; color: #999; font-size: 18px;}
.subjectBoxOver {background-color: #fff; cursor: pointer; color: #333; margin: 10px 0px; box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1); border: solid 1px #eee; text-align:f7f7f7; left; padding-right: 20px; height: 90px; border-radius: 10px; display: flex; justify-content: space-between; align-items: center;
-webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
}
.subjectBoxOver:hover {background-color: #0089e1; color: #fff;}
.subjectBoxOver:hover .subjectBox h5 {color: #fff;}
.subjectBoxOver:hover .subjectBox p {color: #fff;}
.subjectBox {display: flex;  justify-content: start; align-items: center; text-align: left;}
.patti {width: 6px; margin-right: 20px; height: 90px; border-radius: 10px 0px 0px 10px; position: relative;}
.redPatti {background-color: #ec3a3e; }
.greenPatti {background-color: #009049; }
.bluePatti {background-color: #0089e1; }
.purplePatti {background-color: #a14875; }
.orangePatti {background-color: #f47e36; }
.lightGreenPatti {background-color: #6ac334; }
.subjectBox h5 {margin: 0px; font-size: 17px;}
.subjectBox p {margin: 0px; margin-top: 0px; font-size: 14px;}

.courseBlock {display: block; background-color: #fff; color: #000; margin: 8px 0px; box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.15); border-radius: 10px;
  -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
}
.courseBlock:hover {box-shadow: 0 0 20px 0px rgba(43, 78, 255, 0.35); cursor: pointer;}
.courseBlock img {max-width: 640px; width: 100%;  border-radius: 10px 10px 0px 0px;}
.courseBlockContent {padding: 10px 20px; text-align: left; }
.courseBlockContent .courseName {display: block; font-size: 17px; font-weight: bold; height: 46px; overflow: hidden; line-height: 24px;
  -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
}
.courseBlockContent .courseName:hover {color: #2b4eff;}
.courseBlockContent .durationText {margin: 0px; font-size: 14px;}
.durationText span {font-weight: bold;}
.courseBlockContent .smText {margin: 0px; font-size: 14px; color: #777; height: 36px; line-height: 18px; overflow: hidden;}
.courseBlockContent .courseBottom {display: flex; justify-content: space-between; align-items: center; padding: 10px 0px;}
.courseBottom .price{color: #ff0000; font-size: 14px; font-weight: 600; margin: 0px;}
.buyBtn {background-color: #f06b4e; cursor: pointer; font-size: 12px; color: #fff; padding: 2px 30px; border-radius: 80px;
	 -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
}
.buyBtn:hover {color: #fff; background-color: #2b4eff;}

.whiteBtn {background-color: #fff; font-size: 14px; font-weight: bold; cursor: pointer; color: #005662; padding: 8px 30px; border-radius: 80px;
	 -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
}
.whiteBtn:hover {color: #fff; background-color: #2b4eff;}

.centerBlockOver {display: flex; justify-content: center; }
.centerBlock {max-width: 740px; width:100%; display: inline-block; padding: 10px;}
.centerBlock2 {max-width: 940px; width:100%; display: inline-block; padding: 10px;}
.resultBox {width: 100px; color: #005662; display: inline-block; margin: 6px 4px; border-radius: 10px; background-color: #fff; border: solid 1px #2baeeb; padding: 20px 10px;}
.resultBox i {font-size: 28px; color: #005662;}
.resultBox p {margin: 0px; font-size: 13px; font-weight: 600;}
.resultBox h5 {margin: 0px; color: #005662;}
.conceptBlock {cursor: pointer; margin: 14px 0px; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; background-color: #fff; border: solid 1px #2baeeb;
	 -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
}
.conceptBlock:hover {background-color: #f2f2f2;}
.conceptBlock .rightCircle {color: #fff; border-radius: 80px; height: 30px; width: 30px; line-height: 30px; background-color: #f06b4e; text-align: center;}
.conceptBlock .rightCircle i{font-size: 11px;}
.conceptBlock .concept-text {color: #005662; text-align: left; font-weight: bold; font-size: 15px;}

.remedialBlock {cursor: pointer; margin-bottom: 40px; border-radius: 10px; padding: 10px 14px; background-color: #fff; border: solid 1px #2baeeb;}
.remedialBlock .topText {display: inline-block; color: #005662; position: absolute; margin-top: -30px; margin-left: -20px; font-size: 13px; font-weight: bold; background-color: #fff; padding: 4px 20px 2px 20px; font-weight: bold; border: solid 1px #2baeeb; border-radius: 40px;}
.remedialBlock .topText i {font-size: 18px; margin-left: 6px;}
.remedialBlock p {margin-top: 10px; font-weight: bold;}
.classBox {display: flex; margin: 10px 0px; cursor: pointer; border-radius: 10px; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1); justify-content: start; align-items: center; background-color: #fff; padding: 10px; border: solid 1px #ddd;
-webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
}

.classBox:hover {background-color: #f2f2f2;}

.classBox .remIcon {height: 50px; margin-right: 10px; width: 50px; text-align: center; line-height: 54px; color: #fff; border-radius: 10px;}
.remIcon i {font-size: 20px;}
.classBoxInner h6 {margin: 0px; color: #005662; font-size: 14px;}
.classBoxInner small {color: #777; font-size: 13px;}
.closeBtn {position: absolute; right: 0px; text-align: center; line-height: 40px; width: 40px; height: 40px;}
.closeBtn i {font-size: 20px;}
.closeBtn:hover {color: #ff0000;}

.boxLink {-webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;}
.boxLink:hover {box-shadow: 0 0 20px 0px rgba(43, 78, 255, 0.35);}
.upcomingLink {display: inline-block; padding: 2px 20px; font-size: 13px; font-weight: bold; border-radius: 100px; color: #fff; background-color: #0089e1;}
.upcomingLink:hover {color: #fff; opacity: 0.5;}
.pastLink {display: inline-block; padding: 2px 20px; font-size: 13px; font-weight: bold; border-radius: 100px; color: #fff; background-color: #009049;}
.pastLink:hover {color: #fff; opacity: 0.5;}
.gapsBoxOver {cursor: pointer; margin-bottom: 40px; border-radius: 10px; padding: 10px 14px; background-color: #fff; border: solid 1px #2baeeb;}
.startLink {display: inline-block; padding: 2px 30px; font-size: 13px; font-weight: bold; border-radius: 100px; color: #fff; background-color: #0089e1;
	-moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
}
.startLink:hover {background-color: #2b4eff;}

.sectionBlockOver {padding: 10px 20px;}
.sectionBlock {width: 100%; padding: 16px 20px; background-color: #fff; border-radius: 10px;}
.sectionBlock  h6 {margin: 0px; font-weight: 600; font-size: 16px; color: #005662;}
.row.OwlOver {margin: 0px; margin-top: 15px;}
.sectionBlock .item img{border-radius: 12px;}

.liveScrollOver {border-radius: 12px; padding: 0px; display: block; margin-bottom: 10px; margin-top: 10px; text-align: left; background-color: #fff; color: #333;}
.liveScrollOver img {width: 100%; margin: 0px;}
.liveScrollOver  h5{margin-top: 8px; font-size: 16px; height: 48px; overflow: hidden;}
.liveScrollOver h6 {margin: 0px; font-size: 14px;}
.owl-theme .liveScrollOver .prod-info.boxed {background-color: #fff; color: #333; border-radius: 0px 0px 12px 12px; }
.boxLink.liveScrollOver .prod-info.boxed{background-color: #fff; color: #333; border-radius: 0px 0px 12px 12px; padding: 10px 15px 15px 20px;}
.boxLink.liveScrollOver .prod-info.boxed h5{font-size: 17px;}
.boxLink.liveScrollOver .prod-info.boxed span{font-size: 13px; color: #777;}
.boxLink.liveScrollOver .prod-info.boxed h6{margin: 5px 0px; color: #e05420; font-weight: 500;}


.gapExamOver {border: solid 1px #2baeeb; border-radius: 10px; background-color: #fff; color: #333;}
.gapExamTop {padding: 14px 12px; padding-bottom: 0px;}
.gapExamTop .chalText{background-color: #1e8f85; padding: 0px 10px; border-radius: 4px; color: #fff; font-size: 12px;}
.chalShare{background-color: #0089e1; padding: 4px 10px 2px 10px; border-radius: 6px; color: #fff; font-size: 12px;}
.chalShare i {margin-right: 5px;}
.chalShare:hover {color: #fff; opacity: 0.6;}
.gapExamTop h6 {margin-top: 12px; height: 48px; overflow: hidden; font-size: 17px;}
.gapExamTop .smallText {margin:0px; font-size: 14px; display: inline-block; color: #666;}
.gapExamTop .smallText span {font-weight: bold;}

.testBox {display: flex; justify-content: start; align-items: center; }

.testBox .remIcon {height: 50px; margin-right: 10px; width: 50px; text-align: center; line-height: 54px; color: #fff; border-radius: 10px;}
.testBox h6 {font-size: 15px; font-weight: 600;}
.testBox  small {font-size: 14px; color: #999; font-weight: normal;}
.concept-text .pageNumber {margin-right: 5px; display: inline-block;}
.noteBox {display: inline-block; padding: 0px 10px 10px 20px; color: #333;}
.noteBox .noteBoxInner{display: flex; justify-content: space-between; align-items: center;}
.noteBox .leftBox{margin-right: 20px;}
.leftBox h3{margin: 0px; color: #000;}
.leftBox p{margin: 0px; margin-top: -5px;}
#branchBox2 .chip{margin-bottom: 12px;}
#branchBox2 .chip:hover {opacity: 0.9;}
.liveBoxOver {padding: 20px 16px;}


.myButton1 {
  background-color: #f06b4e;
  color: #fff;  
  outline: none;
  cursor: pointer;
  padding: 10px 30px;
  transition: 0.3s;
  font-size: 14px; 
  font-weight: 600;
  border-radius: 60px;
  margin: 4px;
  -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
  
}

.myButton1:hover {
  background-color: #2b4eff;
  color: #fff;
  
}

.myButtonSmall {
  background-color: #f06b4e;
  color: #fff;  
  outline: none;
  cursor: pointer;
  padding: 6px 20px;
  transition: 0.3s;
  font-size: 13px; 
  font-weight: 600;
  border-radius: 6px;
  margin: 4px;
  -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
  
}

.myButtonSmall:hover {
  background-color: #2b4eff;
  color: #fff;
  
}

.myButtonSmall2 {
  background-color: green;
  color: #fff;  
  outline: none;
  cursor: pointer;
  padding: 2px 10px;
  transition: 0.3s;
  font-size: 13px; 
  font-weight: 600;
  border-radius: 6px;
  margin: 4px;
  -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
  
}

.myButtonSmall2:hover {
  background-color: #2b4eff;
  color: #fff;
  
}

.myButton2 {
  background-color: green;
  color: #fff;  
  outline: none;
  cursor: pointer;
  padding: 10px 30px;
  transition: 0.3s;
  font-size: 14px; 
  font-weight: 600;
  border-radius: 60px;
  margin: 4px;
  -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
  
}

.myButton2:hover {
  background-color: #2b4eff;
  color: #fff;
  
}

.myButton2 {
  background-color: #2b4eff;
  color: #fff;  
  outline: none;
  cursor: pointer;
  padding: 10px 30px;
  transition: 0.3s;
  font-size: 14px; 
  font-weight: 600;
  border-radius: 60px;
  margin: 4px;
  -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
  
}

.myButton2:hover {
  background-color: #f06b4e;
  color: #fff;
  
}

.myButton3 {
  background-color: #238f7a;
  color: #fff;  
  outline: none;
  cursor: pointer;
  padding: 10px 30px;
  transition: 0.3s;
  font-size: 14px; 
  font-weight: 600;
  border-radius: 60px;
  margin: 4px;
  -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
  
}

.myButton3:hover {
  background-color: #0d6855;
  color: #fff;
  
}



/* Style the tab */
.mytab {
  

  
}

/* Style the buttons inside the tab */
.mytab a {
  background-color: inherit;
  border: solid 1px #2b4eff;
  outline: none;
  cursor: pointer;
  padding: 4px 24px;
  transition: 0.3s;
  font-size: 14px; 
  font-weight: 600;
  border-radius: 60px;
  display: inline-block;
  margin: 0px;
  -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
  
}

/* Change background color of buttons on hover */
.mytab a:hover {
  background-color: #2b4eff;
  color: #fff;
  
}

/* Create an active/current tablink class */
.mytab a.active {
  background-color: #2b4eff;
  color: #fff;
}


/* Style the tab */

.mytab2::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* Track */
.mytab2::-webkit-scrollbar-track {
  background: #f1f1f1; 
   
}
 
/* Handle */
.mytab2::-webkit-scrollbar-thumb {
  background: #2b4eff;
  visibility: visible;
}

/* Handle on hover */
.mytab2::-webkit-scrollbar-thumb:hover {
  background: #2b4eff; 
  visibility: visible; 
}


.mytab2 {
  

  
}

/* Style the buttons inside the tab */
.mytab2 a {
  background-color: #edeef3;
  border: solid 1px #cccccc;
  color: #333;
  cursor: pointer;
  padding: 8px 24px 6px 24px;
  transition: 0.3s;
  font-size: 14px; 
  font-weight: 600;
  
  display: inline-block;
  margin-left: -5px;
  -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
  
}

/* Change background color of buttons on hover */
.mytab2 a:hover {
  background-color: #2b4eff;
  color: #fff;
  
}

/* Create an active/current tablink class */
.mytab2 a.active {
  background-color: #2b4eff;
  color: #fff;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
}


//* Style tab links */
.tablink {
 
}
.tablink.active {color: #fff; background-color: var(--primary-color);}

.myTablink {margin: 0px; font-weight: bold; height: 50px; cursor: pointer; width: 24%; display: inline-block; text-align: center; padding: 10px; color: #333; background-color: #edeef3;
-webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
}


.tablink:hover {
  background-color: var(--primary-color);
  color: #fff;
}

.tablink.active {color: #fff;}
.myTablinkOver {width: 100%; background-color: #edeef3; border: solid 1px #edeef3;}

.myTablink i{margin-right: 4px; font-size: 16px;}

/* Style the tab content (and add height:100% for full page content) */
.mytabcontent {
  color: #333;
  padding: 20px;
  border: solid 1px #eee;
  background-color: #fff;
}
.collection-item a span {color: #546e8b;}

.tabText {visibility: visible; font-size: 16px; font-weight: bold;}
.circleDesign {width: 50px; height: 50px; color: #fff; text-align: center; border-radius: 100px; line-height: 50px; display: block;}
.circleDesignOver {display: flex; justify-content: center;}
.redCircle {background: linear-gradient(45deg, blue, red);}
.blueCircle {background: linear-gradient(45deg, #0e60a7, #0085c3);}
.orangeCircle {background: linear-gradient(45deg, #ef5d1d, #f8a000);}
.greenCircle {background: linear-gradient(45deg, #007a7f, #79c16b);}
.circleDesignBox {display: inline-block; width: 80px; text-align: center; vertical-align: top;}
.circleDesignBox p {margin: 0px; font-size: 14px;}
.buttonOver {margin-top: 30px;}
.concept-text p {margin: 0px; margin-top: -3px; font-size: 14px; color: #888;}
.concept-text span {padding: 3px 12px; color: #fff; border-radius: 10px; font-size: 12px; background-color: #f06b4e;}
.mySmButton1 {
  background-color: #f06b4e;
  color: #fff;  
  outline: none;
  cursor: pointer;
  padding: 4px 14px;
  transition: 0.3s;
  font-size: 12px; 
  font-weight: 600;
  border-radius: 60px;
  margin: 1px;
  -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;  
}

.mySmButton1:hover {
  background-color: #2b4eff;
color: #fff;}

.mySmButton2 {
  background-color: #238f7a;
  color: #fff;  
  outline: none;
  cursor: pointer;
  padding: 4px 14px;
  transition: 0.3s;
  font-size: 12px; 
  font-weight: 600;
  border-radius: 60px;
  margin: 1px;
  -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;  
}

.mySmButton2:hover {
  background-color: #0d6855;
color: #fff;}
 
.tabBlockOver {display: flex; justify-content: center;}
.tabBlockOver .tabBlock {max-width: 640px; width: 100%; display: inline-block; padding: 20px;}
.tabBlock {max-width: 640px; width: 100%; display: inline-block; min-height: 400px; padding: 10px;}
.videoIcon {margin-right: 10px; font-size: 24px; vertical-align: -5px;}
.tabBlock2 {max-width: 840px; width: 100%; display: inline-block; padding: 0px 20px;}
.tabBlock3 {max-width: 640px; width: 100%; display: inline-block;}

.videoBlock {cursor: pointer; margin: 14px 0px; border-radius: 10px; padding: 15px 20px; background-color: #fff; border: solid 1px #2baeeb;
	 -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
}
.videoBlock:hover {background-color: #f2f2f2;}
.videoBlock .concept-text {color: #005662; text-align: left; font-weight: bold; font-size: 14px;}
.videoBlock .videoBlockRight {text-align: right;}
.prod-info {background-color: #fff; color: #333;}
.prod-info h5 {font-size: 14px; height: 44px; overflow: hidden; line-height: 20px;}
.collapsible .collapsible-header.doubtQuestion {background-color: #fff; color: #333;}
.collapsible .collapsible-body.doubtAnswer {background-color: #fff; color: #333;}
.doubtQuestion p{margin: 0px; font-size: 13px; font-weight: bold; margin-left: 30px; margin-top: -5px; color: #ff8a65;}
.exVideo:hover {opacity: 0.9;}
.conceptList h6{color: #333; font-size: 16px;}
.conceptList ul{margin: 0px;}
.conceptList ul li{font-size: 14px;}
.conceptList ul li .innerBox{display: flex; justify-content: space-between;}
.conceptList ul li span{width: 80px; text-align: right; }
.conceptList ul li span i{margin-right: 4px;}
.examRightContent {display: block;}
.examRightLeft {border-right: solid 1px #ddd;  margin-top: 20px; padding: 10px;}
.viewBtn {display: none;}

.lecBotLink {text-align: center; cursor: pointer; }
.lecBotLink i {font-size: 24px;}

.lecBotLink:hover {color: #ff0000;}
.lecBotLink:hover p{color: #ff0000;}
.divider {height: 1px; background-color: #ddd;}




.gradBG {color: #fff; padding: 20px; background: linear-gradient(45deg, blue, red); display: flex; justify-content: center;}
.stuBlock img {width: 90px; height: 90px; padding: 4px; background-color: #f47e36;}
.stuBlock h5 {margin: 0px;}
.stuBlock p {margin: 0px; color: #ddd;}

/* .Main {background-color: #fff;} */
.gapBlackBox {display: none; z-index:99; position: fixed; background-color: #000; opacity: 0.5; top: 0px; width: 100%; height: 100vh;}
.menuBlackBox {display: none; z-index:3; position: fixed; background-color: #000; opacity: 0.5; top: 0px; width: 100%; height: 100vh;}
.videoBlackBox {display: none; z-index:13; position: fixed; background-color: #000; opacity: 0.5; top: 0px; width: 100%; height: 100vh;}
.videoPlayerBox {display: none;  z-index: 14;padding: 14px; position: fixed; top: 50%; left: 50%; margin-left: -360px; margin-top: -225px; background-color: #333; border-radius: 12px;}
.videoPlayerBox .playerInner {background-color: #fff; width: 720px; height: 405px;}
.videoPlayerBox .videoFrame {width: 720px;; height: 405px; display: none;}
.gapContentBox {display: none;  z-index: 100; padding: 14px; position: fixed; top: 50%; left: 50%; margin-left: -253px; margin-top: -260px; background-color: #333; border-radius: 12px;}
.gapContentBox .contentInner {background-color: #fff; width: 520px; height: 506px; padding-top: 20px;}




.branchBoxOver {padding: 0px;}
.branchBox {box-shadow: 0 .2rem 0.5rem rgba(0,0,0,.15)!important; display: inline-block; color: #333; padding: 6px 20px; margin: 10px; font-size: 14px; font-weight: 600; border-radius: 40px; background-color: #fff;
		-moz-transition: all .4s ease-out 0s;
		-ms-transition: all .4s ease-out 0s;
		-o-transition: all .4s ease-out 0s;
		transition: all .4s ease-out 0s
}
.branchBox:hover {background-color: #2d4cfe; color: #fff;}
.branchBox img {width: 24px; margin-right: 6px; }

.branchBox2 {display: block; padding: 12px 10px; margin: 15px 10px; font-size: 16px; font-weight: 600; border-radius: 40px; background-color: #fff;
		-moz-transition: all .4s ease-out 0s;
		-ms-transition: all .4s ease-out 0s;
		-o-transition: all .4s ease-out 0s;
		transition: all .4s ease-out 0s
}
.branchBox2:hover {background-color: #2d4cfe; color: #fff;}
.branchBox2 img {width: 24px; margin-right: 6px; }





/* Style the buttons inside the tab */



/* start exam page*/
.examBoxOver1 {display: flex; justify-content: center; }
.examBoxOver {max-width: 460px; width: 100%; padding-bottom: 20px; box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.15);}
.examTopBox {background: linear-gradient(45deg, blue, red); color: #fff; padding: 15px;}
.examTopBox img {padding: 6px; height: 80px; width: 80px; background-color: #fff; border-radius: 6px;}
.examTopBox h6 {margin: 0px; font-size: 18px; margin-top: 0px;}
.gapAnaBox h3{margin: 0px; color: #28166f; font-family: arial; font-weight: bold; font-size: 32px; margin-top: 15px;}
.gapAnaBox h5{font-size: 18px; margin: 0px; color: #777; margin-top: -5px;}
.gapAnaBox img {width: 140px;}
.exambottomBox .frName {font-size: 20px; font-weight: bold; color: #28166f; margin: 0px;}
.exambottomBox .chalText {font-size: 17px; margin: 8px;}
.exambottomBox .clSub {margin: 0px; font-size: 18px; color: #000; font-weight: bold;}
.exambottomBox .subTop {border: solid 1px #eee; font-weight: bold; background-color: #f7f7f7; margin: 15px 20px; padding: 10px; font-size: 20px; border-radius: 0px;}
.skillBoxOver {box-shadow: 0 .4rem 0.8rem rgba(0,0,0,.15)!important; padding: 16px; border-radius: 10px; margin-bottom: 20px; display: flex; border: solid 1px #eee; justify-content: start; align-items: start; padding; background-color: #fff;}
.skillBoxOver img {width: 200px; margin-right: 10px;}
.skillBoxOver .skillBox h6{margin: 0px; font-size: 18px; font-weight: bold; height: 42px; overflow: hidden; color: #000;}
.skillBoxOver .skillBox p{font-family: calibri; color: #333; margin: 0px; font-size: 15px; height: 38px; line-height: 18px; overflow: hidden;}
.skillBoxOver .skillBox div{margin-top: 10px;}
.skillBoxOver:hover .myButtonSmall{ background-color: #2b4eff; color: #fff;}

.skillBoxOver .skillBox2 h6{margin: 0px; font-size: 18px; font-weight: bold; color: #000;}
.skillBoxOver .skillBox2 p{font-family: calibri; color: #333; margin: 10px 0px; font-size: 15px; line-height: 18px;}
.skillBoxOver .skillBox2 div{margin-top: 10px;}

.SearchBig {border-radius: 6px; background-color: #e7e7e7; padding: 0px 10px; display: flex; justify-content: start; align-items: center; border: solid 1px #eee; width: 100%; height: 34px;}
.SearchBig input.rigghtSearchText {border: none; font-size: 13px; height: 40px; margin-top: 6px; margin-left: 10px;}
iframe.lecVideo {width: 100%; height: 400px;}
.lecVideoOver {margin: 0px; padding: 20px 10px;}

.closeBtn2 {cursor: pointer; position: absolute; text-align: center; right: 0px; height: 40px; width: 40px; line-height: 30px; color: #333; top: 0px; font-size: 30px;
	-moz-transition: all .4s ease-out 0s;
		-ms-transition: all .4s ease-out 0s;
		-o-transition: all .4s ease-out 0s;
		transition: all .4s ease-out 0s;
}

.footer-menu-Over {display: none;}
.notIcon span {margin-left: -8px; font-size: 10px; line-height: 12px; position: absolute; width: 12px; height: 12px; background-color: #ff0000; border-radius: 100px; text-align: center; color: #fff;}

.searchBarOver {display: none; background-color: #eee; color: #333; padding: 8px; font-weight: 600; border-bottom: solid 1px #ddd;}
.searchBar {margin: 0px;  background-color: #fff;  border-radius: 10px; padding: 0px; box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3);}
.searchBar input {margin: 0px; color: #333;  border: none; border-radius: 100px; padding: 0px 20px;}
.spacer {height: 20px;}
.spacer-small {height: 10px;}


.batchBG {color: #fff; text-align: center; padding: 24px 15px; border-radius: 10px 10px 0px 0px; background: linear-gradient(45deg, #5c1478, #44053c);}
.batchBG .batchBGHead {height: 58px; line-height: 32px; font-size: 22px;  font-weight: bold; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.batchBlock .subText {display: flex; justify-content: center; align-items: center; text-align: center; color: #000; font-weight: bold; background-color: #fbbd42; padding: 4px 10px;}
.batchBlock {display: block; background-color: #fff; color: #000; margin: 8px 0px; box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.15); border-radius: 10px;
  -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
}
.batchBlock:hover {box-shadow: 0 0 20px 0px rgba(43, 78, 255, 0.35); cursor: pointer;}
.batchBlock img {max-width: 640px; width: 100%;  border-radius: 10px 10px 0px 0px;}
.batchBlockContent {padding: 10px 20px; text-align: left; }
.batchBlockContent .courseName {display: block; font-size: 17px; font-weight: bold; height: 46px; overflow: hidden; line-height: 24px;
  -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
}
.batchBlockContent .courseName:hover {color: #2b4eff;}
.batchBlockContent .durationText {margin: 0px; font-size: 13px;}

.batchBlockContent .smText {margin: 0px; font-size: 13px; color: #777; height: 36px; line-height: 18px; overflow: hidden;}
.batchBlockContent .courseBottom {display: flex; justify-content: space-between; align-items: center; padding: 10px 0px;}
.batchBlock .courseBottom .price{color: #ff0000; font-size: 14px; font-weight: 600; margin: 0px;}

/* #Home {background-color: red;}
#News {background-color: green;}
#Contact {background-color: blue;}
#About {background-color: orange;} */

@media (max-width: 575px) {
  .detailVideo img {width: 100%; height: 240px;} 
  .detailVideo .overlayBox {line-height: 240px;}
  .dasLeftMenu {display: none; position: absolute; z-index: 15;} 
  .menuDisp {visibility: visible;}
  .tabText {visibility: hidden;}
  .sectionBlockOver {padding: 0px 10px; margin-top: 15px;}
  .circleDesignBox {display: inline-block; width: 64px; text-align: center; vertical-align: top;}
  .myButton1 {padding: 8px 14px; font-size: 13px; }
  .myButton2 {padding: 8px 14px; font-size: 13px; }
  .myButton3 {padding: 8px 14px; font-size: 13px; }
  .buttonOver {margin-top: 10px;}
  .examRightContent {display: none;}
  .examRightLeft {border-right: none; padding: 10px 0px;}
  .viewBtn {display: block;}
  .noteBox {display: block;}
  .mytab a {padding: 6px 15px; font-size: 13px; margin: 16px 4px;}
  .examBoxOver {box-shadow: none;}
  .skillBoxOver img {width: 100px; margin-right: 5px;}
  .right-top-over-Box {padding: 0px; margin-top: 0px;}
  .chalShare{font-size: 10px;}
  .sectionBlock {padding: 10px; border-radius: 12px;}
  .gapContentBox {margin-left: -165px; margin-top: -270px; background-color: #333; border-radius: 12px;}
  .gapContentBox .contentInner {width: 300px; height: 530px; padding-top: 20px;}
  .right-top-over { border-radius: 0px;}
  .enqBox {margin-left: -165px; margin-top: -193px;}
  .enqBox .contentInner {background-color: #fff; width: 300px; height: 286px;}
  .enqBox .contentInner2 {background-color: #fff; width: 300px; height: 246px;}
  .videoPlayerBox {margin-left: -160px; margin-top: -120px; padding: 6px;}
  .videoPlayerBox .playerInner {background-color: #fff; width: 320px; height: 180px; }
  .videoPlayerBox .videoFrame {width: 320px; height: 180px; display: none;}
  .playerInner .timingBox {padding-top: 30px;}
  iframe.lecVideo {width: 100%; height: 196px;}
  .lecVideoOver {padding: 10px 0px;}
  .classBottom h5{font-size: 16px; line-height: 24px;}
  .footer-menu-Over {display: block;}
  .branchBox {padding: 2px 10px; margin: 6px 3px;}
   .batchBG {padding: 20px 10px;}
  .batchBG .batchBGHead {height: auto; line-height: 26px; font-size: 20px; overflow: hidden; display: flex; justify-content: center; align-items: start;}
}

@media (max-width:  768px) {
  .detailVideo img {width: 100%; height: 240px;} 
  .detailVideo .overlayBox {line-height: 240px;}
  .dasLeftMenu {display: none; position: absolute; z-index: 15;} 
  .menuDisp {visibility: visible;}
  .tabText {visibility: hidden;}  
  .sectionBlockOver {padding: 0px 10px; margin-top: 15px;}
  .circleDesignBox {display: inline-block; width: 64px; text-align: center; vertical-align: top;}
  .myButton1 {padding: 8px 14px; font-size: 13px; }
  .myButton2 {padding: 8px 14px; font-size: 13px; }
  .myButton3 {padding: 8px 14px; font-size: 13px; }
  .buttonOver {margin-top: 10px;}
  .examRightContent {display: none;}
  .examRightLeft {border-right: none; padding: 10px 0px;}
  .viewBtn {display: block;}
  .noteBox {display: block;}
  .mytab a {padding: 2px 12px; font-size: 13px; margin: 4px 2px;}
  .examBoxOver {box-shadow: none;}
  .skillBoxOver img {width: 100px; margin-right: 5px;}
  .right-top-over-Box {padding: 0px; margin-top: 0px;}
.chalShare{font-size: 10px;}
.sectionBlock {padding: 10px; border-radius: 12px;}
.right-top-over { border-radius: 0px;}
.enqBox {margin-left: -165px; margin-top: -193px;}
  .enqBox .contentInner {background-color: #fff; width: 300px; height: 286px; }
  .enqBox .contentInner2 {background-color: #fff; width: 300px; height: 246px;}
  .videoPlayerBox {margin-left: -160px; margin-top: -120px; padding: 6px;}
  .videoPlayerBox .playerInner {background-color: #fff; width: 320px; height: 180px; }
  .videoPlayerBox .videoFrame {width: 320px; height: 180px; display: none;}
   .playerInner .timingBox {padding-top: 30px;}
  iframe.lecVideo {width: 100%; height: 196px;}
  .lecVideoOver {padding: 10px 0px;}
  .classBottom h5{font-size: 16px; line-height: 24px;}
  .footer-menu-Over {display: block;}
   .batchBG {padding: 20px 10px;}
  .batchBG .batchBGHead {height: auto; line-height: 26px; font-size: 20px; overflow: hidden; display: flex; justify-content: center; align-items: start;}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .dasLeftMenu {display: none;}
}