@font-face {
  font-family: 'FontBold';
  src: url('../font/TBCContractica-Black.ttf');
}
@font-face {
  font-family: 'FontSemiBold';
  src: url('../font/TBCContractica-Bold.ttf');
}
@font-face {
  font-family: 'FontMedium';
  src: url('../font/TBCContractica-Medium.ttf');

}
@font-face {
  font-family: 'FontRegular';
  src: url('../font/TBCContractica-Regular.ttf');
}
body {
  background-color: #1B2127;
  /*background-color: red;*/
  color: #1B2127;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: 'FontRegular';
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#audioCorporate {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.fog {
  background-color: #1B2127;
  border-radius: 0 0 12px 12px;
}
.cubeBox {
  position: absolute;
  right: 0;
  top: 35%;
  transform: translate(0px, -35%);
}
.thirdBoxW {
  width: 66rem;
  overflow-x: scroll;
  margin: auto 0;
}

.thirdSectionW {
  width: max-content;
}
.cubeBox2 {
  position: absolute;
  top: 35%;
  left: 0;
  transform: translate(0, -35%);
}
.noarrow {
  color: transparent!important;
  position: relative;
}
.pxMod {
  padding: 0 86px;
}
.pxModX {
  padding: 0 86px;
}
.pxMod2 {
  padding: 85px 86px 0;
}
.pxMod3 {
  padding: 2px 86px;
}
p {
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
h1 {
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
span {
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
.CartBox {
  padding: 2rem 0 0;
  background: white;
  border-radius: 12px;
  position: relative;
  justify-content: center;
  display: flex;
  position: absolute;
  left: 50%;
  top: 0%;
  transform: translate(-50%, 0%);
  overflow-y: auto;
}
.qbg {
  min-height: 50rem;
  height: 100%;
  display: grid;
  position: relative;
  background: white;
}
.Quiz {
  min-height: 640px;
  justify-content: center;
  display: flex;
  width: 360px;
}
.quizBtn {
  position: absolute;
  bottom: 14px;
  width: 90%;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 32px;
  background-color: #007B84;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  color: #ffffff;
  padding: 10px 24px;
}
.quizBtnAnswers {
  position: absolute;
  top: 14px;
  width: 90%;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 8px;
  background-color: #007B84;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  color: #ffffff;
  padding: 10px 24px;
  z-index: 2;
}
.quizBtnAnswers:hover {
  color: #ffffff;
  background-color: #007B84;
}
.FlashBtn {
  position: absolute;
  bottom: 14px;
  width: 90%;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 32px;
  background-color: #007B84;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  color: #ffffff;
  padding: 10px 24px;
  z-index: 2;
}
#FlashAct2 {
  display: none;

}
.flashAbsolute {
  position: absolute;
  left: 0;
  height: 19rem;
}
.flashHid {
  height: 14rem;
  overflow-y: auto;
}
.flashForm {
  margin: 0 0.5rem 0 0.5rem;
}
.flashCatBox {
  height: 19rem;
  overflow-x: hidden;
  overflow-y: auto;
  margin-bottom: 3rem;
}
.flashBody {
  overflow-y: auto;
}
.flashCardEl {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #1B2127;
  text-align: center;
}

/*card rotate animation*/



.cardR {
  perspective: 150rem;
  position: relative;
  min-height: 200px;
  box-shadow: none;
  background: none;
  cursor: pointer;
}

.card-side {
  min-height: 200px;
  border-radius: 15px;
  transition: all 0.8s ease;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 2rem;
  color: white;
  overflow-y: auto;
  max-height: 24.8rem;
}
.front {
  display : flex;
  align-items : center;
}
.back {
  display : flex;
  align-items : center;
}
.alignFlash {
  text-align: center;
  width: 100%;
}
.flashCardList {
  padding: 1rem 0.5rem;
  color: #007B84;
  font-weight: 500;
  font-size: 14;
  line-height: 20px;
  display: none;
}
.activateSubText {
  display: block;
}
.card-side.back {
  transform: rotateY(-180deg);
  background-color: #007B84;
}
.card-side.front {
  background-color: #007B84;
}
.flashWall {
  height: 32rem;
  overflow-y: auto;
}
/*
.cardR:hover .card-side.front {
  transform: rotateY(180deg);
}

.cardR:hover .card-side.back {
  transform: rotateY(0deg);
}
*/
.activateText .card-side.front{
    transform: rotateY(180deg);
}
  
.activateText .card-side.back {
    transform: rotateY(0deg);
}


/* card rotate animation end */





.accordionAnsName{
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #1B2127;
  position: relative;
  width: 100%;
}
.accordSubAnstext {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #1B2127;
}
.plusAns {
  width: 1rem;
  position: absolute;
  right: 0;
  top: 35%;
}
.accordionAnsName .plusAns {
  transform: rotate(136deg);
  transition: 0.6s;
}
.accordionAnsName.collapsed .plusAns {
  transform: rotate(0deg);
  transition: 0.6s;
}
.answerAccordion {
  padding-top: 3rem;
  height: 34rem;
  overflow-y: auto;
  overflow-x: hidden;
}
.QuizInner {
  padding: 1.5rem;
  border-radius: 24px;
  border-color: black;
}
#quizAct2 {
  display: none;
}
.quizEndBtn1 {
  width: 90%;
  border-radius: 32px;
  background-color: #007B84;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  color: #ffffff;
  padding: 10px 24px;
}
.flashBgAtive {
  background-color: #007B84;
}
.quizEndBtn2 {
  width: 90%;
  border-radius: 32px;
  background-color: #ffffff;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  color: #007B84;
  border-style: solid;
  border-width: thin;
  border-color: #007B84;
  padding: 10px 24px;
}
.questionText {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #007B84;
  font-family: "FontSemiBold";
}
.topicName2 {
  color: #1B2127;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  width: 80%;
}
.outOf {
  position: absolute;
  top: 17px;
  right: 16px;
  font-size: 16px;
  color: #EBB30F;
  font-weight: 700;
  line-height: 24px;
}
.dualCard {
  height: 100%;
  border-radius: 8px;
  border-color: black;
}
/*flashcard*/
.quizHead {
  font-weight: 700;
  font-size: 20px;
  line-height: 56px;
  color: #1B2127;
  text-align: center;
}
.flashCardElips {
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
/*flashcard*/
.topicName {
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #1B2127;
}
.topicText {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #1B2127;
  min-width: 16rem;
}
.resBox {
  min-width: 20rem;
}
.quizEndHead {
  font-weight: 700;
  font-size: 32px;
  line-height: 56px;
  color: #1B2127;
  text-align: center;
}
.quizEndBox {
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 100%;
  text-align: center;
}
.topicEndName {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #1B2127;
  text-align: center;
}
.endSpan {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #1B2127;
}
.endAnswer {
  color: #007B84;
}
.endQuizPt {
  padding-top: 8rem;
}
.fImg {
  width: 100%;
  height: 100%;
  max-height: 28rem;
  object-fit: cover;
}
a{
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
button {
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
.blockSideWall {
  width: 22rem;
  /*test absolute */
  /*position: absolute;*/
}
.sticky{
  position: fixed;
  width: 22rem;
  /*test top 6*/
  /*top: 6rem;*/
}
.sticky3{
  position: fixed;
  width: 26rem;
}
.sticky2 {
  position: absolute;
  bottom: 0;
  /*test top auto*/
  /*top: auto;*/
}
.strVid {
  width: -webkit-fill-available;
}
.w3-dropdown-content {
  display: none;
}
.w3-show {
  display: block;
}
.blockImg {
  width: 100%;
  height: 34rem;
  object-fit: cover;
  border-radius: 12px;
}
.blockImg2 {
  width: 100%;
  height: 30rem;
  object-fit: cover;
  border-radius: 12px;
}
.res {
  display: none;
}

.flag {
  height: 44px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 1px);
}
.flag2 {
  height: 44px;
}
.navBtn {
  background: black;
  color: white!important;
  padding: 10px 24px!important;
  border-radius: 32px;
  cursor: pointer;
  font-family: "FontSemiBold"!important;
  line-height: 24px;
  font-size: 14px;
  font-weight: 700;
}
.navbar {
  padding: 10px 48px 10px;
  border-radius: 12px 12px 16px 16px;
  background-color: #ffff;
  z-index: 111111;
  width: 100%;
}
.DescNav {
  border-style: solid;
  border-width: 2px 0;
  border-color: #1B2127;
}
.nav-link {
  font-weight: 500;
  color: #1B2127;
  font-size: 14px;
  border-style: solid;
  border-width: thin;
  border-color: transparent;
  font-family: 'FontMedium';
}
.nav-link:hover {
  color: #1B2127;
}
.nav-item {
  padding: 0 0.5rem;
}
.secondStageNav .nav-item {
  padding: 0 0.3rem;
}
.navbar-brand {
  color: #1B2127;
}
.sectionOne {
  border-radius: 12px;
  margin: 0;
  padding-top: 86px;
}

.sideBarCard {
  background-color: transparent;
}
.sideBarInnerCard {
  background-color: transparent!important;
}
.bgW {
  background-color: #ffff;
  border-radius: 12px;
}
.firstInnerDiv {
  padding: 3.5rem 55px;
  text-align: left;
  cursor: pointer;
}
.firstH1 {
  padding-right: 14%;
  font-size: 56px;
  font-weight: 900;
  line-height: 60px;
  font-family: 'FontBold';
}
.firstP {
  line-height: 24px;
  font-weight: 400;
  padding-top: 1.5rem;
}
.TestEnglish {
  border-radius: 32px;
  background-color: #1B2127;
  color: #ffff;
  padding: 12px 24px;
  font-size: 14px;
  line-height:24px;
  font-weight: 700;
  font-family: 'FontSemiBold';
}
.TestEnglish:hover {
  color: #ffff;
}
.indexVideo {
  height: 26rem!important;
}
.firstBtnBox {
  padding-top: 6rem;
}
.testX {
  min-height: 40rem;
}
.colored {
  background-color: #1B2127 ;
}
.radiusBox {
  border-radius: 12px;
}
.rP {
  padding: 0 0 0 2px;
}
.arrow {
  width: 21px!important;
  object-fit: contain;
  height: auto!important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.arrowBtn {
  background: black;
  border-radius: 50px;
  padding: 23px 22px;
  position: relative;
}
.video {
  width: 100%;
  height:100%;
  height: 28rem;
  object-fit: cover;
}
.pmod {
  overflow: hidden;
  padding: 0;
}
.subText {
  background-color: #000;
  color: #ffff;
  text-align: center;
  border-radius: 12px;
}
.subTextBg1 {
  background-color: #007B84;
  border-radius: 12px 0 0 12px;
  height: 9rem;
  position: relative;
}
.subTextBg2 {
  background-color: #007B84;
  height: 9rem;
  position: relative;
}
.subTextBg3 {
  background-color: #007B84;
  border-radius: 0 12px 12px 0;
  height: 9rem;
  position: relative;
}
.alignIndex {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.pm {
  padding: 0 0 0 15px;
}
.pm2 {
  padding: 0 15px 0 0;
}
.pm3 {
  padding: 0;
}
.headSpan {
  font-size: 40px;
  font-weight: 700;
  line-height: 56px;
}
.stat {
  font-weight: 100;
  font-family: "FontMedium";
}
.video_container {
  position: relative;
}
#play_button {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#play_buttonCorporate {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#play_buttonCorporateTest {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#play_buttonCorporateIns {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#play_button4 {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#play_button5{
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#play_button6 {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#play_buttonM1 {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#play_buttonCourse1 {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#play_buttonCourse2 {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#play_buttonCourse3 {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#play_buttonCourse4 {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#play_buttonCourse5 {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#play_buttonCourse6 {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.streamSpanBox {
  position: absolute;
  left: 2%;
  top: 3%;
  z-index: 1;
}
.registerSideH1 {
  font-weight: 700;
  font-size: 18px;
  line-height: 32px;
  color: #1B2127;
  font-family: 'FontSemiBold';
}
.registerSideP {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #1B2127;
}
.registerBtn1 {
  padding: 10px 24px;
  background-color: #007B84;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #FFFFFF;
  width: 100%;
  border-radius: 32px;
  margin-bottom: 1rem;
  font-family: 'FontSemiBold';
}
.registerBtn2 {
  padding: 10px 24px;
  background-color: #1B2127;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #FFFFFF;
  width: 100%;
  border-radius: 32px;
  margin-bottom: 2rem;
  font-family: 'FontSemiBold';
}
.registerBtn2:hover {
  color: rgb(255 255 255 / 77%);
}
.registerSideP2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #1B2127;
}
.registerBtn3 {
  padding: 10px 24px;
  border-radius: 32px;
  background-color: #ffffff;
  color: #1B2127;
  border-style: solid;
  border-width: thin;
  border-color: #1B2127;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  width: 100%;
  display: block;
  text-align: center;
  font-family: 'FontSemiBold';
}
.regBlock1 {
  border-bottom-style: solid;
  border-bottom-width: thin;
  border-bottom-color: #212529;
}
.regBlock2 {
  padding-top: 1rem;
}
.playBtn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 0.8;
}
.playBtnTest {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 0.8;
}
.play_button > .playBtn{
  visibility: hidden;
  transition: 0.6s;
  opacity: 0;
}

.play_button:hover > .playBtn {
  visibility: visible;
  transition: 0.6s;
  opacity: 0.8;
}
.playBtnTest > .playBtn{
  visibility: hidden;
  transition: 0.6s;
  opacity: 0;
}

.playBtnTest:hover > .playBtn {
  visibility: visible;
  transition: 0.6s;
  opacity: 0.8;
}
.bgImg {
  object-fit: cover;
}
.sectionTwo {
  border-radius: 12px;
  margin: 2px 0;
}
/*swiper*/
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%)
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/************/
.secondBox {
  background-color: #ffff;
  border-radius: 12px;
  padding: 2rem 4rem;
}
.secondBox2 {
  background-color: #ffff;
  border-radius: 12px;
  padding: 0rem 0rem 0rem;
}
.teachers {
  padding: 1rem 0;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  font-family: 'FontSemiBold';
}
.rxBox {
  margin: 0 86px;
}
.teach {
  display: none;
  padding: 0 1rem;
}
.teach2 {
  display: none;
  padding: 0 1rem;
}
.flexText {
  display: inline-flex;
}
.teacherFlag {
  width: 1.4rem!important;
  height: fit-content!important;
  margin-right: 0.3rem!important;
  padding-top: 0.2rem;
}

.teacherName {
  font-size: 21px;
  line-height: 32px;
  font-weight: 500;
  padding-bottom: 1rem;
}

.slideCard {
  cursor: pointer;
}
/*
.slideCard2 {
  cursor: pointer;
  width: 35rem;
}
*/
.brM {
  border-radius: 8px;
}
.viewAll {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  border-style: solid;
  border-width: thin;
  border-color: black;
  border-radius: 50px;
  padding: 12px 32px;
  display: inline-block;
  cursor: pointer;
  font-family: 'FontSemiBold';
}
#next {
  display: none;
}
#prev {
  display: none;
}
#prevVid2 {
  display: none;
}
#nextVid2 {
  display: none;
}
#prevVid3 {
  display: none;
}
#nextVid3 {
  display: none;
}
#nextB {
  display: none;
}
#prevB {
  display: none;
}
#nextC {
  display: none;
}
#prevC {
  display: none;
}
#nextE {
  display: none;
}
#prevE {
  display: none;
}
#nextV {
  display: none;
}
#prevV {
  display: none;
}
#nextCorporate {
  display: none;
}
#prevCorporate {
  display: none;
}
.cartImg {
  background-color: #EBB30F;
  transition: 0.6s;
}
.cartImg:hover {
  background-color: #B61D22;
  transition: 0.6s;
}
.cartImg2 {
  object-fit: contain!important;
  height: 22rem!important;
  background-color: #ECECEC;
  border-radius: 8px;
}
.cartTeacherImg {
  background-color: #F2F2F2;
  transition: 0.6s;
  border-radius: 8px;
}
.cartTeacherImg:hover {
  background-color: #EBB30F;
  transition: 0.6s;
}
.activateTeach {
  background-color: #EBB30F;
}
.activateTeach2 {
  background-color: #B61D22;
}
.TeachersCard {
  cursor: pointer;
}
.teacherCardName {
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  color: #1B2127;
  font-family: 'FontMedium';
  padding-top: 3px;
}
.teacherH1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  color: #1B2127;
  padding: 0 0 2rem 0;
  font-family: "FontSemiBold";
}
.sectionThree {
  border-radius: 12px;
  margin: 2px 0;
}
.mainSection {
  background-color: #ffffff;
  padding: 3rem;
  border-radius: 12px;
  margin: 0 86px;
}
.mainSection2 {
  background-color: #ffffff;
  padding: 3rem;
  border-radius: 12px;
  position: relative;
}
.mainSection3 {
  background-color: #ffffff;
  padding: 3rem;
  border-radius: 12px;
  min-height: 24rem;
}
.mainSection4 {
  background-color: #ffffff;
  padding: 3rem;
  border-radius: 12px;
}
.mainSection5 {
  background-color: #ffffff;
  padding: 3rem 31rem;
  border-radius: 12px;
  min-height: 24rem;
  margin: 0 86px;
}
.mainSectionInst {
  background-color: #ffffff;
  padding: 3rem 8rem;
  border-radius: 12px;
  min-height: 24rem;
  margin: 0 86px;
}
.mainSectionTest {
  background-color: #ffffff;
  padding: 3rem 9rem;
  border-radius: 12px;
  margin: 0 2px;
  margin: 0 86px;
}
.SectionLift {
  padding: 5rem 0;
}
.SectionLift2 {
  padding-top: 86px;
}
.SectionLift2M {
  padding-top: 78px;
}
.SectionLiftP {
  padding-top: 78px;
}
.SectionLift3 {
  padding-top: 223px;
}
.SectionLift3X {
  padding-top: 212px;
}
.FaqSection {
  padding: 0 86px;
}

