/*********Banner css****/
/* .bannerTop {
  margin-top: 80px;
} */
/* .discoverBox.bgGreen.qaBg {
  background: url(https://www.janbasktraining.com/assets2023/img/jt-images/bgGreenQA.webp)bottom center;
  height: 100%;
} */


.stripTag-container {
  position: absolute;
  left: 0px;
  top: 6px;
}
.stripTag-tail:before{
  border-right: 12px solid transparent;
  border-top: 10px solid #f00;
}
.stripTag-tail:after{
  border-right: 12px solid transparent;
  border-top: 10px solid #f00;
}
.stripTag-tail, .stripTag-left .stripTag-tail {
  position: absolute;
  top: 0;
  right: -25px;
}
.stripTag-title {
  font-size: .8rem;
  line-height: 1.1rem;
  text-transform: uppercase;
  letter-spacing: .6px;
}
.stripTag {
  min-width: 100px;
  height: auto;
  background: #ffc107;
  position: relative;
  padding: 4px 15px;
  display: inline-block;
  border-radius: 0px 14px 14px 0px;
}

.course-li-head {
  padding-top: 10px;
  display: table;
  font-weight: 600;
}
p.bg {
  display: flex;
}
ul.Real {
  padding: 0px 12px;
}
ul.Real li {
  font-size: .95rem;
  line-height: 1.2rem;
}
.discoverBox:hover {
  background: linear-gradient(135deg,#136AAB,rgb(98 67 153))!important;
  color: #fff;
}
.discoverBox:hover a{
  color: #fff;
}
.discoverBox:hover .counterHeading span{
  color: #fff;
}
#new_course_11 .discoverBox {
  min-height: 230px;
}
#new_course_11 .discoverBox.bgGreen {
  height: 346px;
}
#new_course_3 .discoverBox.bgGreen {
  height: 346px;
}
.certificateBox img {
  width: 50%;
}
span.more {
  border-bottom: 1px solid #444;
  margin-top: 8px;
  display: table;
}
.beginbx { 
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);
  margin-bottom: 21px;
  text-align: center;
  background:#fdfdfd;
    width: 494px;
    margin: 0 auto 21px;
}
.beginbx form#sliderform-form .form-control {
  height: 40px;
}
.main-login .form-control:after {
  background: url(https://www.janbasktraining.com/assets2023/img/jt-images/rightArrow.png) center center no-repeat;
  background-size: contain;
  position: absolute;
  right: 0px;
  content: '';
  width: 10px;
  height: 10px;
}
.beginbx .slider-text2 {
  font-weight: 600;
}
.main-login .form-control {
  position: relative;
}
.txtsldbox {
  height: 266px;
  position: relative;
  overflow: hidden;
} 
.curriculumreadmore {
  margin-top: 12px;
  position: relative;
  left: 15px;
  color: #335aa3;
  font-weight: 600;
  border-bottom: 1px solid #335aa3;
  width: fit-content;
  font-size: .94rem;
  cursor: pointer;
}  
.fullHeight + .curriculumreadmore {
  margin-top: 0px;
}
.fullHeight {
  height: auto;
}
.d-inline-flex span.fa.fa-star.checked img {
  filter:none
}
.d-inline-flex span.fa.fa-star img {
  filter: grayscale(1);
}
.DemoClassRight span.iconPhone {
  background-position: -35px 0px!important;
  background: #d52b1e url(https://www.janbasktraining.com/assets2023/img/jt-images/groupIcons.svg) no-repeat;
  background-size: 388px;
  border-radius: 50%;
}
.talktoad {
  font-size: 24px;
  line-height: 32px;
}
.Highlights .d-inline-flex.align-items-center {
  width: 100%;
}
.Highlights .d-inline-flex.align-items-center span {
  width: 15%;
}
.Highlights .d-inline-flex.align-items-center span img{
  margin: 0 auto;
  display: table;
}
.Highlights .d-inline-flex.align-items-center .sectionDescription {
  width: 85%;
}
.bnrSubHead {
  position: relative;
  padding-left: 20px;
  font-weight: 400;
}
.btnBox {
  gap: 28px;
}
.videoBtn {
  background: #fff;
  padding: 6px 38px;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  border: 2px solid #046a8a;
  width: fit-content;
  text-align: center;
  margin: 0 auto;
  display: table;
}
section.bannerTop:after {
  background: #f3fafe;
  width: 160%;
  content: "";
  height: 885px;
  position: absolute;
  border-radius: 50%;
  top: -160px;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, 0);
}
section.bannerTop {
  position: relative;
}
.socialReview {
  margin-top: 0px;
}
.rate span.fa.fa-star img {
  width: 12px;
  padding-right: 2px;
}
.twitter-icon {
  background-color: #00aced;
}
.circle:hover {
  width: 150px;
  cursor: pointer;
}
.circle {
  width: 82px;
  height: auto;
  border-radius: 40px;
  background-color: #ffffff;
  transition: all 0.25s ease;
  padding: 6px 10px;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 6px 8px 0px rgb(0 0 0 / 24%);
  display: flex;
  gap: 10px;
  align-items: center;
  float: left;
  margin-right: 26px;
}
.section1.home_videobanner video#myVideo {
  width: 100%;
  border-radius: 16px;
}
.section1.home_videobanner {
  position: relative;
  overflow: hidden;
}
.bnrSubHead:after {
  position: absolute;
  background: linear-gradient(180deg, #3598c1 0%, #0dc6b8 100%);
  width: 7px;
  content: "";
  height: 100%;
  left: 4px;
  transform: translate(-50%, -50%);
  top: 50%;
} 

.accordion.courseAccordion .accordion-button::after {
  transform: rotate(0deg);
}
/**section css**/
.topHire {
  position: relative;
}
.topHire:after {
  background: #fffbef;
  width: 160%;
  content: "";
  height: 100%;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, -50%);
}
.jobBox {
  border-radius: 30px;
  background: linear-gradient(135deg,#136AAB,rgb(98 67 153));
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.courseAccordion .accordion-item {
  margin-bottom: 10px;
  border: none;
}
.courseAccordion .accordion-button:not(.collapsed) .previewBtn img {
  content: url(https://www.janbasktraining.com/assets2023/img/jt-images/icon_play_lg.svg);
}
.courseAccordion .accordion-button:not(.collapsed) .previewBtn {
  background: #046a8a;
  color: white;
  box-shadow: none;
}
.courseAccordion .accordion-button:not(.collapsed) {
  background: #f3fafe;
  box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.09) !important;
}
.courseAccordion .accordion-button:focus {
  box-shadow: none;
}
.courseAccordion .accordion-button {
  background: #f3fafe;
  box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.09);
}
.weekCourse {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.weekHead {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-right: 15px;
}
.previewBtn {
  border-radius: 24px;
  background: #fff;
  box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.11);
  display: flex;
  width: 146px;
  height: 33px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 17px;
  font-weight: 500;
  position: absolute;
  z-index: 11;
  right: 50px;
  top: 10px;
}
.courseAccordion .accordion-button:hover {
  z-index: inherit;
}
.bestPrice {
  font-size: 30px;
  font-weight: 700;
  line-height: normal;
}
.offerPrice {
  color: #d52b1e;
  font-size: 25px;
  font-weight: 700;
  line-height: normal;
  padding-left: 10px;
}
.actualPrice {
  font-size: 23px;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: line-through;
}
.batchHeading {
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
}
.colorBoxHead {
  position: relative;
}
.colorBoxHead p{
  position: relative;
  margin: auto;
  border-radius: 34px;
  padding: 2px 31px;
  font-weight: 500;
  color: #ffffff;
  width: fit-content;
  display: table;
  border: 0;
  background:linear-gradient(135deg,#2b68d7,#5f4499);
  z-index: 1;
}
.colorBoxHead:after {
  position: absolute;
  background: #2b68d7;
  width: 333px;
  content: "";
  height: 2px;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}
.batchDetailsList {
  padding: 0px 20px;
  margin: 0px;
}
ul.batchDetailsList li {
  position: relative;
  list-style: none;
  padding: 7px 0px;
  font-weight: 700;
  line-height: 20px;
  font-size: 16px;
  padding-left: 11px;
  text-align: initial;
}
ul.batchDetailsList li:after {
  position: absolute;
  left: -20px;
  background: url(https://www.janbasktraining.com/assets2023/img/jt-images/tick-icon.svg)
  no-repeat center center;
  content: "";
  width: 20px;
  height: 20px;
  background-size: contain;
  top: 8px;
}
ul.contactFeatList li {
  position: relative;
  list-style: none;
  padding: 7px 0px;
  font-weight: 700;
  line-height: 24px;
  font-size: 20px;
  padding-left: 7px;
  text-align: initial;
}
ul.contactFeatList li:after {
  position: absolute;
  left: -26px;
  background: url(https://www.janbasktraining.com/assets2023/img/jt-images/tick-icon.svg)
  no-repeat center center;
  content: "";
  width: 24px;
  height: 24px;
  background-size: contain;
  top: 50%;
  transform: translate(0, -50%);
}
.classDetailsBox {
  display: table-cell;
  position: relative;
}
.selfLearn {
  background: #f3fafe;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  transition: 1s;
  cursor: pointer;
}

.blueStripForm form .form-control {
  border-radius: 44px;
  height: 46px;
}

.certificateBox:after {
  background: #f7f7f7;
  width: 190%;
  content: "";
  height: 1098px;
  position: absolute;
  border-radius: 50%;
  top: -130px;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, 0);
}
.liveClass:hover, .oneOne:hover, .selfLearn:hover {
  box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.25);
  transform: scale(1.02,1.02);
}
.certificateBox {
  position: relative;
}
#upbatch:after {
  background: #f7f7f7;
  width: 180%;
  content: "";
  height: 1122px;
  position: absolute;
  border-radius: 100% 100% 0px 0px;
  top: 0px;
  z-index: -1;
  left: 50%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05) inset;
  transform: translate(-50%, 0%);
  z-index: 1;
}
section#upbatch {
  background: linear-gradient(to bottom ,#ffffff 50%,#f4f4f4);
}
#upbatch {
  position: relative;
}
.discoverBox .counterHeading span {
  display: block;
  font-size: 36px;
  line-height: 45px;
  color: #046a8a;
}
#upbatch .container, .journeySection .container{
  position: relative;
  z-index: 11;
}
.advisorFormSection:after {
  background: #f7f7f7;
  width: 160%;
  content: "";
  height: 100%;
  position: absolute;
  border-radius: 100%;
  top: 0px;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, 0%);
}

.reviewName {
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  position: relative;
}
.reviewName:after, .reviewRatingNo:after {
  position: absolute;
  background: #b2b2b2;
  content: '';
  width: 1px;
  height: 23px;
  right: -12px;
  top: 50%;
  transform: translate(0,-50%);
}

.reviewRatingNo{
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-left: 5px;
    position: relative;
}
 
.reviewText {
  font-size: 23px;
  font-style: normal;
  font-weight: 500;
  line-height: 134.067%;
}

.reviewSalary {
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.reviewAnchor {
  color: #046A8A;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
}
.reviewAnchor:hover {
  text-decoration-line: underline;
}
.reviewProfile{
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.reviewSection .slick-initialized .slick-slide {
  display: block;
  padding: 19px 24px;
}

.advisorFormSection {
  position: relative;
}
.journeySection:after {
  background: #f7f7f7;
  width: 160%;
  content: "";
  height: 640px;
  position: absolute;
  border-radius: 100%;
  top: 0px;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 1;
}

.journeySection {
  position: relative;
  background: linear-gradient(to bottom ,#ffffff 50%,#f4f4f4);
}

.liveClass {
  background: #fff8f8;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  transition: 1s;
  cursor: pointer;
}
.oneOne {
  background: #f6f9ea;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  transition: 1s;
  cursor: pointer;
}
.greyIcon {
  mix-blend-mode: luminosity;
}
.revName {
  display: flex;
  gap: 23px;
  align-items: center;
}
.accelerate-slider .slick-prev,
.review-slider .slick-prev {
  top: initial;
  left: 46%;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #eee;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  bottom: -50px;
}
.accelerate-slider .slick-next,
.review-slider .slick-next {
  top: initial;
  left: 52%;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #eee;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  bottom: -50px;
}
.accelerate-slider .slick-prev:before,
.review-slider .slick-prev:before {
  content: "";
  background: url(https://www.janbasktraining.com/assets2023/img/jt-images/leftArrow.png) no-repeat center;
  width: 16px;
  height: 16px;
  background-size: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-position: center;
}
.accelerate-slider .slick-prev,
.accelerate-slider .slick-next {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #eee;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  bottom: -60px;
  left: 50%;
  font-size: 0;
  border: 0px;
}
/*.method-slider .slick-prev,
.method-slider .slick-next {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #eee;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  top: 50%;
  font-size: 0;
  border: 0px;
}
.method-slider .slick-prev {
  left: -60px;
}
.method-slider .slick-next {
  left: initial;
  right: -36px;
}*/
.accelerate-slider .slick-prev ,
.review-slider .slick-prev {
  left: 45%;
}
.accelerate-slider .slick-next ,
.review-slider .slick-next {
  right: 10px;
}
.accelerate-slider .slick-next:before,
.review-slider .slick-next:before {
  content: "";
  background: url(https://www.janbasktraining.com/assets2023/img/jt-images/rightArrow.png) no-repeat center;
  width: 16px;
  height: 16px;
  background-size: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-position: center;
}
.stepNo p {
  background: linear-gradient(135deg,#2b68d7,#5f4499);
  border-radius: 50%;
  width: 24px;
  color: white;
  position: absolute;
  top: 58px;
  left: 28px;
  height: 24px;
  margin-bottom: 0px;
  padding: 0px;
}
.stepImg,.stepNo{
  position: relative;
}
.stepNo:after {
  position: absolute;
  background: linear-gradient(135deg,#2b68d7,#5f4499);
  width: 100%;
  content: "";
  height: 2px;
  bottom: 40px;
  left: 50%;
  z-index: -1;
}
.formhdt {
  font-size: 20px;
  text-align: center;
}
.jobStep:nth-child(5) .stepNo:after{
  content:none;
}
.stepImg {
  width: fit-content;
  padding: 14px;
  margin: 0 auto 0px;
}
.stepImg img {
  width: 148px;
}
.faqSection .nav {
  justify-content: space-around;
  gap: 10px;
  width: fit-content;
  margin: 0 auto;
}
.faqSection .nav-tabs {
  border: none;
  background: #eaebed;
  padding: 8px;
  border-radius: 50px;
}
.counterHeading{
  font-size: 48px;
  line-height: 54px;
  font-weight: 700;
} 
.accordFaq .accordion-button:focus {
  box-shadow: none;
  border-bottom: var(--bs-accordion-border-width) solid
    var(--bs-accordion-border-color);
}
.accordion {
  --bs-accordion-border-radius: 0px;
}
.accordFaq .accordion-body p, .accordFaq .accordion-body ul li {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 144.567%;
}
.accordFaq .accordion-button, .accordFaq .accordion-button h3, .accordFaq .accordion-button h4, .accordFaq .accordion-button h5, .accordFaq .accordion-button h6, .accordFaq .accordion-button h2, .accordFaq .accordion-button h1 {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.accordFaq .accordion-button h3, .accordFaq .accordion-button h4, .accordFaq .accordion-button h5, .accordFaq .accordion-button h6, .accordFaq .accordion-button h2, .accordFaq .accordion-button h1{
  margin-bottom: 0px;
}
.accordFaq .accordion-item1 {
  border: none;
  border-bottom: var(--bs-accordion-border-width) solid
    var(--bs-accordion-border-color);
}
.accordFaq .accordion-item {
  border: none;
  border-bottom: var(--bs-accordion-border-width) solid
    var(--bs-accordion-border-color);
}

.accordFaq .accordion-button:not(.collapsed) {
  color: black;
  background-color: white;
}
.faqSection .nav-link.active {
  background-color: #ffffff;
}
.faqSection .nav-link {
  padding: 10px 40px;
  border: none;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: transparent;
  color: #000;
  border-radius: 50px;
}
.faqSection .nav-tabs {
  border: none;
}
.courses-box {
  margin-right: 20px;
  background: #fff8f8;
  position: relative;
  min-height: 282px;
  margin-bottom: 14px;
  width: 287px;
}
.courses-box:hover {
  background: #f3fafe;
}

.trending-crs, .exploreCourses {
    padding-bottom: 97px;
}

.trending-crs .accelerate-slider .slick-prev, .review-slider .slick-prev {
  top: initial;
  left: 46%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #eee;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  bottom: -60px;
}
.trending-crs .accelerate-slider .slick-next,
.review-slider .slick-next {
  top: initial;
  left: 52%;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #eee;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  bottom: -50px;
}
.trending-crs .accelerate-slider .slick-prev:before,
.review-slider .slick-prev:before {
  content: "";
  background: url(https://www.janbasktraining.com/assets2023/img/jt-images/leftArrow.png) no-repeat center;
  width: 16px;
  height: 16px;
  background-size: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-position: center;
}


.trending-crs .accelerate-slider .slick-next {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #eee;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  bottom: -60px;
  left: 50%;
  font-size: 0;
  border: 0px;
}
.review-slider .slick-prev,
.review-slider .slick-next {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #eee;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  top: 50%;
  font-size: 0;
  border: 0px;
}
.review-slider .slick-prev {
  left: -60px;
}
.review-slider .slick-next {
  left: initial;
  right: -36px;
}
.trending-crs .accelerate-slider .slick-prev {
  left: 45%;
}
.trending-crs .accelerate-slider .slick-next {
  right: 10px;
}
.trending-crs .accelerate-slider .slick-next:before,
.review-slider .slick-next:before {
  content: "";
  background: url(https://www.janbasktraining.com/assets2023/img/jt-images/rightArrow.png) no-repeat center;
  width: 16px;
  height: 16px;
  background-size: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-position: center;
}

.coursesBtn {
  background: #fff;
  padding: 2px 18px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
  border: 1.5px solid #82b2c2;
  width: fit-content;
  text-align: center;
  margin: 0 auto;
  display: table;
}
.coursesBtn:hover {
  background: #F8BD00;
  border: 1.5px solid #F8BD00;
}
.advisorFormSection .form-control {
  padding: 10px 14px;
}
.tag {
  width: fit-content;
  height: 24px;
  background-color: #2b68d7;
  padding: 0 14px;
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 12px;
}
.tag-title {
  line-height: 24px;
  color: #f0f0f0;
  font-size: 15px;
}

[class^="tag-tail"]:after, [class^="tag-tail"].tag-tail:before {
  content: "";
  width: 0;
  height: 0;
  display: block;
}
.tag-right .tag-tail {
  position: absolute;
  top: 0;
  left: -16px;
}
.tag-tail:before, .tag-left .tag-tail:before {
  border-right: 16px solid transparent;
  border-top: 12px solid #2b68d7;
}
.tag-right .tag-tail:before {
  border-left: 16px solid transparent;
  border-top: 12px solid #2b68d7;
}
.tag-right .tag-tail:after {
  border-left: 16px solid transparent;
  border-bottom: 12px solid #2b68d7;
}
.popupHeading {
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
}
.popupSubHeading{
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
div#getCurriculumModal button.btn-close, div#certificationModal button.btn-close,
div#certificationModal55 button.btn-close, div#batchEnrollModal button.btn-close,
#previewCertificateModal button.btn-close, #yourCareerModal button.btn-close,
#topCurriculumModal button.btn-close, #LettalkModal button.btn-close, #FindBatchModal button.btn-close, #enrollDemoClassModal button.btn-close{
  position: absolute;
  background-color: #fff;
  z-index: 11;
  right: 0px;
  opacity: 1;
  color: #000;
  font-size: 10px;
  border-radius: 50%;
  top:0px;
}
.googleReviewFixed {
  position: fixed;
  left: 0;
  z-index: 1;
  bottom: 20px;
  justify-content: start!important;
  width: 40%;
}
.bannerRating span.fa.fa-star img {
  width: 20px;
  padding-right: 2px;
}
.formVideoPopup .col-md-10.col-lg-10.col-12 {
  background: #ffffffdb;
  padding: 24px 40px;
}

#previewCertificateModal .modal-dialog .modal-content {
  border: 0px;
}
.modal-header {
  border: 0px;
}
.popupButton{
  width: 100%; border-radius:0px;
background:linear-gradient(135deg,#046A8A,#339AC1); margin: 0 auto; border:0px;display: table;height: 38px;font-size: 16px;
}
.redBtn:hover{
  color: #fff;
}
.agrbt {
  display: flex;
  text-align: left;
}
.agrbt input{
  width: 36px!important;
  text-align: center;
  display: flex;
  justify-content: center;
}
.agrbt p {
  font-size: .71rem;
  line-height: 1rem;
}
.accordion-button:focus {
  box-shadow: none;
}
.sticky-nav-tabs-container, .sticky-nav-tabs-container1{
  display: -webkit-box;
  display: -ms-flexbox;
  display: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
  background:linear-gradient(135deg,#136AAB,rgb(98 67 153));
  z-index: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.sticky-nav-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #ffffff;
  background: transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-size: 18px;
  font-weight: 700;
  position: relative;
}
.sticky-nav-tab:after {
  background: #fff;
  width: 2px;
  height: 60%;
  position: absolute;
  content: '';
  right: 0px;
  top: 50%;
  transform: translate(0,-50%);
}
.sticky-nav-tab:hover {
  color: #1568aa;
  background: #fff;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.fixed-menu {
  position: fixed;
  top: 56px;
  display: flex;
} 
span.iconav.iconav1 {
  background-position: -343px -7px;
}
span.iconav.icona2 {
  background-position: -298px -7px;
}
span.iconav.icona3 {
  background-position: -252px -7px;
}
span.iconav.iconav4 {
  background-position: -441px -7px;
}
span.iconav.iconav5 {
  background-position: -485px -7px;
}
#yourCareerModal .modal-header, #batchEnrollModal .modal-header, #topCurriculumModal .modal-header,
#LettalkModal .modal-header,
#FindBatchModal .modal-header,
#enrollDemoClassModal .modal-header {
  background: #f7f7f7;
  border: 0px; 
  display: block; 
}
div#yourCareerModal .modal-content, #batchEnrollModal .modal-content, #topCurriculumModal .modal-content,
#LettalkModal .modal-content,
#FindBatchModal .modal-content,
#enrollDemoClassModal .modal-content {
  border-radius: 0px;
}
.logoBrannd {
  width: 108px;
  height: 88px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.modal .form-control::placeholder {
  font-size: 14px;
}
.modal-dialog {
  top: 128px;
  max-width: 564px;
}
.modal-dialog .form-control {
  border-color: #cbd6e2;
  border-radius: 0px;
}
.weekCourse span {
  color: #3758a3;
  font-weight: 800;
}
.discoverBox {
  background: linear-gradient(240deg, rgb(251, 255, 240), rgb(218, 240, 249));
  padding: 34px 20px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 17%);
  min-height: 224px;
}
.discoverBox.bgGreen {
  background: #fff url(https://www.janbasktraining.com/assets2023/img/jt-images/graphi-new-bx.png) no-repeat;
  height: 318px;
  background-size: 100%;
  background-position: bottom center;
}
.bgImage img{
  border-radius: 10px;
}
.poiuBg{
  background: url(https://www.janbasktraining.com/assets2023/img/jt-images/poiu.webp)bottom center;
  height: 100%;
}
.discoverBox img.img-fluid {
  position: absolute;
  top: 4px;
  right: -10px;
  opacity: .05;
  width: 110px;
}
.discoverBox .counterHeading {
  font-size: 36px;
  line-height: 42px;
  align-items: center;
}
.section1.home_videobanner img.img-fluid {
  width: 100%;
  border-radius: 14px;
}
input[type=checkbox] {
  position: relative;
	border: 2px solid #278eb3;
	border-radius: 2px;
	background: none;
	cursor: pointer;
	line-height: 0;
	margin: 0 .6em 0 0;
	outline: 0;
	padding: 0 !important;
	vertical-align: text-top;
	height: 20px;
	width: 20px;
	-webkit-appearance: none;
  opacity: .5;
}
input[type=checkbox]:hover {
  opacity: 1;
}
input[type=checkbox]:checked {
  background-color: #278eb3;
  opacity: 1;
}
input[type=checkbox]:before {
  content: '';
  position: absolute;
  right: 50%;
  top: 50%;
  width: 4px;
  height: 10px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}
span.stepicon {
  background: url(https://www.janbasktraining.com/assets2023/img/jt-images/circleImg.png) no-repeat;
  width: 78px;
  height: 78px;
  display: inline-block;
  background-size: 380px;
  position: relative;
  top: -36px;
  left: -12px;
} 
span.stepicon1 {
  background-position: 11px 0px;
}
span.stepicon2 {
  background-position: -144px 0px;
}
span.stepicon3 {
  background-position: -64px 0px;
}
span.stepicon4 {
  background-position: -229px 0px;
}
span.stepicon5 {
  background-position: -309px 0px;
}
.video {
  width: 100%;
  height: 400px;
  margin: auto;
  display: block;
  border: none;
}
.close-btn {
  display: block;
  cursor: pointer;
  border: 0px;
  background-color: white;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  right: 0px;
  position: absolute;
    top: -14px;
}
.popup-btn:hover {
  color: white;
  background-color: black;
}
.video-popup {
  display: none;
  width: 100%;
  height: 100vh;
  margin: auto;
  position: fixed;
  top: 0;
  z-index: 1;
}
.popup-bg {
  background: rgba(0,0,0,0.8);
  width: 100%;
  height: 100vh;
  position: absolute;
}
.popup-content {
  background: black;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 800px;
  height: auto;
}
.popup-title {
  padding: 30px;
  margin: 0 auto;
  color: red;
  text-transform: uppercase;
}
.video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 30px;
  height: 40px;
  border-radius: 50%;
} 
div#certificationModal55 .modal-dialog {
  max-width: 744px;
}
.accelerate-box.slick-slide {
  padding: 0px 28px;
}
div#previewCertificateModal .modal-dialog {
  max-width: 844px;
}
.formVideoPopup {
  width: 100%;
  background: #000000b0;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translate(-50%,0);
  padding: 0px 34px;
  height: 100%;
  top:0px;
}
form#coursePreview .form-control {
  border-radius: 0px;
  height: 46px;
}
.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: linear-gradient(
    135deg,
    rgba(82, 62, 232, 0.92),
    rgba(0, 220, 175, 0.92)
  );
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: linear-gradient(
    135deg,
    rgba(82, 62, 232, 0.92),
    rgba(0, 220, 175, 0.92)
  );
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: darken(rgba(82, 62, 232, 0.92), 10%);
}
.video-play-button span {
  display: block;
  position: absolute;
  z-index: 11;
  width: 0;
  height: 0;
  border-left: 22px solid #fff;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.continueBtn {
  background-color: #FFCD3F;
  padding: 4px 20px;
  border-radius: 40px;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

.video-overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.80);
  opacity: 0;
  transition: all ease 500ms;
}

.video-overlay.open {
  position: fixed;
  z-index: 1000;
  opacity: 1;
}

.video-overlay-close {
  position: absolute;
  z-index: 1000;
  top: 15px;
  right: 20px;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms;
}

.video-overlay-close:hover {
  color: #fa183d;
}
 
.video-overlay iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-shadow: 0 0 15px rgba(0,0,0,0.75);
}
.sticky-nav-tab:nth-child(7)::after{
  content: none;
}
.DemoClassRight {
  justify-content: end;
  display: flex;
  gap:10px;
}
.enrollpy-1{
  position: fixed;
  -webkit-transition: all .5s,-webkit-transform .5s;
  transition: all .5s,transform .5s;
  top:-10%;
  opacity: 0;
}
.enrollpyFixed {
  position: fixed;
  z-index: 111;
  background: #fff;
  width: 100%;
  top:0;
  opacity: 1;
}
.curBtn {
  background: #F8BD00;
  padding: 6px 28px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.read-more {
  display: inline-block;
  margin-top: 16px;
  color: #046A8A;
  border-bottom: 1px solid #046A8A;
}
.loginBx:after {
  position: absolute;
  content: '';
  width: 1.5px;
  height: 40px;
  background: #a3a3a3;
  left: 10px;
}
.loginBx {
  position: relative;
  padding-left: 30px;
}
.talkTo {
  background: #383838;
  box-shadow: 0 4px 10px 0 rgba(0,0,0,.09);
}
.talkTo  .expertIcon.img-fluid {
  filter: invert(1);
  width: 48px;
} 
.privacy_policy_pop_up p,
.privacy_policy_pop_up p a {
   font-size: 12px !important;
   text-align: left;
}
.privacy_policy_pop_up p a, .privacy_policy_pop_up p .read_more {
  color: #0b7192;
  text-decoration: underline;
  padding-left: 5px;
}
.prohighlight{
  background: #FFF;
 box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.09);
}
.sticky-nav-tab:nth-child(7):after{
content:none;
}
span.playIconz {
  background: url(https://www.janbasktraining.com/assets2023/img/jt-images/groupIcons.svg) no-repeat;
  background-position: -188px -34px;
  background-size: 378px;
  width: 30px;
  height: 30px;
  display: inline-block;
}
span.iconPhone {
  background: url(https://www.janbasktraining.com/assets2023/img/jt-images/groupIcons.svg) no-repeat;
  background-position: -4px 0px;
  background-size: 388px;
  width: 34px;
  height: 34px;
  display: inline-block;
}
span.iconPhone1 {
  background: url(https://www.janbasktraining.com/assets2023/img/jt-images/groupIcons.svg) no-repeat;
  background-position: -62px -8px;
  background-size: 588px;
  width: 32px;
  height: 32px;
  display: inline-block;
}
span.expertIcon {
  background: url(https://www.janbasktraining.com/assets2023/img/jt-images/groupIcons.svg) no-repeat;
  background-position: -428px -26px;
  background-size: 488px;
  width: 56px;
  height: 56px;
  display: inline-block;
}
span.twitterIcon {
  background: url(https://www.janbasktraining.com/assets2023/img/jt-images/groupIcons.svg) no-repeat;
  background-position: -120px -5px;
  background-size: 454px;
  width: 26px;
  height: 26px;
  display: inline-block;
}
span.youtubeIcon {
  background: url(https://www.janbasktraining.com/assets2023/img/jt-images/groupIcons.svg) no-repeat;
  background-position: -178px -1px;
  background-size: 414px;
  width: 34px;
  height: 34px;
  display: inline-block;
}
span.facebookIcon{
  background: url(https://www.janbasktraining.com/assets2023/img/jt-images/groupIcons.svg) no-repeat;
  background-position: -157px -5px;
  background-size: 454px;
  width: 26px;
  height: 26px;
  display: inline-block;
}
span.linkedinIcon {
  background: url(https://www.janbasktraining.com/assets2023/img/jt-images/groupIcons.svg) no-repeat;
  background-position: -85px -5px;
  background-size: 478px;
  width: 32px;
  height: 32px;
  display: inline-block;
}

span.instagramIcon {
  background: url(https://www.janbasktraining.com/assets2023/img/jt-images/groupIcons-new.svg) no-repeat;
  background-position: -279px -4px;
  background-size: 478px;
  width: 32px;
  height: 32px;
  display: inline-block;
} 

#namePrint {
  font-size: 38px;
  line-height: 48px;
  text-align: center;
  position: absolute;
  top: 42%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-weight: 700;
  color: #b3232c;
}
.exploreCourses{
  background: #f7f7f7;
}
div#coursePrint {
  color: #537ca3;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%,-50%);
}
span.invert-icon {
  background: url(https://www.janbasktraining.com/assets2023/img/jt-images/groupIcons.svg) no-repeat;
  background-position: -4px 0px;
  background-size: 388px;
  width: 34px;
  height: 34px;
  display: inline-block;
}
span.invert-icon1 {
  background: url(https://www.janbasktraining.com/assets2023/img/jt-images/groupIcons.svg) no-repeat;
  background-position: -42px 0px;
  background-size: 426px;
  width: 34px;
  height: 34px;
  display: inline-block;
}
span.invert-icon2 {
  background: url(https://www.janbasktraining.com/assets2023/img/jt-images/groupIcons.svg) no-repeat;
  background-position: -34px 0px;
  background-size: 388px;
  width: 34px;
  height: 34px;
  display: inline-block;
}
form#get_in_touch input[type=checkbox]:checked {
  background-color: #e8b100;
}
form#get_in_touch input[type=checkbox] {
  border: 2px solid #ffffff;
}
.CourseView {
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translate(-50%,-50%);
  background: linear-gradient(    135deg,    rgb(0 0 0 / 66%),    rgb(74 74 74 / 70%)  );
  width: 100%;
  text-align: center;
  padding: 10px 0px;
}
.formhdt {
  background: linear-gradient(135deg,#136AAB,rgb(98 67 153));
  border-radius: 28px;
  padding: 6px 42px;
  color: white;
  width: fit-content;
  margin: 0 auto;
}
.roundedImage{
  border-radius: 8px;
}
/* @keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
} */
.col-lg-5.col-5 .weekTxt {
  font-size: 14px;
}
div#nav-tab2 > button.nav-link {
  font-size: 20px;
  font-weight: 700;
  color: #3758a3;
  border: 0px;
}
div#nav-tab2 {
  border-bottom: 0px solid #d5d5d5;
}
div#nav-tab2:focus-visible {
  outline: 0px;
}
div#nav-tab2 > button.nav-link:focus-visible {
  outline: 0;
  box-shadow: none;
}
div#nav-tab2 > button.nav-link:hover, div#nav-tab2 > button.nav-link:focus{
  border: 0px;
}
div#nav-tab2 > button.nav-link.active {
  color: #000;
  position: relative;
  box-shadow: none;
  background-color: #fff!important;
  border: 0px;
  border-bottom: 4px solid #046a8a;
}
span.moreless-button3 {
  cursor: pointer;
}
@media (min-width: 320px) and (max-width: 580px){
  .counterHeading {
    font-size: 38px;
    line-height: 44px;
}
  ul.contactFeatList li:after {
    width: 16px;
    height: 16px;
    top: 6px;
    transform: inherit;
}
.faqSection .nav-link {
  padding: 8px 6px;
  font-size: 12px;
}
  .weekTxt {
    font-size: 12.98px;
}
  .batchTxt {
    font-size: 15px;
}

}  
@media (min-width: 320px) and (max-width: 539px){
  section#Course {
    padding-bottom: 0px;
}
  .certificateBox img {
    width: 96%;
}
  .Highlights .d-inline-flex.align-items-center span img.img-fluid {
    width: 34px;
    margin: 0 auto;
    display: table;
}

}
@media (min-width: 540px) and (max-width: 767px){
  .certificateBox img {
    width: 80%;
}
  .bgImage img {
    width: 100%;
}
  .faqSection .nav-link {
    padding: 8px 14px;
    font-size: 15px;
}
}


@media (max-width: 767px) {
  .poiuBg.roundedImage {
    display: none;
}
  .beginbx form#sliderform-form .form-control {
    height: 38px;
}
  #new_course_3 .discoverBox.bgGreen {
    height: 216px;
}
  .roundedImage {
    height: 400px;
    background-position: 0px -70px;
  }
  .beginbx {
    width: 100%;
    margin-top: 28px;
    padding: 20px;
}
  .roundedImage{
    margin-bottom: 10px;
  }
  .modal-dialog {
    top: 34px;
    max-width: 100%;
}
  .scroll-top{
    display: none!important;
  }
  .faqSection .nav {
    gap: 6px;
    width: 100%;
}
  span.stepicon {
    left: -3px;
    top: 6px;
    height: 62px;
}
  /* .discoverBox.bgGreen.qaBg p, .discoverBox.bgGreen.qaBg span {
    color: #fff;
} */
  /* .discoverBox.bgGreen.qaBg {
    background: linear-gradient(rgb(0 0 0 / 57%) 100%,rgb(0 0 0 / 47%) 100%),  url(https://www.janbasktraining.com/assets2023/img/jt-images/bgGreenQA.webp)bottom center;
} */
  .lineon {
    line-height: 44px;
    font-size: 20px;
}
  .revName {
    gap: 10px;
    align-items: flex-start;
    flex-direction: column;
}
  .revName span.fa.fa-star img {
    width: 14px;
}
  .talktoad {
    font-size: 18px;
    line-height: 26px;
}
  .counterHeading {
    font-size: 24px!important;
    line-height: 34px;
}
  section.section.exploreCourses {
    padding-bottom: 100px;
}
  .sprfwq:after{
    content:none;
  }
  .discoverBox.bgGreen {
    height: 228px;
}
  .discoverBox {
    min-height: auto;
}
  span.iconPhone1 {
    background: url(https://www.janbasktraining.com/assets2023/img/jt-images/groupIcons.svg) no-repeat;
    background-position: -38px -4px;
    background-size: 398px;
    width: 26px;
    height: 26px;
}
  span.invert-icon {
    background: url(https://www.janbasktraining.com/assets2023/img/jt-images/groupIcons.svg) no-repeat;
    background-position: 0px 0px;
    background-size: 272px;
    width: 22px;
    height: 22px;
}
  div#nav-tab2 > button.nav-link {
    font-size: 15px;
    font-weight: 800;
    width: 33%;
    padding: 0px 5px;
}
  .accelerate-slider a.slick-slide {
    padding: 0px 4px;
}
.discoverBox .counterHeading,  .discoverBox .counterHeading span{
  font-size: 24px!important;
  line-height: 34px;
}
  /* .discoverBox .counterHeading span {
    font-size: 22px;
    line-height: 26px;
  } */
  .logoBrannd {
    width: 54px;
    height: 54px;
}
  .callTxt p.mb-0, span.iconPhone {
    display: none;
}
  div#review_mob a:nth-child(3) {
    display: none;
}
  section.section.reviewBg {
    padding-bottom: 58px;
} 
  .accelerate-box.slick-slide {
    padding: 0px 6px;
}
  .ratingcrs {
    font-size: 12.98px;
}
  span.linkedinIcon {
    background-position: -80px -2px;
}
  span.twitterIcon, span.facebookIcon, span.linkedinIcon {
    background-size: 438px;
    width: 28px;
    height: 28px;
}
span.facebookIcon {
  background-position: -150px -5px;
}
span.twitterIcon {
  background-position: -114px -5px;
}
span.youtubeIcon {
  background-size: 388px;
  width: 32px;
  height: 30px;
  background-position: -169px -1px;
}
  .accordion-body .d-inline-flex ul {
    margin-bottom: 0px;
}
  .accordion-body .d-inline-flex {
    flex-direction: column;
}
  span.playIconz {
    background-position: -144px -25px;
    background-size: 292px;
    width: 24px;
    height: 24px;
}
  .footerLogo {
    width: 160px;
}
.courses-box {
  margin-right: 8px;
  min-height: auto;
  padding-bottom: 10px;
  width: 100%;
}

  .faqSection .nav-link {
    padding: 8px 6px;
    font-size: 12px;
}
.accordion-item button.accordion-button, .accordion-item button.accordion-button h3 {
  font-size: 1rem;
  padding: 10px 6px;
  font-weight: 700;
}
.accordion-body button.accordion-button h5 {
  font-size: 15px;
  font-weight: 700;
} 
.accordion-body p, .accordion-body p span, .accordion-body span, .accordFaq .accordion-body ul li {
  font-size: 14px!important;
}
.formhdt {
  font-size: 14px;
  margin-top: 10px;
  padding: 6px
20px;
}
  .tag {
    height: 20px;
}
.tag-title {
  line-height: 20px;
  font-size: 11.98px;
}
.tag-right .tag-tail {
  left: -14px;
}
.tag-right .tag-tail:before {
  border-left: 14px solid transparent;
  border-top: 10px solid #2b68d7;
}
.tag-right .tag-tail:after {
  border-left: 14px solid transparent;
  border-bottom: 10px solid #2b68d7;
}
  .coursesBtn {
    font-size: 12px;
    line-height: 23px;
}
  .trending-crs .accelerate-slider .slick-prev:before, .review-slider .slick-prev:before, .trending-crs .accelerate-slider .slick-next:before, .review-slider .slick-next:before, .exploreCourses .slick-next:before{
    width: 10px!important;
    height: 10px!important;
    background-size: 7px!important;
}
  .review-slider .slick-next,  .trending-crs .slick-next, .exploreCourses .slick-next {
    width: 30px!important;
    height: 30px!important;
    left: 55%!important;
    right: initial!important;
    transform: translate(-50%,0)!important;
    top: initial!important;
}
  .review-slider .slick-prev, .trending-crs .slick-prev, .exploreCourses .slick-prev {
    width: 30px!important;
    height: 30px!important;
    left: 42%!important;
    transform: translate(-50%,0)!important;
    top: initial!important;
}
 .exploreCourses .slick-prev,
.exploreCourses .slick-next{
  bottom: -68px!important;
}
.review-slider .slick-next, .review-slider .slick-prev {
  bottom: -7px!important;
}
.trending-crs .slick-next, .trending-crs .slick-prev, .exploreCourses .slick-next, .exploreCourses .slick-prev {
  bottom: -30px!important;
}

  section#whyUs .d-inline-flex.mt-3, .previewSample{
    display: block!important;
} 
  .journeySection:after {
    width: 100%;
    height: 100%;
    border-radius: 0px;
}
  .circle:hover {
    width: 134px;
}
  .circle {
    width: 66px;
    margin-right: 10px;
}
  .topHire:after, #upbatch:after {
    width: 140%;
    height: 100%;
    top: 0px;
    border-radius: 0px;
}
  form#coursePreview .input-group1 label {
    font-size: 12px;
    margin-bottom: 6px!important;
} 
  .popupHeading {
    font-size: 18px;
    line-height: 24px;
}
  form#coursePreview .form-control {
    height: 38px;
}
  .formVideoPopup .col-md-10.col-lg-10.col-12 {
    padding: 10px;
} 
  .faIcon img { 
    width: 16px;
}
.ratingNew {
  font-size: 14px;
}
  .loginBx:after{
    content: none;
  }
  .loginBx { 
    position: initial;
    padding-left: 0;
}

  footer .sectionSubHeading {
    font-size: .92rem;
    line-height: 1rem;
}
  footer .sectionHeading:before {
    height: 2px;
    bottom: -8px;
}
  footer .sectionHeading {
    font-size: 1.3rem;
    line-height: 2.2rem;
}
  .form-control {
    font-size: 12px;
}
ul.contactFeatList li {
  padding: 5px 0px;
  line-height: 18px;
  font-size: 15px;
}
  .stepNo p {
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 18px;
}
.stepImg img {
  width: 108px;
}
.stepImg {
  margin: 0 auto 4px auto;
  padding: 4px 0px;
}
  .stepNo:after {
    content: none;
}
  .discoverBox {
    padding: 14px;
    margin-bottom: 18px;
}

  .blueStripForm form .form-control {
    border-radius: 44px;
    height: 36px;
    font-size: 12px;
}
  .actualPrice {
    font-size: 18px;
}
  .callIconMob {
    width: 24px;
}
  .batchDetailsList {
    padding: 0px 0px; 
}
  .courseAccordion .accordion-header {
    margin-bottom: 22px;
}
  ul.batchDetailsList li:after {
    left: -10px;
    width: 16px;
    height: 16px;
    top: 6px;
}
  ul.batchDetailsList li {
    padding: 5px 0px;
    line-height: 18px;
    font-size: 14px;
    padding-left: 10px;
}
  .enrollpyFixed{
    display: none;
  }
  .previewBtn img {
    width: 20px;
}
  .courseAccordion ul li {
    font-size: .86rem;
    line-height: 1.2rem;
}
  .previewBtn {
    width: fit-content;
    height: auto;
    font-size: 14px;
    position: initial;
    margin-bottom: 12px;
    padding: 4px 15px;
}
  .primaryBtn {
    padding: 4px 28px;
    font-size: 1rem;
}
  .bestPrice, .offerPrice{
    font-size: 18px;
}
  .classDetailsBox .fw-600.fs-5 {
    font-size: 15px!important;
}
  .batchHeading {
    font-size: 22px;
}

  .popup-content .video {
    width: 100%;
    height: 100%;
}
  .popup-content {
    width: 92%;
}
  .topHire .col-lg-2.col-3 {
    padding: 0px 12px!important;
    width: 20%;
}
  .accordion-body {
    padding: 10px 8px;
}
  .courseAccordion .accordion-button:not(.collapsed) .previewBtn {
    font-size: 12px;
    padding: 0px 5px;
    gap: 2px;
}
  .weekHead {
    align-items: center;
}
  .weekCourse {
    font-size: 15px;
}
  .courseAccordion button.accordion-button {
    padding: 4px 10px;
}
.journeySection .col.text-center.jobStep {
  flex: 100%;
  margin-bottom: 50px;
  background: #f7f7f7;
  padding: 20px 14px;
  margin: 0px 18px;
}
  .socialReview {
    display: none;
}
.videoBtn {
  margin-top: 14px;
  font-size: 15px;
  line-height: 20px;
}
.videoBtn:hover {
  background: #f7f7f7;
}
  .btnBox {
    gap: 10px;
}
  .section1.home_videobanner {
    margin-top: 28px;
}
  .video-play-button span {
    border-left: 12px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
  .video-play-button:after {
    width: 60px;
    height: 60px;
}
  .bnrSubHead:after {
    width: 4px;
    left: 4px;
}
ul.tick-green li:after {
  width: 16px;
  height: 16px;
  top: 2px;
}
ul.tick-green {
  margin: 18px 8px;
  flex-direction: column;
}
  /* .bannerTop {
    margin-top: 68px;
} */
ul.tick-green li {
  width: 100%;
  margin-bottom: 5px;
}
.getCall sectionSubHeading.my-auto.ps-3 {
  padding-left: 8px!important;
}
}

@media (min-width: 820px) and (max-width: 1100px){
  .trending-crs, section.section.exploreCourses {
    padding-bottom: 108px;
    margin-bottom: 0px;
}
  .trending-crs .accelerate-slider .slick-prev, .accelerate-slider .slick-prev, .review-slider .slick-prev {
    left: 44%;
}
}

@media (min-width: 768px) and (max-width: 991px){
  .discoverBox .counterHeading, .discoverBox .counterHeading span {
    font-size: 34px;
    line-height: 40px;
}
  .googleReviewFixed {
    bottom: 80px;
    width: 74%;
    z-index: 11;
}
  .jobStep {
    margin-top: 38px;
}
  #new_course_11 .discoverBox.bgGreen {
    height: 256px;
}
#new_course_11 .discoverBox {
  min-height: 188px;
}
  #new_course_3 .discoverBox.bgGreen {
    height: 328px;
}
  .accelerate-box.slick-slide .col-4{
    width: 24%;
}
.accelerate-box.slick-slide .col-8 {
  width: 76%;
}
  .certificateBox img {
    width: 70%;
}
  .Highlights span img {
    margin: 0 auto;
    display: table;
}
  .trending-crs, section.section.exploreCourses {
    padding-bottom: 108px;
    margin-bottom: 0px;
}
  .trending-crs .accelerate-slider .slick-prev, .accelerate-slider .slick-prev, .review-slider .slick-prev {
    left: 40%;
}
  .lineon {
    line-height: 44px;
    font-size: 20px;
}
  .revName {
    gap: 10px;
    align-items: flex-start;
    flex-direction: column;
}
  .accelerate-box.slick-slide {
    padding: 0px 14px;
}
  .review-slider .slick-prev, .review-slider .slick-next {
    width: 32px;
    height: 32px;
}
  .review-slider .slick-prev {
    left: -30px;
}
  .revName span.fa.fa-star img {
    width: 14px;
}
  .counterHeading {
    font-size: 38px;
    line-height: 44px;
}
  section.section.exploreCourses {
    padding-bottom: 100px;
}
  .lineon, footer .sectionHeading {
    font-size: 22px;
}
  .sprfwq:after{
    content:none;
  }
  .formhdt{
    margin-top: 14px;
  }
  .getCall .sectionSubHeading.my-auto.ps-3 {
    padding-left: 8px!important;
}
  .getCall {
    margin-left: 40px;
}
.logoBrannd {
  width: 78px;
  height: 62px;
}
  .callTxt p.mb-0, span.iconPhone {
    display: none;
}
.loginBx:after{
  content: none;
}
  .stepImg {
    margin: 0 auto 0px auto;
}
  div#review_mob a:nth-child(3) {
    display: none;
}
  .accordion-body p, .accordion-body p span, .accordion-body span, .accordFaq .accordion-body ul li, #accordionExample .accordion-body ul li{
    font-size: 17px!important;
}
  .accordion-item button.accordion-button, .accordFaq .accordion-button, .accordFaq .accordion-button h3, .accordFaq .accordion-button h4, .accordFaq .accordion-button h5, .accordFaq .accordion-button h6, .accordFaq .accordion-button h2, .accordFaq .accordion-button h1 {
    font-size: 18px;
    padding: 10px 6px;
    font-weight: 700;
}
.jobStep .sectionSubHeading {
  font-size: 1.3rem;
  line-height: 1.5rem;
}
  .faqSection .nav-link {
    padding: 10px 26px;
    font-size: 18px;
}
  /* .col.text-center.jobStep:nth-child(3) .stepNo:after{
    content:none;
  } */
  .discoverBox {
    padding: 14px;
    margin-bottom: 18px;
}
  .topHire:after, #upbatch:after {
    width: 140%;
    height: 100%;
    top: 0px;
    border-radius: 0px;
}
  .topHire .col-lg-2.col-3 {
    padding: 0px 12px!important;
    width: 14%;
}
.curBtn {
  padding: 4px 10px;
  font-size: 12px;
  line-height: 18px;
} 
}