.crd1 {
  background-color: #007B84;
  padding: 1.4rem;
  border-radius: 19px 10px 10px 10px;
  width: 100%;
  margin-bottom: 10px;
  min-height: 30rem;
}
.crd2 {
  background-color: #B61D22;
  padding: 1.4rem;
  border-radius: 10px 10px 10px 10px;
  width: 100%;
  margin-bottom: 10px;
  min-height: 30rem;
}
.cardStatus2 {
  padding: 3.6rem 0px 0px;
}
.crdImg2 {
  width: 19rem;
}
.pmC1 {
  padding: 5px;
}

.indexCardBox {
  position: absolute;
  bottom: 29px;
}
.crd3 {
  background-color: #007B84;
  padding: 1.4rem;
  border-radius: 10px 19px 10px 10px;
  width: 100%;
  margin-bottom: 2rem;
  min-height: 30rem;
}
.crd4 {
  background-color: #EBB30F;
  padding: 1.4rem;
  border-radius: 10px 10px 10px 19px;
  width: 100%;
  margin-bottom: 2rem;
  min-height: 30rem;
}
.crdImg4{
  width: 7rem;
}
.crd5 {
  background-color: #EBB30F;
  padding: 1.4rem;
  border-radius: 10px 10px 10px 10px;
  width: 100%;
  margin-bottom: 2rem;
  min-height: 30rem;
}
.crdImg5{
  width: 7rem;
}
.crd6 {
  background-color: #1B2127D9;
  padding: 1.4rem;
  border-radius: 10px 10px 19px 10px;
  width: 100%;
  margin-bottom: 2rem;
  min-height: 30rem;
}
.crdImg6{
  width: 13rem;
}
.crb {
  padding: 1.25rem 0;
  color: #ffff;
}
.crb .card-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 36px;
  font-family: 'FontMedium';
}
.crb .card-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.cardArrowBtn {
  background-color: #ffff;
  color: #1B2127;
  border-radius: 50px;
  padding: 16px 24px;
  position: relative;
}
.learnMore {
  border-radius: 32px;
  background-color: #ffff;
  color: #1B2127;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'FontMedium';
}
.learnMore:hover {
  color: #1B2127;
}
.thirdBox {
  background-color: white;
  border-radius: 12px;
  padding: 4rem 3rem;
}
.cardStatus {
  padding: 7rem 0 0;
}
.online {
  padding: 8px 12px;
  border-radius: 6px;
  background-color: #FFFFFF33;
  color: #ffff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.faceToFace {
  padding: 8px 12px;
  border-radius: 6px;
  background-color: #FFFFFF33;
  color: #ffff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.carDP {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #1B2127;
  opacity: 50%;
}
.carDH1 {
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  color: #1B2127;
  font-family: 'FontSemiBold';
}
.sectionFour {
  border-radius: 12px;
  margin: 2px 0;
}
.fourthImg {
  /*
  padding: 1rem 2rem 1rem 1rem;
  width: 5.5rem;
  */
  padding: 1rem 0.7rem 1rem 0.7rem;
  width: 5.5rem;
}
.fourthImg2 {
  padding: 1rem 2rem 1rem 0rem;
  width: 5.5rem;
}
.fourthBox {
  background-color: #ffff;
  border-radius: 12px;
  padding: 3rem;
}
.fourthH1 {
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  color: #1B2127;
  padding-bottom: 2rem;
  margin-bottom: 0;
  font-family: 'FontSemiBold';
}
.fourthP {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #1B2127;
  margin-bottom: 0;
  padding-bottom: 2rem;
}

.fourthBtn {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  color: #FFFFFF;
  background-color: #1B2127;
  padding: 12px 24px;
  border-radius: 32px;
  font-family: 'FontSemiBold';
}
.fourthBtn:hover {
  color: #FFFFFF;
}
.iconBox {
  padding: 2rem 0 0 0;
}
.sectionFive {
  border-radius: 12px;
  margin: 2px 0;
}
.fifthBox {
  background-color: #ffff;
  border-radius: 12px;
}
.mySwiper2 {
  height: 20rem;
  padding: 0 1rem;
}
.swiperPaddings {
  padding: 2rem 15px 3rem;
}
.slide2Arrow {
  width: 1.5rem!important;
  height: auto!important;
  object-fit: contain!important;
  display: inline-block!important;
}
.slideButton {
  padding: 12px 16px;
  border-radius: 32px;
  background-color: #1B21270F;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #1B2127;
  font-family: 'FontSemiBold';
}
.slideButton:hover {
  color: #1B2127;
}
.slideBtnBox {
  padding-top: 1rem;
}
.intro {
  font-weight: 700;
  font-size: 18px;
  line-height: 32px;
  color: #1B2127;
  margin-bottom: 0;
  font-family: 'FontSemiBold';
}
.eventText {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #1B2127;
}
.dateSpan {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: 'FontSemiBold';
}
.hourSpan {
  font-weight: 700;
  font-size: 28px;
  line-height: 40px;
  margin-bottom: 0;
  font-family: 'FontSemiBold';
}
.slideDate {
  color: #1B2127;
}
.slideDate.active{
  color: #007B84;
}
.slideInfo {
  border-left-style: solid;
  border-left-width: thin;
  border-color: #E6E6E6;
}
.swiper2Slide{
  border-color:#E6E6E6!important;
  border-style: solid;
  border-width: thin;
}
.verticalH1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  color: #1B2127;
  padding: 2rem 1rem 1rem;
  font-family: 'FontSemiBold';
}
.verticalButtonsBox {
  padding: 2rem 0 0;
}
.spW {
  width: 22rem;
}
.pmk {
  padding: 0 5px 10px;
}
.xm2 {
  background-color: #007B84;
  border-radius: 12px;
  margin-left: -13px;
  color: #FFFFFF;
  padding: 2rem 3rem;
  position: relative;
  overflow: hidden;
  height: 100%;
}
.xm1 {
  background-color: #ffff;
  border-radius: 12px;
}
.xm3 {
  background-color: #000;
}
.bookH1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  font-family: 'FontSemiBold';
}
.bookP {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding-top: 3rem;
}
.questions {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  font-family: 'FontMedium';
}
.fpBox .questions {
  color: #ffffff;
} 
.bookBtn {
  color: #1B2127;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  padding: 12px 24px;
  border-radius: 32px;
  background-color: #FFFFFF;
  margin-top: 5.4rem;
  font-family: "FontSemiBold";
}
.mySwiperIndex {
  max-height: 35rem;
}
.isx {
  width: 16rem;
  position: absolute;
  right: -39%;
  bottom: -38%;
}
.f1 {
  position: absolute;
  right: 8%;
  top: 2%;
  width: 11rem;
}
.sectionSix {
  border-radius: 12px;
  margin: 2px 0;
}
.sixthBox {
  background-color: #ffff;
  border-radius: 12px;
}
.sixthH1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  color: #1B2127;
  font-family: 'FontSemiBold';
}
.sixthH2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  color: #1B2127;
  font-family: 'FontSemiBold';
}
.sixthP {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #1B2127;
  padding-right: 19rem;
}
.sixthBtn {
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #1B2127;
  padding: 12px 24px;
  border-radius: 32px;
  border-style: solid;
  border-width: thin;
  border-color: #1B2127;
  font-family: 'FontSemiBold';
}
.sixthBlock {
  padding: 2rem;
}
.blockSideWall2 {
  display: none;
}
.blockSideWall3 {
  display: none;
}
.om1 {
  display: none;
}
.accordion {
  padding: 2rem;
}
.accordionCard {
  border-style: none none solid none;
  border-width: thin;
  border-color: #E6E6E6;
}
.accordionHead {
  background-color: #ffff;
  border-bottom-style: solid!important;
  border-bottom-width: medium;
  border-color: #c0c0c052;
}
.accordionHeadX {
  background-color: #ffff;
  border-bottom-style: solid!important;
  border-bottom-width: thin;
  border-color: #c0c0c052;
  margin-bottom: 1px!important;
}
.noDecor {
  border-color: transparent!important;
}
.accordionAnsHead {
  background-color: #ffff;
  border-bottom-style: solid!important;
  border-bottom-width: thin;
  border-color: #c0c0c052;
}
.plus {
  width: 1.4rem;
  position: absolute;
  right: 0;
  top: 25%;
}
.accordionName {
  font-weight: 700;
  font-size: 18px;
  line-height: 32px;
  color: #1B2127;
  position: relative;
  font-family: 'FontSemiBold';
}
.accordionName .plus {
  transform: rotate(136deg);
  transition: 0.6s;
}
.accordionName.collapsed .plus {
  transform: rotate(0deg);
  transition: 0.6s;
}
.accordSubtext {
  color: #1B2127;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
footer {
  border-radius: 12px;
  padding: 0 86px;
  margin-top: 2px;
}
.footerBox {
  background-color: #ffff;
  border-radius: 12px;
}
.SendBox {
  padding: 3rem 15rem 3rem 2rem;
}
.innerSendBox {
  background-color: #1B2127;
  color: #ffff;
  padding: 2rem;
  padding: 48px 48px 32px 48px;
  border-radius: 12px;
}
.footerlinkBox {
  display: grid;
}
.footerSection {
  font-weight: 700;
  font-size: 18px;
  line-height: 32px;
  color: #1B2127;
  font-family: "FontMedium";
}
.footerLinks {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #1B2127;
  font-family: "FontMedium";
  opacity: 60%;
}
.footerLinks:hover {
  color: #1B2127;
}
.footerSectionBox {
  padding: 3rem 15px;
}
.footerInput {
  background-color: #1B2127;
  color: #ffff!important;
  margin-right: 1rem;
  border-radius: 12px!important;
  height: 3rem;
  padding-left: 3rem;
}
.footerInput:focus {
  background-color: #1B2127;
}
.footerInput::placeholder {
  color: #ffff;
}
.confirmBtn {
  background-color: #ffff;
  color: #1B2127;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  padding: 12px 24px;
  border-radius: 6px!important;
}
.footerForm {
  position: relative;
}
.mail {
  width: 1.1rem;
  position: absolute;
  z-index: 11;
  top: 1.1rem;
  left: 1.2rem;
}
.subFooterBox{
  text-align: center;
  padding: 0 1.1rem 2.5rem;
}
.subLink {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #1B2127;
  padding: 0 0.5rem;
  font-family: 'FontMedium';
  text-decoration: underline;

}
.subLink:hover {
  color: #1B2127;
}
.subCon {
  width: 3rem;
}
a:hover {
  text-decoration: none;
}
.teacherInfo {
  position: fixed;
  z-index: 4;
  width: calc(100% - 84px);
  overflow: hidden;
  left: 0;
  top: 10px;
  height: 100%;
  margin-top: 1px;
  padding-top: 4.7rem;
  visibility: hidden;
}
.teachX {
  padding-top: 9.2rem;
  transition: 0.6s;
}
.teacherBox {
  height: 100%;
  width: 25%;
  background: #ffff;
  position: absolute;
  right: 0;
  border-radius: 12px;
  padding: 48px;
  color: #1B2127;
  transform: translate(100%, 0px);
  transition: 1s;
}
.closeSection {
  background: #0000003d;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.6s;
}
.TeacherName {
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  color: #282728;
  font-family: 'FontMedium';
}
.TeacherVideoName {
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  color: #282728;
  font-family: 'FontMedium';
}
.TeacherSideName {
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  color: #282728;
  font-family: 'FontSemiBold';
}
.teacherDesc {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  height: 80%;
  overflow-y: auto;
  padding: 1rem 1rem 1rem 0;
}
/*scrollBar*/
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: grey; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: grey; 
}
/*******/
/**mobile nav**/