@media (min-width: 992px) and (max-width: 1199px) { 
 
  .batchDetailsList {
    padding: 0px 12px;
}
  .classDetails .col-lg-3.col-3.text-start {
    padding: 0 0px;
}
.weekTxt {
  font-size: .96rem;
}
  .classDetailsBox {
    padding: 40px 12px 20px 12px!important;
}
  #new_course_29 .discoverBox {
    min-height: 238px;
}
  .colorBoxHead:after {
    width: 100%;
}
  .certificationTraining .col-md-12.col-lg-6.col-xxl-6 .row .col-md-6.col-lg-6.col-xxl-6 {
    padding: 0px 8px;
}
  #new_course_11 .discoverBox.bgGreen {
    height: 338px;
}
  #new_course_11 .discoverBox {
    min-height: 200px;
}
  .certificateBox img {
    width: 66%;
}
#new_course_29 .discoverBox.bgGreen {
  height: 392px;
}
 .discoverBox.bgGreen{
    height: 365px;
}
  .colorBoxHead p {
    padding: 2px 20px;
    font-size: 14px;
}
  .discoverBox {
    padding: 20px 8px;
}
  .curBtn {
    padding: 6px 20px;
    font-size: 15px;
    line-height: 22px;
}
.enrollpyFixed .col-lg-4.col-md-6 {
  width: 31%;
}
  .enrollpyFixed .col-lg-6.col-md-4 {
    width: 50%;
}
  .beginbx {
    padding: 28px 18px;
    width: 100%;
}
  .certificationTraining .container {
    max-width: 98%;
}
  .circle {
    margin-right: 10px;
      width: 70px;
  }
  .faIcon img {
    width: 18px;
  }
  .discoverBox .counterHeading span, .discoverBox .counterHeading {
    font-size: 26px;
    line-height: 32px;
}
  .logoBrannd {
    width: 78px;
    height: 62px;
}
  .DemoClassRight span.iconPhone {
    display: none;
  }
  .sprfwq:after{
    content: none;
  }
  .getCall {
    margin-left: 0px;
}
  div#review_mob a:nth-child(3) {
    display: none;
}
  .enrollpyFixed .col-lg-6.col-md-5 {
    width: 46%;
}
  .enrollpyFixed .col-lg-4.col-md-5 {
    width: 37%;
}
  .review-slider .slick-prev, .review-slider .slick-next {
    position: absolute;
    width: 34px;
    height: 34px;
}
  .review-slider .slick-prev {
    left: -40px;
}
  .trending-crs .accelerate-slider .slick-prev, .trending-crs .accelerate-slider .slick-next {
    width: 34px;
    height: 34px;
    bottom: -34px;
}
  .courses-box .p-2.p-lg-4.pt-3 {
    padding: 10px 10px!important;
}
  .courses-box {
    margin-right: 12px;
    min-height: 247px;
}
section#whyUs .d-inline-flex.mt-3 {
  flex-direction: row;
}
  footer .sectionHeading {
    font-size: 1.4rem;
    line-height: 2.2rem;
}
  .previewBtn {
    width: 106px;
    height: 32px;
    gap: 4px;
    font-size: 15px;
}
  .talktoad{
    font-size: 19px;
  }
  .talkTo p.fs-5.fw-700 {
    font-size: 17px!important;
    line-height: 22px;
}
  .talkTo .d-inline-flex.mt-1.mt-lg-3 {
    margin-top: 0px!important;
}
  .talkTo {
    padding: 18px 18px!important;
}
  span.iconPhone1 {
    background-position: -42px -6px;
    background-size: 428px;
    width: 28px;
    height: 28px;
}
  span.expertIcon {
    background-position: -378px -26px;
    background-size: 428px;
    width: 46px;
    height: 46px;
}
  .faqSection .nav-link {
    padding: 10px 40px;
    font-size: 20px;
}
  .stepImg img {
    width: 118px;
}
  .col.text-center.jobStep {
    width: 20%;
}
  .colorBoxHead:before {
    width: 274px;
}
  .classDetails .col-lg-4 {
    padding: 0px 4px!important;
}
  .colorBoxHead {
    padding: 6px 22px;
}
  .talkTo  .expertIcon.img-fluid {
    filter: invert(1);
    width: 34px;
}
  .classDetailsBox .fw-600.fs-5 {
    font-size: 18px!important;
    line-height: 24px;
}
  .bestPrice, .offerPrice {
    font-size: 21px;
}
  .batchHeading {
    font-size: 25px;
}
  .jobBox {
    padding: 26px 18px!important;
}
.topHire .col-lg-2.col-3 {
  padding: 0px 21px!important;
  width: 20%;
}
.primaryBtn {
  border-radius: 48px;
  padding: 6px 25px;
  font-size: 1rem;
}
}
@media (min-width: 1200px) and (max-width: 1399px){
  #new_course_11 .discoverBox.bgGreen {
    height: 310px;
}
#new_course_11 .discoverBox {
  min-height: 204px;
  padding: 20px 20px;
}
  .prohighlight .sectionDescription {
    font-size: 16px;
}
  .discoverBox.bgGreen {
    height: 354px;
}
 
  .discoverBox {
    padding: 18px 20px;
}
  .jobBox .sectionHeading {
    font-size: 1.58rem;
    line-height: 1.88rem;
}
  .loginBtn a, li.signline a {
    font-size: 14px;
}
  #phone_loc {
    font-size: 17px;
    line-height: 20px;
}
}