.overlay {
  height: 100%;
  transition: 1s;
  width: 0%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-y: hidden;
  transition: 0.1s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  opacity: 0;
}

.overlay a {
  padding: 8px 0;
  text-decoration: none;
  text-align: left;
  font-size: 16px;
  color: #ffffff;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}
#myNav {
  z-index: 11111111;
}
.openMobNav {
  font-size: 1.5rem;
  padding-top: 3px;
}
.mobLang img {
  width: 1.5rem;
}
.dropMob {
  min-width: fit-content!important;
}
.navbar-nav .dropdown-menu.dropMob {
  position: absolute!important;
  left: -3px;
  top: 4.4rem;
}
.MobNav {
  display: none;
  padding: 18px 32px;
  position: relative;
  /*width: calc(100% - 5px);
  margin: 0 2px;
  */
}
.mobFog {
  position: fixed;
  display: block;
  z-index: 5;
  border-radius: 0 0 16px 16px;
  background-color: #1B2127;
  border-style: solid;
  border-width: thin;
  border-color: #1B2127;
}
.closebtn {
  transform: rotate(90deg);
  opacity: 0;
  transition: 6s;
}
.mobileBox {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  display: -webkit-inline-box;
}
.arrPdng2 {
  display: none;
}
.closeSideBar {
  padding: 0.5rem 1rem;
  z-index: 1111111111;
  position: relative;
}
.teachersFlag {
  padding: 0.5rem 0.5rem 0 0;
}
.tBox {
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  color: #1B2127;
  font-family: "FontSemiBold";
}
.tBoxP {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #1B2127;
}
.tBtn {
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #FFFFFF;
  background-color: #1B2127;
  padding: 10px 24px;
  width: 100%;
  border-radius: 32px;
  transition: 0.6s;
  font-family: "FontSemiBold";
}
.tBtn:hover {
  color: #ffffffc2;
  background-color: #1B2127;
  transition: 0.6s;
}
.teachersSideBox {
  border-style: solid;
  border-width: thin;
  border-color: #1B2127;
  padding: 24px;
  border-radius: 12px;
}
.blockSideBox {
  border-style: solid;
  border-width: thin;
  border-color: #1B2127;
  border-radius: 12px;
  padding: 0;
  height: 34rem;
  position: relative;
  padding: 1rem;
}
.blockSideBox2 {
  border-style: solid;
  border-width: thin;
  border-color: #1B2127;
  border-radius: 12px;
  padding: 0;
  height: 28rem;
  display: block;
  padding: 2rem;
}
.blockSideBox3 {
  border-style: solid;
  border-width: thin;
  border-color: #1B2127;
  border-radius: 12px;
  padding: 0;
  position: relative;
  padding: 2rem;
}
.corporateic1 {
  width: 1.5rem;
}
.corporateHr {
  border-top: 2px solid #1B2127;
  margin-top: 1.5rem;
}
.blockTextH1 {
  color: #1B2127;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 0;
  font-family: 'FontSemiBold';
}
.blockTextP {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #1B2127;
}
.tMod {
  padding: 0 0 0 12rem;
}
.tMod2 {
  padding: 0 0 0 12rem;
}
.secondStageNav {
  background-color: #1B2127;
  margin-top: 0.7rem;
  margin-top: 0;
  border-radius: 0;
  z-index: 111;
  position: fixed;
  top: 86px;
  padding: 15px 48px 15px;
  margin: 0 2px;
  margin: 0 86px;
  border-radius: 12px;
  width: calc(100% - 172px);
}
.secondStageNav .nav-link{
  color: #FFFFFF;
  border-style: solid;
  border-width: thin;
  border-color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  padding: 8px 16px;
  border-radius: 24px;
  font-family: 'FontMedium';
}
.secondStageNav .nav-link.activated{
  color: #1B2127;
  background-color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  border-style: solid;
  border-width: thin;
  border-color: transparent;
  font-family: 'FontMedium';
}
.thirdStageNav {
  background-color: #ffffff;
  margin: 0 86px;
  border-radius: 0;
  z-index: 110;
  position: fixed;
  top: 158px;
  border-radius: 12px;
  transition: 1.2s;
  border-radius: 12px;
  width: calc(100% - 171px);
  border-style: solid;
  border-width: thin;
  border-color: #000;
}

.thirdStageNav .nav-link{
  color: #1B2127;
  background-color: #ffffff;
  border-style: solid;
  border-width: thin;
  border-color: #007B84;
  color: #1B2127;
  border-radius: 24px;
  padding: 8px 16px;
  text-align: center;
  min-width: 9rem;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}
.thirdStageNav .nav-link.activated {
  color: #ffffff;
  background-color: #007B84;
  border-style: solid;
  border-width: thin;
  border-color: #007B84;
}
.thirdStageNav .nav-item {
  padding: 0 0.3rem;
}
.triangle-up {
	width: 0;
	height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid #1B2127;
}
.triangle-up2 {
	width: 0;
	height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid #ffffff;
}
.triangleTeachers {
  position: absolute;
  bottom: -11px;
  right: 46.3%;
}
.triangleTeachers2 {
  position: absolute;
  bottom: -16px;
  right: 46.3%;
}
.activated {
  border-style: solid;
  border-width: thin;
  border-color: #ffffff;
  padding: 0 16px;
  border-radius: 24px;
}
.navBlock {
  position: fixed;
  width: 100%;
  z-index: 111111;
  padding: 0 86px;
}
/* aboutUs */
.video_container {
  position: relative;
}
#play_button2 {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#play_button3 {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.playBtn2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 0.8;
}
.play_button3 > .playBtn2{
  visibility: hidden;
  transition: 0.6s;
  opacity: 0;
}

.play_button3:hover > .playBtn2 {
  visibility: visible;
  transition: 0.6s;
  opacity: 0.8;
}
.video2 {
  width: 100%;
  height: 34rem;
  object-fit: cover;
  border-radius: 12px;
}
.blockP {
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 3rem;
  white-space: nowrap;
  line-height: 24px;
  opacity: 0.6;
}
.blockTwoP {
  color: #1B2127;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-size-adjust: none!important;
  -webkit-text-size-adjust: none!important;
  padding-bottom: 2rem;
}
.blockTwoP2 {
  color: #1B2127;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-size-adjust: none!important;
  -webkit-text-size-adjust: none!important;
}
.blockTwoH1 {
  color: #1B2127;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  padding-bottom: 1rem;
  margin: 0;
  font-family: 'FontSemiBold';
}
.blockTwoImg {
  width: 100%;
  height: 100%;
}
@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  /*.overlay a {font-size: 20px}*/
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}
.subMenuBtn {
  color: #ffffff;
  text-decoration: none;
  padding: 0;
}
.subMenuBtn:hover {
  color: #ffffff;
  text-decoration: none;
  padding: 0;
}
.blockThreeP {
  color: #007B84;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.blockThreeP2 {
  color: #007B84;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  font-family: 'FontMedium';
}
.blockThreeBox {
  background-color: #007B840F;
  padding: 2rem;
  border-color: #007B84;
  border-left-style: solid;
  border-left-width: thick;
}
.blockThreeIcon {
  width: 2rem;
}
.optionalBtn {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  padding: 10px 24px;
  border-radius: 32px;
  background-color: #1B2127;
  color: #ffffff;
  font-family: 'FontSemiBold';
}
.optionalBtn:hover {
  background-color: #1B2127;
  color: #ffffff;
}
.blockOptionalBox {
  padding-left: 1px;
}
.blockSideBtn {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translate(-50%, 10px);
  padding: 10px 24px;
  border-radius: 32px;
  background-color: #1B2127;
  color: #ffffff;
  font-size: 14px;
  width: 80%;
  line-height: 24px;
  font-weight: 700;
  font-family: 'FontSemiBold';
}
.blockSideBtn:hover {
  background-color: #1B2127;
  color: #ffffff;
}
.blockSideImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

/***mobile nav end**/

.TeamCardName {
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  color: #1B2127;
  margin-bottom: 0;
  font-family: "FontSemiBold";
}
.TeamCardP {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #1B2127;
  margin-bottom: 0;
  font-family: 'FontMedium';
}
.TeamMail {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #007B84;
  margin-bottom: 0;
  font-family: 'FontMedium';
}
.joinHeight {
  min-height: 15rem;
}
.formStyle {
  border-style: solid;
  border-width: thin;
  border-color: #007B84;
  border-radius: 12px;
  padding: 3rem;
}
.formStyle2 {
  border-style: solid;
  border-width: thin;
  border-color: #1B2127;
  border-radius: 12px;
  padding: 3rem;
}
.joinP {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #1B2127;
  margin: 0;
}
.JoinSection {
  margin: 0 86px;
}
.uploader1 {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #1B2127;
  padding-bottom: 0.2rem;
}
.uploader2 {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #6F7680;
}
.uploadButton {
  padding: 10px 24px;
  border-radius: 32px;
  border-style: solid;
  border-width: thin;
  border-color: #1B2127;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #1B2127;
  position: relative;
}
.uploadSpan {
  font-size: 1.3rem;
  font-weight: 700;
}
.uploadSpan2 {
  position: relative;
  top: -2px;
}
.joinSubm {
  padding: 10px 24px;
  border-radius: 32px;
  background-color: #1B2127;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  font-family: "FontSemiBold";
}
.joinSubm:hover {
  color: rgb(255 255 255 / 71%);
}
.joinSubm2 {
  padding: 10px 24px;
  border-radius: 32px;
  background-color: #1B2127;
  color: #ffffff;
  width: 9rem;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  font-family: "FontSemiBold";
}
.joinSubm2:hover {
  color: rgb(255 255 255 / 71%);
}
.uploadBtn {
  display: inline;
  background-color: #ffffff;
  text-align: center;
  padding: 15px 24px;
  border-radius: 32px;
  color: #1B2127;
  width: 107px;
  border-style: solid;
  border-width: thin;
  border-color: #1B2127;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  font-family: "FontSemiBold";
}
#formFile::before {
  content: "Pick file +";
  position: absolute;
  z-index: 2;
  display: block;
  background-color: #ffffff;
  height: 2.7rem;
  border-style: none;
  text-align: center;
  padding: 10px 24px;
  border-radius: 32px;
  background-color: #ffffff ;
  color: #1B2127;
  width: 107px;
  top: 38px;
  left: 0;
  border-style: solid;
  border-width: thin;
  border-color: #1B2127;
}
#formFile {
  background-color: #ffffff;
  color: #1B2127;
  font-size: 14px;
  font-weight: 700;
  border-style: none;
  text-align: center;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #ced4da;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%);
}
.joinFormClass {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #1B2127;
  font-family: "FontMedium";
}
.joinPh {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #6F7680;
}
.joinPh::placeholder {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #6F7680;
}
.Red {
  color: #E02E34;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  margin-left: 0.5rem;
}
.fifImg {
  position: absolute;
  right: -47px;
  top: 40%;
  width: 10rem;
}
.joinInfoSend {
  background-color: #00000066;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 11111111111;
  display: none;
}
.joinInfoBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  padding: 2rem;
  border-radius: 8px;
}
.joinInfoInnerBox {
  width: 25rem;
}
.joinImgText {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #727A82;
}
.joinImgBtn {
  padding: 10px 24px;
  border-radius: 32px;
  background-color: #1B2127;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none;
  font-family: "FontSemiBold";
}
.joinImgBtn:hover {
  text-decoration: none;
  background-color: #1B2127;
  color: #ffffff;
}
.joinImgBtn2 {
  padding: 10px 24px;
  border-radius: 32px;
  background-color: #F3F3F4;
  color: #1B2127;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none;
}
.joinImgBtn2:hover {
  text-decoration: none;
  background-color: #F3F3F4;
  color: #1B2127;
}
.closer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.joinHead {
  color: #121212;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
}
#doc1 {
  text-decoration: underline;
  color: #121212;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-left: 0.5rem;
}
#doc2 {
  text-decoration: underline;
  color: #121212;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-left: 0.5rem;
}
#doc3 {
  text-decoration: underline;
  color: #121212;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-left: 0.5rem;
}
#doc4 {
  text-decoration: underline;
  color: #121212;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-left: 0.5rem;
}
#docCorporate {
  text-decoration: underline;
  color: #121212;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-left: 0.5rem;
}
.docBox {
  background-color: #F2F2F2;
  padding: 24px 15px;
  border-radius: 12px;
  border-style: solid;
  border-color: #1B2127;
  border-width: thin;
}
.activeMainNav {
  border-style: solid;
  border-width: thin;
  border-radius: 24px;
  /*padding: 10px 16px;*/
  border-color: #1B2127;
}
.scholarshipP {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #1B2127;
  font-family: "FontSemiBold";
}
.clubsH1 {
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  color: #1B2127;
  padding-left: 0.8rem;
  font-family: "FontSemiBold";
}
.blogH1 {
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  color: #1B2127;
  font-family: "FontSemiBold";
}
.clubsP {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #1B2127;
  padding: 0 0 1rem 0.8rem;
}
.clubCard {
  border-style: none;
}
.clubTitle {
  color: #1B2127;
  font-weight: 700;
  font-size: 20px;
  line-height: 36px;
  margin: 0;
  font-family: "FontSemiBold";
}
.clubA {
  color: #007B84;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.cardDate {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #1B2127;
  border-right-style: solid;
  border-right-width: thin;
  border-right-color: #1B2127;
  opacity: 0.7;
}
.cardServ {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #1B2127;
  opacity: 0.7;
}
.cardServP {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #1B2127;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* number of lines to show */
  line-clamp: 3; 
  -webkit-box-orient: vertical;
  font-family: "FontMedium";
}
.cardServP2 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #1B2127;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2; 
   -webkit-box-orient: vertical;
}

.fullPrev {
  background-color: #2827280F;
  border-radius: 50px;
  position: relative;
  padding: 1.2rem;
}
.fullPrevImg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.activeNum {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.activeNum2 {
  position: absolute;
  left: 50%;
  top: 10%;
  transform: translate(-50%, -10%);
  letter-spacing: 1.7;
}
.fullMid {
  border-radius: 50px;
  position: relative;
  padding: 1.2rem;
  border-style: solid;
  border-width: thin;
  border-color: #1B2127;
}
.fullMid2 {
  border-radius: 50px;
  position: relative;
  padding: 1.2rem;
}
.activeNum{
  color: #1B2127;
}
.activeS {
  background-color: #1B2127;
}
.activeS .activeNum{
  color: #ffffff;
}
.dropButton {
  border-style: solid;
  border-width: thin;
  border-color: #DBDBDB;
  border-radius: 6px;
  padding: 10px 10px 10px 16px;
  height: 44px;
  width: 348px;
  text-align: left;
  color: #121212;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.inputTextMod {
  background-color: transparent;
  border-style: none;
}
.dMM {
  width: 349px;
  margin-top: 0.5rem;
}
.dropButton.dropdown-toggle::after {
  position: absolute;
  right: 13px;
  top: 21px;
}
.activeCheck {
  accent-color: #34495e;
}
.visitFacebook {
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #FFFFFF;
  background-color: #1B2127;
  padding: 10px 24px;
  border-radius: 32px;
  font-family: "FontSemiBold";
}
.visitFacebook:hover {
  color: #ffffffb3;
  background-color: #1B2127;
}
.bolgDetailH1 {
  color: #1B2127;
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
  font-family: "FontSemiBold";
}
.videoButton {
  border-style: none;
}
.slideCard3 {
  display: inline-block;
}
.videoButton2 {
  border-style: none;
  display: inline-block!important;
  background-color: transparent;
  justify-content: center;
}
.cartImg3 {
  height: 32rem!important;
  width: 19rem;
  background-color: rgb(236, 236, 236);
  border-radius: 8px;
  object-fit: contain !important;
}
.videoWindow {
  background: #0000003d;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999999999999;
  top: 0;
  left: 0;
  display: none;
}
.videoWindow2 {
  background: #0000003d;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999999999999;
  top: 0;
  left: 0;
  display: none;
}
.vis {
  display: block;
}
.visInput {
  display: none;
}
.xsxs {
  display: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 5px;
  margin: 0;
  color: #B61D22
}
.ident .xsxs {
  display: block;
}
.xsxs.xm{
  color: #007B84
}
.EndQuizBtn {
  position: absolute;
  right: 7px;
  bottom: 7px;
}
#quizEnd {
  display: none;
}
.visInput.form-check-input:checked > .xsxs {
  display: block;
}
.flashInput{
  display: none;
}
.flashInput.form-check-input:checked + .form-check-label {
  background-color: #007B84;
  color: white;
}
.visInput.form-check-input:checked + .form-check-label {
  /*background-color: #007B84;*/
  background-color: #B61D22;
  color: white;
}
.flashImg {
  width: 5rem;
}
.visInput.xm.form-check-input:checked + .form-check-label {
  /*background-color: #007B84;*/
  background-color: #007B84!important;
  color: white;
}
.visModLabel {
  padding: 12px;
  border-radius: 12px;
  border-style: solid;
  border-width: thin;
  border-color: #BABABA;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.flashModLabel {
  padding: 8px 16px;
  border-radius: 12px;
  border-style: solid;
  border-width: thin;
  border-color: #BABABA;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  cursor: pointer;
  min-width: 4rem;
}

.videoWindowBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
}
.videoWindowBox2 {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -35%);
  height: 50%;
}
.shortsX2 {
  height: 40rem;
  object-fit: cover;
  border-radius: 12px;
}
#videoWindowCloser {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#videoWindowCloser2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.corporateAcc {
  border-style: solid;
  border-width: thin;
  border-color: #1B2127;
  border-radius: 12px;
}
.accCorporate2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #1B2127;
}
.accCorporate1 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #007B84;
}
.corporateImg {
  width: 3.5rem!important;
}
.corporateP1 {
  font-weight: 700;
  font-size: 18px;
  line-height: 32px;
  color: #1B2127;
}
.corporateP2 {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #007B84;
}
.corporateText {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #1B2127;
  line-height: 1.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 7; /* number of lines to show */
  line-clamp: 7; 
   -webkit-box-orient: vertical;
}
.corporateDisplay {
  display: flex;
}
.slideCorporate {
  border-style: solid!important;
  border-width: thin!important;
  border-color: black!important;
  padding: 24px;
  border-radius: 12px;
}
.corporateHead {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #1B2127;
}
.corporateSide1 {
  font-weight: 700;
  font-size: 18px;
  line-height: 32px;
  color: #1B2127;
  text-size-adjust: none;
}
.flCol {
  display: contents;
}
.corporateSide2 {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #1B2127;
  opacity: 0.8;
  text-size-adjust: none;
}
.corporateSideBtn1 {
  padding: 10px 24px;
  border-radius: 32px;
  background-color: #1B2127;
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  width: 100%;
  text-size-adjust: none;
  font-family: "FontSemiBold";
}
.corporateSideBtn1:hover {
  background-color: #1B2127;
  color: #ffffff;
}
.corporateSideBtn2 {
  padding: 10px 24px;
  border-radius: 32px;
  background-color: #ffffff;
  color: #1B2127;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  width: 100%;
  border-style: solid;
  border-width: thin;
  border-color: #1B2127;
  font-family: "FontSemiBold";
}
.corporateSideBtn3{
  padding: 10px 24px;
  border-radius: 32px;
  background-color: #007B84;
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  width: 100%;
  font-family: "FontSemiBold";
}
.corporateic3 {
  width: 1.1rem;
}
.CorporatePopup {
  position: fixed;
  background: #0000006b;
  width: 100%;
  height: 100%;
  display: none;
}
.corpVisible {
  display: block;
  z-index: 1111111;
}
.popupBox {
  background-color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 27rem;
  padding: 2rem;
  border-radius: 8px;
}
.corpFormH1 {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color: #121212;
}
.corpLabel {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #1B2127;
}
.corpSn {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #E02E34;
  margin-left: 0.2rem;
}
.corpPh {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #6F7680;
}
.corpPh::placeholder {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #6F7680;
}
.corpFBtn {
  text-align: right;
}
.corpSend {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #FFFFFF;
  background-color: #1B2127;
  padding: 8px 24px;
  border-radius: 32px;
}
.corpCansel {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #1B2127;
  background-color: #FFFFFF;
  padding: 8px 24px;
  border-radius: 32px;
}
.corporateControlBg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.questions {
  border-left-style: solid;
  border-left-width: medium;
  border-left-color: transparent;
  border-radius: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #1B2127;
}
.actQuestion {
  border-left-style: solid;
  border-left-width: medium;
  border-left-color: #007B84;
  border-radius: 0;
}
.mrg2 {
  margin: 0 86px;
}
.mrg {
  margin-right: 2px;
  padding: 3rem;
  min-height: 23rem;
}
.accFAQ1 {
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  color: #1B2127;
  padding-left: 1rem;
  font-family: "FontSemiBold";
}
.accFAQ2 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #1B2127;
  padding-left: 1rem;
}
.accordionDn {
  display: none;
}
.accActiveMod {
  display: block;
}
.coursesBtn {
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  padding: 10px 24px;
  border-radius: 32px;
  background-color: #1B2127;
  font-family: "FontSemiBold";
}
.coursesBtn:hover {
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  padding: 10px 24px;
  border-radius: 32px;
  background-color: #1B2127;
}
.streamSpan1 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  padding: 6px 12px;
  border-radius: 6px;
  background-color: #007B84;
}
#streamLive {
  border-radius: 12px;
}
.streamSpan2 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  padding: 6px 12px;
  border-radius: 6px;
  margin-left: 0.6rem;
  background-color: #007B84;
}
.switchBlock {
  background-color: #ffffff;
}
.switcherBox{
  display: flex;
  text-align: center;
  background-color: #292D331F;
  border-radius: 32px;
  padding: 4px;
}
#switchBtn1 {
  width: 50%;
  border-radius: 24px;
  padding: 8px 12px;
  color: #727A82;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: "FontMedium";
}
#switchBtn2 {
  width: 50%;
  border-radius: 24px;
  padding: 8px 12px;
  color: #727A82;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: "FontMedium";
}
#switchBtn1.activeSwitch{
  background-color: #ffffff;
  color: #292D33;
}
#switchBtn2.activeSwitch{
  background-color: #ffffff;
  color: #292D33;
}
.signLabel {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #1B2127;
  font-family: "FontMedium";
}
.signF {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #E02E34;
  margin-left: 0.2rem;
}
.chosen {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #6F7680;
}
.chosen::placeholder {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #6F7680;
}
.chosen2 {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #1B2127;
}
.SignUpBtn {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  padding: 10px 24px;
  border-radius: 32px;
  background-color: #1B2127;
  font-family: "FontSemiBold";
}
.SignUpBtn:hover {
  color: #ffffff;
  background-color: #1B2127;
}
.beginTest {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  padding: 10px 24px;
  border-radius: 32px;
  background-color: #1B2127;
  width: 100%;
  font-family: "FontSemiBold";
}
.beginTest:hover {
  color: #ffffff;
  background-color: #1B2127;
}
.signBorder {
  border-color: #1B2127;
  border-style: solid;
  border-width: thin;
  padding: 40px;
  border-radius: 12px;
}
.SignOff {
  display: none;
}