@media (min-width: 1200px) and (max-width: 1499px) {

  .googleReviewFixed {
    width: 70%;
}
.circle {
  margin-right: 12px;
    width: 72px;
}
  .beginbx .slider-text2 {
    font-size: 1.54rem;
    line-height: 1.78rem;
}
.beginbx {
  padding: 28px 18px;
  width: 392px;
}
  .trending-crs .accelerate-slider .slick-prev, .review-slider .slick-prev, .trending-crs .accelerate-slider .slick-next, .review-slider .slick-next {
    width: 34px;
    height: 34px;
    bottom: -48px;
}
  .courses-box {
    margin-right: 10px;
}
  .courses-box .boxHeading {
    font-size: 1rem;
    line-height: 1.3rem;
}
  .tag {
    top: 6px;
}
section.bannerTop {
  padding: 32px 0;
}
section{
  padding:60px 0;
}
  .modal-dialog {
    top: 52px;
}
  .lineon, footer .sectionHeading {
    line-height: 46px;
    font-size: 22px;
}
  .sprfwq:after {
    right: -6px;
}
  .sprf li a {
    font-size: 15px;
}
  .talktoad {
    font-size: 20px;
    line-height: 28px;
}
.logoBrannd {
  width: 78px;
  height: 62px;
}
  .formhdt {
    padding: 8px 34px;
    font-size: 17px;
}
.classDetails .batchHeading {
    font-size: 24px;
}
  .col-lg-5.col-5 .weekTxt {
    font-size: 11px;
}
  .weekTxt {
    font-size: 14px;
}
  .row.mb-3.border-bottom .col-lg-3.col-3.text-start {
    padding: 0px;
}

.blueStripForm form .form-control {
  height: 40px;
  font-size: 14px;
}
  .footerSocial a img {
    width: 26px;
}
  .faqSection .nav-link {
    padding: 10px 68px;
    font-size: 20px;
}
  .tag-right .tag-tail {
    left: -14px;
}
  .tag-right .tag-tail:after {
    border-left: 14px solid transparent;
    border-bottom: 10px solid #2b68d7;
}
  .tag-right .tag-tail:before {
    border-left: 14px solid transparent;
    border-top: 10px solid #2b68d7;
}
  .tag {
    height: 20px;
}
  .tag-title {
    line-height: 20px;
    font-size: 11.98px;
}
  .batchtxt {
    font-size: 14px;
}
  ul.batchDetailsList li:after {
    width: 17px;
    height: 17px;
}
  ul.batchDetailsList li {
    font-size: 15px;
    padding-left: 6px;
}
.liveClass, .selfLearn, .oneOne {
  padding: 30px 12px!important;
}
 .blueStripForm .d-inline-flex .sectionSubHeading {
    font-size: 1.2rem;
}
.bestPrice {
  font-size: 20px;
}
.actualPrice {
  font-size: 20px;
}
  .batchHeading {
    font-size: 28px;
  }
  .jobBox {
    padding: 28px 26px!important;
}
  .fixed-menu {
    top: 56px;
}
.sticky-nav-tabs-container{
  height: 50px;
}
.faIcon img {
  width: 20px;
}
  .socialReview {
    margin-top: 4px;
}
  .sticky-nav-tab {
    font-size: 15px;
}
  /* .bannerTop {
    margin-top: 60px;
} */
  .videoBtn {
    font-size: 18px;
}
  .topstripTxt p {
    font-size: 14px;
} 
  .video-play-button:after, .video-play-button:before {
    width: 64px;
    height: 64px;
}
  .video-play-button span {
    border-left: 12px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 12px solid transparent;
}
}