.personInfo {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #1B2127;
  font-family: "FontSemiBold";
}
.or {
  width: auto;
  background-color: #ffffff;
  display: inline-block;
  z-index: 3;
  padding: 0 20px 0 20px;
  color: #292D33;
  position: relative;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.orM {
  width: 100%;
  height: 36px;
  margin: 18px 0;
  text-align: center;
  font-size: 28px;
  position: relative;
}
.orM::after {
  content: '';
  width: 100%;
  border-bottom: solid 1px #E0E2E7;
  position: absolute;
  left: 0;
  top: 40%;
  z-index: 1;
}
.testCond {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #1B2127;
  font-family: "FontMedium";
}
.progress-bar {
  width: 60%;
  height: 4px;
  background-color: rgb(0 123 132 / 21%);
  position: relative;
}
 
.progress {
  height: 100%;
  background-color: #007B84;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
}
.results-bar {
  width: 100%;
  height: 8px;
  background-color: #B61D22;
  position: relative;
  border-radius: 4px;
}
 
.results {
  height: 100%;
  background-color: #007B84;
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  border-radius: 4px;
}
.countdown {
  background-color: #007B8414;
  padding: 24px;
  border-radius: 12px;
  letter-spacing: 10px;
  color: #007B84;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  position: relative;
  top: -24px;
}
.questionBox {
  position: relative;
}
.question{
  font-size:16px ;
}
.questionNumber {
  padding: 6px 16px;
  background-color: #007B84;
  border-radius: 18px;
  position: relative;
  top: -3px;
  
}
.num {
  position: absolute;
  left: 50%;
  top: 57%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.questionT {
  color: #007B84;
  font-size: 20px;
  font-weight: 700;
  line-height: 29px;
  font-family: "FontSemiBold";
}
.subcomment {
  color: #1B2127;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  position: relative;
  top: -25px;
  font-family: "FontSemiBold";
}
.subTxt {
  color: #1B2127;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.testForm {
  border-style: solid;
  border-width: thin;
  border-color: #E6E6E6;
  border-radius: 12px;
  padding: 1rem 2rem;
  position: relative;
}
.form-check-label.answer {
  position: absolute!important;
  width: 100%!important;
  left: 0!important;
  top: 0!important;
  height: -webkit-fill-available!important;
}
.form-check-input:checked + .form-check-label.answer {
  background-color: #007B8414;
  color: #007B84;
}
.form-check-input:checked{
  accent-color: #007B84;
}
.nextTextPage {
  background-color: #1B2127;
  color: #ffffff;
  padding: 10px 24px;
  border-radius: 32px;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  font-family: "FontSemiBold";
}
.nextTextPage:hover {
  background-color: #1B2127;
  color: #ffffff;
}
.hidePage {
  display: none;
}
.audio_container {
  background-color: #cccccc;
  position: relative;
  height: 26rem;
  background-position: center;
  background-size: cover;
}
.audio_container2 {
  background-image: url("../images/audio.png");
  background-color: #cccccc;
  position: relative;
  height: 19rem;
  background-position: center;
  background-size: cover;
}
.audio_containerIns {
  position: relative;
  height: 19rem;
  width: fit-content;
}
.displayAudio {
  justify-content: center;
  display: flex;
}
.audIm {
  object-fit: cover;
}
.bts {
  max-width: 15rem;
}
.nCl {
  pointer-events: none;
}
.res {
  padding: 1rem 16rem 2rem;
}
.resultHead {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  color: #1B2127;
  padding-bottom: 2rem;
  font-family: "FontSemiBold";
}
.resultText1 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #1B2127;
}
.resultText2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  color: #1B2127;
  font-family: "FontSemiBold";
}
.result {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  color: #007B84;
  font-family: "FontSemiBold";
}
.backToBtn {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  background-color: #1B2127;
  color: #ffffff;
  padding: 10px 24px;
  border-radius: 32px;
  font-family: "FontSemiBold";
}
.backToBtn:hover {
  background-color: #1B2127;
  color: #ffffff;
}
.resultBox {
  border-style: solid;
  border-width: thin;
  border-color: #1B2127;
  border-radius: 12px;
  padding: 3rem;
}
.backToHome {
  padding-top: 1rem;
}
.calculateCorp {
  padding: 1rem 16rem 2rem;
}
.calculatePrice {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  background-color: #1B2127;
  color: #ffffff;
  padding: 10px 24px;
  border-radius: 32px;
}
.calculatePrice:hover {
  background-color: #1B2127;
  color: #ffffff;
}
.calculateHeads {
  color: #1B2127;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
}
.selectCalc {
  border-radius: 6px;
  border-color: #E6E6E6;
  background-color: #ffffff;
  padding: 12px;
  width: 100%;
  background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
  background-position: calc(100% - 0.75rem) center !important;
  -moz-appearance:none !important;
  -webkit-appearance: none !important; 
  appearance: none !important;
  padding-right: 2rem !important;
}
select:focus-visible {
  border-radius: 6px;
  border-color: #E6E6E6;
  background-color: #ffffff;
  border-radius: 3px;
  outline: none;
}
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}
.in1 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #1B2127;
}
.in2 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #007B84;
  border-style: none;
  width: 100%;
}
.in2:focus-visible {
  border-style: none!important;
  background-color: transparent;
  outline: none;
}
.in2:focus {
  outline: none;
}
.select-option { 
  width: 2rem!important;
}

select.the-select option.optCalc {
  color:#1B2127;
}
select.selectCalc {
  color:#1B2127;
}
.PrivSt {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  color: #1B2127;
  font-family: "FontSemiBold";
}
.PrivStp{
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #1B2127;
}
.streamImage {
  width: 100%;
  height: 40rem;
  object-fit: cover;
  border-radius: 12px;
}
.tCard {
  border-radius: 18px;
}
.iconCenter {
  display: contents;
}
.thirdBoxW::-webkit-scrollbar {
  height: 2px;
}

/* Track */
.thirdBoxW::-webkit-scrollbar-track {
  background: transparent; 
}
 
/* Handle */
.thirdBoxW::-webkit-scrollbar-thumb {
  background: transparent; 
}

/* Handle on hover */
.thirdBoxW::-webkit-scrollbar-thumb:hover {
  background: transparent; 
}
#preloader {
  background: #111111 url('../../images/Loading2.gif') no-repeat center;
  background-size: 15%;
  height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 1000000;
}
@media screen and (max-width: 1750px) {
  .crdImg2 {
    width: 100%;
  }
  .imgTop {
    width: 100%;
  }

}
@media screen and (max-width:1700px) {
  .firstH1 {
    font-size: 40px;
  }
  .TeacherName {
    font-size: 21px;
    padding-top: 4px;
  }
  .TeacherVideoName {
    font-size: 21px;
    padding-top: 4px;
  }
  .TeacherSideName {
    font-size: 21px;
    padding-top: 4px;
  }
  .teacherFlag {
    padding-top: 0.5rem;
  }
}
@media screen and (max-width:1650px) {
  .f1 {
    width: 8rem;
  }
  .SendBox {
    padding: 3rem 10rem 3rem 2rem;
  }
  .tMod {
    padding: 0px 0px 0px 4rem;
  }
  .tMod2 {
    padding: 0px 0px 0px 4rem;
  }
  .crb .card-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 1570px) {
  .res {
    padding: 1rem 6rem 2rem;
  }
  .calculateCorp {
    padding: 1rem 5rem 2rem;
  }
}
@media screen and (max-width: 1500px) {
  .TeacherName {
    font-size: 21px;
  }
  .TeacherVideoName {
    font-size: 21px;
  }
  .TeacherSideName {
    font-size: 21px;
  }
  .slideCard .card-body {
    border-style: solid;
    border-color: white;
  }
  .mainSection5 {
    padding: 3rem 24rem;
  }
  
}
@media screen and (max-width: 1400px) {
  .f1 {
    right: -3%;
  }
  .SendBox {
    padding: 3rem 4rem 3rem 2rem;
  }
  .mainSection5 {
    padding: 3rem 17rem;
  }
  .videoWindowBox {
    width: 80%;
  }
}
@media screen and (max-width: 1370px) {
  #myHeader {
    display: none;
  }
  #myHeader2 {
    display: none;
  }
  .teach {
    display: block;
  }
  .crb .card-title {
    font-size: 17px;
    line-height: 27px;
  }
  .teach2 {
    display: block;
    padding: 0;
  }
  .blockSideWall2 {
    display: block;
  }
  .blockSideWall3 {
    display: block;
    padding: 0 1rem;
  }
}
@media screen and (max-width: 1300px) {
  .firstH1 {
    font-size: 29px;
  }
  .slide2Arrow {
    display: none!important;
  }
  .calculateCorp {
    padding: 1rem 0rem 2rem;
  }
  .teachers {
    font-size: 29px;
  }
  .carDH1 {
    font-size: 29px;
  }
  .fourthH1 {
    font-size: 29px;
  }
  .verticalH1 {
    font-size: 29px;
    padding: 3rem 1rem 1rem;
  }
  .bookH1 {
    font-size: 29px;
  }
  .sixthH1  {
    font-size: 29px;
  }
  .sixthH2 {
    font-size: 29px;
  }
  
}
@media screen and (max-width: 1280px) {
  .sixthP {
    padding-right: 3rem;
  }
  .res {
    padding: 1rem 0rem 2rem;
  }
  .mainSection {
    margin: 0 2px;
  }
  .mainSection2 {
    margin: 0 2px;
  }
  footer {
    padding: 0 2px;
  }
  .SectionLift2 {
    padding-top: 80px;
  }
  .SectionLift2M {
    padding-top: 80px;
  }
  .pxMod2 {
    padding: 80px 2px 0;
  }
  .FaqSection {
    padding: 0 2px;
  }
  .pxModX {
    padding: 0 2px;
  }
  .navBlock {
    padding: 0 2px;
  }
  .teacherInfo {
    width: 100%;
    transition: 1s;
  }
  .rxBox {
    margin: 0 2px;
  }
  .mrg2 {
    margin: 0 2px;
  }
  .mainSection5 {
    margin: 0 2px;
  }
  .mainSectionInst {
    margin: 0 2px;
  }
  .mainSectionTest{
    margin: 0 2px;
  }
}
@media screen and (max-width:1199px) {
  .courses {
    padding-bottom: 3rem;
  }
  .tMod2 {
    padding: 3rem 0px 0px 0rem;
  } 
  .xm2 {
    margin: 1px -15px;
  }
  .o3 {
    order: 3;
  }
  .o2 {
    padding-top: 2rem;
  }
  .countBox {
    text-align: center;
    padding: 5rem 0;
  }
  .progress-bar {
    width: 100%;
  }
  .mrg {
    margin:  0 0 2px 0;
  }
  .cardStatus2 {
    padding: 3.8rem 0px 0px;
  }
}
@media screen and (max-width:1180px) {
  .DescNav {
    display: none;
  }
  .MobNav {
    /*display: flex!important;
    position: fixed;
    */
    display: block;
  }
  .mobFog {
    width: 100%;
  }
  .openMobNav {
    padding: 3px 1px!important;
  }
  .nav-item {
    padding: 0px 7px;
  }
  .mainSectionInst {
    padding: 3rem 1rem;
  }
  .teacherInfo {
    padding-top: 4.3rem;
  }
  .secondStageNav {
    top: 65px;
  }
  .tMod {
    padding: 0px 0px 0px 1rem;
  }
  .secondStageNav {
    display: none;
  }
  .thirdStageNav {
    display: none
  }
  .SectionLift {
    padding: 2.5rem 0px;
  }
  .mainSection5 {
    padding: 3rem 11rem;
  }
  .SectionLift3 {
    padding: 5rem 0 0;
  }
  .SectionLift3X {
    padding: 3px 0 0 0;
  }
  .videoWindowBox {
    width: 100%;
  }
  .SectionLiftP {
    padding-top: 2px;
  }
}
@media screen and (max-width: 1100px) {
  .SendBox {
    padding: 3rem 1rem 3rem 2rem;
  }
  .mainSectionTest {
    padding: 3rem 1rem;
  }
}
@media screen and (max-width: 998px){
  .firstH1 {
    font-size: 26px;
  }
  .resultHead {
    font-size: 27px;
  }
}
@media screen and (max-width:991px){
  .ord1 {
    order: 1;
  }
  #preloader {
    background-size: 40%;
  }
  .pmod {
    margin-bottom: 2px;
  }
  .sectionOne {
    margin-bottom: 2px;
  }
  .shortsX2 {
    height: 29rem;
  }
  .iconCenter {
    display: block;
  }
  .ord2 {
    order: 2;
  }
  .videoWindowBox {
    width: 90%;
  }
  .or2 {
    order: 2;
  }
  .video2 {
    height: 12rem;
  }
  .videoWindowBlock {
    display: flex;
    justify-content: center;
  }
  .or1 {
    order: 1;
  }
  .subTextRow {
    background-color: #007B84;
  }
  .firstH1 {
    line-height: 44px;
  }
  .fifImg {
    display: none;
  }
  .teacherBox {
    width: 40%;
  }
  .footerSectionBox {
    text-align: center;
    padding: 3rem 15px 1rem;
  }
  .SendBox {
    padding: 3rem 3rem 3rem 2rem;
  }
  .secondStageNav {
    display: none;
  }
  .SectionLift {
    padding: 2.5rem 0px;
  }
  .slideDate {
    padding-bottom: 0.5rem;
    border-bottom: solid;
    border-bottom-width: thin;
    border-bottom-color: rgb(27 33 39 / 16%);
  }
  .slideInfo {
    padding: 0.5rem 0 1rem;
    border-bottom: solid;
    border-bottom-width: thin;
    border-bottom-color: rgb(27 33 39 / 16%);
  }
  .slideButtonBox {
    padding-top: 0.5rem;
  }
  .o1 {
    display: none;
  }
  .om1 {
    display: block;
  }
  .teacherBox {
    padding-bottom: 8rem;
  }
  .tMod {
    padding: 50px 0px 50px 0rem;
}
}
@media screen and (max-width:850px) {
  .mainSection5 {
    padding: 3rem 6rem;
  }
}
@media screen and (max-width: 790px) {
  .TeacherName {
    font-size: 18px;
  }
  .TeacherVideoName {
    font-size: 18px;
  }
  .TeacherSideName {
    font-size: 18px;
  }
  .pr {
    width: 2rem;
  }
  .closeSideBtn {
    width: 2rem;
  }
  .nx {
    width: 2rem;
  }
  .viewAll {
    padding: 6px 14px;
  }
  .arrPdng {
    padding-top: 1rem;
  }
  .TeacherSideName {
    font-size: 21px;
  }
}
@media screen and (max-width: 780px) {
  .teacherBox {
    transform: translate(0%, 0px);
    width: 100%;
    z-index: 0;
    visibility: hidden;
    transition: 0.1s;
  }
}
@media screen and (max-width: 767px) {
  .crdImg4 {
    width: 9rem;
  }
  .imgTop {
    width: 23rem;
  }
  .crdImg2 {
    width: 19rem;
  }
  .crdImg5 {
    width: 9rem;
  }
  .crdImg6 {
    width: 16rem;
  }
  .or1 {
    text-align: center!important;
  }
  .or2 {
    text-align: center!important;
  }
  .dropButton {
    width: 271px;
  }
  .dMM {
    width: 271px;
    transform: translate3d(369px, 44px, 0px);
  }
  .in1 {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 575px) {
  .f1 {
    display: none;
  }
  .MobNav {
    margin: 0 2px;
    width: 99%;
  }
  .teacherH1 {
    font-size: 27px;
  }
  .mainSection {
    padding: 3rem 0;
  }
  .mainSection2 {
    padding: 3rem 0;
  }
  .mainSection3 {
    padding: 3rem 1rem;
  }
  .mainSection {
    padding: 3rem 11px;
  }
  .tMod2 {
    padding: 3rem 0rem 0px 0rem;
  }
  .mainSection5 {
    padding: 3rem 1rem;
  }
}
@media screen and (max-width: 570px) {
  .pr {
    width: 1.4rem;
  }
  .formStyle {
    padding: 3rem 1rem;
  }
  .formStyle2 {
    padding: 3rem 1rem;
  }
  .nx {
    width: 1.4rem;
  }
  .secondBox {
    padding: 2rem 1rem;
  }
  .secondBox2 {
    padding: 2rem 1rem;
  }
  .teacherBox {
    height: 100%;
    width: 0;
    transform: translate(0%, 0px);
    transition: 0s;
  }
  .viewAll {
    padding: 1px 6px;
    font-size: 12px;
  }
  .thirdBox {
    padding: 4rem 0;
  }
  .fourthBox {
    padding: 3rem 1rem;
  }
  .cardStatus {
    padding: 3rem 0 0;
  }
  .cardStatus2 {
    padding: 3rem 0px 0px;
  }
  .swiperPaddings {
    padding: 2rem 0px 3rem;
  }
  .xm2 {
    padding: 2rem 1rem;
  }
  .accordion {
    padding: 2rem 1rem!important;
  }
  .sixthBlock {
    padding: 2rem 1rem;
  }
  .arrPdng {
    padding-top: 1.5rem;
  }
  .crdImg4 {
    width: 7rem;
  }
  .imgTop {
    width: 100%;
  }
  .crdImg2 {
    width: 62%;
    text-align: center;
    justify-content: center;
    display: inline-flex;
    margin: 0 auto;
  }
  .crdImg5 {
    width: 7rem;
  }
  .crdImg6 {
    width: 12rem;
  }
  .innerSendBox {
    padding: 31px 25px 32px;
  }
  .sendH1 {
    font-size: 1.5rem;
  }
  .confirmBtn {
    padding: 10px 9px;
  }
  .o3 {
    padding-top: 2rem;
  }
  .footerlinkBox {
    padding-bottom: 1rem;
  }
  .SendBox {
    padding: 2rem 0rem 3rem 0rem;
  }
  .teacherBox {
    width: 100%;
  }
}
@media screen and (max-width: 510px) {
  .teachers {
    font-size: 2rem;
  }
  .resultBox { 
    padding: 1rem;
  }
  .arrPdng {
    padding-top: 1rem;
  }
  .overlay-content {
    position: relative;
    top: 14%;
  }
  .fourthH1 {
    font-size: 33px;
  }
  .popupBox {
    width: 19rem;
  }
  .joinInfoInnerBox {
    width: 18rem;
  }
  .resultHead {
    font-size: 20px;
    text-align: center;
  }
  .resultText2 {
    font-size: 20px;
  }
  .firstInnerDiv {
    padding: 3.5rem 18px;
  }
  #preloader {
    background-size: 60%;
  }
}
@media screen and (max-width: 450px) {
  .headSpan {
    font-size: 29px;
  }
  .plus {
    right: -21px;
  }
  .prb {
    padding: 0;
  }
  .dropButton {
    width: 100%;
  }
  .dMM {
    width: 100%;
  }
  .crdImg2 {
    margin: 0;
  }
  .nxb {
    padding: 0;
  }
  .viewAll {
    margin-left: 5px;
  }
  .arrPdng {
    padding-top: 1.5rem;
  }
  .fourthH1 {
    font-size: 28px;
  }
  .fourthImg {
    width: 2.5rem;
    padding: 1rem 1rem 1rem 0;
  }
  .fourthImg2 {
    width: 2.5rem;
    padding: 1rem 1rem 1rem 0;
  }
  .iconBox {
    padding: 3rem 1rem 0;
  }
  .signBorder {
    padding: 40px 20px;
  }
  .rp {
    padding: 0;
  }
}
@media screen and (max-width: 410px){
  .firstInnerDiv {
    padding: 3.5rem 28px;
  }
  .firstH1 {
    font-size: 21px;
    line-height: 40px;
    padding-right: 2%;
  }
  .arrPdng {
    display: none;
  }
  .arrPdng2 {
    display: block;
  }
  .nx {
    width: 2.4rem;
  }
  .pr {
    width: 2.4rem;
  }
  .viewAll {
    padding: 7px 22px;
    font-size: 16px;
  }
  .fourthH1 {
    font-size: 22px;
    text-align: center;
  }
  .joinInfoInnerBox {
    width: 14rem;
  }
  .resultText2 {
    font-size: 16px;
  }
  .resultHead {
    font-size: 16px;
  }
  .resultHead {
    padding-bottom: 1rem;
  }
}

@media screen and (max-width: 370px) {
  .bookH1 {
    font-size: 30px;
  }
  .sixthH1 {
    font-size: 30px;
  }
  .sixthH2 {
    font-size: 30px;
  }
  .resultBox {
    padding: 2rem 1.7rem
  }
}
@media screen and (max-width:330px) {
  .mainSection3 {
    padding: 3rem 0.5rem;
  }
  .popupBox {
    width: 17rem;
  }
}