@media (min-width: 1400px) and (max-width: 1499px) {
  #new_course_11 .discoverBox.bgGreen {
    height: 269px;
}
  #new_course_11 .discoverBox {
    min-height: 190px;
    padding: 20px 20px;
}
  #new_course_3 .discoverBox.bgGreen {
    height: 338px;
}
  .prohighlight .sectionDescription {
    font-size: 16px;
}
  .discoverBox.bgGreen {
    height: 338px;
}
}


@media (min-width: 1600px) and (max-width: 1799px){
  .weekTxt {
    font-size: 1rem;
}
  .row.mb-3.border-bottom .col-lg-3.col-3.text-start {
    padding: 0;
}
  .discoverBox .counterHeading, .discoverBox .counterHeading span {
    font-size: 34px;
    line-height: 45px;
}
  #new_course_3 .discoverBox.bgGreen {
    height: 336px;
}
  .talktoad {
    font-size: 22px;
    line-height: 30px;
}
  .discoverBox {
    padding: 18px 20px;
}
}

@media (min-width: 1900px) and (max-width: 2199px){
  .accordFaq .accordion-button, .accordFaq .accordion-button h3, .accordFaq .accordion-button h4, .accordFaq .accordion-button h5, .accordFaq .accordion-button h6, .accordFaq .accordion-button h2, .accordFaq .accordion-button h1 {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
  .discoverBox .counterHeading {
    font-size: 40px;
    line-height: 48px;
    align-items: center;
}
  #new_course_11 .discoverBox.bgGreen {
    height: 272px;
}
  #new_course_11 .discoverBox {
    min-height: 190px;
}
  #new_course_3 .discoverBox.bgGreen {
    height: 318px;
}
  .courses-box .boxHeading {
    min-height: 48px;
}
  .beginbx {
    width: 524px;
}
}