h1, h2, h3, h4, h5, h6, p, a, button, span, div {
  font-family: inter;
}

section {
  padding: 50px 0px;
}

ul.footmenu li.explore-all a {
  color: #ef7220 !important;
}

.bennifit_ section, .footer section {
  padding: 0px;
}

section#tab11 {
  padding: 0px;
}

section.item {
  padding: 0px;
}

.workright .rbox1 {
  border: 1px #bfbfbf solid;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
}

.workright h3 {
  font-size: 27px;
  font-weight: 500;
  color: #151924;
}

c .workright ul {
  margin: 10px 0;
  padding: 0;
  list-style: none;
}

.workright ul li {
  font-size: 14px;
  color: #000;
  vertical-align: top;
  padding: 5px 0;
}

.workright .rbox2 {
  border: 1px #bfbfbf solid;
  border-radius: 10px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
}

.workright .rbox2 h4 {
  font-size: 20px;
  font-weight: 500;
  color: #151924;
  padding: 20px 25px;
  border-bottom: 1px #d2ccda solid;
}

.workright .rbox2 ul {
  margin: 0;
  padding: 10px 30px;
  list-style: none;
}

.workright .rbox2 ul li {
  font-size: 16px;
  color: #7b7b7b;
  vertical-align: top;
  padding: 8px 0;
  display: block;
  clear: left;
}

.workright .rbox2 ul li span {
  color: #000;
}

.workright .rbox2 ul li img {
  margin: 5px 10px 10px 0;
  vertical-align: top;
  float: left;
}



.maylove {
  background: #f5f5f5 url(../images/feature-botmleft.png) no-repeat bottom left;
  padding: 70px 0;
  position: relative;
}

.maylove:before {
  background: url(../images/feature-topright.png) no-repeat top right;
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 265px;
  height: 268px;
}

.maylove h2 {
  font-size: 27px;
  margin-bottom: 30px;
}



.top-fixed3 {

  position: sticky;

  top: 0rem;

  /* width: 30%; */

  height: 100%;

  z-index: 10;

}



.careercourses {
  padding: 70px 0 65px;
  background: url(../images/whychoose.jpg) no-repeat center top;
  background-size: cover;
}

.careercourses .hide_custom {
  color: #ef7220 !important;
}

.careercourses .hide_custom:hover {
  color: #000 !important;
}

.careercourses p {
  padding: 10px 0 0;
  font-size: 14px;
  color: rgba(0, 0, 0, .88);
  max-width: 333px;
}

.careercourses .imgbox {
  position: relative;
  z-index: 1;
}

.careercourses .imgbox .img-fluid {
  border-radius: 10px 10px 0 10px;
}

.careercourses .imgbox.deg:after {
  position: absolute;
  top: 60%;
  left: 0;
  content: '';
  background: url(../images/career-pattern.png) no-repeat;
  width: 82px;
  height: 43px;
  margin-left: -25px;
  z-index: -1;
}

.careercourses .imgbox.job:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  background: url(../images/career-pattern.png) no-repeat;
  width: 82px;
  height: 43px;
  z-index: -1;
  margin-top: -13px;
  margin-right: -26px;
}

.careercourses .imgbox.inter:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  background: url(../images/career-pattern.png) no-repeat;
  width: 82px;
  height: 43px;
  margin-left: -25px;
  margin-bottom: -13px;
  z-index: -1;
}

.careercourses .imgbox h4 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 16px;
  color: #fff;
  padding: 40px 20px 15px;
  margin: 0;
  background: rgb(0, 0, 0);
  border-radius: 0 0 0 10px;

  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

.careercourses .imgbox .link {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 52px;
  height: 33px;
  background: #ef7220;
  text-align: center;
  line-height: 33px;
}

.careercourses .imgbox .link:hover {
  background: #d76013;
}

.img-tool-icon {
  max-width: 75px;
  object-fit: contain;
  background: #fff3e3;
  min-height: 70px;

  padding: 10px;

  border-radius: 100%;

}





.learner {
  padding: 70px 0 40px;
  background: #ededed;
}

.learner h2 {
  font-weight: 500;
  color: #151924;
}

.learner h2 span {
  color: #ef7220;
}

.learner .subtext {
  font-size: 16px;
  color: rgba(21, 25, 36, .6);
  padding: 10px 0 0;
}

.learner .review {
  background: #fff;
  border-radius: 15px;
  padding: 26px 10px;
  margin-top: 18px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
  text-align: center;
}

.learner .reviewbox {
  background: #fff;
  border-radius: 15px;
  padding: 20px 20px 5px;
  min-height: 205px;
  margin-bottom: 27px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
}

.learner .reviewbox img {
  float: left;
  border-radius: 5px;
  width: auto;
  max-width: 50px;
}

.learner .reviewbox .content {
  margin-left: 70px;
}

.learner .reviewbox .content h4 {
  font-size: 16px;
  color: #282828;
  font-weight: 500;
}

.learner .reviewbox .content p {
  font-size: 14px;
  color: rgba(40, 40, 40, .8);
}

.learner .reviewbox p {
  line-height: 16px;
}

.learner .reviewbox p small {
  font-size: 14px;
  color: rgba(40, 40, 40, .8);
  line-height: 20px;
}

.learner .review-slid .owl-nav {
  display: none;
}



.learner .mobile-review {
  display: none;
}

.learner .item {
  padding: 12px;
}

.learner .mobile-review .item img {
  display: block;
  max-width: 100%;
  width: 60px;
  margin: 0 auto;
  float: none;
}

.learner .mobile-review .item .content {
  margin: 10px 0 0;
}

.learner .mobile-review .owl-nav {
  position: absolute;
  top: 44%;
  right: 0;
  left: 0;
}

.learner .mobile-review .owl-nav .owl-prev {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  margin-right: 10px;
  position: absolute;
  left: 0px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.learner .mobile-review .owl-nav .owl-next {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  position: absolute;
  right: 0px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.learner .mobile-review .owl-nav .owl-prev:hover, .learner .mobile-review .owl-nav .owl-next:hover {
  background: rgba(255, 255, 255, .5) !important;
}







.requestbox {
  padding: 70px 0 0;
  position: relative;
  text-align: center;
}

.requestbox:before {
  background: #f5f5f5;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  content: '';
  height: 200px;
}

.requestbox .formbox {
  padding: 60px;
  border-radius: 15px;
  box-shadow: 2px 5px 20px rgba(0, 0, 0, .1);
  background: #fff url(../images/form-left-botm.png) no-repeat left bottom;
  position: relative;
  z-index: 1;
}

.requestbox .formbox:before {
  background: url(../images/form-right-top.png) no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 277px;
  height: 299px;
}

.requestbox .formbox .form-control {
  height: 50px;
  box-shadow: none;
  position: relative;
  z-index: 1;
}

.requestbox .formbox .btn-primary {
  font-weight: 700;
  padding: 10px 56px;
}



.popularcourse {
  background: #f5f5f5;
  padding: 50px 0;
}

.popularcourse h4 {
  font-size: 17px;
  color: #000;
  font-weight: 500;
  padding-top: 15px;
}

.popularcourse ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.popularcourse ul li {
  display: block;
}

.popularcourse ul li a {
  font-size: 15px;
  color: rgba(0, 0, 0, .8);
  display: block;
  text-decoration: none;
  padding: 10px 0;
}

.popularcourse ul li a:hover {
  color: #000;
}







.footerfix {
  background: #ef7220;
  text-align: center;
  font-size: 16px;
  color: #fff;
  padding: 8px 20px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 11;
}

.footerfix .callback {
  padding: 3px 10px;
  display: inline-block;
  border: 1px #fff solid;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
}







.aboutgrras {
  padding: 80px 0;
}

.aboutgrras h2 {
  font-size: 27px;
}

.aboutgrras .content {
  margin-top: 25px;
  padding: 30px;
  border: 1px #bfbfbf solid;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
}

.aboutgrras .content h4 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #000;
}

.aboutgrras .content p {
  margin: 0;
  padding: 10px 0;
  font-size: 14px;
  color: rgba(0, 0, 0, .6);
  font-weight: 500;
}

.aboutgrras .content .btn-outline-secondary {
  font-size: 15px;
  color: #bababa;
  font-weight: 500;
  border: 2px #bababa solid;
}

.aboutgrras .content .btn-outline-secondary:hover {
  color: #fff;
}





.industryproject {
  background: #fff7ef;
  padding: 60px 0;
}

.industryproject h2 {
  color: #fff;
}

.industryproject .subtext {
  font-size: 16px;
  color: rgba(179, 179, 179, 1);
  padding: 15px 0 30px;
}

.industryproject .item {
  padding: 7px;
}

.industryproject .owl-carousel {
  margin-bottom: 30px;
}

.industryproject .content {
  background: rgb(0 0 0 / 50%);
  border: 1px solid;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
  padding: 30px;
  text-align: center;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;

}

.industryproject .content:hover {
  box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
}

.industryproject .content img {
  max-height: 100%;
  width: 95px;
  margin: 0 auto;
}

.industryproject .content h4 {
  font-size: 18px;
  font-weight: 500;
  padding-top: 10px;
  color: #fff
}

.industryproject .content p {
  font-size: 14px;
  color: #b5b5b5;
  margin: 0;
}

.industryproject .content .link {
  font-size: 14px;
  color: #ef7220;
  font-weight: 500;
  text-decoration: underline;
}

.industryproject .content .link:hover {
  text-decoration: none;
}

.industryproject .owl-nav {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin-top: -23px;
}

.industryproject .owl-nav .owl-prev {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  margin-right: 10px;
  position: absolute;
  left: -60px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.industryproject .owl-nav .owl-next {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  position: absolute;
  right: -60px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.industryproject .owl-nav .owl-prev:hover, .industryproject .owl-nav .owl-next:hover {
  background: rgba(255, 255, 255, .5) !important;
}



.industryproject .owl-dots {
  position: absolute;
  bottom: -40px;
  right: 0;
  left: 0;
  text-align: center;
}

.industryproject .owl-dots .owl-dot {
  width: 6px;
  height: 6px;
  background: #434343;
  border-radius: 50%;
  margin: 0 3px;
}

.industryproject .owl-dots .owl-dot.active {
  background: #ef7221;
}





.recognition {
  background: #ededed url(../images/feature-botmleft.png) no-repeat bottom left;
  padding: 70px 0;
  position: relative;
}

.recognition:after {
  background: url(../images/feature-topright.png) no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 265px;
  height: 268px;
}

.recognition h2 {
  font-size: 27px;
}

.recognition h2 span {
  color: rgba(21, 25, 36, .5);
  font-size: 22px;
}

.recognition p {
  font-size: 14px;
  color: rgba(0, 0, 0, .7);
  padding: 20px 0;
  margin: 0;
}

.recognition .btn-primary {
  padding-left: 35px;
  padding-right: 35px;
}







.partner .partner-logo {}

.partner .partner-logo img {
  max-width: 100%;
  width: auto;
}

.partner .owl-nav {
  position: absolute;
  top: 10px;
  right: 0;
  left: 0;
}

.partner .owl-nav .owl-prev {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  margin-right: 10px;
  position: absolute;
  left: -60px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.partner .owl-nav .owl-next {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  position: absolute;
  right: -60px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.partner .owl-nav .owl-prev:hover, .partner .owl-nav .owl-next:hover {
  background: rgba(255, 255, 255, .5) !important;
}



.modal-content .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
}

.youtubeModal .modal-content .btn-close {
  background-position: right;
  background-size: 15px;
  position: relative;
  top: 5px;
  right: 15px;
  padding: 0;
  z-index: 9;
  display: flex;
  width: 100%;
  border-radius: 0;
  border:0px;
}


/*Red Hat Page*/





.trainingcourse {
  padding: 70px 0;
  background: #1f1f1f;
  color: #fff;
  position: relative;
}

/*.trainingcourse:before{ position: absolute; bottom: 0; left: 0; content: ''; background: url(../images/training-left-botm.png) no-repeat; width: 212px; height: 179px; }

  .trainingcourse:after{ position: absolute; top: 0; right: 0; content: ''; background: url(../images/training-right-top.png) no-repeat; width: 243px; height: 282px; }*/

/*.trainingcourse h2{ color: #fff; font-size: 28px; font-weight: 500; }*/

.trainingcourse p {
  color: #E8E8E8;
  font-size: 15px;
  line-height: 24px;
  padding: 15px 0;
}

.trainingcourse h5 {
  color: #E8E8E8;
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 15px;
  line-height: 24px;
}

.trainingcourse .btn-red {
  padding: 10px 30px;
  font-size: 17px;
  background: #ee0000;
  color: #fff;
}

.trainingcourse .btn-red:hover {
  background: #d50303;
}

.trainingcourse .videobox iframe {
  border-radius: 10px;
}







.talent {
  padding: 80px 0;
  text-align: center;
}

.talent h2 {
  font-size: 32px;
  color: #151924;
  line-height: 45px;
}

.talent h2 span {
  color: #ea0606;
}

.talent ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.talent ul li {
  display: inline-block;
  vertical-align: top;
  margin-top: 30px;
  border: 1px #bfbfbf solid;
  border-radius: 15px;
  padding: 24px;
  margin-right: 25px;
  width: 17.9%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}

.talent ul li:last-child {
  margin-right: 0;
}

.talent ul li h5 {
  padding-top: 15px;
  font-size: 18px;
  color: #000;
}



.benifit {
  background: #e0e0e0;
  position: relative;
  padding: 60px 0;
  overflow: hidden;
}

/*.benifit:before{ background: url(../images/benifit-right.png) no-repeat right top; position: absolute; top: 0; right: 0; content: ''; width: 546px; height: 500px; }*/

.benifit .container {
  position: relative;
  z-index: 1;
}

.benifit h3 {
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
  background: #ee0000;
  padding: 10px 20px;
  font-weight: 500;
  display: inline-block;
}

.benifit h2 {
  color: #070707;
  font-size: 32px;
  font-weight: normal;
}

.benifit h2 big {
  font-size: 32px;
  font-weight: 500;
}

.benifit ul {
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}

.benifit ul li {
  display: block;
  font-size: 14px;
  color: #070707;
  padding: 5px 0 5px 25px;
  background: url(../images/green-check.png) no-repeat 0 8px;
}

.benifit .benifitredhat {
  text-align: right;
}

/*.benifit .benifitimg{ position: absolute; top: -30px; right: -40px; display: inline-block; }*/



.signupcourse {
  background: #fff url(../images/signup-left.png) no-repeat left top;
  position: relative;
}

.signupcourse:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  background: url(../images/signup-right.png) no-repeat;
  width: 266px;
  height: 277px;
}

.signupcourse:before {
  display: none;
}

.signupcourse h2 {
  color: #020200;
  font-size: 27px;
}

.signupcourse p {
  color: #020200;
}

.signupcourse .tabs ul li a {
  color: #5b5c5f;
  font-size: 17px;
}

.signupcourse .tabs ul li a:hover {
  color: #000;
}

.signupcourse .tabs ul li a.active {
  color: #ef7220;
}

.signupcourse .btn {
  max-width: inherit;
  padding-left: 25px;
  padding-right: 25px;
}

.signupcourse .featured-course .item .cousebox .content {
  padding-left: 25px;
  padding-right: 25px;
  min-height: 290px;
}



.redhatcertifi {
  background: #fff;
  position: relative;
  padding: 80px 0;
  color: #fff;
}

.redhatcertifi h2 {
  font-size: 32px;
  color: #151515;
}

.redhatcertifi h2 big {
  font-size: 33px;
  color: #ee0000;
}

.redhatcertifi p {
  font-size: 20px;
  color: #ee0000;
  text-transform: uppercase;
  padding: 10px 0 20px;
  margin: 0;
}

.redhatcertifi h4 {
  font-size: 27px;
  color: #fff;
  text-transform: uppercase;
  padding: 40px 0 10px;
  margin: 0;
}

.redhatcertifi ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.redhatcertifi ul li {
  font-size: 16px;
  color: #fff;
  padding: 5px 0 5px 24px;
  background: url(../images/gold-check.png) no-repeat 0 8px;
}

.redhatcertifi .btn-dark {
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  padding: 12px 20px;
  text-transform: none;
}



.redhatcertifi .owl-nav {
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
}

.redhatcertifi .owl-nav .owl-prev {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  margin-left: -80px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.redhatcertifi .owl-nav .owl-next {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  float: right;
  margin-right: -80px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.redhatcertifi .owl-nav .owl-prev:hover, .redhatcertifi .owl-nav .owl-next:hover {
  background: rgba(255, 255, 255, .5) !important;
}



.redcartiholder {
  background: #1f1f1f;
  padding: 60px 0;
  text-align: center;
  color: #fff;
}

.redcartiholder h2 {
  font-size: 32px;
  color: #fff;
}

.redcartiholder p {
  font-size: 16px;
  color: #f2f2f2;
  padding: 20px 0;
}

.redcartiholder .owl-nav {
  display: none;
}

.redcartiholder .owl-dots {
  text-align: center;
}

.redcartiholder .owl-dots .owl-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border-radius: 50%;
  background: #444444;
  margin: 0 3px;
}

.redcartiholder .owl-dots .owl-dot.active {
  background: #fff;
}



.peekinto {
  padding: 60px 0 50px;
}

.peekinto h2 {
  font-size: 32px;
  color: #151924;
}

.peekinto h2 span {
  color: #ee0000;
}

.peekinto h3 {
  color: #ee0000;
  font-size: 24px;
  font-weight: 500;
}

.peekinto .subtext {
  font-size: 18px;
  font-weight: bold;
  color: #212529;
  padding-top: 10px;
}

.peekinto p {
  font-size: 16px;
  padding: 10px 0;
  line-height: 25px;
}

.peekinto .btn-red {
  padding: 10px 30px;
  font-size: 17px;
  background: #ee0000;
  color: #fff;
}

.peekinto .btn-red:hover, .peekinto .btn-red:focus {
  background: #d50303;
  color: #fff;
}

.peekinto .btn-success {
  background: #aac938;
  border: none;
  font-size: 17px;
  font-weight: 500;
  padding: 11px 25px;
  min-width: 340px;
}

.peekinto .btn-success:hover {
  background: #96b428;
}



.redlogo {
  background: url(../images/right-instructors.png) no-repeat center top;
  width: 100%;
  height: 135px;
  text-align: center;
  border-radius: 5px;
  padding: 40px 0;
}

.redlogo ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.redlogo ul li {
  display: inline-block;
  vertical-align: middle;
  padding: 5px 3%;
}

.redlogo .owl-carousel .owl-item img {
  width: auto;
  margin: 0 auto;
}

.redlogo .owl-carousel .owl-item .item {
  text-align: center;
}



.redhatpro {
  text-align: center;
  padding: 50px 0;
}

.redhatpro h2 {
  font-size: 32px;
}

.redhatpro h2 span {
  color: #ee0000;
}

.redhatpro h3 {
  font-size: 32px;
  font-weight: 500;
}

.redhatpro h3 span {
  color: #ee0000;
}

.redhatpro .subtext {
  font-size: 16px;
  color: #151515;
  padding: 10px 0;
}

.redhatpro .iconbox {
  padding-top: 20px;
}

.redhatpro h4 {
  font-size: 20px;
  color: #151515;
  padding: 10px 0 0;
}

.redhatpro p {
  font-size: 14px;
  color: #151515;
}

.redhatpro ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.redhatpro ul li {
  display: inline-block;
  vertical-align: top;
  width: 19.5%;
  padding: 0 10px;
}



.peekgray {}

.peekgray .btn-primary {
  min-width: 190px;
}

.peekgray .btn-dark {
  min-width: 190px;
  padding: 9px 20px;
  font-size: 18px;
  color: #fff;
  margin-left: 10px;
  font-weight: 400;
}



.careerpath {}

.careerpath h2 {
  font-size: 32px;
  color: #151515;
}

.careerpath .subtext {
  font-size: 16px;
  color: #151419;
  padding: 10px 0;
}

.careerpath ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.careerpath ul li {
  display: inline-block;
  vertical-align: top;
  margin-top: 30px;
  margin-right: 15px;
  padding: 15px 30px;
  width: 23.6%;
  min-height: 220px;
  background: #1a1a1a;
  border-radius: 5px;
  border: 2px #484848 solid;
}

.careerpath ul li:last-child {
  margin-right: 0;
}

.careerpath ul li h5 {
  font-size: 18px;
  margin: 0;
  color: #fff;
}

.careerpath ul li p {
  font-size: 14px;
  color: #fff;
  padding: 10px 0;
  margin: 0;
  font-weight: 300;
}



.needmore {
  background: #f2f2f2;
  padding: 45px 0;
  text-align: center;
}

.needmore h2 {
  font-size: 32px;
  margin-bottom: 40px;
}

.needmore .btn-outline-dark {
  margin-right: 15px;
  padding: 10px 30px;
  font-size: 17px;
}

.needmore .btn {
  border-radius: 3px;
}



.success {
  padding: 60px 0;
}

.success h2 {
  font-weight: normal;
  color: #070707;
  text-transform: uppercase;
  font-weight: 700;
}

.success p {
  font-size: 16px;
  margin: 0;
  padding: 20px 0;
}

.success .btn-primary {
  min-width: 300px;
}

.success ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.success ul li {
  display: inline-block;
  vertical-align: top;
  width: 226px;
  height: 270px;
  border-radius: 40%;
  border: 2px solid #a42c2c;
  text-align: center;
  padding: 20px;
  margin: 0 10px;
}

.success ul li h4 {
  font-size: 38px;
  color: #070707;
  font-weight: 500;
}

.success ul li p {
  font-size: 16px;
  color: #070707;
  margin: 0;
  padding: 0;
}

.success ul li:nth-child(2) {
  margin-top: 110px;
  padding-top: 60px;
}



.exam {
  background: url(../images/free-exam.png) no-repeat center top;
  background-size: cover;
  padding: 40px 0;
  color: #fff;
}

.exam h2 {
  font-weight: 300;
  font-size: 32px;
  color: #fff;
}

.exam h2 strong {
  font-weight: 500;
}

.exam p {
  font-size: 14px;
  color: #fff;
  margin: 0;
  padding: 0;
}



.btn-red {
  padding: 10px 30px;
  font-size: 17px;
  background: #ee0000;
  color: #fff;
}

.btn-red:hover, .btn-red:focus {
  background: #d50303;
  color: #fff;
}



.bestfor {
  padding: 70px 0 40px;
}

.bestfor p {
  font-size: 16px;
  padding: 30px 0 20px;
}

.bestfor table {
  background: #fafafa;
}

.bestfor th {
  text-align: center;
  background: #ee0000;
  font-size: 13px;
  color: #fff;
  font-weight: 500;
  padding: 15px 10px;
}

.bestfor th big {
  font-size: 16px;
}

.bestfor th:first-child {
  border-radius: 5px 0 0 0;
}

.bestfor th:last-child {
  border-radius: 0 5px 0 0;
}

.bestfor td {
  font-size: 17px;
  color: #222;
  font-weight: 500;
  padding: 15px 30px;
  border: none;
}

.bestfor tr:nth-child(odd) {
  background: #efefef;
}

.bestfor tr:nth-child(odd) td:last-child {
  background: #d9d9d9;
}

.bestfor tr:nth-child(even) td:last-child {
  background: #eaeaea;
}



.studenthave {
  padding: 70px 0;
  background: #f5f5f5;
}

.studenthave .owl-carousel .owl-item img {
  max-width: 100%;
  width: auto;
}

.studenthave .owl-carousel {
  margin-top: 30px;
}

.studenthave .owl-nav {
  position: absolute;
  top: -70px;
  right: 0;
}

.studenthave .owl-nav .owl-prev {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  margin-right: 10px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.studenthave .owl-nav .owl-next {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  float: right;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.studenthave .owl-nav .owl-prev:hover, .studenthave .owl-nav .owl-next:hover {
  background: rgba(255, 255, 255, .5) !important;
}







.master {
  padding: 60px 0;
}

.master h2 {
  font-size: 45px;
  color: #011f4e;
}

.master .subtext {
  font-size: 17px;
  color: #6f6f6f;
  text-transform: uppercase;
  font-weight: 500;
}

.master .success-story .carbox .coname {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 100%);
}

















.replace .ourplace {
  padding: 0;
}

.replace .ourplace h2 {
  font-size: 27px;
  color: #fff;
  text-align: center;
}

.replace .ourplace .cousebox {
  background: #fff;
}

.replace .ourplace .cousebox h5 {
  margin: 0;
}

.replace .ourplace .cousebox .content {
  padding-top: 12px;
  padding-bottom: 12px;
}

.replace .ourplace .cousebox .employ {
  padding-bottom: 10px;
}

.replace .ourplace .owl-nav {
  position: absolute;
  top: 110px;
  right: 0;
  left: 0;
}

.replace .ourplace .owl-nav .owl-prev {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  margin-left: -30px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.replace .ourplace .owl-nav .owl-next {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  margin-right: -30px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.replace .ourplace .owl-nav .owl-prev:hover, .replace .ourplace .owl-nav .owl-next:hover {
  background: rgba(255, 255, 255, .5) !important;
}



.discover {
  background: rgb(235, 234, 232);
  background: linear-gradient(180deg, rgba(235, 234, 232, 1) 0%, rgba(248, 248, 246, 1) 46%, rgba(239, 240, 237, 1) 100%);
  margin: 100px 0;
  border-radius: 15px;
  height: 315px;
}

.discover .imgbox {
  padding: 35px 60px;
}

.discover h2 {
  font-size: 27px;
  color: #151924;
}

.discover p {
  font-size: 14px;
  color: rgba(1, 31, 78, .7);
  padding: 10px 0 0;
  margin: 0;
}

.discover .whbox {
  padding: 40px;
  border: 1px #e8e8e8 solid;
  border-radius: 15px;
  background: #fff;
  max-width: 478px;
  margin-top: -40px;
  min-height: 400px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .08);
}

.discover .whbox ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.discover .whbox ul li {
  padding: 10px 0 10px 35px;
  font-size: 19px;
  color: #011f4e;
  background: url(../images/green-arrow.png) no-repeat 0 15px;
}





.intern-banner {
  padding: 150px 0;
  background: #f1f1f1;
  position: relative;
}

.intern-banner:before {
  background: url(../images/form-right-top.png) no-repeat;
  width: 277px;
  height: 295px;
  position: absolute;
  top: 0;
  right: 0;
  content: '';
}

.intern-banner:after {
  background: url(../images/intern-pattern.png) no-repeat;
  width: 127px;
  height: 193px;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}

.intern-banner h1 {
  font-size: 40px;
  color: #292121;
  font-weight: 700;
  margin-bottom: 20px;
}

.intern-banner p {
  font-size: 20px;
  color: #000;
  margin: 20px 0 40px;
  font-weight: 500;
}

.intern-banner .btn-dark {
  padding: 10px 20px;
  font-weight: 500;
}

.intern-banner .btn-dark:hover {
  background: #333;
}

.intern-banner .btn-primary {
  padding: 11px 20px;
  font-weight: 500;
  margin-left: 10px;
}

.intern-banner .bannerhero {
  position: absolute;
  bottom: 0px;
  right: 50%;
  overflow: hidden;
  margin-right: -550px;
}





.summerint {
  padding: 80px 0;
}

.summerint h2 {
  font-size: 27px;
}

.summerint .subtext {
  font-size: 16px;
  color: rgba(21, 25, 36, .7);
  padding: 10px 0 20px;
}

.summerint .time {
  font-size: 17px;
  color: #fff;
  padding: 13px 25px;
  border-radius: 15px;
  display: inline-block;
  background: rgb(243, 141, 32);
  background: linear-gradient(90deg, rgba(243, 141, 32, 1) 0%, rgba(170, 201, 56, 1) 100%);
}

.summerint p {
  font-size: 14px;
  color: rgba(21, 25, 36, .8);
}



.intp {
  background: #f7f7f7;
}

.intp.whyenroll .goalbox p {
  max-width: inherit;
  margin: 0;
}

.intp.whyenroll .goalbox {
  min-height: 340px;
}





.applynow {
  padding: 45px 0;
  background: #3e434d url(../images/apply-left.png) no-repeat;
  position: relative;
}

.applynow:before {
  background: url(../images/apply-right.png) no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 186px;
  height: 222px;
}

.applynow img {
  float: left;
}

.applynow .content {
  margin-left: 105px;
}

.applynow .content h4 {
  margin: 0;
  padding: 0;
  font-size: 22px;
  color: #aac938;
}

.applynow .content p {
  margin: 0;
  padding: 5px 0 20px;
  font-size: 18px;
  color: #fff;
}







/*headheat 2*/

.redbanner {
  background: url(../images/redhat-banner.jpg) no-repeat;
  padding: 50px 0;
  background-size: cover;
  color: #fff;
}

.redbanner h1 {
  font-size: 40px;
  font-weight: 500;
  margin-top: 30px;
  max-width: 620px;
}

.redbanner p {
  font-size: 17px;
  color: rgba(255, 255, 255, .7);
  max-width: 460px;
  margin: 0;
}

.redbanner .subtext {
  font-size: 19px;
  color: #fff;
  text-transform: uppercase;
  padding-top: 10px;
  max-width: 360px;
}

.redbanner .heatready {
  position: absolute;
  bottom: 0;
  right: 0;
}

.redbanner .whbox {
  background: #fff;
  padding: 30px;
  color: #000;
  border-radius: 10px;
}

.redbanner .whbox h4 {
  font-size: 24px;
  margin-bottom: 15px;
}

.redbanner .whbox input.form-control {
  height: 50px;
}

.redbanner .whbox select.form-control {
  height: 50px;
}

.redbanner .whbox .btn {
  font-weight: 500;
  padding-left: 20px;
  padding-right: 20px;
}

.redbanner .whbox .fomtext {
  display: inline-block;
  font-size: 13px;
  padding-right: 10px;
}

.redbanner .whbox label {
  font-size: 15px;
}

.relative {
  position: relative;
}





.redtab {
  background: #0f0f0f;
}

.redtab .tabs ul {
  margin: 0;
  padding: 0;
  font-weight: bold;
  text-align: center;
}

.redtab .tabs ul li {
  display: inline-block;
  padding: 0 14px;
}

.redtab .tabs ul li:first-child {
  padding-left: 0;
}

.pl-none-imp {
  padding-left: 0 !important;
}

.redtab .tabs ul li a {
  display: inline-block;
  padding: 30px 10px;
  border: none;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
}

.redtab .tabs ul li a:hover, .redtab .tabs ul li a.active {
  color: #fff;
}

.redtab .tabs ul li a.active:before {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  content: '';
  height: 3px;
  background: #ee0000;
}

.redtab h5 {
  font-size: 17px;
  color: #000;
  font-weight: 500;
  padding: 25px 30px;
}



.redtabcon {
  background: #0c2c50;
  position: relative;
  padding: 60px 040px;
  color: #fff;
  text-align: center;
}

.redtabcon:before {
  background: url(../images/blue-pat-left.png) no-repeat;
  width: 212px;
  height: 179px;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
}

.redtabcon:after {
  background: url(../images/blue-pat-right.png) no-repeat;
  width: 243px;
  height: 281px;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}

.redtabcon .iconbox {
  background: #fff;
  border-radius: 5px;
  margin-bottom: 20px;
  text-align: center;
  padding: 20px;
  min-height: 130px;
}

.redtabcon .iconbox.cbig {
  padding: 8px 20px;
}

.redtabcon .iconbox img {
  margin-bottom: 10px;
}

.redtabcon .iconbox p {
  margin: 0;
  font-size: 16px;
  color: #000;
}



.whtado {
  padding-top: 20px;
}

.whtado h2 {
  padding: 40px 0 10px;
  font-size: 27px;
  color: #020200;
}

.whtado p {
  padding: 0;
  margin: 0;
  font-size: 14px;
  color: rgba(0, 0, 0, .8);
  line-height: 26px;
}

.whtado ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.whtado ul li {
  padding: 5px 15px;
  font-size: 14px;
  color: rgba(0, 0, 0, .8);
  position: relative;
}

.whtado ul li:before {
  position: absolute;
  top: 13px;
  left: 0;
  content: '';
  background: #585858;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}



.avmodal {
  padding: 35px;
  border: 1px #d7d7d7 solid;
  margin: 60px 0;
}

.avmodal h3 {
  font-size: 23px;
  color: #151924;
  font-weight: 500;
}

.avmodal .avbox {
  border: 1px #bfbfbf solid;
  border-radius: 5px;
  padding: 50px 20px;
  text-align: center;
  font-size: 22px;
  color: #000;
  margin-top: 10px;
}

.avmodal .avbox.one {
  border-bottom: 6px #3cadae solid;
}

.avmodal .avbox.two {
  border-bottom: 6px #f56d6d solid;
}

.avmodal .avbox.three {
  border-bottom: 6px #03bcde solid;
}





.redac {
  background: #1f1f1f;
  padding: 100px 0;
}

.redac .accordion-button {
  background: #1f1f1f;
  color: #fff;
  border-color: #505253;
  font-size: 16px;
  font-weight: 500;
  font-family: 'Inter', sans-serif;
}

.redac .accordion-item:first-of-type .accordion-button {
  background: #1f1f1f;
  color: #fff;
  border-color: #505253;
  font-size: 16px;
  font-weight: 500;
  font-family: 'Inter', sans-serif;
}

.redac .accordion-button:not(.collapsed) {
  background: #1f1f1f;
  color: #fff;
  border-color: #505253;
  font-size: 16px;
  font-weight: 500;
  font-family: 'Inter', sans-serif;
}

.faqs p {
  color: rgba(33, 37, 41, .8);
  font-size: 13px;
}

.faqs .btn-primary {
  margin-top: 20px;
}

/*.faqs .accordion-body{ background: #1f1f1f; }*/











.rating-banner {
  background: #fff url(../images/rat-banner.png) no-repeat left 110px bottom 0;
  padding: 50px 0 80px;
}

.rating-banner .bannerleft h1 {
  color: #011f4e;
  font-size: 45px;
  font-weight: 500;
  padding: 70px 0 0;
}

.rating-banner .bannerleft p {
  color: rgba(1, 31, 78, .7);
  font-size: 17px;
}

.rating-banner .bannerleft .icon {
  padding: 70px 0 5px;
}

.rating-banner .bannerleft h3 {
  color: #011f4e;
  font-size: 31px;
  font-weight: 500;
}

.rating-banner .formbox {
  background: url(../images/formbg.png) no-repeat;
  padding: 30px 40px;
  border-radius: 20px;
}

.rating-banner .formbox .form-control {
  height: 46px;
}

.rating-banner .formbox textarea.form-control {
  height: 112px;
}

.rating-banner .formbox label {
  font-size: 13px;
  font-weight: 500;
  color: #fff;
}

.rating-banner .formbox label big {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}



.reviewmid {
  padding: 70px 0;
  background: #f5f5f5;
  position: relative;
}

.reviewmid:before {
  position: absolute;
  top: -55px;
  left: 0;
  content: '';
  background: url(../images/reviewleft.png) no-repeat;
  width: 160px;
  height: 455px;
}

.custreview h3 {
  font-size: 22px;
  color: #020200;
  font-weight: 500;
  padding: 5px 0;
}

.custreview .whbox {
  padding: 0 15px 20px 15px;
  border: 1px #b9b9b9 solid;
  background: #fff;
  border-radius: 10px;
}

.custreview .whbox h4 {
  font-size: 16px;
  color: #151924;
  padding-top: 20px;
}

.custreview .whbox .form-control {
  height: 40px;
  border-color: #000000;
}

.custreview .whbox .table {
  font-size: 12px;
  color: rgba(1, 31, 78, .7);
  margin: 0;
}

.custreview .whbox .table td {
  padding: 5px 0;
  vertical-align: top;
  border: none;
}



.reivewright h2 {
  color: #020200;
  padding-bottom: 6px;
}

.reivewright .whbox {
  padding: 20px;
  border: 1px #b9b9b9 solid;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 20px;
}

.reivewright .whbox .text-right {
  text-align: right;
  font-size: 19px;
  vertical-align: top;
}

.reivewright .whbox .text-right span {
  margin-top: 4px;
  float: right;
  margin-left: 10px;
}

.reivewright .whbox h3 {
  color: #000;
  font-size: 20px;
  padding-top: 5px;
}

.reivewright .whbox p {
  color: rgba(2, 2, 0, .7);
  font-size: 14px;
  line-height: 24px;
}

.reivewright .whbox p a {
  color: rgba(0, 215, 137, .7);
  text-decoration: none;
}

.reivewright .whbox p a:hover {
  color: rgba(0, 215, 137, .9);
}

.reivewright .whbox ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.reivewright .whbox ul li {
  background: #f5f5f5;
  padding: 10px 35px;
  display: inline-block;
  vertical-align: top;
  border-radius: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-align: center;
}



.ourstory {
  padding: 50px 0 60px;
}

.ourstory h2 {
  padding-top: 20px;
  font-size: 27px;
}

.ourstory p {
  padding: 10px 0;
  font-size: 16px;
  color: rgba(0, 0, 0, .7);
}



.board {
  padding: 70px 0 30px;
  background: #f5f5f5;
}

.board .bordbox {
  margin-bottom: 60px;
}

.board h2 {
  padding-bottom: 30px;
  font-size: 27px;
}

.board h3 {
  font-size: 22px;
  font-weight: 500;
}

.board h3 span {
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  color: rgba(0, 0, 0, .7);
}

.board img {
  float: left;
}

.board .content {
  padding-left: 160px;
}

.board .content .exp {
  padding: 5px 15px;
  background: #e6eccf;
  border-radius: 10px;
  font-weight: 500;
  display: inline-block;
  font-size: 14px;
}

.board .content p {
  padding: 25px 0 0;
  font-weight: 500;
  font-size: 14px;
  color: #8b8b8b;
}



.ourplacement {
  padding: 70px 0;
}

.ourplacement h2 {
  font-size: 27px;
  padding-bottom: 20px;
}

.ourplacement p {
  font-size: 14px;
  color: rgba(0, 0, 0, .8);
}

.ourplacement iframe {
  border-radius: 10px;
}



.learnnow {
  background: #3e434d;
  padding: 60px 0 110px;
  position: relative;
  text-align: center;
  color: #fff;
}

.learnnow:before {
  background: url(../images/learn-left.jpg) no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 222px;
  height: 400px;
}

.learnnow:after {
  background: url(../images/learn-right.jpg) no-repeat right bottom;
  position: absolute;
  bottom: 0;
  right: 0;
  content: '';
  width: 100%;
  height: 100%;
}

.learnnow .container {
  position: relative;
  z-index: 1;
}

.learnnow h2 {
  color: #fff;
  font-size: 27px;
}

.learnnow p {
  padding: 10px 0 20px;
  color: #fff;
}

.learnnow table td {
  border: 1px #3e434d solid;
  text-transform: uppercase;
  padding: 15px 10px;
  color: #fff;
  font-size: 15px;
  background: #807e7f;
}

.learnnow table td.green {
  background: #74af34;
}

.learnnow table td.gray {
  background: #807e7f;
}

.learnnow table td.blue {
  background: #00aeef;
}

.learnnow table td.orange {
  background: #e14424;
}



.missionvision {
  padding: 70px 0 40px;
}

.missionvision p {
  padding: 10px 0;
  font-size: 13px;
  color: rgba(0, 0, 0, .8);
}

.missionvision h2 {
  font-size: 27px;
}

.missionvision .ourvision {
  position: relative;
  border-radius: 10px;
}

.missionvision .ourvision img {
  border-radius: 10px;
}

.missionvision .ourvision h5 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  font-size: 16px;
  margin: 0;
  color: #fff;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 0 0 10px 10px;
}







.awardrec {
  background: #ededed;
  padding: 70px 0 50px;
}

.awardrec h2 {
  font-size: 27px;
}

.awardrec p {
  font-size: 13px;
  color: rgba(0, 0, 0, .7);
  padding: 10px 0 0;
  margin: 0;
}

.awardrec .imgbox {
  position: relative;
  z-index: 1;
  border-radius: 10px;
}

.awardrec .imgbox h5 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  font-size: 16px;
  margin: 0;
  color: #fff;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 0 0 10px 10px;
}

.awardrec .imgbox img {
  border-radius: 10px;
}

.awardrec .imgbox .arrow {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 8px 20px;
  background: #ef7220 url(../images/arrow.png) no-repeat center center;
  border-radius: 0 0 10px 0;
}

.awardrec .imgbox .arrow:hover {
  background: #d85d0d url(../images/arrow.png) no-repeat center center;
}

.awardrec .imgbox.aw:before {
  position: absolute;
  bottom: -14px;
  left: -25px;
  content: '';
  background: url(../images/career-pattern.png) no-repeat;
  width: 82px;
  height: 43px;
  z-index: -1;
}

.awardrec .imgbox.re:before {
  position: absolute;
  top: -14px;
  right: -25px;
  content: '';
  background: url(../images/career-pattern.png) no-repeat;
  width: 82px;
  height: 43px;
  z-index: -1;
}





/*search page*/

.serach-course h3 {
  margin: 0;
}

.serach-course h3 a {
  color: #5c5c5c;
  text-decoration: none;
}

.serach-course h3 a:hover {
  color: #000;
}

.serach-course p {
  margin: 0;
  color: #5c5c5c !important;
}

.no-data p {
  margin: 0;
  color: #5c5c5c !important;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.serach-course p span {
  color: #666 !important;
  font-size: 12px;
  font-weight: 500 !important;
}

.serach-course ul li {
  font-size: 10px !important;
  border-radius: 5px !important;
  padding: 3px 10px !important;
  margin-top: 4px !important;
}

.serach-course .content {
  font-size: 10px !important;
  padding: 10px 15px !important;
  margin-top: 4px !important;
}

.serach-course .content .link {
  font-size: 14px;
  color: #ef7221;
  font-weight: 500;
}

.serach-course .content .link:hover {
  color: #ef7221;
  text-decoration: none;
}

.serach-course .content .hour {
  padding-top: 0 !important;
}

.serach-course .btn-outline-primary {
  font-size: 12px;
  border: 1px #ef7220 solid !important;
  border-radius: 5px !important;
}

.serach-course .btn-outline-primary:hover {
  border: 1px #ef7220 solid !important;
}

.serach-course .star {
  color: #000;
  font-size: 13px;
  padding-top: 5px;
}

.serach-course .star img {
  margin-top: -3px;
}

.serach-course .btn-primary {
  padding: 3px 10px !important;
  font-size: 10px !important;
  text-transform: uppercase;
  letter-spacing: .5px;
}



.serach-course .cousebox {
  border: 1px #b9b9b9 solid;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
  position: relative;
}

.serach-course .cousebox img {
  border-radius: 5px 5px 0 0;
  width: 100%;
}

.serach-course .cousebox .content {
  padding: 20px;
}

.serach-course .cousebox .botmcontent {
  padding: 10px 15px;
  border-top: 1px #e1e3e4 solid;
}

.serach-course .cousebox .live {
  background: #ef7220;
  font-size: 13px;
  font-weight: 500;
  padding: 5px 22px;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 1;
}

.serach-course .cousebox .upcome {
  background: #1db100;
  font-size: 13px;
  font-weight: 500;
  padding: 5px 10px;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
  top: -17px;
}

.serach-course .cousebox h4 {
  font-size: 16px;
  color: #151924;
  margin-bottom: 15px;
}

.serach-course .cousebox h4 a {
  color: #151924;
  text-decoration: none;
}

.serach-course .cousebox .date {
  background: url(../images/date.png) no-repeat 0 2px;
  font-size: 14px;
  color: rgba(0, 0, 0, .7);
  margin: 0 0 10px;
  padding-left: 25px;
}

.serach-course .cousebox .time {
  background: url(../images/time.png) no-repeat 0 2px;
  font-size: 14px;
  color: rgba(0, 0, 0, .7);
  margin: 0 0 10px;
  padding-left: 25px;
}

.serach-course .cousebox p {
  font-size: 13px;
  color: rgba(0, 0, 0, .7);
  margin: 0;
  padding: 0px 0 10px;
}

.serach-course .cousebox p strong {
  font-size: 13px;
  color: #151924;
  font-weight: 500;
}

.serach-course .cousebox .btn-success {
  font-weight: 400;
  font-size: 16px;
  background: #1db100;
  border-radius: 5px;
}

.serach-course .cousebox .btn-success:hover {
  background: #1c9604;
}





.serach-course .blog-content {
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  border-radius: 10px;
}

.serach-course .blog-content .imgbox {
  position: relative;
}

.serach-course .blog-content .imgbox img {
  border-radius: 10px 10px 0 0;
  width: 100%;
}

.serach-course .blog-content .contentbox {
  padding: 15px;
}

.serach-course .blog-content .contentbox h4 {
  font-size: 15px;
  color: #151924;
  font-weight: 500;
}

.serach-course .blog-content .contentbox h4 a {
  color: #151924;
  text-decoration: none;
}

.serach-course .blog-content .contentbox .admin {
  font-size: 13px;
  color: #707070;
}

.serach-course .blog-content .contentbox .admin span {
  color: #aaa;
}

.serach-course .blog-content .contentbox .date {
  font-size: 14px;
  color: #707070;
  display: inline-block;
  vertical-align: middle;
}

.serach-course .blog-content .contentbox .read {
  font-size: 14px;
  color: #707070;
  display: inline-block;
  vertical-align: middle;
  float: right;
  margin-top: 2px;
}

.serach-course .voicebox {
  margin-bottom: 0;
}

.left-tab {
  display: block;
  margin-top: 80px;
}

.left-tab li {
  display: block;
  margin-bottom: 10px;
}

.left-tab li a.nav-link {
  display: block;
  padding: 11.5px 15px;
  font-weight: 500;
  background: #f9f9f9;
  border-bottom: 1px #d4d4d4 solid;
  border-right: 1px #d4d4d4 solid;
  font-size: 14px;
  color: #3b3b3b;
  border-radius: 5px;
}

.left-tab li a.nav-link:hover, .left-tab li a.nav-link.active {
  background: #f3f1f1;
  color: #ef7220 !important;
}



.faqs-data .left-tab li {
  display: block;
  margin-bottom: 10px;
}

.faqs-data .left-tab li a.nav-link img {
  width: 25px;
  height: 25px;
  margin-right: 5px;
}

.faqs-data .left-tab li a.nav-link {
  display: flex;
  padding: 11.5px 15px;
  font-weight: 400;
  background: #f9f9f900;
  border-bottom: 1px #d4d4d4 solid;
  border-right: 1px #d4d4d4 solid;
  font-size: 14px;
  color: #b3b3b3;
  border-radius: 5px;
  border: none !important;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;

}

.faqs-data .left-tab li a:hover::after,
.faqs-data .left-tab li a.active::after {
  content: ">";
  /* display: block; */
  margin: 0 0 0 auto;
  color: #fff;
}

.faqs-data .left-tab li a.nav-link:hover, .faqs-data .left-tab li a.nav-link.active {
  color: #f3f1f1 !important;
  background: linear-gradient(90.01deg, rgba(239, 114, 32, 1) 0%, rgba(0, 0, 0, 1) 100%);
  border-radius: 4px;
  border-style: solid;
  border-color: #fff5e7;
  border-width: 0px 0px 0px 1px;
  padding: 11px;
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  border: none !important;
}

.faqs-data .faqs-listing {
  border-right: 1px solid #7a7a7a;
}



.faqs-data .roadmap-block {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 5.19px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  box-shadow: inset 1.45px 1.35px 5.12px 0px rgba(255, 255, 255, 0.15), inset 2.38px 2.22px 10.24px 0px rgba(255, 255, 255, 0.15), -1.86px -1.73px 12px -8px rgba(0, 0, 0, 0.15), -11.15px -10.39px 48px -12px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(12.08px);
}

.faqs-data .roadmap-block h5 {
  color: #fff;
}

.faqs-data .roadmap-block p {
  color: #b3b3b3;
}

.faqs .faqs-data .tab-content {
  background-image: url(../images/crcile.png);
  background-repeat: no-repeat;
  background-size: cover;
}







/*responsive*/



@media(max-width: 1280px) {

  .reviewmid:before {
    display: none;
  }

}

@media(max-width: 1199px) {

  .learn h2 {
    font-size: 35px;
  }

  .bookdemo p {
    padding-left: 0;
  }

  .fecourses .owl-nav .owl-prev, .allcourse .owl-nav .owl-prev {
    margin-left: 0;
  }

  .fecourses .owl-nav .owl-next, .allcourse .owl-nav .owl-next {
    margin-right: 0;
  }

  .allcourse .featured-course .item .cousebox .content {
    min-height: 280px;
  }

  .yourgoal .goalbox {
    height: 275px;
  }



  .workshop .item .cousebox img {
    width: 100%;
  }

  .award .item .cousebox img {
    width: 100%;
  }

  .workshop .owl-nav .owl-prev {
    margin-left: 0;
  }

  .workshop .owl-nav .owl-next {
    margin-right: 0;
  }

  .careercourses .imgbox.job:after {
    margin-right: 0;
  }

  .workshop .btn-outline-secondary {
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer ul.social li {
    padding-left: 6px;
  }

  .footerfix {
    text-align: center;
  }



  .jobform .pattern:after, .webdev .videobox:after, .certificate .certibox:after {
    right: 0;
  }

  .industryproject .owl-nav .owl-next, .whychoose .owl-nav .owl-next, .tools .owl-nav .owl-next {
    right: 0;
  }

  .industryproject .owl-nav .owl-prev, .whychoose .owl-nav .owl-prev, .tools .owl-nav .owl-prev {
    left: 0;
  }

  .available h3 {
    padding-right: 0;
  }

  .available ul li {
    padding: 0 10px;
  }

  .highdemand ul li {
    width: 18.8%;
  }

  .support .tabs ul li a {
    font-size: 14px;
  }

  .aboutgrras .content {
    min-height: 330px;
  }

  .jobrole .greencheck {
    padding: 14px;
  }



  .trainingcourse:before {
    display: none;
  }

  .talent ul li {
    width: 17.5%;
  }

  .benifit .benifitimg {
    width: 40%;
    top: 30px;
  }

  /*.benifit .benifitredhat{ right: 30%; }*/

  .peekgray .btn-primary {
    padding-left: 20px;
    padding-right: 20px;
  }

  .careerpath ul li {
    width: 17%;
  }

  .redhatcertifi .owl-nav .owl-next {
    margin-right: 0;
  }

  .redhatcertifi .owl-nav .owl-prev {
    margin-left: 0;
  }



  .redhatbanner h1 {
    font-size: 35px;
  }

  .benifit h2 {
    font-size: 32px;
  }

  .benifit h2 big {
    font-size: 40px;
  }

  .redhatcertifi h2 {
    font-size: 32px;
  }

  .redhatcertifi h2 big {
    font-size: 38px;
  }

  .peekinto h2 {
    font-size: 32px;
  }

  .careerpath h2 {
    font-size: 32px;
  }

  .success h2 {
    font-size: 32px;
  }

  .exam h2 {
    font-size: 32px;
  }

  .hiring .whbox .owl-nav .owl-prev {
    margin-left: -30px;
  }

  .hiring .whbox .owl-nav .owl-next {
    margin-right: -30px;
  }

  .contactform h1 {
    font-size: 35px;
  }

  .locate .grdnt {
    min-height: 288px;
    padding-top: 14%;
  }

  ul.isolist li {
    margin-right: 0;
    margin-bottom: 10px;
  }

  /*.presence .single-content img{ width: 230px; }*/



  .intp.whyenroll .goalbox {
    min-height: 400px;
  }

  .intcourse .cobox .content .btn-outline-secondary {
    padding-left: 16px;
    padding-right: 16px;
  }

  .intcourse .cobox h3 {
    font-size: 18px;
  }



  .redtabcon .iconbox {
    min-height: 154px;
  }

  .navbar .megamenu .menuopen {
    width: 1000px;
    max-width: 1000px;
  }



}



@media(max-width: 990px) {

  .header .call ul li {
    padding: 0 10px;
  }

  .header .call ul li a {
    font-size: 13px;
  }

  .learn h2 {
    font-size: 25px;
  }

  .learn .videobox .content h4 {
    font-size: 16px;
  }

  .learn .videobox .content p {
    font-size: 13px;
  }

  .learn .videobox .play {
    width: 50px;
    margin-left: -25px;
  }

  .bookdemo {
    padding: 30px;
  }

  .bookdemo .btn {
    font-size: 14px;
  }



  .careercourses p {
    max-width: 100%;
  }

  .footerfix p {
    font-size: 16px;
    padding-bottom: 10px;
  }

  body {
    padding-bottom: 100px;
  }

  .navbar {
    padding: 10px 0;
  }

  .learner .review {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    width: 48%;
  }

  .learner .reviewbox {
    min-height: inherit;
  }

  .recentplacement .owl-carousel .item .cousebox .employ {
    padding-right: 10px;
  }

  .recentplacement .owl-carousel .item .cousebox .name h4 {
    font-size: 16px;
  }

  .recentplacement .owl-carousel .item .cousebox .name .subtxt {
    font-size: 14px;
  }

  .yourgoal .goalbox {
    min-height: 250px;
  }

  .careercourses .imgbox {
    margin-top: 20px;
  }

  .learner .reviewbox {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .allcourse .featured-course .item .cousebox h4 {
    font-size: 16px;
    min-height: 130px;
  }

  .allcourse .featured-course .item .cousebox .content {
    min-height: 300px;
  }

  /*.fecourses .featured-course .item .cousebox{ min-height: 400px; }*/



  .allcourse .featured-course .item:before, .allcourse .featured-course .item:after {
    border-bottom: none;
    background: none;
  }

  button:focus:not(:focus-visible) {
    box-shadow: none;
  }



  .jobform .formbox {
    margin-top: 40px;
  }

  .jobform .pattern:before {
    left: 0;
  }

  .buildicon {
    background-size: cover;
  }

  .available ul {
    padding-top: 20px;
  }

  .webdev .videobox {
    margin-top: 20px;
  }

  .highdemand ul li {
    width: 31.5%;
  }

  .fullstack h3 {
    margin-top: 30px;
  }

  .certificate .certibox {
    margin-top: 20px;
  }

  .certificate .certibox .link {
    display: block;
  }

  .studentsay .videobox img {
    width: 100%;
  }

  .webdev .videobox img, .webdev .videobox iframe {
    width: 100%;
  }

  .workshop {
    padding-bottom: 60px;
  }

  /*.support .tabbed-content .item::before{ padding: 10px; font-size: 20px; color: #333; display: block; border-bottom: 1px #ddd solid; }

      .support .tabbed-content .item::after{ background: url(../images/down1.png) no-repeat; width: 21px; height: 11px; position: absolute; top: 20px; right: 10px; content: '';  }*/

  .studentsay .item .whbox {
    min-height: inherit;
  }

  .jobrole {
    padding-bottom: 20px;
  }

  .support .featured-course .item:before, .support .featured-course .item:after {
    border-bottom: none;
    background: none;
  }

  .recentplacement .featured-course .item:before, .recentplacement .featured-course .item:after {
    border-bottom: none;
    background: none;
  }

  .tabbed-content .item+div {
    margin-top: 20px;
  }

  .aboutgrras .content {
    min-height: inherit;
  }

  .jobform .pattern:before {
    display: none;
  }

  .navbar .nav-link.active:after {
    height: 2px;
  }

  .available h3 {
    padding-top: 0;
  }

  .available ul:before {
    top: 106px;
  }

  .support .img-fluid {
    width: 100%;
  }

  .webdev p {
    max-width: 100%;
  }

  .whyenroll .goalbox {
    margin-bottom: 0;
  }



  .redheader .logo img {
    width: 200px;
  }

  .redheader .call ul {
    padding-top: 10px;
  }

  .redhatbanner {
    padding: 40px 0;
  }

  .trainingcourse .btn-dark {
    margin-bottom: 30px;
  }



  .benifit .benifitredhat {
    text-align: center;
    margin-top: 20px;
  }

  .redhatcertifi .col-lg-5 img {
    margin-top: 20px;
  }

  .peekinto h2 {
    margin-top: 20px;
  }

  .careerpath ul li {
    width: 28%;
  }



  .exam p {
    padding: 10px 0;
  }

  .benifit ul {
    margin: 0;
  }

  .benifit h2 {
    margin-bottom: 10px;
  }



  .contactform .tabbed-content .item::before {
    padding: 10px 20px;
  }

  .contactform .coform .item-content {
    padding: 0 20px;
  }

  .contactform .coform .item-content h3 {
    padding-top: 20px;
  }

  .locate .grdnt {
    padding: 15% 20px;
    min-height: 328px;
  }

  /*.presence .single-content img{ width: 220px; }*/



  .latestblog .single-content {
    width: 46%;
    height: auto;
  }

  .blogs h2 {
    margin-bottom: 20px;
  }



  .placesupport .imgbox {
    position: inherit;
    width: 480px;
    margin: 0 auto;
  }

  .placesupport .container {
    padding-bottom: 0;
  }

  .discover {
    height: auto;
    padding-bottom: 40px;
    margin: 50px 0;
  }

  .discover .imgbox {
    text-align: center;
  }

  .discover .whbox {
    margin-top: 30px;
    margin: 0 auto;
  }

  .replace .ourplace .owl-nav .owl-next {
    margin-right: 0;
  }

  .replace .ourplace .owl-nav .owl-prev {
    margin-left: 0;
  }



  .intcourse:before {
    display: none;
  }

  .intp.whyenroll .goalbox {
    min-height: inherit;
  }

  /*.whygrras ul li{ width: 29%; min-height: 220px; }*/

  .applynow .content {
    margin-bottom: 30px;
  }



  .redbanner .whbox {
    margin-top: 40px;
  }

  .redbanner .heatready {
    position: static;
    margin-top: 20px;
  }

  .redtabcon {
    padding-left: 0;
    padding-right: 0;
  }

  .redtabcon .item-content .row {
    padding-top: 20px;
  }



  .navbar .btn {
    width: 100%;
  }

  .navbar .megamenu {
    position: static;
    z-index: 9;
  }

  .navbar .megamenu .menuopen {
    width: 745px;
    max-width: 745px;
    top: 100px;
  }

  .navbar .megamenu .tab-pane {
    padding-left: 15px;
    padding-right: 15px;
  }

  .navbar .megamenu .navbox {
    min-height: inherit;
  }

  .navbar .megamenu .addbox {
    padding: 15px;
  }



  .blogdetail {
    padding-top: 50px;
  }

  .recentpost {
    margin-top: 50px;
  }



  .rating-banner .bannerleft h1 {
    padding: 0;
  }

  .rating-banner .bannerleft .icon {
    padding-top: 30px;
  }

  .rating-banner .formbox {
    background-size: cover;
  }

  .reivewright h2 {
    margin-top: 50px;
  }

  .awardrec .imgbox.aw:before, .awardrec .imgbox.re:before {
    display: none;
  }

  .awardrec .imgbox {
    margin-top: 20px;
  }

  .partnerwith .btn-dark {
    margin-bottom: 20px;
  }

  .partnerwith {
    text-align: center;
  }

  .ourplacement iframe {
    height: 400px;
  }

  .learnnow:after, .learnnow:before {
    display: none;
  }

  .learnnow {
    padding: 50px 0;
  }

  .ourstory {
    padding: 20px 0;
  }

  .board {
    padding: 40px 0 20px;
  }

  .ourplacement {
    padding: 40px 0;
  }

  .partnerwith {
    margin: 20px 0 40px;
  }





}



@media(max-width: 767px) {
  .visionsection .cardblock h6 {
    gap: 5px !important;
  }

  .visionsection .cardblock h6:before {
    width: 12px !important;
    height: 12px !important;
    background-size: 12px !important;
  }

  .visionsection .cardblock h6 a {
    font-size: 12px !important;
    padding-left: 5px;
  }

  .qmn_quiz_container .qmn_btn.qsm-submit-btn {
    font-size: 13px !important;
    margin-left: 10px !important;
    width: 47% !important;
  }

  body.page-template-page-template-mcq .successstory .review {
    padding: 30px 0 0;
  }

  .exam-course-area .cobox .content p {
    /*display: block !important;*/
    font-size: 11px;
    padding-bottom: 11px;
  }

  .exam-section .cobox {
    padding-bottom: 15px;
  }

  .exam-course-area .cobox .cobox-footer {
    position: relative !important;
  }

  .exam-course-area .cobox {
    padding-bottom: 15px;
    min-height: auto !important;
  }

  .exam-course-area .question-list li {
    font-size: 10px !important;
  }

  #internshipsection .thesummer button {
    font-size: 12px;
    padding: 10px 20px;
  }

  .topchoice .owl-carousel {
    margin-top: 20px !important;
  }

  .link-primary, .partnerwith p, .timeline .timeline-item a, #masterclasses .careerarea-text p {
    font-size: 12px !important;
  }

  .timeline .timeline-item a svg {
    width: 18px;
    height: 18px;
  }

  .locationsection .locationmap-area ul.nav-tabs {
    overflow-y: hidden !important;
    overflow-x: auto;
    height: auto;
    background-color: transparent;
  }

  .locationsection .locationmap-area ul.nav-tabs::-webkit-scrollbar {
    height: 4px;
  }

  .locationsection .locationmap-area ul.nav-tabs li:not(:last-child) {
    border-right: solid 1px rgb(169 169 169 / 40%) !important;
  }

  .locationsection .locationmap-area ul.nav-tabs li button {
    border: 0 !important;
  }

  .locationsection .locationmap-area .insidetabarea {
    background-color: transparent;
    height: auto;
  }

  .locationsection .locationmap-area ul.nav-tabs li button.active:before {
    border: 0;
  }

  .locationmap-area ul.nav-tabs li:first-child button {
    border-top-left-radius: 7px !important;
  }

  .locationmap-area ul.nav-tabs li:last-child button {
    border-top-right-radius: 7px !important;
  }

  .locationmap-area ul.nav-tabs li {
    width: auto !important;
    max-width: 33.33% !important;
    flex: 100%;
  }

  .locationmap-area ul li button {
    padding: 15px 15px;
  }

  .locationmap-area .insidetabarea li a {
    font-size: 10px;
    padding: 5px 0;
  }

  .locationmap-area .insidetabarea li a svg {
    width: 10px;
    height: 10px;
  }

  .locationmap-area ul li .iconbar-area {
    gap: 8px !important;
  }

  .locationmap-area ul li .iconbar-area .iconbar img {
    width: 25px;
    height: 25px;
    min-width: 25px;
  }

  .locationmap-area ul li .iconbar-area .iconbar-data {
    line-height: 1;
  }

  .locationmap-area ul li .iconbar-area .iconbar-data h5 {
    font-size: 12px;
  }

  .locationmap-area ul li .iconbar-area .iconbar-data span {
    font-size: 10px;
  }

  body.single-internships .content {
    min-height: 255px;
  }

  body.single-courses .jobform .subtext p {
    font-size: 13px;
    font-weight: 500;
  }

  .hearform .owl-carousel .owl-item .carbox {
    margin-bottom: 0;
  }

  .hearform .nav {
    margin-bottom: 15px;
  }

  .hearform .owl-carousel .owl-item .bigimg img {
    max-height: 210px;
    width: 100%;
    object-fit: cover;
  }

  .search-mobile h4 {
    font-size: 18px !important;
    margin-bottom: 20px !important;
  }

  .search-mobile p {
    min-height: auto !important;
  }

  .search-mobile .right-content h4 {
    margin-bottom: 4px !important;
    font-size: 13px !important;
    color: #222;
  }

  .header .call ul {
    padding: 0 0 10px;
    text-align: center;
  }

  .header .logo {
    text-align: center;
  }

  .learn h2 br {
    display: none;
  }

  .learn .videobox {
    margin-top: 20px;
  }

  .learn .videobox .videimg {
    width: 100%;
  }

  .learn .videobox .play {
    top: 50%;
    margin-top: -30px;
  }

  .allcourse:before {
    display: none;
  }

  .careercourses .imgbox .img-fluid {
    width: 100%;
  }

  .workshop .btn-outline-secondary, .workshop .btn-outline-primary {
    font-size: 16px;
  }

  .lastestblog .blogpost .date, .lastestblog .blogpost a.link {
    font-size: 14px;
  }

  .lastestblog .blogpost h4 {
    font-size: 18px;
  }

  body {
    padding-bottom: 120px;
  }



  .placement .btn-primary {
    margin-top: 20px;
  }

  .jobform .pattern:before {
    display: none;
  }



  .footer .copyright {
    margin-top: 20px;
  }

  .yourgoal .goalbox {
    min-height: inherit;
    margin-bottom: 0 !important;
  }

  .whyenroll .goalbox p {
    max-width: 100%;
  }

  .tools .item h4 {
    font-size: 16px;
  }



  .redhatbanner:before {
    display: none;
  }

  .allcourse .featured-course .item .cousebox .content {
    min-height: 230px;
  }

  .success ul {
    text-align: center;
  }

  .benifit h2 big, .redhatcertifi h2 big {
    font-size: 32px;
  }

  .benifit h3 {
    font-size: 20px;
  }

  .redhatcertifi h4 {
    font-size: 22px;
  }

  .studenthave .owl-nav {
    top: -50px;
  }

  .locate .grdnt {
    padding: 30px;
    min-height: inherit;
  }

  .contactform .coform .item-content h3 {
    font-size: 22px;
  }

  .tabbed-content .item::before {
    font-size: 16px;
  }

  /*.presence .single-content img{ width: 215px; }*/

  .latestblog .single-content {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px;
  }

  .latestblog .single-content .contentbox h4 {
    font-size: 18px;
  }

  .placesupport .imgbox {
    width: 100%;
  }

  .placesupport .container {
    padding-top: 50px;
  }

  .discover .whbox {
    padding: 20px;
    min-height: inherit;
  }

  .discover .whbox ul li {
    font-size: 14px;
    background-position: 0 12px;
  }

  .whygrras:before {
    display: none;
  }

  /*.whygrras ul li{ width: 46%; margin: 10px; min-height: inherit; }

      .whygrras ul li:nth-child(3n){ margin-right: 10px; }*/

  .redhatbanner h1 {
    line-height: inherit;
  }



  .workshopfilter .cousebox img {
    width: 100%;
  }

  .avmodal .avbox {
    padding: 20px;
    font-size: 18px;
  }

  .redac, .redtabcon {
    padding: 50px 0;
  }

  .navbar .megamenu .menuopen {
    width: 400px;
    max-width: 400px;
  }



  .reviewmid {
    padding: 50px 0;
  }

  .ourplacement iframe {
    height: 300px;
  }



}

@media(max-width: 640px) {





  .highdemand ul li {
    width: 30%;
    min-height: 180px;
  }

  /*.presence .single-content img{ width: 185px; }*/

}

@media(max-width: 568px) {





  .highdemand ul li {
    width: 46%;
    min-height: 150px;
  }

  .available ul li {
    width: 48%;
  }

  .jobrole .bac {
    background: #fff;
    padding: 15px;
  }

  .careerpath ul li {
    margin-right: 20px;
  }

  /*.presence .single-content img{ width: 160px; }*/

  .placesupport ul li {
    padding: 14px 20px;
    font-size: 14px;
  }

  /*.whygrras ul li{ width: 45%; min-height: 160px; }*/

  .awardrec .imgbox img {
    width: 100%;
  }

  .missionvision .ourvision img {
    width: 100%;
  }

  .missionvision .ourvision {
    margin-bottom: 20px;
  }

  .board img {
    width: 100px;
  }

  .board .content {
    padding-left: 120px;
  }

  .board h3 {
    font-size: 16px;
  }





}

@media(max-width: 480px) {

  /*.benifit .benifitredhat{ right: 20px;}*/

  .benifit .benifitimg {
    position: inherit;
    width: 100%;
  }

  .careerpath ul li {
    width: 44%;
  }

  .success ul li:nth-child(2) {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  /*.presence .single-content img{ width: 205px; }*/

  .reivewright .whbox ul li {
    width: 100%;
    margin-right: 0;
  }

}

@media(max-width: 414px) {



  .requestbox .formbox {
    padding: 20px;
  }

  .footer .copyright {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .successstory .col-auto {
    width: 100%;
    display: block;
  }



  /*.recentplacement .owl-nav, .award .owl-nav { position: absolute; top: 45%; left: 0; right: 0; }

      .recentplacement .owl-nav .owl-prev, .award .owl-nav .owl-prev{ width: 46px; height: 46px; border-radius: 50%; background: #fff!important; text-align: center; line-height: 46px; box-shadow: 0 0 20px rgba(0,0,0,.1); margin-left: 0px; 

      -webkit-transition: all .2s ease;

         -moz-transition: all .2s ease;

          -ms-transition: all .2s ease;

           -o-transition: all .2s ease;

              transition: all .2s ease;}

      .recentplacement .owl-nav .owl-next, .award .owl-nav .owl-next{ width: 46px; height: 46px; border-radius: 50%; background: #fff!important; text-align: center; line-height: 46px; box-shadow: 0 0 20px rgba(0,0,0,.1); float: right; margin-right: 0px; 

      -webkit-transition: all .2s ease;

         -moz-transition: all .2s ease;

          -ms-transition: all .2s ease;

           -o-transition: all .2s ease;

              transition: all .2s ease;}*/



  /*.available ul li{ width: 100%; }*/

  .jobform .btn-primary {
    margin-left: 0;
  }

  .highdemand ul li {
    width: 100%;
    margin-right: 0;
    min-height: inherit;
  }

  .highdemand ul li h5 {
    min-height: inherit;
  }

  .peekgray .btn-light {
    margin-left: 0;
    margin-top: 10px;
    width: 90%;
  }

  .peekgray .btn-primary {
    width: 90%;
  }

  .signupcourse .btn {
    padding-left: 10px;
    padding-right: 10px;
  }

  .blogbtn .btn-secondary {
    padding: 10px;
  }

  /*.presence .single-content img{ width: 175px; }*/

  .latestblog .single-content .imgbox {
    width: 100px;
  }

  .latestblog .single-content .contentbox {
    margin-left: 120px;
  }

  .latestblog .single-content .contentbox .admin {
    margin-right: 0;
    text-align: center;
  }

  .blogbtn .btn-secondary {
    font-size: 14px;
  }

  /*.whygrras ul li{ width: 100%; margin: 10px 0; min-height: inherit;}

      .whygrras ul li:nth-child(3n){ margin-right: 0px; }*/

  .navbar .megamenu .menuopen {
    width: 300px;
    max-width: 300px;
  }

  .rating-banner .formbox {
    padding: 30px;
  }

}

@media(max-width: 375px) {

  .talent ul li {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }

  .careerpath ul li {
    margin-left: 5px;
    margin-right: 0px;
  }

  .btn-primary {
    padding-left: 20px;
    padding-right: 20px;
  }

  /*.presence .single-content img{ width: 155px; }*/

}

@media(max-width: 360px) {

  /*.presence .single-content img{ width: 145px; }*/

}

@media(max-width: 320px) {

  .careerpath ul li {
    width: 100%;
    text-align: center;
  }

  /*.presence .single-content img{ width: 125px; }*/

}































/*css start*/

body {
  font-family: 'Inter', sans-serif;
  position: relative;
  padding-bottom: 52px;
}



.Poppins {
  font-family: 'Inter', sans-serif;
}







a {

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;

}



.container {
  max-width: 1170px;
}



h2 {
  font-size: 32px;
  color: #151924;
  font-weight: 500;
  margin: 0;
  padding: 0;
}



.btn-secondary {
  font-size: 16px;
  font-weight: 500;
  padding: 10px 26px;
  background: transparent;
  border: none;
  box-shadow: 0 0px 25px #FF7F5080;
  color: #ef7220;
  border: solid 1px #ef7220;
}

.btn-secondary:hover, .btn-secondary:focus {
  background: #EF7220;
  background: linear-gradient(90deg, rgba(239, 114, 32, 1) 0%, rgba(255, 165, 2, 1) 100%);
  border-color: transparent;
  color: #fff !important;
}





/* Tab and acording csss*/



.tabbed-content .item {
  min-height: 2em;
}

.tabbed-content .item::before {
  content: attr(data-title);
}

.tabbed-content .item .item-content {
  opacity: 0;
  visibility: hidden;
  height: 0;

  -webkit-transition: all .25s ease;

  -moz-transition: all .25s ease;

  -ms-transition: all .25s ease;

  -o-transition: all .25s ease;

  transition: all .25s ease;
}

.tabbed-content .item.active .item-content {
  opacity: 1;
  visibility: visible;
  height: auto;
  padding: 16px;

  -webkit-transition: all .25s ease;

  -moz-transition: all .25s ease;

  -ms-transition: all .25s ease;

  -o-transition: all .25s ease;

  transition: all .25s ease;
}



@media all and (min-width: 800px) {

  .item.active .item-content {
    padding-top: 0;
  }

  .tabbed-content .tabs {
    display: block;
  }

  .tabbed-content .tabs li {
    display: inline-block;
  }

  .tabbed-content .tabs li a {
    display: block;
  }

  .tabbed-content .item {
    min-height: 0;
  }

  .tabbed-content .item::before {
    display: none;
  }

}



/*new css*/

.header {
  padding: 0px 0 0px;
  background: #fff;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, .1);
  position: relative;
  z-index: 9;
}

.header .logo {
  width: 60px;
}

.header .call {
  text-align: right;
}

.header .call ul {
  margin: 0;
  padding: 24px 0 0;
  list-style: none;
}

.header .call ul li {
  display: inline-block;
  padding: 0 20px;
  position: relative;
}

.header .call ul li:last-child {
  padding-right: 0;
}

.header .call ul li a {
  font-size: 17px;
  color: #2b2a28;
  text-decoration: none;
  font-weight: 500;
}

.header .call ul li a img {
  margin-right: 6px;
  margin-top: -2px;
}

.header .call ul li a:hover {
  color: #14853c;
}



.navbar {
  padding: 0;
}

.navbar .navbar-nav {
  margin-left: 4%;
}

.navbar .btn {
  font-weight: 500;
  font-size: 14px;
  width: 135px;
  text-align: left;
  margin: 5px 20px 5px 10px;
  padding: 9px 15px;
  position: relative;
}

.navbar .btn:before {
  position: absolute;
  top: 16px;
  right: 10px;
  content: '';
  width: 16px;
  height: 9px;
  background: url(../images/dd.png) no-repeat;
}

.navbar .input-group {
  height: 40px;
  border-radius: 30px;
  margin-top: 6px;
  max-width: 300px;
  width: 320px;
  border: 1px #bcbcbc solid;
  background: #fff;
}


.navbar .input-group .form-control {
  border-radius: 30px;
  border: none;
  font-size: 13px;
  padding-left: 20px;
  box-shadow: none;
  margin-right: 2px;
}

.navbar .input-group button {
  border: none;
  padding: 0;
  margin-right: 4px;
  outline: none;
  border-radius: 30%;
  background: none;
}

.navbar .input-group button img {
  width: 32px;
}



.navbar .dropdown-toggle::after {
  background: url(../images/white-arrow.png) no-repeat;
  content: '';
  width: 16px;
  height: 9px;
  border: none;
  right: 0px;
  position: absolute;
  right: 10px;
  top: 16px;
}

.navbar .nav-item {
  padding: 0 5px;
}

.navbar .nav-item:last-child {
  padding: 0px;
  width: auto;
}

.navbar .nav-item:last-child a {
  padding-right: 10px;
  text-align: center;
  margin-right: 0;
}

.navbar .nav-item:last-child a:before {
  display: none;
}

.navbar .nav-link {
  padding: 14px 0px;
  position: relative;
  color: #2c2b29;
  font-weight: 400;
  font-size: 14px;
}

.navbar .nav-link.active {
  color: #2c2b29;
}

.navbar .nav-link:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  height: 3px;
  width: 1px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.navbar .nav-link:hover:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  height: 3px;
  background: #000;
  width: 100%;
}

.navbar .nav-link.active:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  height: 3px;
  background: #000;
  width: 100%;
}

.navbar .nav-item:last-child .nav-link {
  background: #2c2b29;
  border-radius: 5px;
  color: #fff;
  padding-right: 48px;
  padding-left: 16px;
}

.navbar .nav-item:last-child .nav-link:before {
  position: absolute;
  top: 16px;
  right: 16px;
  content: '';
  width: 16px;
  height: 9px;
  background: url(../images/dd.png) no-repeat;
}

.navbar .nav-item:last-child .nav-link:after {
  display: none;
}



.nav-pills .nav-item:last-child {
  width: 100%;
  padding-right: 0;
  text-align: left;
}

.nav-pills .nav-item:last-child a {
  text-align: left;
}



.navbar .megamenu {
  /*position: absolute; top: 0px;*/
}

.navbar .megamenu .menuopen {
  max-width: 1170px;
  width: 1170px;

  position: absolute;
  top: 100%;
  margin-left: -79px;
  z-index: 9;
  display: block;
  opacity: 0;
  transition: all 0.4s ease;

}

.navbar .megamenu>a:hover+.menuopen {
  opacity: 1;
}

.navbar .megamenu .menuopen .card {
  padding: 0;
  border-radius: 0;
}

.navbar .megamenu .brows {
  padding: 10px 0px 10px 0px;
  border-radius: 0;
  font-size: 16px;
  color: #2b2a28;
  margin-top: auto;
  font-weight: 500;
}

.navbar .megamenu .brows .modal-header {
  margin: 0;
  padding: 0 5px;
}

.navbar .megamenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-color: #ccc !important;
}

.navbar .megamenu ul li {
  display: block;
  padding: 0;
  width: 100%;
}

.navbar .megamenu ul li a {
  display: block;
  padding: 8px 0px;
  font-size: 12px;
  color: #000;
  font-weight: 500;
  border-radius: 0;
  width: 100%;
  text-align: left;
  text-decoration: none;
  position: relative;
}

.megamenu-left-area {
  max-height: 410px;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.navbar .megamenu ul li a:hover, .navbar .megamenu ul li a.active {
  /*background: rgb(170,201,56); background: linear-gradient(90deg, rgba(170,201,56,1) 0%, rgba(243,141,32,1) 100%);*/
  color: #ef7220;
}

.navbar .megamenu h3 {
  padding: 20px 0 12px;
  font-size: 17px;
  color: #2b2a28;
  font-weight: 500;
  margin-bottom: 10px;
}

.navbar .megamenu .addbox h3 {
  padding-bottom: 0;
}

.navbar .megamenu .navbox {
  padding: 15px;
  border: 1px #ededed solid;
  border-radius: 10px;
  margin-bottom: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
  min-height: 124px;
}

.navbar .megamenu .navbox a {
  color: #2b2a28;
  text-decoration: none;
}

.navbar .megamenu .navbox h4 {
  font-size: 17px;
  font-weight: 500;
  color: #2b2a28;
}

.navbar .megamenu .navbox p {
  font-size: 13px;
  color: #2b2a28;
}

.navbar .megamenu .navbox div {
  font-size: 13px;
  color: #2b2a28;
}

.navbar .megamenu .navbox .cal {
  font-size: 13px;
  color: rgba(43, 42, 40, .6);
  background: url(../images/date.png) no-repeat;
  padding-left: 20px;
}

.navbar .megamenu .link-primary {
  font-size: 17px;
  color: #f18f21;
  font-weight: 500;
  text-decoration: underline;
}

.navbar .megamenu .link-primary:hover {
  text-decoration: none;
}



/*mobile menu course*/

.navbar .megamenu .cobox, .mega-sub-menu .cobox {
  margin-bottom: 12px;
  min-height: 89px;
  border: 1px #ccc solid;
  border-radius: 5px;
  text-align: left;
}

.navbar .megamenu .cobox a, .mega-sub-menu .cobox a {
  text-decoration: none;
}

.navbar .megamenu .imgbox, .mega-sub-menu .imgbox {
  width: 72px;
  float: left;
  position: relative;
}

.navbar .megamenu .imgbox .bigimg, .mega-sub-menu .imgbox .bigimg {
  border-radius: 5px 0 0 5px;
  min-height: 87px;
}

.navbar .megamenu .imgbox .imgcontent, .mega-sub-menu .imgbox .imgcontent {
  position: absolute;
  top: 20%;
  right: 12px;
  left: 12px;
}

.navbar .megamenu .imgbox .imgcontent .icon, .mega-sub-menu .imgbox .imgcontent .icon {
  background: url(../images/icon-frame.svg) no-repeat;
  border-radius: 10px;
  width: 46px;
  height: 46px;
  padding: 7px;
  float: left;
}

.navbar .megamenu .imgbox .offer {
  background: none;
  text-align: center;
  padding: 0;
  width: 100%;
  font-size: 14px;
  color: #ef7220;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-weight: bold;
}

.navbar .megamenu .imgbox .offer:before {
  display: none;
}

.navbar .megamenu .right-content {
  padding-left: 84px;
  position: relative;
  min-height: 87px;
}

.navbar .megamenu .right-content .bestseller {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller.svg) no-repeat;
  position: absolute;
  top: 2px;
  right: 0;
  padding: 2px 10px;
}

.navbar .megamenu .right-content .bestsellergreen {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-green.svg) no-repeat;
  position: absolute;
  top: 2px;
  right: 0;
  padding: 2px 10px;
}

.navbar .megamenu .right-content .bestsellerpink {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-pink.svg) no-repeat;
  position: absolute;
  top: 2px;
  right: 0;
  padding: 2px 10px;
}

.navbar .megamenu .right-content .bestsellerorange {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-orange.svg) no-repeat;
  position: absolute;
  top: 2px;
  right: 0;
  padding: 2px 10px;
}

.navbar .megamenu .right-content .bestsellerblue {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-blue.svg) no-repeat;
  position: absolute;
  top: 2px;
  right: 0;
  padding: 2px 10px;
}

.navbar .megamenu .right-content .bestsellerbluemix {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-blue-mix.svg) no-repeat;
  position: absolute;
  top: 2px;
  right: 0;
  padding: 2px 10px;
}

.navbar .megamenu .right-content .bestsellerred {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-red.svg) no-repeat;
  position: absolute;
  top: 2px;
  right: 0;
  padding: 2px 10px;
}



.navbar .megamenu a {
  text-decoration: none;
}

.navbar .megamenu .cobox .content {
  padding: 5px 10px 5px 0 !important;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 83px;
}

.navbar .megamenu h4 {
  font-size: 11px;
  font-weight: 500;
  margin: 0;
  padding-top: 5px;
  color: #212529;
  /*min-height: 56px;*/
}

.navbar .megamenu h4 small {
  font-size: 6px;
  color: #e66d25;
  margin-bottom: 2px;
  line-height: 16px;
}

.navbar .megamenu p {
  margin-bottom: 0px;
  line-height: 10px;
  font-size: 8px !important;
  color: #000;
  /*display: none;*/
}

.navbar .megamenu .subtext {
  margin-bottom: 10px;
  line-height: 12px;
  font-size: 8px !important;
  color: #000;
}

.navbar .megamenu p a {
  font-size: 8px;
  color: #000;
  text-decoration: none;
}

.navbar .megamenu .content .star img {
  margin-top: -3px;
}

.navbar .megamenu .content .star {
  font-size: 8px;
  color: #000;
  padding: 0;
  font-weight: 500;
}

.navbar .megamenu .content .star span {
  color: #525252;
  font-weight: 400;
}

.navbar .megamenu .content .star .star-enabled {
  color: rgb(228 133 10);
  font-size: 12px;
  letter-spacing: -2.5px;
}

.navbar .megamenu .content .star .star-disabled {
  color: rgb(232 227 224);
  font-size: 12px;
  letter-spacing: -2.5px;
}



.navbar .megamenu .content .day {
  font-size: 8px;
  color: #000;
  text-align: right;
  font-weight: 500;
  margin-top: 5px;
}

.navbar .megamenu .content .day img {
  margin-right: 5px;
  margin-top: 0px;
  display: inline-block;
  width: 10px;
}



.navbar .megamenu .right-content .bestseller {
  font-size: 10px;
  color: #fff;
  background: #ef7220;
  position: absolute;
  top: 10px;
  right: 0;
  padding: 2px 10px 3px;
}

.navbar .megamenu .right-content .bestseller:before {
  position: absolute;
  left: -10px;
  top: 0px;
  content: '';
  border: 10px solid transparent;
  border-top-color: #ef7220;
  border-bottom-color: #ef7220;
}

/* new menu */
.mega-sub-menu .imgbox .offer {
  background: none;
  text-align: center;
  padding: 0;
  width: 100%;
  font-size: 14px;
  color: #ef7220;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-weight: bold;
}

.mega-sub-menu .imgbox .offer:before {
  display: none;
}

.mega-sub-menu .right-content {
  padding-left: 84px;
  position: relative;
  min-height: 87px;
}

.mega-sub-menu .right-content .bestseller {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller.svg) no-repeat;
  position: absolute;
  top: 2px;
  right: 0;
  padding: 2px 10px;
}

.mega-sub-menu .right-content .bestsellergreen {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-green.svg) no-repeat;
  position: absolute;
  top: 2px;
  right: 0;
  padding: 2px 10px;
  border-radius: 0px 5px 0px 0px;
}

.mega-sub-menu .right-content .bestsellerpink {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-pink.svg) no-repeat;
  position: absolute;
  top: 2px;
  right: 0;
  padding: 2px 10px;
}

.mega-sub-menu .right-content .bestsellerorange {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-orange.svg) no-repeat;
  position: absolute;
  top: 2px;
  right: 0;
  padding: 2px 10px;
}

.mega-sub-menu .right-content .bestsellerblue {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-blue.svg) no-repeat;
  position: absolute;
  top: 2px;
  right: 0;
  padding: 2px 10px;
}

.mega-sub-menu .right-content .bestsellerbluemix {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-blue-mix.svg) no-repeat;
  position: absolute;
  top: 2px;
  right: 0;
  padding: 2px 10px;
}

.mega-sub-menu .right-content .bestsellerred {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-red.svg) no-repeat;
  position: absolute;
  top: 2px;
  right: 0;
  padding: 2px 10px;
}



.mega-sub-menu a {
  text-decoration: none;
}

.mega-sub-menu .cobox .content {
  padding: 5px 10px 5px 0 !important;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 83px;
}

.mega-sub-menu h4 {
  font-size: 11px;
  font-weight: 500;
  margin: 0;
  padding-top: 5px;
  color: #212529;
  /*min-height: 56px;*/
}

.mega-sub-menu h4 small {
  font-size: 6px;
  color: #e66d25;
  margin-bottom: 2px;
  line-height: 16px;
}

.mega-sub-menu p:not(.unstyled) {
  margin-bottom: 0px;
  line-height: 10px;
  font-size: 8px !important;
  color: #000;
  /*display: none;*/
}

.mega-sub-menu .subtext {
  margin-bottom: 10px;
  line-height: 12px;
  font-size: 8px !important;
  color: #000;
}

.mega-sub-menu p a {
  font-size: 8px;
  color: #000;
  text-decoration: none;
}

.mega-sub-menu .content .star img {
  margin-top: -3px;
}

.mega-sub-menu .content .star {
  font-size: 8px;
  color: #000;
  padding: 0;
  font-weight: 500;
}

.mega-sub-menu .content .star span {
  color: #525252;
  font-weight: 400;
}

.mega-sub-menu .content .star .star-enabled {
  color: rgb(228 133 10);
  font-size: 12px;
  line-height: 1;
  letter-spacing: -2.5px;
}

.mega-sub-menu .content .star .star-disabled {
  color: rgb(232 227 224);
  font-size: 12px;
  letter-spacing: -2.5px;
}



.mega-sub-menu .content .day {
  font-size: 8px;
  color: #000;
  text-align: right;
  font-weight: 500;
  margin-top: 5px;
}

.mega-sub-menu .content .day img {
  margin-right: 5px;
  margin-top: 0px;
  display: inline-block;
  width: 10px;
}



.mega-sub-menu .right-content .bestseller {
  font-size: 10px;
  color: #fff;
  background: #ef7220;
  position: absolute;
  top: 10px;
  right: 0;
  padding: 2px 10px 3px;
}

.mega-sub-menu .right-content .bestseller:before {
  position: absolute;
  left: -10px;
  top: 0px;
  content: '';
  border: 10px solid transparent;
  border-top-color: #ef7220;
  border-bottom-color: #ef7220;
}

/* new menu */





.certificate .cologo .top-company {
  padding-top: 0;
}

.cologo .owl-carousel.top-company {
  padding: 30px 0 0;
}



/*Your Tech Career*/

.techbg {}

.techbg h2 {
  font-size: 27px;
  color: #020200;
}

.teachcareer {
  padding: 70px 0;
}

.teachcareer .lpabox {
  border: 1px #bcbcbd solid;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
  padding: 30px;
  margin-top: 30px;
}

.teachcareer .lpabox p {
  padding-top: 20px;
  font-size: 17px;
  font-weight: 700;
  color: #000;
  margin: 0;
}



.reviewpop {
  padding-top: 30px;
}

.reviewpop .reviewimg {
  width: 187px;
  height: 187px;
  border-radius: 50%;
  border: 5px #ffecdf solid;
  float: left;
}

.reviewpop .reviewimg img {
  width: 177px;
  height: 177px;
  border-radius: 50%;
  border: 6px #ef7220 solid;
}

.reviewpop .reviewcont {
  margin-left: 218px;
}

.reviewpop .reviewcont h3 {
  font-size: 21px;
  color: #ef7220;
  font-weight: 700;
}

.reviewpop .reviewcont .degi {
  font-size: 12px;
  color: #000;
}

.reviewpop .reviewcont .backend {
  font-size: 11px;
  color: #333;
  padding: 5px 0 8px;
  border-bottom: 1px #adadad solid;
  margin-bottom: 6px;
}

.reviewpop .reviewcont .location {
  font-size: 11px;
  color: #333;
  padding: 8px 0;
}

.reviewpop .reviewcont .location img, .reviewpop .reviewcont .uni img, .reviewpop .reviewcont .edu, .reviewpop .reviewcont .exp img {
  margin-right: 6px;
}

.reviewpop .reviewcont .uni {
  font-size: 11px;
  color: #333;
  padding: 5px 40px 5px 0;
  display: inline-block;
  vertical-align: top;
}

.reviewpop .reviewcont .edu {
  font-size: 11px;
  color: #333;
  padding: 5px 0;
  display: inline-block;
  vertical-align: top;
}

.reviewpop .reviewcont .exp {
  font-size: 11px;
  color: #333;
  padding: 5px 0;
}

.reviewpop .pregrass {
  margin: 30px 0 20px;
  padding: 0;
  list-style: none;
  text-align: center;
}

.reviewpop .pregrass li {
  display: inline-block;
  width: 47%;
}

.reviewpop .pregrass li p {
  font-size: 13px;
  color: #333;
  margin: 6px 0;
}

.reviewpop .salary {
  background: #ffecdf;
  border-radius: 30px;
}

.reviewpop .salary span {
  background: #ef7220;
  border-radius: 30px;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  display: inline-block;
  padding: 5px 20px;
  width: 85%;
}

.reviewpop .share {
  margin: 30px 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.reviewpop .share li {
  display: inline-block;
  width: 46%;
  font-size: 17px;
  color: #000;
  background: #ffecdf;
  border-radius: 20px;
  padding: 5px 10px;
  font-weight: 500;
}

.reviewpop .share li:first-child {
  margin-right: 3%;
}

.reviewpop .share li img {
  margin-right: 10px;
}

.reviewpop .share li a {
  color: #000;
  text-decoration: none;
}

.reviewpop .share li a:hover {
  color: #ef7220;
  text-decoration: none;
}

.reviewpop h4 {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  margin: 30px 0 10px;
}

.reviewpop h4 span {
  color: #ff0000;
}

.reviewpop .subtext {
  font-size: 12px;
  color: #000;
  margin: 0;
}

.reviewpop .linkd {
  font-size: 16px;
  color: #0066c8;
  margin: 20px 0;
  font-weight: 500;
}

.reviewpop .linkd img {
  margin-top: -5px;
  margin-right: 5px;
}

.reviewmodal .btn-close {
  top: 10px;
  right: 10px;
  z-index: 1;
  outline: none;
  box-shadow: none;
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
  --bs-offcanvas-width: 500px;
  text-align: left;
}







.voice {
  padding-bottom: 50px;
}

.voice ul.isolist {
  list-style: none;
  padding: 30px 0;
}

.voice ul.isolist li {
  display: inline-block;
  padding: 8px 25px;
  border-radius: 25px;
  font-size: 16px;
  color: #fa8436;
  font-weight: 500;
  cursor: pointer;
  border: 2px solid #fa8436;
  background: #fff;
  margin-right: 10px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.voice ul.isolist li:hover {
  color: #fff;
  background: #fa8436;
}

.voice ul.isolist li.active {
  color: #fff;
  background: #fa8436;
  border: 2px #fa8436 solid;
}



/*Voices of Trust and Love*/

.voicebox:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
}

.voicebox {
  border: 1px #dddedf solid;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .05);

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.voicebox .voicecontent {
  padding: 20px;
  text-align: left;
}

.voicebox .vioceimg {
  float: left;
}

.voicebox .vioceimg img {
  border-radius: 10px;
  width: 100px;
}

.voicebox .voicetitle {
  margin-left: 115px;
}

.voicebox .voicetitle h4 {
  font-size: 19px;
  color: #151924;
  font-weight: 500;
  margin-top: 5px;
}

.voicebox .voicetitle .special {
  margin-top: 5px;
  font-size: 15px;
  color: #151924;
  padding-left: 20px;
  background: url(../images/bag.png) no-repeat 0 3px;
}

.voicebox .voicetitle .location {
  margin-top: 5px;
  font-size: 15px;
  color: #151924;
  padding-left: 20px;
  background: url(../images/location.png) no-repeat 0 3px;
}

.voicebox p {
  margin: 20px 10px 0;
  font-size: 13px;
  color: #000;
  line-height: 22px;
  display: none;
}

.voicebox .playbar {
  background: #eef4d7 url(../images/voice-play.png) no-repeat 10px center;
  font-size: 13px;
  color: #595a50;
  border-radius: 10px;
  padding: 10px 10px 10px 46px;
  display: block;
  text-decoration: none;
  margin-top: 15px;
}

.voicebox .playbar:hover {
  color: #333;
}

.voicebox hr {
  margin: 0;
}

.voicebox .text-right {
  text-align: right;
}

.voicebox .readstory {
  font-size: 14px;
  color: #f18e21;
  text-align: right;
  margin: 12px 20px;
  padding-right: 15px;
  background: url(../images/orange-arrow.png) no-repeat right center;
  display: block;
  text-decoration: none;
  font-weight: 500;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  -ms-transition: all .5s ease;

  -o-transition: all .5s ease;

  transition: all .5s ease;
}

.voicebox .readstory:hover {
  padding-right: 20px;
  background: url(../images/orange-arrow.png) no-repeat right 5px center;
}



/*Let’s Rate GRRAS!*/

.letsrate {
  padding: 70px 0 70px;
  background: #fff6f3;
  position: relative;
}

.letsrate:before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  background: url(../images/lets-left-pattern.png) no-repeat;
  width: 288px;
  height: 284px;
}

.letsrate:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  background: url(../images/lets-right-pattern.png) no-repeat;
  width: 304px;
  height: 250px;
}

.letsrate h2 {
  font-size: 27px;
  color: #151924;
}

.letsrate h4 {
  font-size: 21px;
  color: #151924;
  font-weight: 500;
  margin-top: 8px;
  margin-bottom: 30px;
}

.letsrate label {
  font-size: 14px;
  color: #011f4e;
}

.letsrate .form-control {
  height: 40px;
  border: 1px #000 solid;
  box-shadow: none;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  color: #666;
}

.letsrate textarea.form-control {
  height: 150px;
}

.letsrate .button {
  font-size: 18px;
  background: #ef7220 !important;
  border: none;
  padding: 10px 30px;
}

.letsrate .button:hover {
  background: #d76013;
}



/*faq*/

.faq-section {
  background: #000;
  padding: 60px 0;
}

#faqsec {
  background: #fff;
  padding: 60px 0;
}

#faqsec h2 {
  margin-bottom: 20px;
}

.faqs .accordion {
  padding: 5px 40px;
  border: 1px #bfbfbf solid;
  border-radius: 5px;
  height: 302px;
  overflow-y: scroll;
}

.faqs .accordion .accordion-item {
  border: none;
  border-bottom: 1px #d3d3d4 solid;
}

.faqs .accordion .accordion-item .accordion-button {
  padding: 27px 30px 0px 0px;
  margin-bottom: 25px
}

.faqs .accordion-button:not(.collapsed) {
  background: none;
  box-shadow: none;
  outline: none;
  color: #212529;
  font-weight: 500;
}

.faqs .accordion-button {
  font-weight: 500;
}

.faqs .accordion-item:first-of-type .accordion-button {
  background: none;
  box-shadow: none;
  outline: none;
}

.faqs .accordion-button::after {
  background: url(../images/faq-plus.png) no-repeat;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 10px;
}

.faqs .accordion-button:not(.collapsed)::after {
  background: url(../images/faq-minus.png) no-repeat;
  width: 18px;
  height: 18px;
}

.faqs .accordion-button:focus {
  box-shadow: none;
}

.faqs .accordion-body {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.faqs p {
  font-size: 14px;
  color: rgba(33, 37, 41);
}

.faqs h2 {
  margin-bottom: 20px;
  color: #fff;
}

.faqs p {
  color: #B3B3B3;
}

.faqs #text {
  display: none;
}

.faqs #toggle {
  margin-top: 20px;
}

.faqs .faqs-data {
  background: #000000;
  border-radius: 4px;
  border-style: solid;
  border-color: #7a7a7a;
  border-width: 1px;
  padding: 30px;
  display: flex;
  position: relative;
  box-shadow: inset 13px 26px 54px 0px rgba(232, 232, 232, 0.3), inset -13px 26px 54px 0px rgba(232, 232, 232, 0.25);
  overflow: hidden;
  background-image: url('../images/faqs-data.png');
  background-repeat: no-repeat;
  background-position: bottom center;
}

.faqs .morequestion {
  padding: 30px 35px 45px 88px;
  border: 1px #bfbfbf solid;
  border-radius: 10px;
  background: url(../images/question.png) no-repeat 30px center;
  font-size: 16px;
  color: #212529;
  font-weight: 500;
  margin-bottom: 20px;
}

.faqs .morequestion a {
  color: #ef7220;
  text-decoration: underline;
}

.faqs .morequestion a:hover {
  color: #ef7220;
  text-decoration: none;
}

.faqs .havemore {
  padding: 30px;
  border: 1px #bfbfbf solid;
  border-radius: 10px;
  background: #3e434d;
}

.faqs .havemore h4 {
  font-size: 24px;
  color: #aac938;
}

.faqs .havemore .subtext {
  font-size: 15px;
  color: #fff;
  margin-bottom: 25px;
}



/*footer*/

.footer {
  background: #000;
  padding: 45px 0 20px;
}

.footer h4 {
  font-size: 16px;
  color: #fff;
}

.footer h5 {
  font-size: 16px;
  color: #fff;
}

.footer p {
  font-size: 14px;
  color: rgba(255, 255, 255, .8);
  padding: 15px 0;
  margin: 0;
  max-width: 400px;
}

.footer ul.footmenu {
  margin: 0;
  padding: 5px 0 20px;
  list-style: none;
  max-width: 280px;
}

.footer ul.footmenu li {
  display: block;
}

.footer ul.footmenu li a {
  font-size: 14px;
  color: #b3b3b3;
  display: block;
  text-decoration: none;
  padding: 4px 0;
}

.footer ul.footmenu li a:hover {
  color: #fff;
}



.footer ul.social {
  margin: 20px 0 15px;
  padding: 0;
  list-style: none;
}

.footer ul.social li {
  display: inline-block;
}

.footer ul.social li a {
  display: block;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  /*padding-top: 5px;*/
  border-radius: 50%;
  background: #808080;
}

.footer ul.social li a img {
  height: 12px;
  width: 12px;
}

.footer ul.social li:first-child a:hover {
  background: #dfe7ff;
}

.footer ul.social li:nth-child(2) a:hover {
  background: #cfeffd;
}

.footer ul.social li:nth-child(3) a:hover {
  background: #cbe4fd;
}

.footer ul.social li:nth-child(4) a:hover {
  background: #ffc7db;
}

.footer ul.social li:nth-child(5) a:hover {
  background: #fcc3c3;
}



.footer .copyright {
  border-top: 1px #3b3b3b solid;
}

.footer .copyright ul {
  margin: 0;
  padding: 30px 0 20px;
  list-style: none;
}

.footer .copyright ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0 6px 6px 0;
}

.footer .copyright ul li a {
  display: inline-block;
  background: #363636;
  text-decoration: none;
  color: rgba(255, 255, 255, .44);
  padding: 10px 20px;
  font-size: 14px;
}

.footer .copyright ul li a:hover {
  display: inline-block;
  background: #222;
}

.footer .copyright p {
  color: #fff;
  font-size: 13px;
  margin: 0;
  padding: 0;
}

.footer .text-right {
  text-align: right;
}



.footer .accordion {
  margin-top: 20px;
}

.footer .accordion-item {
  border: none;
  background: none;
}

.footer .accordion-button {
  background: none;
  padding: 10px 0;
  color: #fff;
  font-size: 14px;
}

.footer .accordion-button::after {
  background: url(../images/fdarow.png) no-repeat;
  width: 12px;
  height: 7px;
}

.footer .accordion-body {
  padding: 0;
}





/*Internship*/

.redhatbanner {
  padding: 90px 0;
  background: #1b1b1b;
  position: relative;
}

/*.redhatbanner:before{ position: absolute; top: -100px; right: 0; content: ''; background: url(../images/banner-pattern.png) no-repeat; width: 421px; height: 454px; }*/

.redhatbanner .bannerhero {}

.redhatbanner h1 {
  font-size: 42px;
  color: #fff;
  font-weight: 400;
}

.redhatbanner h1 span {
  color: #ee0000;
}

.redhatbanner p {
  font-size: 17px;
  color: #000;
  margin: 0;
  font-weight: 500;
}

.redhatbanner .invest {
  font-size: 18px;
  color: #011f4e;
  padding: 20px 0 15px;
  font-weight: 500;
  background: linear-gradient(45deg, rgba(255, 93, 46, 1) 0%, rgba(240, 38, 88, 1) 29%, rgba(53, 116, 246, 1) 68%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.redhatbanner .realword {
  font-size: 16px;
  color: #fff;
  margin-bottom: 30px;
}

.redhatbanner .realword span {
  color: #ea0606;
}

.redhatbanner .form-control {
  border: 1px #c6c6c4 solid;
  height: 48px;
  box-shadow: none;
  outline: none;
  font-size: 14px;
  color: #000;
}

.redhatbanner .btn-dark {
  padding: 12px 20px;
  font-size: 15px;
  font-weight: 400;
  margin-right: 5px;
}

.redhatbanner .btn-dark:hover {
  background: #333;
}

.redhatbanner .btn-red {
  padding: 11px 20px;
  font-size: 15px;
  font-weight: 400;
  background: #ee0000;
  color: #fff;
}

.redhatbanner .btn-red:hover {
  background: #d50303;
}

.redhatbanner ul {
  margin: 10px 0 15px;
  padding: 0;
  list-style: none;
}

.redhatbanner ul li {
  font-size: 16px;
  color: #050505;
  padding: 5px 12px;
  background: #fee0e0;
  border-radius: 30px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
  margin-right: 4px;
}

.redhatbanner ul li span {
  font-weight: 500;
}

.redhatbanner ul li img {
  margin-right: 5px;
}



.whbg {
  background: #fff !important;
}

.whbg .icon {
  background: #e0e0e0 !important;
}

.whbg p {
  color: #0E2A46 !important;
}

.whbg p big {
  color: #000 !important;
}



.btn-dark {
  background: #000;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}

.btn-dark:hover {
  background: #333;
}



.intcourse {
  padding: 70px 0;
  position: relative;
}

.intcourse .container {
  position: relative;
  z-index: 1;
}

.intcourse .proven {
  color: #5f1b3b;
  font-size: 20px;
  text-transform: capitalize;
  display: inline-block;
  padding: 10px 20px;
  font-weight: 500;
  background: #f5e7ef;
  border: 1px #c689a6 solid;
  border-radius: 10px;
  margin: 0 auto;
}

.intcourse h2 {
  color: #151924;
  font-size: 32px;
  margin-top: 28px;
}

.intcourse h2 span {
  color: #ef7220;
}

.intcourse ul.isolist {
  list-style: none;
  padding: 20px 0 20px;
  margin: 0;
}

.intcourse ul.isolist li {
  display: inline-block;
  padding: 8px 25px;
  border-radius: 25px;
  font-size: 16px;
  color: #fa8436;
  font-weight: 500;
  cursor: pointer;
  border: 2px solid #fa8436;
  background: #fff;
  margin-right: 10px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.intcourse ul.isolist li:hover {
  color: #fff;
  background: #fa8436;
}

.intcourse ul.isolist li.active {
  color: #fff;
  background: #fa8436;
  border: 2px #fa8436 solid;
}

.intcourse .subtext {
  color: #fff;
  font-size: 16px;
  padding: 10px 0;
}

.intcourse .imgbox {
  border-radius: 10px 10px 0 0;
}

.intcourse .imgbox img {
  border-radius: 10px 10px 0 0;
}

.intcourse .cobox {
  background: #fff;
  border: 1px solid #bfbfbf;
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  overflow: hidden;
}

.intcourse a {
  text-decoration: none;
  border-radius: 20px;
}

.intcourse .cobox h3 {
  font-size: 19px;
  color: #00152b;
  font-weight: 500;
  min-height: 50px;
}

.intcourse .cobox h3 img {
  margin-right: 15px;
  float: left;
}

.intcourse .cobox .content {
  padding: 16px 15px;
  text-align: left;
}

.intcourse .cobox .content p {
  font-size: 11px;
  color: #5c5c5c;
  font-weight: 500;
}

.intcourse .cobox .content .rating {
  font-size: 14px;
  color: #000;
  font-weight: 500;
  vertical-align: top;
}

.intcourse .cobox .content .rating img {
  margin-top: -4px;
  display: inline-block;
}

.intcourse .cobox .content h5 {
  font-size: 15px;
  color: #000;
  font-weight: 500;
  margin: 0;
}

.intcourse .cobox .content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  min-height: 50px;
}

.intcourse .cobox .content ul li {
  font-size: 10px;
  color: #00152b;
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 5px;
  background: #f2f2f2;
  display: inline-block;
  margin-top: 4px;
  margin-right: 4px;
}

.intcourse .cobox .content .hour {
  font-size: 13px;
  color: #00152b;
  font-weight: 500;
  text-align: right;
  padding-top: 6px;
}

.intcourse .cobox .content .btn-primary {
  border-radius: 30px;
  padding: 7px 18px;
  font-size: 13px;
}

.line {
  border-top: 1px #ccc solid;
}



.thesummer {
  /* background: #f5f9fc url(../images/summer-pat.png) no-repeat 18% 40px; */
  padding: 60px 0;
  position: relative;
  background: #fdf7f4 url(../images/whybg.jpg) no-repeat;
}

.thesummer:before {
  background: #f5f9fc url(../images/summer-pat2.png) no-repeat;
  position: absolute;
  top: 44%;
  right: 18%;
  content: '';
  width: 100px;
  height: 110px;
}

.thesummer ul {
  margin: 0;
  padding: 30px 0 0;
  list-style: none;
  text-align: center;
}

.thesummer ul li {
  display: inline-block;
  width: 18%;
  height: 240px;
  padding: 20px;
  vertical-align: top;
  position: relative;
  background: #f4f0f1;
  margin: 5px;
  border-radius: 10px;
  text-align: left;
}

.thesummer ul li:nth-child(2) {
  background: #f1edfb;
}

.thesummer ul li:nth-child(3) {
  background: #eaf9fa;
}

.thesummer ul li:nth-child(4) {
  background: #eaf1f9;
}

.thesummer ul li:nth-child(5) {
  background: #c5f5d1;
}

.thesummer ul li:nth-child(6) {
  background: #f1edfb;
}

.thesummer ul li:nth-child(7) {
  background: #eaf9f9;
}

.thesummer ul li:nth-child(8) {
  background: #eaf1f9;
}

.thesummer ul li:nth-child(9) {
  background: #f1edfb;
}

.thesummer ul li p {
  color: #000;
  font-size: 15px;
  padding-top: 10px;
  margin: 0;
  font-weight: 500;
}





.whygrras {
  /* background: #fdf7f4 url(../images/whybg.jpg) no-repeat; */
  background-size: cover;
  padding: 70px 0;
  position: relative;
}

.whygrras .container {
  position: relative;
  z-index: 1;
}

.whygrras h2 {
  font-size: 32px;
  color: #000;
}

.whygrras .subtext {
  font-size: 16px;
  color: #000;
  margin: 0;
  padding: 10px 0 15px;
}

.whygrras .imgbox {
  border-radius: 10px;
  position: relative;
  border: 1px #ef7221 solid;
  display: inline-block;
  height: 100%;
}

.whygrras .imgbox iframe {
  border-radius: 10px;
  border: none;
  margin-bottom: -8px;
  height: 100%;
}

.whygrras .imgbox .play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
}

.whygrras ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
}

.whygrras ul li {
  display: inline-block;
  vertical-align: top;
}

.whygrras .iconbox {
  border-radius: 10px;
  border: 1px #ef7221 solid;
  background: #fff;
  padding: 22px 30px;
  margin-bottom: 0px;
  min-height: 100% !important;
}

.whygrras .iconbox img {
  float: left;
  margin: 0 10px 0px 0;
}

.whygrras .iconbox h4 {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  padding-top: 5px;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.whygrras .iconbox p {
  font-size: 14px;
  color: #000;
  margin: 0;
}



.certificate {
  padding: 70px 0 0;
  background: #fff;
}

.certificate .certibox {
  border: 1px #ddd solid;
  border-radius: 10px;
  padding: 16px 22px 16px 80px;
}

.certificate p {
  padding: 15px 0 30px;
  font-size: 14px;
  color: rgba(0, 0, 0, .8);
  line-height: 24px;
  margin: 0;
}

.certificate .btn-primary {
  max-width: 250px;
}



.cologo {
  padding: 30px 40px 40px;
  text-align: center;
  border: 1px #e8e8e8 solid;
  margin: 40px 0;
  border-radius: 10px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
}

.cologo h4 {
  font-size: 18px;
  color: #000;
  margin: 0;
  text-transform: uppercase;
  font-weight: 400;
}


.whygrras .iconbox .short-text, .whygrras .iconbox .more-text {
  font-size: 14px;
  line-height: 21px;
}

.cologo .item {
  text-align: center;
  margin: 0 auto;
  vertical-align: middle;
  line-height: 40px;
}

.cologo img {
  display: inline-block !important;
  width: auto !important;
}

.cologo .owl-dot {
  display: none;
}

.cologo .owl-nav {
  position: absolute;
  top: 20px;
  right: 0;
  left: 0;
}

.cologo .owl-nav .owl-prev {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  margin-right: 10px;
  position: absolute;
  left: -60px;
  display: none;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.cologo .owl-nav .owl-next {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  position: absolute;
  right: -60px;
  display: none;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.cologo .owl-nav .owl-prev:hover, .cologo .owl-nav .owl-next:hover {
  background: rgba(255, 255, 255, .5) !important;
}





.workshop {
  padding: 60px 0;
}

.workshop h2 {
  font-size: 32px;
  color: #151924;
  text-align: center;
}

.workshop .subtext {
  font-size: 16px;
  color: rgba(21, 25, 36, .7);
  padding: 10px 0 30px;
  text-align: center;
}

.workshop .item {
  padding: 0 15px 10px;
}

.workshop .item .cousebox {
  border: 1px #b9b9b9 solid;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
  position: relative;
}

.workshop .item .cousebox img {
  max-width: 100%;
  width: auto;
  border-radius: 5px 5px 0 0;
  min-height: 128px;
}

.workshop .item .cousebox .content {
  padding: 15px 20px 15px;
}

.workshop .item .cousebox .botmcontent {
  padding: 15px 20px 15px;
  border-top: 1px #e1e3e4 solid;
}

.workshop .item .cousebox .live {
  background: #ef7220;
  font-size: 13px;
  font-weight: 500;
  padding: 4px 22px;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  position: absolute;
  top: 2px;
  right: 2px;
}

.workshop .item .cousebox .upcome {
  background: #1db100;
  font-size: 13px;
  font-weight: 500;
  padding: 4px 15px;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  position: absolute;
  top: 2px;
  right: 2px;
}

.workshop .item .cousebox h4 {
  font-size: 16px;
  font-weight: 500;
  color: #151924;
  /*padding-bottom: 15px;*/
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  /*max-height: 40px;*/
}

.workshop .item .cousebox p {
  font-size: 14px;
  color: rgba(0, 0, 0, .7);
  margin: 5px 0 20px;
}

.workshop .item .cousebox p strong {
  font-size: 14px;
  color: #000;
  font-weight: 500;
}

.workshop .item .cousebox .date {
  background: url(../images/date.png) no-repeat 0 2px;
  font-size: 14px;
  color: rgba(0, 0, 0, .7);
  margin: 15px 0 10px;
  padding-left: 25px;
}

.workshop .item .cousebox .time {
  background: url(../images/time.png) no-repeat 0 2px;
  font-size: 14px;
  color: rgba(0, 0, 0, .7);
  margin: 0 0 10px;
  padding-left: 25px;
}

.workshop .item .cousebox .detail {
  min-height: auto;
}

.workshop .btn-outline-secondary {
  font-size: 18px;
  font-weight: 500;
  padding: 5px 30px;
  display: block;
  border: 2px #bababa solid;
  color: #bababa;
  border-radius: 3px;
}

.workshop .btn-outline-secondary:hover {
  background: #bababa;
  color: #fff;
}

.workshop .btn-success {
  font-size: 16px;
  font-weight: 500;
  padding: 8px 10px;
  display: block;
  border: solid 1px #B9B9B9;
  color: #ef7220;
  background: transparent;
  border-radius: 5px;
}

.workshop .btn-success:hover {
  background: #ef7220;
  color: #fff;
  border-color: #ef7220;
}



.workshop a.link {
  font-size: 14px;
  color: #ef7220;
  text-decoration: underline;
  font-weight: bold;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.workshop a.link:hover {
  color: #ef7220;
  text-decoration: none;
}

.workshop .owl-nav {
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
}

.workshop .owl-nav .owl-prev {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  margin-left: -60px;
}

.workshop .owl-nav .owl-next {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  float: right;
  margin-right: -60px;
}





/*placement*/

.placesupport {}

.placesupport .container {
  position: relative;
  padding-top: 100px;
  padding-bottom: 50px;
}

.placesupport .imgbox {
  position: absolute;
  bottom: 0;
  right: 0;
}

.placesupport h1 {
  font-size: 45px;
  color: #011f4e;
  font-weight: 700;
}

.placesupport p {
  font-size: 17px;
  color: rgba(1, 31, 78, .7);
  font-weight: 500;
  background: linear-gradient(45deg, rgba(255, 93, 46, 1) 0%, rgba(240, 38, 88, 1) 29%, rgba(53, 116, 246, 1) 68%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.placesupport ul {
  margin: 0;
  padding: 20px 0 0;
  list-style: none;
}

.placesupport ul li {
  display: inline-block;
  vertical-align: top;
  padding: 12px 20px 12px 20px;
  font-size: 16px;
  color: rgba(1, 31, 78, .7);
  border: 1px #ddd solid;
  border-radius: 30px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, .07);
  margin-bottom: 20px;
  margin-right: 15px;
}

/*.placesupport ul li:first-child{ background: url(../images/pl1.png) no-repeat 10px 12px;}

  .placesupport ul li:nth-child(2){ background: url(../images/pl2.png) no-repeat 10px 12px;}

  .placesupport ul li:nth-child(3){ background: url(../images/pl3.png) no-repeat 10px 12px;}

  .placesupport ul li:nth-child(4){ background: url(../images/pl4.png) no-repeat 10px 12px;}

  .placesupport ul li:nth-child(5){ background: url(../images/pl5.png) no-repeat 10px 12px;}

  .placesupport ul li:nth-child(6){ background: url(../images/pl6.png) no-repeat 10px 12px;}*/

.placesupport .videobox iframe {
  border-radius: 10px;
}



.replace {
  background: #84b529;
  background: linear-gradient(90deg, rgba(132, 181, 41, 1) 0%, rgba(233, 135, 20, 1) 100%);
  margin-top: 76px;
}

.replace .cologo {
  background: #fff;
  border-radius: 10px;
  border: 1px #e8e8e8 solid;
  box-shadow: 0 5px 5px rgba(0, 0, 0, .05);
  padding: 30px;
  position: relative;
  top: -76px;
}

.replace .cologo p {
  font-size: 18px;
  color: #000;
}

.replace .cologo h3 {
  font-size: 24px;
  color: #000;
}

.replace .cologo p {
  display: none;
}



.trackrecord {
  padding: 0px 0 70px;
}

.trackrecord .trackbox {
  transition: all 0.4s ease;
  padding: 30px;
  border: 1px #e8e8e8 solid;
  border-radius: 10px;
  margin-top: 10px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, .08);
}

.trackrecord .trackbox p {
  padding: 20px 0px 15px;
  margin: 0;
  font-size: 17px;
  color: #000;
  font-weight: 500;
}

.trackrecord .trackbox:hover {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
}

.trackrecord .trackbox:hover button, .trackrecord .trackbox:hover .verify-btn {
  background-color: #ef7221;
  color: #fff;
}


.storypeople {
  padding-bottom: 60px;
}

.storypeople ul.dotlist {
  margin: 0;
  padding: 20px 0;
  list-style: none;
}

.storypeople ul.dotlist li {
  font-size: 16px;
  color: #011f4e;
  padding: 8px 0 8px 30px;
  background: url(../images/green-arrow.png) no-repeat 0 12px;
}

.storypeople .btn-primary {
  padding-left: 20px;
  padding-right: 20px;
}



.storypeople ul.isolist {
  list-style: none;
  padding: 20px 0 10px;
  margin: 0;
}

.storypeople ul.isolist li {
  display: inline-block;
  padding: 8px 25px;
  text-align: center;
  border-radius: 25px;
  font-size: 16px;
  color: #fa8436;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid #fa8436;
  background: #fff;
  margin-right: 10px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.storypeople ul.isolist li:hover {
  color: #fff;
  background: #fa8436;
}

.storypeople ul.isolist li.active {
  color: #fff;
  background: #fa8436;
  border: 1px #fa8436 solid;
}



.storypeople .cousebox {
  border: 1px #e8e8e8 solid;
  border-radius: 10px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
}

.storypeople .cousebox img {
  width: auto;
}

.storypeople .cousebox .employ {
  padding: 20px 10px 20px 20px;
  width: 80px;
  display: inline-block;
}

.storypeople .cousebox .name {
  padding: 30px 0 0;
  display: inline-block;
  vertical-align: top;
}

.storypeople .cousebox .name h4 {
  font-size: 16px;
  margin: 0;
  color: #000;
}

.storypeople .cousebox .name .subtxt {
  font-size: 12px;
  margin: 0;
  color: #8d8d8d;
}

.storypeople .cousebox .coname {
  padding: 2px 20px;
  border-top: 1px #d3d3d2 solid;
  border-bottom: 1px #d3d3d2 solid;
}

.storypeople .cousebox .content {
  padding: 20px;
}

.storypeople .cousebox .content h5 {
  font-size: 14px;
  color: #000;
}

.storypeople .cousebox .content p {
  font-size: 12px;
  color: #585858;
}

.storypeople .readmore {
  font-size: 16px;
  color: #fa8436;
  text-decoration: none;
  font-weight: 500;
  display: inline-block;
  padding-right: 20px;
  background: url(../images/down-arrow.png) no-repeat right center;
}





.placement {
  padding: 80px 0 100px;
  background: #fff url(../images/wordmap.png)no-repeat center 12px;
}

.placement .btn-primary {
  padding: 10px 20px;
}

.placement .text-right {
  text-align: right;
}

.placement ul {
  margin: 0;
  padding: 70px 0 0;
  list-style: none;
}

.placement ul li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center;
  margin-right: 12px;
  border: 2px #e85f21 solid;
  width: 12.8%;
  padding: 40px 15px 15px;
  background: #fff;
  margin-bottom: 50px;
}

.placement ul li:before {
  position: absolute;
  top: 50%;
  left: 100%;
  content: '';
  margin-top: -13px;
  border: 13px solid transparent;
  border-left-color: #e85f21;
}

.placement ul li:last-child {
  margin-right: 0;
}

.placement ul li .icon {
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: -36px;
  margin-left: -31px;
  width: 62px;
  height: 62px;
  line-height: 62px;
  text-align: center;
  border-radius: 50%;
  background: #e85f21;
}

.placement ul li p {
  font-size: 14px;
  color: #000;
  font-weight: 500;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}



.placement ul li:nth-child(2) {
  border: 2px #f8a019 solid;
}

.placement ul li:nth-child(2) .icon {
  background: #f8a019;
}

.placement ul li:nth-child(2):before {
  border-left-color: #f8a019;
}



.placement ul li:nth-child(3) {
  border: 2px #27913d solid;
}

.placement ul li:nth-child(3) .icon {
  background: #27913d;
}

.placement ul li:nth-child(3):before {
  border-left-color: #27913d;
}



.placement ul li:nth-child(4) {
  border: 2px #8cb831 solid;
}

.placement ul li:nth-child(4) .icon {
  background: #8cb831;
}

.placement ul li:nth-child(4):before {
  border-left-color: #8cb831;
}



.placement ul li:nth-child(5) {
  border: 2px #807e7f solid;
}

.placement ul li:nth-child(5) .icon {
  background: #807e7f;
}

.placement ul li:nth-child(5):before {
  border-left-color: #807e7f;
}



.placement ul li:nth-child(6) {
  border: 2px #a8a6a7 solid;
}

.placement ul li:nth-child(6) .icon {
  background: #a8a6a7;
}

.placement ul li:nth-child(6):before {
  border-left-color: #a8a6a7;
}



.studentclub {
  background: #fdf0e8 url(../images/whybg.jpg) no-repeat center bottom;
  background-size: cover;
  padding: 120px 0 100px;
  position: relative;
}

.studentclub .imgbox {
  border-radius: 10px;
  border: 2px #fa8436 solid;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, .4);
  display: block;
  max-width: 320px;
  margin: 0 auto;
}

.studentclub .imgbox img {
  border-radius: 10px;
}

.studentclub .imgbox iframe {
  border-radius: 10px;
  margin-bottom: -7px;
}

.studentclub .clubbox {
  position: relative;
}

.studentclub .clubbox .clubimg {
  border-radius: 20px;
  background: #fff;
  border: 2px #fa8436 solid;
  display: inline-block;
  padding: 20px 30px;
  text-align: center;
  box-shadow: 2px 2px 0 3px rgba(0, 0, 0, .1);
}

.studentclub .clubbox .clubimg h4 {
  font-size: 21.5px;
  color: #000;
  margin: 0;
  padding-top: 10px;
  font-weight: 700;
  text-align: center;
}

.studentclub .clubbox ul.clublist {
  margin: 0;
  padding: 0;
  list-style: none;
}

.studentclub .clubbox ul.clublist li {
  display: inline-block;
  background: #fff;
  border-radius: 30px;
  border: 2px #fa8436 dotted;
  padding: 10px 20px;
  font-size: 16px;
  color: #000;
  max-width: 350px;
}

.studentclub .clubbox ul.clublist li:first-child {
  position: absolute;
  top: -180px;
}

.studentclub .clubbox ul.clublist li:first-child:before {
  position: absolute;
  content: '';
  left: 49%;
  top: 70px;
  width: 2px;
  height: 110px;
  background: #fa8b42;
}

.studentclub .clubbox ul.clublist li:nth-child(2) {
  position: absolute;
  top: -150px;
  left: 360px;
}

.studentclub .clubbox ul.clublist li:nth-child(2):before {
  position: absolute;
  content: '';
  left: -66px;
  top: 22px;
  width: 2px;
  height: 180px;
  background: #fa8b42;
  transform: rotate(55deg);
}

.studentclub .clubbox ul.clublist li:nth-child(3) {
  position: absolute;
  top: -70px;
  left: 400px;
}

.studentclub .clubbox ul.clublist li:nth-child(3):before {
  position: absolute;
  content: '';
  left: -187px;
  top: 68px;
  width: 194px;
  height: 2px;
  background: #fa8b42;
  transform: rotate(-24deg);
}

.studentclub .clubbox ul.clublist li:nth-child(4) {
  position: absolute;
  top: 10px;
  left: 400px;
}

.studentclub .clubbox ul.clublist li:nth-child(4):before {
  position: absolute;
  content: '';
  left: -92px;
  top: -48px;
  width: 2px;
  height: 180px;
  background: #fa8b42;
  transform: rotate(-90deg);
}

.studentclub .clubbox ul.clublist li:nth-child(5) {
  position: absolute;
  top: 90px;
  left: 400px;
}

.studentclub .clubbox ul.clublist li:nth-child(5):before {
  position: absolute;
  content: '';
  left: -92px;
  top: -94px;
  width: 2px;
  height: 186px;
  background: #fa8b42;
  transform: rotate(-76deg);
}

.studentclub .clubbox ul.clublist li:nth-child(6) {
  position: absolute;
  top: 170px;
  left: 350px;
}

.studentclub .clubbox ul.clublist li:nth-child(6):before {
  position: absolute;
  content: '';
  left: -50px;
  top: -130px;
  width: 2px;
  height: 181px;
  background: #fa8b42;
  transform: rotate(-65deg);
}

.studentclub .clubbox ul.clublist li:nth-child(7) {
  position: absolute;
  top: 220px;
  left: 0px;
}

.studentclub .clubbox ul.clublist li:nth-child(7):before {
  position: absolute;
  content: '';
  left: 49%;
  top: -90px;
  width: 2px;
  height: 90px;
  background: #fa8b42;
}





/*.recentplacement.successstory{ padding-top: 0; }*/

.successstory {
  position: relative;
  padding-bottom: 30px;
  padding-top: 80px;
}

/*.successstory:before{ position: absolute; bottom: 0; right: 0; left: 0; content: ''; height: 252px; background: #ededed; }*/

.successstory .success-story .carbox {}

.success-story .carbox {
  border-radius: 15px;
  position: relative;
}

.success-story .carbox .bigimg img {
  border-radius: 15px;
  /*max-height: 226px;*/
}

.success-story .carbox .play {
  position: absolute;
  top: 20px;
  right: 20px;
}

.success-story .carbox .company {
  position: absolute;
  top: 10px;
  left: 0px;
}

.success-story .carbox .coname {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0;
  border-radius: 0 0 15px 15px;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  padding: 30px 20px 15px;
}

.success-story .carbox .coname h4 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}

.success-story .carbox .coname p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}

.successstory form {
  position: relative;
  z-index: 1;
}

.successstory h2 {
  font-size: 32px;
  color: #151924;
}

.successstory h3 {
  padding-top: 30px;
  color: #000;
  font-weight: 500;
}

.successstory .form-control {
  height: 48px;
}

.successstory select.form-control {
  width: 66px;
  text-align: center;
}

.successstory .btn-success {
  background: #aac938;
  border: none;
  font-size: 17px;
  font-weight: 500;
  padding: 11px 25px;
}

.successstory .btn-success:hover {
  background: #96b428;
}

.successstory .btn-outline-primary {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
}



.success-storybox .carbox {
  border-radius: 15px;
  position: relative;
  margin-bottom: 20px;
}

.success-storybox .carbox .bigimg img {
  border-radius: 15px;
  width: 100%;
}

.success-storybox .carbox .play {
  position: absolute;
  top: 20px;
  right: 20px;
}

.success-storybox .carbox .company {
  position: absolute;
  top: 10px;
  left: 0px;
}

.success-storybox .carbox .coname {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0;
  border-radius: 0 0 15px 15px;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  padding: 30px 20px 15px;
}

.success-storybox .carbox .coname h4 {
  margin: 0;
  padding: 0;
  font-size: 19px;
  font-weight: 500;
  color: #fff;
}

.success-storybox .carbox .coname p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #fff;
}





.btn-primary {
  font-size: 16px;
  background: #ef7220;
  border: none;
  padding: 10px 30px;
  box-shadow: 0 0px 25px #FF7F5080;
  background: #EF7220;
  background: linear-gradient(90deg, rgba(239, 114, 32, 1) 0%, rgba(255, 165, 2, 1) 100%);
  font-weight: 500;
}

.btn-sm {

  font-size: 12px;

  padding: 13px 30px;

}

.btn-primary:hover {
  background: #d76013;
}

.btn-primary.increase-font:hover {
  font-size: 15px !important;
}

.btn-primary:focus-visible {
  background: #d76013;
  box-shadow: none;
}

.btn-primary:checked+.btn, .btn-primary.active, .btn-primary.show, .btn-primary:first-child:active, :not(.btn-primary-check)+.btn-primary:active {
  background: #d76013;
}

/*.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{ background: #d76013; border: none; }*/



.btn-outline-primary {
  font-size: 15px;
  background: #fff;
  border: 2px #ef7220 solid;
  color: #ef7220;
  padding: 8px 20px;
  margin-right: 10px;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
  background: #d76013 !important;
  border: 2px #ef7220 solid !important;
  color: #fff;
}

/*.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active { border:2px #ef7220 solid; }*/



.successstory .owl-nav {
  position: absolute;
  top: -50px;
  right: 0;
  left: auto;
}

.successstory .owl-nav .owl-prev {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  display: inline-block;
  margin-right: 10px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.successstory .owl-nav .owl-next {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  left: auto;
  right: 20px;
  border: 1px blue solid;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.successstory .owl-nav .owl-prev:hover, .successstory .owl-nav .owl-next:hover {
  opacity: .8;
}









.successstory .review {
  text-align: center;
  padding: 60px 0 20px;
  margin-bottom: 50px;
  list-style: none;
  position: relative;
}

.successstory .review:before {
  position: absolute;
  bottom: 0;
  left: 50px;
  content: '';
  background: url(../images/trust-left.jpg) no-repeat;
  width: 122px;
  height: 191px;
}

.successstory .review:after {
  position: absolute;
  bottom: 0;
  right: 50px;
  content: '';
  background: url(../images/trust-right.jpg) no-repeat;
  width: 122px;
  height: 191px;
}

.successstory .review li {
  display: inline-block;
  padding: 0 50px;
  position: relative;
}

.successstory .review li:before {
  position: absolute;
  left: -2px;
  top: -10px;
  content: '';
  width: 5px;
  height: 70px;
  background: #fa8436;
  border-radius: 3px;
}

.successstory .review li:first-child:before {
  display: none;
}



.successstory ul.isolist {
  list-style: none;
  padding: 20px 0 10px;
  margin: 0;
  text-align: center;
}

.successstory ul.isolist li {
  display: inline-block;
  padding: 8px 20px;
  width: 190px;
  border-radius: 25px;
  font-size: 16px;
  color: #fa8436;
  font-weight: 500;
  cursor: pointer;
  border: 2px solid #fa8436;
  background: #fff;
  margin-right: 10px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.successstory ul.isolist li:hover {
  color: #fff;
  background: #fa8436;
}

.successstory ul.isolist li.active {
  color: #fff;
  background: #fa8436;
  border: 1px #fa8436 solid;
}



/*workshop*/

.workshopfilter {
  padding-bottom: 0;
  background: linear-gradient(to bottom, #bed985 0%, #ffffff 8%, #ffffff 100%);
}

.workshopfilter h2 {
  font-size: 45px;
  color: #011f4e;
}

.workshopfilter h2 span {
  font-family: 'Inter', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
}

.workshopfilter .subtext {
  font-size: 17px;
  color: #011f4e;
}

.workshopfilter ul.isolist {
  list-style: none;
  padding: 0px 10px;
  text-align: left;
  margin: 0;
}

.workshopfilter ul.isolist li {
  display: inline-block;
  padding: 8px 25px;
  border-radius: 25px;
  font-size: 16px;
  color: #fa8436;
  font-weight: 500;
  cursor: pointer;
  border: 2px solid #fa8436;
  background: #fff;
  margin-right: 6px;
  margin-bottom: 10px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.workshopfilter ul.isolist li:hover {
  color: #fff;
  background: #f08f21;
}

.workshopfilter ul.isolist li.active {
  color: #fff;
  background: #f08f21;
  border: 2px #f08f21 solid;
}



.workshopfilter ul.selectlist {
  padding: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}

.workshopfilter ul.selectlist li {
  display: inline-block;
  vertical-align: top;
}

.workshopfilter ul.selectlist li:first-child {
  padding: 8px 10px;
  font-weight: 700;
}

.workshopfilter ul.selectlist li .form-control {
  border-radius: 30px;
  border: 1px solid #b6b6b6;
  width: 200px;
  padding: 8px 25px;
  color: #020202;
  box-shadow: none;
  font-weight: 700;
}

.workshopfilter .cousebox {
  border: 1px #b9b9b9 solid;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
  margin-top: 20px;
  text-align: left;
  position: relative;
}

.workshopfilter .cousebox img {
  border-radius: 5px 5px 0 0;
  width: 100%;
}

.workshopfilter .cousebox .content {
  padding: 20px;
}

.workshopfilter .cousebox .botmcontent {
  padding: 10px 20px 20px;
  border-top: 1px #e1e3e4 solid;
}

.workshopfilter .cousebox .live {
  background: #ef7220;
  font-size: 13px;
  font-weight: 500;
  padding: 5px 22px;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 1;
}

.workshopfilter .cousebox .upcome {
  background: #1db100;
  font-size: 13px;
  font-weight: 500;
  padding: 5px 10px;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
  top: -17px;
}

.workshopfilter .cousebox h4 {
  font-size: 16px;
  color: #151924;
}

.workshopfilter .cousebox .date {
  background: url(../images/date.png) no-repeat 0 2px;
  font-size: 14px;
  color: rgba(0, 0, 0, .7);
  margin: 0 0 10px;
  padding-left: 25px;
}

.workshopfilter .cousebox .time {
  background: url(../images/time.png) no-repeat 0 2px;
  font-size: 14px;
  color: rgba(0, 0, 0, .7);
  margin: 0 0 10px;
  padding-left: 25px;
}

.workshopfilter .cousebox p {
  font-size: 13px;
  color: rgba(0, 0, 0, .7);
  margin: 0;
  padding: 10px 0 10px;
}

.workshopfilter .cousebox p strong {
  font-size: 13px;
  color: #151924;
  font-weight: 500;
}

.workshopfilter .cousebox .btn-success {
  font-weight: 400;
  font-size: 16px;
}

.workshopfilter .form-control {
  border: 2px #ddd solid;
  -webkit-appearance: auto;
  padding-left: 10px;
  padding-right: 10px;
}



.grasswork {
  border: 1px #bfbfbf solid;
  border-radius: 5px;
  padding: 25px 20px;
  margin-top: 20px;
  position: sticky !important;
   !importan;
   !importa;
   !import;
   !impor;
   !impo;
   !imp;
   !im;
   !i;
   !;
   !importabt;
   !importab;
   !importa;
   !import;
   !impor;
   !impo;
   !imp;
   !im;
   !i;
   !;
  top: 0% !important;
   !importan;
   !importa;
   !import;
   !impor;
   !impo;
   !imp;
   !im;
   !i;
   !;
  text-align: left;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
}

.grasswork h4 {
  font-size: 21px;
  color: #020200;
  font-weight: 500;
}

.grasswork h4 span {
  font-size: 20px;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
}

.grasswork ul {
  margin: 10px 0;
  padding: 0;
  list-style: none;
}

.grasswork ul li {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  padding-top: 18px;
}

.grasswork ul li p {
  font-size: 12px;
  color: #9d9d9d;
  margin-left: 55px;
  margin-top: 8px;
  margin-bottom: 0;
}

.grasswork ul li p strong {
  font-weight: 500;
  color: #020200;
}

.grasswork ul li img {
  float: left;
}



.grasswork .rabox {
  font-size: 11px;
  color: #020200;
  margin-top: 25px;
  border: 1px #bfbfbf solid;
  background: #f4f6f9;
  border-radius: 5px;
  text-align: center;
  padding: 0 5px;
}

.grasswork .rabox span {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  padding: 8px 0;
}

.grasswork .rabox span img {
  margin-top: -2px;
  margin-right: 4px;
}

.grasswork .rabox .text {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  border-right: 1px #ddd solid;
}



.joingrass {
  background: #fbf7f4;
  padding: 40px 30px 30px 50px;
  margin-top: 70px;
  border-radius: 30px;
}

.joingrass h2 {
  font-size: 33px;
  color: #fa8436;
  font-family: 'Inter', sans-serif;
}

.joingrass .subtext {
  font-size: 22px;
  color: #011f4e;
  font-family: 'Inter', sans-serif;
  padding-top: 5px;
}

.joingrass h4 {
  font-size: 19px;
  color: #011f4e;
  font-weight: 500;
}

.joingrass p {
  font-size: 14px;
  color: #565553;
}

.joingrass .qrcode {
  font-size: 13px;
  color: #fa8436;
  text-align: center;
  margin-top: 0px;
  font-weight: 500;
  height: 125px;
}



.glimpse {
  padding-top: 60px;
}

.glimpse ul {
  margin: 0;
  padding: 20px 0;
  list-style: none;
}

.glimpse ul li {
  display: inline-block;
  vertical-align: top;
  width: 13%;
  margin-right: 11px;
  overflow: hidden;
  border: 4px #fff solid;
  border-radius: 20px;
  box-shadow: 2px 2px 0px 2px #000;
  position: relative;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  -ms-transition: all .5s ease;

  -o-transition: all .5s ease;

  transition: all .5s ease;
}

.glimpse ul li:hover {
  width: 27%;
}

.glimpse ul li:hover .imgbox img {
  margin-left: 0;
}

.glimpse ul li.active {
  width: 27%;
}

.glimpse ul li.active .imgbox img {
  margin-left: 0;
}

.glimpse ul li .imgbox {
  text-align: center;
  position: relative;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  -ms-transition: all .5s ease;

  -o-transition: all .5s ease;

  transition: all .5s ease;
}

.glimpse ul li .imgbox:before {
  width: 100%;
  height: 80%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  border-radius: 0 0 20px 20px;

  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.36) 71%, rgba(0, 0, 0, 0.5) 100%);
}

.glimpse ul li .imgbox img {
  border-radius: 20px;
  margin-left: -60%;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  -ms-transition: all .5s ease;

  -o-transition: all .5s ease;

  transition: all .5s ease;
}

.glimpse .play {
  width: 56px;
  height: 56px;
  line-height: 54px;
  border-radius: 50%;
  background: #fff;
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 15px;
  text-align: center;
}

.glimpse p {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 25px 20px;
  margin: 0;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
}





.learners {
  margin-top: 70px;
  /*background-color: #f8f2f2;*/
  padding-top: 30px;
}

.learners .subtext {
  font-size: 16px;
  color: rgba(1, 31, 78, .6);
  padding: 10px 0 30px;
}

.learners .item {
  padding: 7px;
}

.learners .owl-carousel {
  margin-bottom: 30px;
  margin-top: 40px;
}

.learners .content {}

.learners .content h4 {
  font-size: 17px;
  color: #000;
  font-weight: 500;
}

.learners .content p {
  font-size: 13px;
  color: #020200;
}

.learners .content img {
  width: auto;
  margin-bottom: 10px;
}

.learners .content .link {
  font-size: 14px;
  color: #ef7220;
  font-weight: 500;
  text-decoration: underline;
}

.learners .content .link:hover {
  text-decoration: none;
}

.learners .owl-nav {
  position: absolute;
  top: 100px;
  right: 0;
  left: 0;
}

.learners .owl-nav .owl-prev {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  margin-right: 10px;
  position: absolute;
  left: -60px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.learners .owl-nav .owl-next {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  position: absolute;
  right: -60px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.learners .owl-nav .owl-prev:hover, .learners .owl-nav .owl-next:hover {
  background: rgba(255, 255, 255, .5) !important;
}





/*work shop detail*/

.workbanner {
  background: url(../images/work-detail.jpg) no-repeat center top;
  background-size: cover;
  padding: 30px 0 0;
}

.workbanner .leftcontent {
  padding-top: 60px;
  position: relative;
}

.workbanner .leftcontent h4 {
  font-size: 37px;
  color: #000;
  font-weight: 500;
  line-height: 30px;
}

.workbanner .leftcontent h2 {
  font-size: 102px;
  line-height: 100px;
  font-weight: 700;
  margin-top: -10px;
  background: linear-gradient(to right, rgba(23, 22, 135, 1) 30%, rgba(39, 162, 242, 1) 92%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.workbanner .leftcontent .lapi {
  position: absolute;
  top: 208px;
  right: -82px;
}

.workbanner .leftcontent .bluebar {
  background: #1977c3;
  padding: 40px 40px 20px 0;
  border-radius: 0 50px 0 0;
  color: #fff;
  margin-top: 155px;
  position: relative;
}

.workbanner .leftcontent .bluebar:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 99%;
  content: '';
  background: #1977c3;
  width: 400px;
}

.workbanner .leftcontent .bluebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.workbanner .leftcontent .bluebar ul li:first-child {
  padding-left: 0;
}

.workbanner .leftcontent .bluebar ul li:last-child {
  padding-right: 0;
}

.workbanner .leftcontent .bluebar ul li:before {
  position: absolute;
  content: '';
  top: 5px;
  left: 0;
  height: 38px;
  width: 1px;
  background: #fff;
}

.workbanner .leftcontent .bluebar ul li:first-child:before {
  display: none;
}

.workbanner .leftcontent .bluebar ul li {
  display: inline-block;
  vertical-align: top;
  padding: 0 20px;
  position: relative;
  font-size: 22px;
  line-height: 24px;
}

.workbanner .leftcontent .bluebar ul li .day {
  font-size: 12px;
  letter-spacing: 5px;
  text-transform: uppercase;
  position: relative;
  top: -13px;
}

.workbanner .leftcontent .bluebar ul li .time {
  font-size: 12px;
  text-transform: uppercase;
  position: relative;
  top: -18px;
}

.workbanner .leftcontent .bluebar ul li .month {
  position: relative;
  top: -13px;
}



.workbanner .regback {
  background: #fff;
  border-radius: 5px;
  margin-bottom: 30px;
}

.workbanner .regback .content {
  padding: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
  border-radius: 5px 5px 0px 0px;
}

.workbanner .regback h3 {
  font-size: 21px;
  color: #020200;
  font-weight: 500;
}

.workbanner .regback .subtext {
  font-size: 17px;
  color: #ef7220;
  margin-bottom: 10px;
}

.workbanner .regback .form-check-label {
  font-size: 12px;
  color: #333;
}

.workbanner .regback .form-control {
  height: 40px;
  border: 1px #000 solid;
  font-size: 14px;
}

.workbanner .regback .btn-dark {
  font-size: 17px;
}

.workbanner .regback .peoplereg {
  background: url(../images/fire.png) no-repeat;
  padding-left: 22px;
  font-size: 14px;
  color: #ef7220;
  line-height: 20px;
  margin-top: -38px;
}

.workbanner .regback .peoplereg big {
  font-weight: 700;
  font-size: 21px;
}

.workbanner .regback p {
  font-size: 13px;
  color: #011f4e;
  margin-top: 20px;
}

.workbanner .regback p a {
  color: #1b72b9;
  text-decoration: none;
}

.workbanner .regback p a:hover {
  color: #011f4e;
  text-decoration: none;
}

.workbanner .startin {
  background: #fdf1e8;
  border-radius: 0 0 5px 5px;
  padding: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
}

.workbanner .startin ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.workbanner .startin ul li {
  display: inline-block;
  font-size: 17px;
  color: #ef7220;
  padding: 0 3%;
  position: relative;
}

.workbanner .startin ul li:before {
  position: absolute;
  top: 5px;
  right: -5px;
  content: ':';
  font-size: 20px;
  color: #ef7220;
}

.workbanner .startin ul li:first-child:before {
  display: none;
}

.workbanner .startin ul li:last-child:before {
  display: none;
}

.workbanner .startin ul li:first-child {
  padding-left: 0;
}

.workbanner .startin ul li .number {
  background: #fff;
  border-radius: 5px;
  border: 1px #000 solid;
  padding: 8px 10px;
  font-weight: 700;
  font-size: 14px;
  color: #ef7220;
}



.workdetail {
  padding: 50px 0;
}

.workleft {
  margin-bottom: 20px;
}

.workleft h3 {
  font-size: 23px;
  color: #000;
  font-weight: 500;
}

.workleft .date {
  font-size: 16px;
  color: #737373;
}

.workleft h4 {
  font-size: 20px;
  font-weight: 500;
  color: #151924;
  padding: 15px 20px;
  background: #fefaf7;
  border: 1px #f8c4a1 solid;
  border-radius: 5px;
}

.workleft p {
  font-size: 16px;
  line-height: 25px;
  padding: 10px 0 20px 0;
  margin-bottom: 0;
}

.workleft ul {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

.workleft ul li {
  display: block;
  position: relative;
  font-size: 16px;
  color: #000;
  padding: 5px 0 5px 15px;
}

.workleft ul li:before {
  position: absolute;
  top: 15px;
  left: 0px;
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000;
}



.upcomming {
  background: none;
}

.upcomming h2 {
  font-size: 27px;
  color: #151924;
}



.scaler {
  padding: 60px 0 0;
}

.scaler h2 {
  font-size: 27px;
  color: #151924;
}

.scaler .item {
  padding: 10px;
}

.scaler .cousebox {
  border: 1px #bfbfbf solid;
  border-radius: 10px;
  margin-top: 20px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
  margin-top: 10px;
  text-align: center;
  padding: 20px;
}

.scaler .cousebox img {
  width: auto;
  display: inline-block;
}

.scaler .cousebox .employ {
  width: 80px;
  display: block;
  margin: 0 auto;
  border-radius: 5px;
}

.scaler .cousebox .name {
  padding: 10px 0 0;
  display: inline-block;
  vertical-align: top;
}

.scaler .cousebox .name h4 {
  font-size: 19px;
  margin: 0;
  color: #000;
}

.scaler .cousebox .name .subtxt {
  font-size: 15px;
  margin: 0;
  color: #8d8d8d;
}

.scaler .cousebox .coname {
  padding: 2px 20px;
}

.scaler .cousebox h5 {
  font-size: 14px;
  color: #000;
}

.scaler .cousebox p {
  font-size: 12px;
  color: #585858;
  margin: 10px 0;
}

.scaler .owl-nav {
  position: absolute;
  top: 50%;
  margin-top: -23px;
  right: 0;
  left: 0;
}

.scaler .owl-nav .owl-prev {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  margin-right: 10px;
  position: absolute;
  left: -60px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.scaler .owl-nav .owl-next {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  position: absolute;
  right: -60px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.scaler .owl-nav .owl-prev:hover, .scaler .owl-nav .owl-next:hover {
  background: rgba(255, 255, 255, .5) !important;
}





/*hire us form*/

.jobready {
  padding: 50px 0;
  background: #f2f2f2 url(../images/jobbg.png) no-repeat center top;
  background-size: cover;
  overflow: hidden;
}

.jobready h2 {
  font-size: 44px;
  color: #18181c;
  font-family: 'Inter', sans-serif;
}

.jobready h2 span {
  color: #ef7220;
}

/* .jobready .imgbox{ position: absolute; bottom: -50px; right: 0; max-width: 280px; } */
.jobready .imgbox {
  max-width: 280px;
  margin-left: auto;
}

.jobready .formbox {
  background: #fff;
  background-size: cover;
  border-radius: 15px;
  padding: 30px 40px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.jobready .formbox h3 {
  font-size: 23px;
  color: #000;
  font-weight: 500;
}

.jobready .formbox h3 span {
  color: #ef7220;
}

.jobready .formbox .progress {
  height: 11px;
  border-radius: 10px;
  margin: 10px 0 20px;
}

.jobready .formbox .progress .bg-success {
  background-color: #ef7220 !important;
}

.jobready .formbox .subtext {
  font-size: 14px;
  color: #000;
  margin: 20px 0 10px;
  font-weight: 500;
}

.jobready .formbox .subtext span {
  color: #ef7220;
}

.jobready .formbox label {
  font-size: 13px;
  color: #000;
}

.jobready .formbox label span {
  color: #ff0000;
}

.jobready .formbox .form-control {
  height: 40px;
  font-size: 14px;
}

.jobready .formbox textarea.form-control {
  height: 70px;
  font-size: 14px;
}

.jobready .formbox ul.steplist {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  border-bottom: 1px #eee solid;
}

.jobready .formbox ul.steplist li {
  display: inline-block;
  padding: 0 20px;
}

.jobready .formbox ul.steplist li a {
  display: inline-block;
  padding: 10px 5px;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  border-bottom: 3px solid transparent;
}

.jobready .formbox ul.steplist li a:hover {
  color: #ef7220;
  text-decoration: none;
  border-bottom: 3px #ef7220 solid;
}

.jobready .formbox ul.steplist li a.active {
  color: #ef7220;
  text-decoration: none;
  border-bottom: 3px #ef7220 solid;
}

.jobready .formbox .gform-theme--framework .gf_progressbar .gf_progressbar_percentage {
  background: #ef7220 !important;
}

.jobready .formbox input {
  height: 40px;
  font-size: 14px;
  border: 1px #dee2e6 solid !important;
}

.jobready .formbox select {
  height: 40px;
  font-size: 14px;
  border: 1px #dee2e6 solid !important;
}

.jobready .formbox .button {
  font-size: 16px !important;
  background: #ef7220 !important;
  border: none;
  padding: 10px 30px !important;
}

.jobready .formbox .button:hover {
  background: #d76013 !important;
}





.getjob {
  padding: 60px 0;
  text-align: center;
}

.getjob h2 {
  color: #000;
}

.getjob .subtext {
  font-size: 16px;
  color: #585858;
  margin: 0;
  padding: 10px 0;
}

.getjob ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.getjob ul li {
  display: inline-block;
  vertical-align: top;
  margin: 10px 5px;
  width: 15%;
  cursor: pointer;
  padding: 15px;
  border: 1px #bfbfbf solid;
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.getjob ul li p {
  margin: 0;
  padding: 10px 0 0;
  font-size: 13px;
  font-weight: 500;
}



.whyhire {
  padding: 70px 0;
  background: #f5f5f5 url(../images/tool-top-left.png) no-repeat top left;
  position: relative;
}

.whyhire:before {
  position: absolute;
  bottom: 0;
  right: 0;
  content: '';
  background: url(../images/tool-botm-right.png) no-repeat;
  width: 160px;
  height: 212px;
}

.whyhire .iconbox {
  border: 1px #b9b9b9 solid;
  border-radius: 8px;
  background: #fff;
  width: 71px;
  height: 71px;
  text-align: center;
  line-height: 69px;
  margin-top: 40px;
}

.whyhire h4 {
  margin: 0;
  padding: 15px 0 10px;
  font-size: 21px;
  color: #000;
  font-weight: 500;
}

.whyhire ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.whyhire ul li {
  position: relative;
  display: block;
  padding: 5px 0 5px 12px;
  font-size: 14px;
}

.whyhire ul li:before {
  position: absolute;
  top: 15px;
  left: 0;
  content: '';
  width: 4px;
  height: 4px;
  background: #000;
  border-radius: 50%;
}



.ourwork {
  padding: 70px 0;
  text-align: center;
}

.ourwork ul {
  margin: 20px 0;
  padding: 0;
  list-style: none;
}

.ourwork ul li {
  display: inline-block;
  vertical-align: middle;
  width: 16%;
  padding: 15px;
}



.hirepartner {
  background: url(../images/hire-parter.jpg) no-repeat center top;
  padding: 60px 0;
}

.hirepartner .subtext {
  font-size: 16px;
  color: rgba(1, 31, 78, .6);
  padding: 10px 0 30px;
}

.hirepartner .item {
  padding: 10px;
}

.hirepartner .owl-carousel {
  margin-bottom: 30px;
  margin-top: 40px;
}

.hirepartner .content {
  padding: 18px;
  border: 1px #b9b9b9 solid;
  border-radius: 10px;
  background: #fff;
}

.hirepartner .content .imgbox {
  padding: 6px;
  border: 1px #b9b9b9 solid;
  border-radius: 10px;
  display: inline-block;
}

.hirepartner .content h4 {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  padding: 10px 0 5px;
  margin: 0;
}

.hirepartner .content .degtext {
  font-size: 11px;
  color: #8d8d8d;
  font-weight: 500;
}

.hirepartner .content p {
  font-size: 12px;
  color: #585858;
  padding-top: 10px;
  min-height: 160px;
  margin: 0;
}

.hirepartner .content img {
  width: auto;
}



.hirepartner .owl-nav {
  position: absolute;
  top: 46%;
  right: 0;
  left: 0;
}

.hirepartner .owl-nav .owl-prev {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  margin-right: 10px;
  position: absolute;
  left: -60px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.hirepartner .owl-nav .owl-next {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  position: absolute;
  right: -60px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.hirepartner .owl-nav .owl-prev:hover, .hirepartner .owl-nav .owl-next:hover {
  background: rgba(255, 255, 255, .5) !important;
}





/*About grass*/

.aboubanner {
  position: relative;
}

/*.aboubanner:before{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; background: rgba(0,0,0,.1); }*/

.aboubanner img {
  width: 100%;
}

.aboubanner h2 {
  position: absolute;
  top: 45%;
  text-align: center;
  left: 0;
  right: 0;
  font-size: 50px;
  color: #fff;
}

.aboubanner .owl-nav {
  display: none;
}

.aboubanner .owl-dots {
  background: none;
  text-align: center;
}

.aboubanner .owl-dots .owl-dot {
  background: #ddd;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: 0 2px;
}

.aboubanner .owl-dots .owl-dot.active {
  background: #666;
}



.whatgrass {
  padding: 70px 0;
  background: url(../images/videobg.jpg) no-repeat right center;
}

.whatgrass p {
  padding: 15px 0;
  margin: 0;
  font-size: 15px;
  color: #585858;
  line-height: 26px;
}

.whatgrass .whatexp {
  padding: 30px 0 10px;
}

.whatgrass .whatexp .subtext {
  font-size: 16px;
  color: #000;
  padding-top: 15px;
  font-weight: 500;
}

.whatgrass .aboutvideo {
  position: relative;
}

.whatgrass .aboutvideo iframe {
  border-radius: 10px;
}

/*.whatgrass .aboutvideo:before{ position: absolute; content: ''; top: -36px; left: -30px; right: 0; bottom: 0; background: url(../images/about-vide-bg.jpg) no-repeat; width: 498px; height: 416px; z-index: -1; }*/





.partnerwith {
  margin: 40px 0 80px;
  border-radius: 10px;
  padding: 50px;
  background: url(../images/book-form-bg.jpg) no-repeat center center;
  background-size: cover;
}

.partnerwith p {
  font-size: 14px;
  color: rgba(255, 255, 255, .8);
  margin: 0;
}

.partnerwith h2 {
  color: #fff;
  margin-bottom: 15px;
  font-size: 27px;
}

.partnerwith .btn-dark {
  color: #fff;
  text-transform: uppercase;
  padding: 10px 20px;
  display: inline-block !important;
}





.award {
  padding: 70px 0;
}

.award .workshop-course {
  padding: 20px 0 0;
}

.award .award-reco {
  padding: 20px 0 0;
}

.award .item {
  padding: 0 10px 10px;
}

.award .item .cousebox {
  border: 1px #b9b9b9 solid;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
}

.award .item .cousebox img {
  max-width: 100%;
  width: auto;
  border-radius: 10px 10px 0 0;
}

.award .item .cousebox h4 {
  color: #000;
  font-size: 20px;
  padding: 20px;
  font-weight: 500;
  padding-bottom: 1px;
}

.award .item .cousebox h4 big {
  font-size: 18px;
  font-weight: 500;
}

.award .owl-nav {
  position: absolute;
  top: -40px;
  right: 0;
}

.award .owl-nav .owl-prev {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  margin-right: 10px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.award .owl-nav .owl-next {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  float: right;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.award .owl-nav .owl-prev:hover, .award .owl-nav .owl-next:hover {
  background: rgba(255, 255, 255, .5) !important;
}



.joinindia {
  padding: 80px 0;
  background: #f5f5f5 url(../images/course-left-pat.png) no-repeat bottom left;
  position: relative;
}

/*.joinindia:before{ background: url(../images/course-right-pat.png) no-repeat; position: absolute; top: 0; right: 0; content: ''; width: 968px; height: 948px; }*/

.joinindia h2 {
  font-size: 34px;
}

.joinindia .subtext {
  font-size: 16px;
  font-weight: 500;
  color: #878787;
  padding: 10px 0 40px;
}

.joinindia ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px #6e6e6e dashed;
  /*border-radius: 30px 0 0 0;*/
}

.joinindia ul li {
  padding: 25px 35px;
  position: relative;
  border-bottom: 1px #6e6e6e dashed;
}

/*.joinindia ul li:first-child{ border-radius: 30px 30px 0 30px; }*/

/*.joinindia ul li:nth-child(2){ border-radius: 30px 30px 30px 0px; background: url(../images/right-corner.jpg) no-repeat top -1px right -1px; }*/

/*.joinindia ul li:nth-child(3){ border-radius: 30px 0px 30px 0px; }*/



.joinindia ul li:nth-child(odd) {
  border-left: 1px #6e6e6e dashed;
  position: relative;
}

.joinindia ul li:nth-child(odd):before {
  position: absolute;
  top: 45%;
  left: -8px;
  content: '';
  width: 14px;
  height: 14px;
  background: url(../images/arrow-jd.png) no-repeat;
}

.joinindia ul li:first-child:after {
  position: absolute;
  top: -8px;
  right: 0px;
  content: '';
  width: 13px;
  height: 15px;
  background: url(../images/arrow-jr.png) no-repeat;
}

.joinindia ul li:nth-child(2):after {
  position: absolute;
  top: -8px;
  left: 48%;
  content: '';
  width: 13px;
  height: 14px;
  background: url(../images/arrow-jl.png) no-repeat;
}

.joinindia ul li:nth-child(3):after {
  position: absolute;
  top: -8px;
  left: 48%;
  content: '';
  width: 13px;
  height: 14px;
  background: url(../images/arrow-jr.png) no-repeat;
}

.joinindia ul li:nth-child(4):after {
  position: absolute;
  top: -8px;
  left: 48%;
  content: '';
  width: 13px;
  height: 14px;
  background: url(../images/arrow-jl.png) no-repeat;
}

.joinindia ul li:nth-child(even):before {
  position: absolute;
  top: 45%;
  right: -7px;
  content: '';
  width: 14px;
  height: 14px;
  background: url(../images/arrow-jd.png) no-repeat;
}

.joinindia ul li:nth-child(even) {
  border-right: 1px #6e6e6e dashed;
  padding-left: 15%;
}

.joinindia ul li img {
  float: left;
}

.joinindia ul li .content {
  margin-left: 80px;
}

.joinindia ul li h4 {
  font-size: 19px;
  color: #ef7220;
  font-weight: 500;
}

.joinindia ul li p {
  font-size: 14px;
  color: #545454;
  margin: 0;
}



.boardof {
  text-align: center;
  padding: 70px 0;
}

.boardof .bordbox {
  margin-top: 30px;
  border: 1px #bfbfbf solid;
  border-radius: 15px;
  padding: 30px 20px;
  min-height: 320px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.boardof .bordbox .imgbox {
  width: 124px;
  height: 124px;
  border-radius: 50%;
  border: 1px #ff4800 solid;
  margin: 0 auto;
}

.boardof .bordbox .imgbox img {
  width: 122px;
  height: 122px;
  border-radius: 50%;
}

.boardof .bordbox .imgbox img {
  width: 122px;
  height: 122px;
  border-radius: 50%;
}

.boardof .bordbox h4 {
  font-size: 21px;
  font-weight: 500;
  color: #000;
  padding-top: 20px;
  margin: 0;
}

.boardof .bordbox h4 a {
  color: #000;
  text-decoration: none;
}

.boardof .bordbox h4 a:hover {
  color: #ef7220;
  text-decoration: none;
}

.boardof .bordbox h4 span {
  padding-left: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 8px;
  border-left: 1px #000 solid;
}

.boardof .bordbox p {
  font-size: 14px;
  color: #585858;
  padding-top: 10px;
  margin: 0;
}



.whatdo {
  padding-bottom: 70px;
}

.whatdo iframe {
  border-radius: 10px;
}

.whatdo h2 {
  font-size: 32px;
  font-weight: 500;
  color: #000;
  margin-bottom: 10px;
}

.whatdo h4 {
  font-size: 18px;
  font-weight: 500;
  color: #000;
}

.whatdo p {
  font-size: 16px;
  color: #000;
  padding: 6px 0;
}



.whydo {
  padding: 70px 0;
  background: #ededed;
}

/*.whydo h2{ font-size: 38px; font-weight: 500; color: #000; }*/
/* .whydo h2{    font-size: 38px;    font-weight: 500;    color: #000;    margin-bottom: 40px;}.whydo h4{font-size: 18px;    font-weight: 500;    color: #000;} */

.whydo h2 {
  font-size: 32px;
  font-weight: 500;
  color: #000;
  margin-bottom: 20px;
}

.whydo p {
  font-size: 16px;
  color: #000;
  padding: 6px 0;
  line-height: 26px;
}

.whydo iframe {
  border-radius: 10px;
}



.thegrras {
  padding: 70px 0;
  background: #fff;
}

.thegrras h2 {
  font-size: 32px;
  margin-bottom: 40px;
}

.thegrras .grrasred {
  text-align: center;
  position: relative;
  padding: 90px 0 0;
}

.thegrras .grrasred:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  content: '';
  background: #e6f2ff;
  height: 330px;
  width: 100%;
  border-radius: 10px;
}

.thegrras .grrasred:after {
  position: absolute;
  top: 0;
  left: 34px;
  right: 0;
  content: '';
  background: url(../images/1.png) no-repeat;
  height: 205px;
  width: 80px;
}

.thegrras .grrasred img {
  border: 10px #fff solid;
  position: relative;
  z-index: 1;
}

.thegrras .grrasred iframe {
  border: 10px #fff solid;
  position: relative;
  z-index: 1;
  width: 75%;
  border-radius: 10px;
}



.thegrras .grrasco {
  text-align: center;
  position: relative;
  padding: 90px 0 0;
}

.thegrras .grrasco:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  content: '';
  background: #f3e8fc;
  height: 330px;
  width: 100%;
  border-radius: 10px;
}

.thegrras .grrasco:after {
  position: absolute;
  top: 0;
  left: 0px;
  right: 0;
  content: '';
  background: url(../images/2.png) no-repeat;
  height: 170px;
  width: 125px;
}

.thegrras .grrasco img {
  border: 10px #fff solid;
  position: relative;
  z-index: 1;
}

.thegrras .grrasco iframe {
  border: 10px #fff solid;
  position: relative;
  z-index: 1;
  width: 75%;
  border-radius: 10px;
}



.thegrras .grrasind {
  text-align: center;
  position: relative;
  padding: 90px 0 0;
}

.thegrras .grrasind:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  content: '';
  background: #fff3e3;
  height: 330px;
  width: 100%;
  border-radius: 10px;
}

.thegrras .grrasind:after {
  position: absolute;
  top: 0;
  right: 0px;
  right: 0;
  content: '';
  background: url(../images/3.png) no-repeat;
  height: 174px;
  width: 119px;
}

.thegrras .grrasind img {
  border: 10px #fff solid;
  position: relative;
  z-index: 1;
}

.thegrras .grrasind iframe {
  border: 10px #fff solid;
  position: relative;
  z-index: 1;
  width: 75%;
  border-radius: 10px;
}



.thegrras h4 {
  font-size: 24px;
  font-weight: 500;
}

.thegrras p {
  font-size: 16px;
  color: #585858;
  line-height: 26px;
}

.thegrras .gred {
  color: #2c1da2;
}

.thegrras .gco {
  color: #5e3e78;
}

.thegrras .gind {
  color: #905f1e;
}



.endcareer {
  padding: 70px 0;
  margin-bottom: 70px;
  background: #fafafa url(../images/tool-top-left.png) no-repeat top left;
  position: relative;
}

.endcareer h2 {
  margin-bottom: 50px;
}

/* .endcareer:before{ position: absolute; top: 0; right: 0; content: ''; background: url(../images/form-right-top.png) no-repeat; width: 277px; height: 299px; }

  .endcareer:after{ position: absolute; bottom: 0; left: 0; content: ''; background: url(../images/form-left-botm.png) no-repeat; width: 341px; height: 309px; } */

.endcareer .contbox {
  border: 1px #bcbcbc solid;
  border-radius: 8px;
  background: #fff;
  margin-bottom: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  padding: 20px 30px;
  height: 100%;
  position: relative;
  z-index: 1;
}



.endcareer h4 {
  margin: 0;
  padding: 20px 0 10px;
  font-size: 17px;
  color: #000;
  font-weight: 500;
}

.endcareer p {
  margin: 0;
  font-size: 15px;
  color: #000;
}



/*home*/

.homebanner {
  background: url(../images/homebanner.jpg) no-repeat center top;
  padding: 80px 0 80px 0px;
  background-size: cover;
}

.homeslid .owl-dots, .homeslid .owl-nav {
  display: none;
}

.homeslid .item p {
  font-size: 20px;
  font-weight: 500;
  padding-top: 5px;
  margin: 10px 0;
  background: linear-gradient(45deg, rgba(255, 93, 46, 1) 0%, rgba(240, 38, 88, 1) 29%, rgba(53, 116, 246, 1) 68%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.learn h2 {
  font-size: 45px;
  color: #111110;
  font-weight: 700;
}

.learn .subtext {
  font-size: 20px;
  font-weight: 500;
  padding-top: 5px;
  margin: 10px 0;
  background: linear-gradient(45deg, rgba(255, 93, 46, 1) 0%, rgba(240, 38, 88, 1) 29%, rgba(53, 116, 246, 1) 68%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.learn ul {
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}

.learn ul li {
  font-size: 16px;
  color: #050505;
  padding: 5px 12px;
  background: #FFE4CF;
  border-radius: 30px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
  margin-right: 4px;
}

.learn ul li span {
  font-weight: 500;
}

.learn ul li img {
  margin-right: 5px;
}



.learn .videobox {
  border-radius: 10px;
  position: relative;
}

.learn .videobox .videimg {
  border-radius: 10px;
}

.learn .videobox .videimg img {
  border-radius: 10px;
}

.learn .videobox .play {
  position: absolute;
  left: 50%;
  top: 25%;
  z-index: 1;
  margin-left: -48px;
}

.learn .videobox .content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(43, 42, 40, .88);
  color: #fff;
  padding: 15px 20px;
  border-radius: 0 0 10px 10px;
}

.learn .videobox .content h4 {
  font-size: 18px;
  color: #fff;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  margin: 0;
  line-height: 26px;
}

.learn .videobox .content p {
  font-size: 16px;
  color: #fff;
  padding: 10px 0;
  font-weight: 400;
  margin: 0;
}

.learn .videobox:before {
  height: 43px;
  width: 82px;
  background: url(../images/video-pattern.png) no-repeat;
  position: absolute;
  bottom: -20px;
  right: 92%;
  content: '';
  z-index: -1;
}



.homecologo {
  margin-bottom: 0;
}







.bookdemo {
  padding: 30px 60px 20px 60px;
  background: url(../images/book-form-bg.jpg) no-repeat;
  background-size: cover;
  border-radius: 10px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
}

.bookdemo h2 {
  font-size: 32px;
  color: #fff;
  font-weight: 500;
  display: inline-block;
  vertical-align: top;
}

.bookdemo p {
  font-size: 15px;
  color: #fff;
  display: inline-block;
  max-width: 490px;
  padding-left: 35px;
}

.bookdemo .gform_heading {
  display: none;
}

.bookdemo .input-group-text {
  padding: 0;
  background: #fff;
}

.bookdemo .input-group-text select {
  border: none;
}

.bookdemo .form-control input, .bookdemo input[type="email"] {
  height: 48px !important;
  box-shadow: none !important;
  ;
  outline: none !important;
  ;
  border: none !important;
}

.bookdemo .form-control input:focus {
  box-shadow: none;
  outline: none;
  border: none;
}

.bookdemo select.form-control {
  height: 46px;
  box-shadow: none;
  -webkit-appearance: auto;
  appearance: auto;
  border: none;
  outline: none;
}

.bookdemo .button {
  font-size: 18px !important;
  font-weight: 500 !important;
  display: inline-block !important;
  padding: 12px 15px !important;
  background: #000 !important;
}

.bookdemo .button:hover {
  background: #333;
}

.bookdemo .captcha {
  display: none;
}

.bookdemo .gform-footer {
  display: block !important;
  text-align: center;
}



.talentbox {
  border: none;
  box-shadow: none;
}

.talentbox p {
  font-size: 24px;
  color: #000;
}

.talentbox .talkimg {
  border: 8px #ef7220 solid;
  border-radius: 50%;
}



.fecourses {
  background: #fcede5 url(../images/feature-botmleft.png) no-repeat bottom left;
  padding: 60px 0 76px;
  position: relative;
}

.fecourses:before {
  background: url(../images/feature-topright.png) no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 265px;
  height: 268px;
}

.fecourses:after {
  background: url(../images/feature-topleft.png) no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 160px;
  height: 400px;
}

.fecourses .featured-course {
  margin-top: 38px;
  margin-bottom: 40px;
}

.fecourses .featured-course .item {
  padding: 10px 7px;
}

.fecourses .featured-course .item .cousebox {
  border: 1px #b9b9b9 solid;
  border-radius: 10px;
  background: #fff;
  padding: 40px 30px 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
}

.fecourses .featured-course .item .cousebox img {
  max-width: 100%;
  width: auto;
  margin: 0 auto 20px auto;
}

.fecourses .featured-course .item .cousebox h4 {
  font-size: 15px;
  color: #000;
  font-weight: 700;
  margin-bottom: 40px;
}

.fecourses .featured-course .item .cousebox p {
  font-size: 15px;
  color: #000;
  clear: left;
}

.fecourses .featured-course .item .cousebox p img {
  display: inline-block;
  margin-right: 10px;
  margin-top: -5px;
  float: left;
}

.fecourses .btn {
  font-size: 17px;
  background: #5b5c5f;
  font-weight: 500;
  max-width: 300px;
  padding: 10px 56px;
}

.fecourses .btn:hover {
  background: #404146;
}

.fecourses a.link {
  font-size: 14px;
  color: #ef7220;
  text-decoration: underline;
  padding-top: 12px;
  margin-top: 20px;
  font-weight: bold;
  border-top: 1px #bfbfbf solid;
  display: block;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.fecourses a.link:hover {
  color: #333;
  text-decoration: none;
}

.fecourses .owl-nav {
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
}

.fecourses .owl-nav .owl-prev {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  margin-left: -60px;
}

.fecourses .owl-nav .owl-next {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  float: right;
  margin-right: -60px;
}





.allcourse {
  padding: 40px 0 70px 0;
  position: relative;
}

.allcourse .tabbed-content .tabs {
  width: 100%;
  overflow-x: scroll;
  margin-bottom: 60px;
}



.allcourse .tabbed-content .tabs::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.allcourse .tabbed-content .tabs::-webkit-scrollbar {
  height: 5px;
  background-color: #F5F5F5;
}

.allcourse .tabbed-content .tabs::-webkit-scrollbar-thumb {
  border-radius: 10px;
  width: 100px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #ef7220;
}

.megamenu-left-area ul.nav::-webkit-scrollbar {
  width: 5px;
}

.allcourse .tabbed-content .tabs ul {
  width: 2408px;
}

.allcourse .container {
  position: relative;
  z-index: 1;
}

.allcourse h2 {
  font-size: 32px;
  color: #121111;
  padding-bottom: 10px;
}

.allcourse p {
  font-size: 15px;
  color: #121111;
}

.allcourse .featured-course {
  padding-bottom: 40px;
}

.allcourse .featured-course .item {
  padding: 0 7px;
}

.allcourse .cousebox {
  border: 1px #b9b9b9 solid;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
}

.allcourse .cousebox .content {
  padding: 15px 30px 30px;
}

.allcourse .cousebox h4 {
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  padding: 25px 30px;
  border-radius: 10px 10px 0 0;
  min-height: 88px;
}

.allcourse .cousebox h4.green {
  background: rgb(146, 186, 48);
  background: linear-gradient(135deg, rgba(146, 186, 48, 1) 0%, rgba(23, 139, 63, 1) 100%);
}

.allcourse .cousebox h4.gray {
  background: rgb(169, 167, 168);
  background: linear-gradient(135deg, rgba(169, 167, 168, 1) 0%, rgba(128, 126, 127, 1) 100%);
}

.allcourse .cousebox h4.orange {
  background: rgb(248, 160, 25);
  background: linear-gradient(135deg, rgba(248, 160, 25, 1) 0%, rgba(225, 68, 36, 1) 100%);
}

.allcourse .cousebox h4.blue {
  background: rgb(0, 174, 239);
  background: linear-gradient(135deg, rgba(0, 174, 239, 1) 0%, rgba(44, 124, 166, 1) 100%);
}

.allcourse .cousebox p {
  font-size: 15px;
  color: #000;
}

.allcourse .cousebox p img {
  display: inline-block;
  max-height: auto;
  width: auto;
  margin-right: 10px;
  margin-top: -5px;
}

.allcourse .btn-secondary {
  font-size: 17px;
  font-weight: 500;
  padding: 10px 56px;
}

.allcourse .btn-secondary:hover {
  background: #404146;
}

.allcourse a.link {
  font-size: 14px;
  color: #ef7220;
  text-decoration: underline;
  font-weight: bold;
  padding-top: 12px;
  margin-top: 20px;
  font-weight: bold;
  border-top: 1px #bfbfbf solid;
  display: block;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.allcourse a.link:hover {
  color: #333;
  text-decoration: none;
}

.allcourse .owl-nav {
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
}

.allcourse .owl-nav .owl-prev {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  margin-left: -60px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.allcourse .owl-nav .owl-next {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  float: right;
  margin-right: -60px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.allcourse .owl-nav .owl-prev:hover, .allcourse .owl-nav .owl-next:hover {
  background: rgba(255, 255, 255, .5) !important;
}



.allcourse .tabs ul {
  margin: 20px 0 10px;
  padding: 0;
  font-weight: bold;
  text-align: left;
  /*border-bottom: 1px #656971 solid;*/
  display: inline-block;
}

.allcourse .tabs ul li {
  display: inline-block;
  padding: 0 5px;
}

.allcourse .tabs ul li:first-child {
  padding-left: 0;
}

.allcourse .tabs ul li a {
  display: inline-block;
  padding: 10px 5px;
  border: none;
  margin: 0 5px;
  color: #121111;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
}

.allcourse .tabs ul li a:hover, .allcourse .tabs ul li a.active {
  color: #ef7220;
}

/*.allcourse .tabs ul li a.active:before { position: absolute; bottom: -2px; left: 0; right: 0; content: ''; height: 3px; background: #ef7220;}*/

.allcourse h5 {
  font-size: 17px;
  color: #fff;
  font-weight: 500;
  /*padding: 25px 30px;*/
}



.ipad-course {
  display: none;
  position: relative;
  z-index: 99999;
}

.ipad-course hr {
  margin: 5px 0;
}

.ipad-course .menulist {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border-radius: 5px;
  padding: 10px;
  width: 200px;
  position: absolute;
  top: 100%;
  right: 10px;
  z-index: 99999;
}

.ipad-course .menulist li {
  display: block;
  width: 100%
}

/*nc*/

.ipad-course .menulist li a {
  display: block;
  padding: 5px 10px;
  font-size: 14px;
  color: #666;
  text-decoration: none;
  text-align: left;
}

.ipad-course .menulist li a:hover {
  color: #333;
  background: #f5f5f5;
}

.ipad-course h4 {
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  padding: 15px;
  border-radius: 10px;
  min-height: 70px;
  display: flex;
  align-items: center;
}

.ipad-course h4.green {
  background: rgb(146, 186, 48);
  background: linear-gradient(135deg, rgba(146, 186, 48, 1) 0%, rgba(23, 139, 63, 1) 100%);
}

.ipad-course h4.gray {
  background: rgb(169, 167, 168);
  background: linear-gradient(135deg, rgba(169, 167, 168, 1) 0%, rgba(128, 126, 127, 1) 100%);
}

.ipad-course h4.orange {
  background: rgb(248, 160, 25);
  background: linear-gradient(135deg, rgba(248, 160, 25, 1) 0%, rgba(225, 68, 36, 1) 100%);
}

.ipad-course h4.blue {
  background: rgb(0, 174, 239);
  background: linear-gradient(135deg, rgba(0, 174, 239, 1) 0%, rgba(44, 124, 166, 1) 100%);
}

.ipad-course h4.pink {
  background: linear-gradient(45deg, rgba(254, 81, 168, 1) 0%, rgba(165, 2, 83, 1) 100%);
}



/*.recentplacement{ padding: 60px 0; }*/

.recentplacement .owl-carousel {
  padding: 30px 0 0;
}

.recentplacement .owl-carousel .item {
  padding: 0 5px;
}

.recentplacement .owl-carousel .item .cousebox {
  border: 1px #bfbfbf solid;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
}

.recentplacement .owl-carousel .item .cousebox img {
  width: auto;
}

.recentplacement .owl-carousel .item .cousebox .employ {
  padding: 10px;
  display: inline-block;
}

.recentplacement .owl-carousel .item .cousebox .employ img {
  width: 62px;
}

.recentplacement .owl-carousel .item .cousebox .name {
  padding: 30px 0 0;
  display: inline-block;
  vertical-align: top;
}

.recentplacement .owl-carousel .item .cousebox .name h4 {
  font-size: 16px;
  margin: 0;
  color: #000;
  font-weight: 500;
}

.recentplacement .owl-carousel .item .cousebox .name .subtxt {
  font-size: 16px;
  margin: 0;
  color: #8d8d8d;
}

.recentplacement .owl-carousel .item .cousebox .coname {
  padding: 2px 20px;
  border-top: 1px #d3d3d2 solid;
  border-bottom: 1px #d3d3d2 solid;
}

.recentplacement .owl-carousel .item .cousebox .content {
  padding: 10px;
}

.recentplacement .owl-carousel .item .cousebox .content h5 {
  font-size: 15px;
}

.recentplacement .owl-carousel .item .cousebox .content p {
  font-size: 14px;
  color: #585858;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;

}

.recentplacement .owl-carousel .item .cousebox .content .link {
  font-size: 14px;
  color: #ef7220;
  font-weight: 500;
  text-decoration: none;
}

.recentplacement .owl-carousel .item .cousebox .content .link:hover {
  text-decoration: none;
}



.recentarrow .owl-nav {
  position: absolute;
  top: -46px;
  left: auto;
  right: 0;
  width: 120px;
  text-align: right;
}

.recentarrow .owl-nav .owl-prev {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  display: inline-block;
  margin-right: 10px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.recentarrow .owl-nav .owl-next {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  left: auto;
  right: 20px;
  border: 1px blue solid;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.recentarrow .owl-nav .owl-prev:hover, .recentarrow .owl-nav .owl-next:hover {
  background: rgba(255, 255, 255, .5) !important;
}

.recentplacement .btn-dark {
  font-weight: 400;
  border-radius: 5px;
  padding: 8px 20px;
  vertical-align: top;
  margin-left: 10px;

  /*font-size: 15px;*/



}

.recentplacement .btn-primary {
  padding-left: 20px;
  padding-right: 20px;
}



.whyhome .imgbox {
  margin-top: 0;
}

.no-bg {
  background: none !important;
}



/*blog*/

.lastestblog {
  background: url(../images/blogbg.jpg) no-repeat center top;
  background-size: cover;
  padding: 60px 0;
}

.lastestblog h2 {
  color: #282828;
  padding-bottom: 20px;
}



.lastestblog .cousebox {
  border: 1px #b9b9b9 solid;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
  margin-top: 20px;
  text-align: left;
  position: relative;
}

.lastestblog .cousebox img {
  border-radius: 10px 10px 0 0;
  width: 100%;
  min-height: 210px;
}

.lastestblog .cousebox .content {
  padding: 20px;
  min-height: 231px;
}

.lastestblog .cousebox .content a {
  text-decoration: none;
}

.lastestblog .cousebox h4 {
  font-size: 16px;
  color: #454545;
  font-weight: 500;
  min-height: 42px;
}

.lastestblog .cousebox p {
  font-size: 14px;
  color: #282828;
  margin: 0;
  padding: 5px 0 1px;
  min-height: 62px;
}

.lastestblog .cousebox a.link {
  color: #EE6A23;
  font-size: 14px;
  text-decoration: none;
  font-weight: 400;
}

.lastestblog .cousebox a.link:hover {
  color: #282828;
}

.lastestblog .cousebox .date {
  color: #adadad;
  font-size: 15px;
  padding: 10px 0 0;
  border-top: 1px #ededed solid;
  margin-top: 10px;
}

.lastestblog .owl-nav {
  position: absolute;
  top: 46%;
  right: 0;
  left: 0;
}

.lastestblog .owl-nav .owl-prev {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  margin-right: 10px;
  position: absolute;
  left: -50px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.lastestblog .owl-nav .owl-next {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  position: absolute;
  right: -50px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.lastestblog .owl-nav .owl-prev:hover, .lastestblog .owl-nav .owl-next:hover {
  background: rgba(255, 255, 255, .5) !important;
}

.lastestblog .owl-dots {
  text-align: center;
}

.lastestblog .owl-dots .owl-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #999 !important;
  margin: 0 2px;
}

.lastestblog:not(.theme-grras) .owl-dots .owl-dot.active {
  background: #666 !important;
}



/*course*/

.turst-learn .carbox {
  border-radius: 15px;
  margin-bottom: 30px;
  position: relative;
}

.turst-learn .carbox .bigimg img {
  border-radius: 15px;
}

.turst-learn .carbox .play {
  position: absolute;
  top: 20px;
  right: 20px;
}

.turst-learn .carbox .company {
  position: absolute;
  top: 10px;
  left: 0px;
}

.turst-learn .carbox .coname {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0;
  border-radius: 0 0 15px 15px;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  padding: 30px 20px 15px;
}

.turst-learn .carbox .coname h4 {
  margin: 0;
  padding: 0;
  font-size: 19px;
  font-weight: 500;
  color: #fff;
}

.turst-learn .carbox .coname p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #fff;
}



.elevate {
  background: #001c34;
  padding: 30px 0;
}

.elevate h4 {
  font-size: 32px;
  color: #fff;
  font-weight: 500;
  margin: 0;
  text-align: center;
}

.elevate .owl-nav {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin-top: -15px;
}

.elevate .owl-nav .owl-prev {
  position: absolute;
  left: -50px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.elevate .owl-nav .owl-next {
  position: absolute;
  right: -50px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}



.mobile-course {
  padding: 0 20px;
  display: none;
}

.mobile-course label {
  font-size: 13px;
  color: #666;
}

.mobile-course .form-control {
  font-size: 13px;
  color: #666;
  background: #f1f1f1;
  border-radius: 30px;
  -webkit-appearance: auto;
}



.findcourse {
  padding: 60px 0;
}

/*nc*/

.findcourse ul.isolist {
  list-style: none;
  padding: 30px 0;
  margin: 0;
  text-align: left;
}

.findcourse ul.isolist li {
  display: inline-block;
  padding: 10px 15px;
  text-align: center;
  border-radius: 25px;
  font-size: 16px;
  color: #fa8436;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid #fa8436;
  background: #fff;
  margin: 0 10px 15px 0;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.findcourse ul.isolist li:hover {
  color: #fff;
  background: #fa8436;
}

.findcourse ul.isolist li.active {
  color: #fff;
  background: #fa8436;
  border: 1px #fa8436 solid;
}



.findcourse .cousebox {
  border: 1px #b9b9b9 solid;
  border-radius: 10px;
  background: #fff;
  padding: 10px 30px 20px;
  margin-bottom: 30px;
  text-align: left;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
}

.findcourse .cousebox img {
  max-width: 100%;
  width: auto;
  margin: 0 auto 20px auto;
  display: block;
}

.findcourse .cousebox h4 {
  font-size: 15px;
  color: #000;
  font-weight: 500;
  margin-bottom: 20px;
  min-height: 60px;
}

.findcourse .cousebox h4 a {
  color: #000;
  text-decoration: none;
}

.findcourse .cousebox h4 a:hover {
  color: #ef7220;
  text-decoration: none;
}

.findcourse .cousebox p {
  font-size: 15px;
  color: #000;
  clear: left;
}

.findcourse .cousebox p img {
  display: inline-block;
  margin-right: 10px;
  margin-top: -5px;
  float: left;
}

.findcourse .btn-secondary {
  font-size: 17px;
  background: #5b5c5f;
  font-weight: 500;
  max-width: 300px;
  padding: 10px 56px;
}

.findcourse .btn-secondary:hover {
  background: #404146;
}

.findcourse a.link {
  font-size: 14px;
  color: #ef7220;
  text-decoration: underline;
  padding-top: 12px;
  margin-top: 20px;
  font-weight: bold;
  border-top: 1px #bfbfbf solid;
  display: block;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.findcourse a.link:hover {
  color: #333;
  text-decoration: none;
}



.findcourse .pagination {
  margin: 20px 0 30px;
}

.findcourse .pagination li a {
  border: none;
  font-size: 17px;
  color: #ee6a23;
  font-weight: 500;
  width: 45px;
  height: 40px;
  line-height: 30px;
  border-radius: 5px;
  text-align: center;
  margin: 0 5px;
}

.findcourse .pagination li a:hover, .findcourse .pagination li.active a {
  color: #fff;
  background: #ee6a23;
}

.findcourse .pagination li:first-child a {
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  line-height: 26px;
  font-size: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}

.findcourse .pagination li:last-child a {
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  line-height: 26px;
  font-size: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}



.browseby {
  padding: 40px 0;
}

.browseby .brwsbox {
  background: #ffeee2;
  border: 1px #fbddb7 solid;
  margin-top: 10px;
  border-radius: 10px;
  padding: 20px 20px 20px 5px;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.browseby .brwsbox h4 {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  color: #272727;
}

/*.browseby .brwsbox.red{ background: #ffebe4;}

  .browseby .brwsbox.red h4{ color: #7c0000; }

  .browseby .brwsbox.offgreen{ background: #f8ffe2;}

  .browseby .brwsbox.offgreen h4{ color: #475e00; }

  .browseby .brwsbox.yellow{ background: #fff9e1;}

  .browseby .brwsbox.yellow h4{ color: #715d07; }*/



.tradedu {
  padding: 40px 0 40px 0;
}

.tradedu h2 {
  font-size: 52px;
}

.tradedu h2 em {
  font-weight: 400;
}

.tradedu .tainlist {
  margin: 0;
  padding: 50px 0 0;
  list-style: none;
  max-width: 170px;
  display: inline-block;
  vertical-align: middle;
}

.tradedu .tainlist li {
  display: block;
  font-size: 18px;
  background: #f98435;
  border-radius: 5px 0 0 5px;
  color: #fff;
  padding: 5px 15px;
  text-align: center;
  margin: 50px 0;
}



.tradedu .edubox {
  border: 2px #ddd solid;
  border-radius: 15px 0 0 15px;
  padding: 20px;
  border-right: none;
  max-width: 320px;
  display: inline-block;
  vertical-align: middle;
  margin-left: -5px;
}

.tradedu .edubox h4 {
  font-size: 20px;
  color: #222;
}

.tradedu .edubox ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tradedu .edubox ul li {
  display: flex;
  border-bottom: 1px #ddd solid;
  padding: 30px 0 30px 0px;
  font-size: 15px;
  color: #808080;
  position: relative;
  /* justify-content: center; */
  align-items: center;
}

.tradedu .edubox ul li img {
  margin-right: 5px;
  float: left;
  width: 24px;
  /*height: 21px;*/
}

.tradedu .edubox ul li img span {
  display: flex;
}

.tradedu .edubox ul li:last-child {
  border: none;
}

/*.tradedu .edubox ul li:first-child:before{ position: absolute; top: 15px; left: 0; content: ''; background: url(../images/te1.jpg) no-repeat; width: 24px; height: 21px; }

  .tradedu .edubox ul li:nth-child(2):before{ position: absolute; top: 15px; left: 0; content: ''; background: url(../images/te2.jpg) no-repeat; width: 24px; height: 21px; }

  .tradedu .edubox ul li:nth-child(3):before{ position: absolute; top: 15px; left: 0; content: ''; background: url(../images/te3.jpg) no-repeat; width: 24px; height: 21px; }

  .tradedu .edubox ul li:nth-child(4):before{ position: absolute; top: 15px; left: 0; content: ''; background: url(../images/te4.jpg) no-repeat; width: 24px; height: 21px; }

  .tradedu .edubox ul li:nth-child(5):before{ position: absolute; top: 20px; left: 0; content: ''; background: url(../images/te5.jpg) no-repeat; width: 24px; height: 21px; }*/



.tradedu .gsbenifit {
  border: 2px #fa8536 solid;
  border-radius: 15px;
  padding: 20px 50px;
  max-width: 366px;
  display: inline-block;
  vertical-align: middle;
  margin-left: -5px;
}

.tradedu .gsbenifit h4 {
  font-size: 20px;
  color: #fa9555;
}

.tradedu .gsbenifit ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tradedu .gsbenifit ul li {
  display: flex;
  border-bottom: 1px #ddd solid;
  padding: 15px 0 15px 0px;
  font-size: 15px;
  color: #808080;
  position: relative;
  justify-content: center;
  align-items: center;
}

.tradedu .gsbenifit ul li img {
  margin-right: 5px;
  margin-bottom: 5px;
  float: left;
  width: 24px;
  /*height: 21px;*/
}

.tradedu .gsbenifit ul li span {
  display: flex;
}

.tradedu .gsbenifit ul li:last-child {
  border: none;
}

/*.tradedu .gsbenifit ul li:first-child:before{ position: absolute; top: 25px; left: 0; content: ''; background: url(../images/gb1.jpg) no-repeat; width: 24px; height: 21px; }

  .tradedu .gsbenifit ul li:nth-child(2):before{ position: absolute; top: 25px; left: 0; content: ''; background: url(../images/gb2.jpg) no-repeat; width: 24px; height: 21px; }

  .tradedu .gsbenifit ul li:nth-child(3):before{ position: absolute; top: 25px; left: 0; content: ''; background: url(../images/gb3.jpg) no-repeat; width: 24px; height: 21px; }

  .tradedu .gsbenifit ul li:nth-child(4):before{ position: absolute; top: 25px; left: 0; content: ''; background: url(../images/gb4.jpg) no-repeat; width: 24px; height: 21px; }

  .tradedu .gsbenifit ul li:nth-child(5):before{ position: absolute; top: 25px; left: 0; content: ''; background: url(../images/gb5.jpg) no-repeat; width: 24px; height: 21px; }

  .tradedu .gsbenifit ul li:nth-child(6):before{ position: absolute; top: 25px; left: 0; content: ''; background: url(../images/gb6.jpg) no-repeat; width: 24px; height: 21px; }*/





/*gallery*/

.presence {
  background: #ececec;
  padding: 70px 0;
}

.presence .btn-secondary {
  min-width: 300px;
  background-color: #fff;
}

.isocontent {
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  text-align: center;
}

.presence .single-content {
  padding: 5px;
}

.presence .single-content img {
  object-fit: cover;
  width: 266px;
  height: 100%;
  border-radius: 10px;
  border: 1px #b9b9b9 solid;
}

.filters {
  width: 100%;
}



.presence ul.isolist {
  list-style: none;
  padding: 30px 0;
}

.presence ul.isolist li {
  display: inline-block;
  padding: 8px 20px;
  border-radius: 25px;
  font-size: 16px;
  color: #fa8436;
  font-weight: 500;
  cursor: pointer;
  border: 2px solid #fa8436;
  background: #fff;
  margin-right: 4px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.presence ul.isolist li:hover {
  color: #fff;
  background: #fa8436;
}

.presence ul.isolist li.active {
  color: #fff;
  background: #fa8436;
  border: 1px #fa8436 solid;
}



.solution {
  padding: 70px 0 60px;
}

.solution h1 {
  font-size: 45px;
  margin-bottom: 10px;
}

.solution p {
  font-size: 16px;
}



/*blog*/

.blogs {
  padding: 70px 0;
}

.blogs h2 {
  font-size: 45px;
  color: #011f4e;
  font-weight: 700;
}

.blogs h2 small {
  font-size: 14px;
  color: #f18e21;
  vertical-align: middle;
  padding-left: 10px;
  font-family: 'Inter', sans-serif;
}

.blogs .form-control {
  box-shadow: none;
  outline: none;
}

.blogs .blogbox {
  margin-top: 25px;
}

.blogs .blogbox .imgbox img {
  border-radius: 15px;
}

/*.blogs .blogbox .col-lg-6 + .col-lg-6{ padding-left: 40px;}*/

.blogs .blogbox .subtext {
  font-size: 14px;
  font-weight: 500;
  color: #f18e21;
}

.blogs .blogbox .subtext span {
  color: #8b8b8b;
  padding-left: 10px;
}

.blogs .blogbox h3 {
  font-size: 27px;
  color: #151924;
  padding: 15px 0 0px;
  font-weight: 500;
}

.blogs .blogbox p {
  font-size: 16px;
  color: #737373;
}

.blogs .blogbox .admin {
  font-size: 14px;
  color: #737373;
  vertical-align: middle;
}



.latestblog {
  padding: 70px 0;
  background: #f5f5f5;
}

.latestblog h2 {
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 1px #ddd solid;
}

.latestblog .blog-content {
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  margin-bottom: 20px;
  border-radius: 10px;
}

.latestblog .blog-content .imgbox {
  position: relative;
}

.latestblog .blog-content .imgbox img {
  border-radius: 10px 10px 0 0;
  width: 100%;
}

.latestblog .blog-content .contentbox {
  padding: 15px;
}

.latestblog .blog-content .contentbox h4 {
  font-size: 15px;
  color: #151924;
  font-weight: 500;
}

.latestblog .blog-content .contentbox h4 a {
  color: #151924;
  text-decoration: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

.latestblog .blog-content .contentbox .admin {
  font-size: 13px;
  color: #707070;
}

.latestblog .blog-content .contentbox .admin span {
  color: #aaa;
}

.latestblog .blog-content .contentbox .date {
  font-size: 14px;
  color: #707070;
  display: inline-block;
  vertical-align: middle;
}

.latestblog .blog-content .contentbox .read {
  font-size: 14px;
  color: #707070;
  display: inline-block;
  vertical-align: middle;
  float: right;
  margin-top: 2px;
}



.blogbtn {
  position: relative;
  z-index: 999;
}

.blogbtn .right-align {
  text-align: right;
}

.blogbtn .btn-secondary {
  padding: 10px 20px;
}

.blogbtn .btn-secondary .limg {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
  padding-top: 5px;
}

.blogbtn .btn-secondary .rimg {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
  padding-top: 5px;
}



.bloglist {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

.bloglist li {
  display: block;
}

.bloglist li a {
  padding: 8px 10px;
  margin-bottom: 2px;
  font-size: 13px;
  font-weight: 500;
  color: #707070;
  display: block;
  text-decoration: none;
  background: #eee url(../images/arogr.png) no-repeat right center;
}

.bloglist li a:hover, .bloglist li.active a {
  color: #fff;
  background: #f77638 url(../images/arowh.png) no-repeat right center;
}



.blogcourse:after {
  display: none;
}



.blogdetail {
  padding: 70px 0;
}

/*.detail-left { font-size: 14px; color: #141112; padding: 5px 15px; border-radius: 5px; background: #eef4d7; display: inline-block; font-weight: 500; }*/

.detail-left .tags {
  font-size: 14px;
  color: #141112;
  padding: 5px 15px;
  border-radius: 5px;
  background: #eef4d7;
  display: inline-block;
  font-weight: 500;
}

.detail-left .date {
  font-size: 14px;
  color: #8b8b8b;
  display: inline-block;
  padding-left: 15px;
  font-weight: 500;
}

.detail-left h2 {
  padding: 15px 0 25px;
}

.detail-left .author {
  font-size: 14px;
  color: #a3a3a3;
  font-weight: 500;
}

.detail-left .author span {
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  line-height: 24px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 10px;
  background: #f38d20;
  display: inline-block;
}

.detail-left .blogimg {
  margin: 30px 0 0;
}

.detail-left p {
  font-size: 15px;
  color: #000;
  margin: 0;
  padding: 15px 0 0;
}

.detail-left h3 {
  font-size: 28px;
  color: #000;
  font-weight: 500;
  padding: 20px 0 0px;
  margin: 0;
}

.detail-left h4 {
  font-size: 19px;
  color: #000;
  font-weight: 500;
  padding: 20px 0 0px;
  margin: 0;
}



.detail-left .commentsec h3 {
  font-size: 23px;
  color: #212529;
  font-weight: 700;
  font-family: 'Inter', sans-serif;
  padding-bottom: 20px;
}

.detail-left .commentsec .combox {
  background: #f5f5f5;
  border: 1px #c4c4c4 solid;
  border-radius: 20px;
  padding: 30px;
}

.detail-left .commentsec h4 {
  font-size: 19px;
  color: #212529;
  font-weight: 700;
  font-family: 'Inter', sans-serif;
  padding-bottom: 20px;
  font-style: normal;
  padding-top: 0;
}

.detail-left .commentsec label {
  font-size: 14px;
  color: #011f4e;
}

.detail-left .commentsec .form-control {
  border: 1px #000 solid;
  box-shadow: none;
  outline: none;
}



.recentpost {
  border: 1px #000 solid;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .03);
}

.recentpost h3 {
  font-size: 22px;
  color: #020200;
  font-weight: 500;
}

.recentpost ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.recentpost ul li {
  display: block;
  padding: 20px 0;
  border-bottom: 2px #ededee solid;
}

.recentpost ul li:last-child {
  border: none;
  padding-bottom: 0;
}

.recentpost ul li h4 {
  font-size: 17px;
  color: #151924;
  font-weight: 500;
}

.recentpost ul li h4 a {
  color: #151924;
  font-weight: 500;
  text-decoration: none;
}

.recentpost ul li h4 a:hover {
  color: #ef7220;
  font-weight: 500;
  text-decoration: none;
}

.recentpost ul li p {
  font-size: 13px;
  color: rgba(0, 0, 0, .7);
}

.recentpost ul li .tags {
  font-size: 11px;
  color: #141112;
  background: #eef4d7;
  border-radius: 5px;
  padding: 4px 10px;
  display: inline-block;
}

.recentpost ul li .date {
  font-size: 11px;
  color: rgba(20, 17, 18, .5);
  display: inline-block;
  padding-left: 5px;
  font-weight: 500;
}



.cate-gory {
  border: 1px #000 solid;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .03);
  margin-top: 30px;
}

.cate-gory h3 {
  font-size: 22px;
  color: #020200;
  font-weight: 500;
}

.cate-gory ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cate-gory ul li {
  display: block;
  padding: 20px 0;
  border-bottom: 2px #ededee solid;
}

.cate-gory ul li:last-child {
  border: none;
  padding-bottom: 0;
}

.cate-gory ul li h4 {
  font-size: 17px;
  color: #151924;
  font-weight: 500;
}

.cate-gory ul li p {
  font-size: 13px;
  color: rgba(0, 0, 0, .7);
}

.cate-gory ul li a {
  font-size: 13px;
  color: rgba(0, 0, 0, .7);
  text-decoration: none;
}

.cate-gory ul li a:hover {
  font-size: 13px;
  color: rgba(0, 0, 0, .3);
}

.cate-gory ul li img {
  margin-right: 10px;
}



.getfree {
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  margin-top: 30px;
}

.getfree h3 {
  font-size: 22px;
  color: #020200;
  font-weight: 500;
}

.getfree label {
  color: #021028 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

.getfree label span {
  color: #ff2020;
}

.getfree input, .getfree select {
  border: 2px #eee solid !important;
  border-radius: 5px !important;
}

.getfree .form-text {
  font-size: 12px;
}

.getfree .button {
  font-size: 18px !important;
  background: #ef7220 !important;
  border: none;
  padding: 10px 30px !important;
  width: 100% !important;
}

.getfree .button:hover {
  background: #d76013 !important;
}



/*career*/

.whyjoin {
  padding: 70px 0;
  text-align: center;
}

/*.whyjoin h2{ font-size: 32px; color: #020200; font-weight: 500; }*/

.whyjoin .subtext {
  font-size: 16px;
  color: #333;
}

.whyjoin .iconbox {
  border: 1px #bcbcbd solid;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
  padding: 30px 40px;
  margin-top: 40px;
  text-align: center;
}

.whyjoin .iconbox h4 {
  padding-top: 20px;
  font-size: 20px;
  font-weight: 500;
  color: #000;
  margin: 0;
}

.whyjoin p {
  padding-top: 20px;
  font-size: 16px;
  color: #333;
  margin: 0;
}



.jobopen {
  background: #fdf0e8 url(../images/whybg.jpg) no-repeat;
  background-size: cover;
  padding: 70px 0;
  position: relative;
}

.jobopen .jobox {
  background: rgba(254, 248, 244, .5);
  border: 1px #bcbcbc solid;
  border-radius: 10px;
  padding: 30px;
  margin-top: 30px;
  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.jobopen .jobox .date {
  font-size: 16px;
  color: #666;
  font-weight: 500;
  text-transform: uppercase;
}

.jobopen .jobox h4 {
  font-size: 24px;
  color: #000;
  font-weight: 500;
  text-transform: uppercase;
}

.jobopen .jobox h4 a {
  color: #000;
  text-decoration: none;
}

.jobopen .jobox h4 a:hover {
  color: #333;
  text-decoration: none;
}

.jobopen .jobox a:hover h4 {
  color: #ef7220;
  text-decoration: none;
}

.jobopen .jobox a {

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.jobopen .jobox .time {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  text-transform: uppercase;
  text-align: right;
}



/*contact*/

.contactform {
  padding: 50px 0 80px;
}

.contactform h1 {
  font-size: 45px;
  color: #212529;
  font-weight: 700;
  padding-bottom: 20px;
}

.contactform .location {
  font-size: 16px;
  color: #212529;
}

.contactform .coform {
  border-radius: 15px;
  padding: 25px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .15);
}

.contactform .coform h3 {
  font-size: 35px;
  font-weight: 700;
  color: #000;
  text-align: center;
  margin-bottom: 20px;
}

.contactform .coform .form-label {
  font-size: 16px;
  color: #070707;
}

.contactform .coform .form-label span {
  color: #c43819;
}

.contactform .coform .form-control {
  height: 46px;
  border: 1px #686e77 solid;
  font-size: 14px;
}

.contactform .coform .gfield input {
  border: 1px #686e77 solid;
  font-size: 14px;
}



.contactform .coform .gfield textarea {
  height: 100px;
  border: 1px #686e77 solid;
  font-size: 14px;
  border-radius: 5px;
}

.contactform .coform label {
  font-size: 13px;
}

.contactform .coform .button {
  font-size: 18px !important;
  background: #ef7220 !important;
  border: none;
  padding: 10px 30px !important;
}

.contactform .coform .button:hover {
  background: #d76013 !important;
}





.locate {
  background: #f5f5f5 url(../images/feature-topleft.png) no-repeat top left;
  padding: 70px 0 0;
  text-align: center;
}

.locate h2 {
  font-size: 35px;
  color: #020202;
  margin-bottom: 20px;
}

.locate .imgbox {
  position: relative;
  text-align: center;
  margin-bottom: 50px;
  padding-left: 7px;
  padding-right: 7px;
  position: relative;
  height: 282px;
  width: 100%;
}

.locate .imgbox h4 {
  font-size: 20px;
  color: #fff;
}

.locate .imgbox p {
  font-size: 16px;
  color: #fff;
}

.locate .imgbox .front {
  -webkit-transform: rotateY(0deg);
  transition: 0.6s;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 282px;
}

.locate .imgbox .back {
  transform: rotateX(180deg);
  transition: 0.6s;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 282px;
  opacity: 0;
  background: linear-gradient(45deg, rgba(241, 142, 32, 1) 0%, rgba(172, 199, 55, 1) 100%);
  padding: 12% 20px;
}

.locate .imgbox:hover .front {
  transform: rotateX(180deg);
  opacity: 0;
}

.locate .imgbox:hover .back {
  transform: rotateX(0deg);
  opacity: 1;
}



.locate .imgbox .text {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -80px;
  margin-top: -27px;
  font-size: 22px;
  color: #011f4e;
  font-weight: 500;
  min-width: 160px;
  padding: 10px 20px;
  background: #fff;
  display: inline-block;
}

.locate .grdnt {
  background: rgb(170, 201, 56);
  background: linear-gradient(90deg, rgba(170, 201, 56, 1) 0%, rgba(243, 141, 32, 1) 100%);
  min-height: 334px;
  font-size: 23px;
  color: #fff;
  font-weight: 500;
  padding: 15% 40px 0;
}



.hiring {
  background: #454545;
  padding: 70px 0;
  text-align: center;
}

.hiring .whbox {
  background: #fff;
  padding: 40px;
  border-radius: 5px;
}

.hiring .whbox h4 {
  font-size: 22px;
  color: #151924;
  font-weight: 500;
  margin-bottom: 20px;
}

.hiring .whbox .item img {
  max-width: 100%;
  width: auto;
}

.hiring .whbox .owl-nav {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
}

.hiring .whbox .owl-nav .owl-prev {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  margin-left: -60px;
  float: left;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.hiring .whbox .owl-nav .owl-next {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  float: right;
  margin-right: -60px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.hiring .whbox .owl-nav .owl-prev:hover, .hiring .whbox .owl-nav .owl-next:hover {
  background: rgba(255, 255, 255, .5) !important;
}



/*career detail*/

.remote {
  padding: 70px 0;
}

.remote h2 {
  color: #011F4E;
  margin-bottom: 30px;
}

.remote p {
  color: #282828;
  font-size: 16px;
}

.remote h4 {
  color: #282828;
  font-size: 16px;
  font-weight: 700;
}

.remote .formbox {
  background: #fff;
  background-size: cover;
  margin-top: 40px;
  padding: 30px 40px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .15);
}

.remote .formbox h3 {
  font-size: 23px;
  color: #000;
  font-weight: 500;
}

.remote .formbox h3 span {
  color: #ef7220;
}

.remote .formbox .progress {
  height: 11px;
  border-radius: 10px;
  margin: 10px 0 20px;
}

.remote .formbox .progress .bg-success {
  background-color: #ef7220 !important;
}

.remote .formbox .subtext {
  font-size: 14px;
  color: #000;
  margin: 20px 0 10px;
  font-weight: 500;
}

.remote .formbox .subtext span {
  color: #ef7220;
}

.remote .formbox label {
  font-size: 13px;
  color: #000;
}

.remote .formbox label span {
  color: #ff0000;
}

.remote .formbox .form-control {
  height: 40px;
  font-size: 14px;
}

.remote .formbox textarea.form-control {
  height: 70px;
  font-size: 14px;
}

.remote .formbox ul.steplist {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  border-bottom: 1px #eee solid;
}

.remote .formbox ul.steplist li {
  display: inline-block;
  padding: 0 20px;
}

.remote .formbox ul.steplist li a {
  display: inline-block;
  padding: 10px 5px;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  border-bottom: 3px solid transparent;
}

.remote .formbox ul.steplist li a:hover {
  color: #ef7220;
  text-decoration: none;
  border-bottom: 3px #ef7220 solid;
}

.remote .formbox ul.steplist li a.active {
  color: #ef7220;
  text-decoration: none;
  border-bottom: 3px #ef7220 solid;
}







/*Course detail*/

.breadcrumb {
  margin: 0;
  border: none;
}

.breadcrumb:not(.override) {
  background: #ffffff;
}

.breadcrumb-item.active {
  color: #000;
}

.breadcrumb-item a {
  color: #f1a078;
  text-decoration: none;
}

.breadcrumb-item {
  color: #333;
  font-size: 14px;
  padding: 4px 0px 14px 0;
}

.jobfornnew .subtext {
  padding: 10px 0 0px;
}

.jobfornnew .top-company-course {
  padding: 50px 0;
}

.jobform {
  padding: 30px 0 30px;
  background-size: cover !important;
}

.jobform h1 {
  margin: 0;
  padding: 25px 0 0;
  font-size: 40px;
  color: #fff;
  text-transform: capitalize;
  font-weight: 700;
  font-weight: 500;
  font-style: Semi Bold;
  font-size: 36px;
  line-height: 43.2px;
  letter-spacing: 0%;
  vertical-align: middle;
}

.jobform h1 span {
  color: #ef7220;
}

.jobform .subtext {
  padding: 10px 0 20px;
}

.jobform .subtext p {
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 22.4px;
  letter-spacing: 0%;
  color: #B3B3B3;
}

.jobform .tags {
  display: flex;
}

.jobform .tags ul.courses-tags {
  margin: 0;
  padding: 0px;
  list-style: none;
  display: flex;
}

.jobform .tags ul.courses-tags li {
  margin-right: 13px;
  padding: 8px 12px;
  display: flex;
  border-radius: 3px;
  background-color: #222222;
  border-style: solid;
  border-width: 1px;
  border-radius: 6px;
  border-image: linear-gradient(to right, #EF7220, #6666661A) 1;

}

.jobform .tags ul.courses-tags li p {
  margin: 0px;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 22.4px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: #EF7220;
}

.jobform .tags ul.courses-tags li img {
  width: 24px;
  height: 25px;
}

.jobform .social-sharing {
  margin-top: 8px;
}

.jobform .social-sharing a {}

.jobform ul.courese-benifit {
  display: flex;
  list-style: none;
  margin: 0px;
  padding: 0px;
  flex-wrap: wrap;
  /* Allows items to go to the next line if there's not enough space */
  align-items: center;
  /* Vertically centers items */
  justify-content: flex-start;
  /* Aligns items to the left, can also use center/right */
}

.jobform ul.courese-benifit li {
  display: flex;
  border: 1px solid #37271D;
  background-color: #222222;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 4px 10px;
  border-radius: 20px;
}

.jobform ul.courese-benifit li img {
  width: 24px;
  height: 25px;
}

.jobform ul.courese-benifit li p {
  padding-left: 10px;
  margin: 0px;
  color: #fff;
  font-size: 14px;
  white-space: nowrap;
}

.jobform .buttons {
  margin-bottom: 15px;
}

.jobform .buttons .btn-main {
  border: 1px solid #fff;
}

.jobform .buttons .btn-second {
  border: 1px solid #000;
  color: #000;
  background-color: #fff;
}

.jobform .courses-review {}

.jobform .courses-review img {}

.jobform .upcoming-batch {
  display: flex;
  margin-top: 27px;
}

.jobform .upcoming-batch img {
  width: 25px;
  height: 25px;
  margin-right: 10px;
}

.jobform .upcoming-batch p {
  color: #B3B3B3;
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 22.4px;
  letter-spacing: 0%;
  vertical-align: middle;
}

.jobform .upcoming-batch p span {
  text-transform: uppercase;
}



.jobform .lang {
  font-size: 16px;
  color: #070707;
}



.jobform .top-company {
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
  color: #363636;
  text-align: center;
  padding: 20px 0;
}

.jobform .top-company .icon {
  width: 65px;
  height: 65px;
  display: inline-block;
  border-radius: 50%;
  padding: 15px;
  background: #fff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
}

.jobform .top-company img {
  max-width: 100%;
}

.jobform .top-company span {
  display: block;
  padding-top: 5px;
}

.jobform .top-company-course {
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
  color: #363636;
  text-align: center;
  padding: 30px 0;
}

.jobform .top-company-course .icon {
  width: 65px;
  height: 65px;
  display: inline-block;
  border-radius: 50%;
  padding: 15px;
  background: #fff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
}

.jobform .top-company-course img {
  max-width: 100%;
}

.jobform .top-company-course span {
  display: block;
  padding-top: 5px;
  font-size: 14px;
}

.jobform .top-company-course .owl-dots, .jobform .top-company-course .owl-nav {
  display: none;
}

.jobform .btntext {
  font-size: 16px;
  color: #01154E;
  font-weight: 500;
  margin-bottom: 30px;
}

.jobform .btn-primary {
  font-weight: 500;
  padding: 10px 30px;
  margin: 12px 24px 0px 0px;
  background: #ef7220;
  background-image: none;
}

.jobform .btn-dark {
  font-weight: 400;
  padding: 9px 15px;
  margin-top: 10px;
  max-width: 260px;
}



.jobform .formbox {
  padding: 25px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  position: relative;
  z-index: 1;
}

.jobform .formbox .gform_required_legend {
  display: none;
}

.jobform .pattern {
  position: relative;
}



.jobform .pattern:after {
  position: absolute;
  bottom: 10px;
  right: -32px;
  content: '';
  background: url(../images/video-pattern.png) no-repeat;
  width: 82px;
  height: 43px;
  z-index: 0;
}

.jobform .formbox h4 {
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  line-height: 25.2px;
  letter-spacing: 0%;
  vertical-align: middle;
}

.jobform .formbox label {
  font-size: 15px;
  color: #021028;
  font-weight: 500;
}

.jobform .formbox label span {
  color: #ff0000;
}

.jobform .formbox input, .jobform .formbox select {
  border: 2px #e2e2e2 solid !important;
  font-size: 15px !important;
  height: 44px !important;
  border-radius: 5px !important;
}

.jobform .formbox .btn-dark {
  font-size: 19px;
  font-weight: 400;
}

.jobform .formbox .button {


  font-size: 16px !important;
  background: #ef7220 !important;
  border: none !important;
  padding: 10px 30px !important;
  box-shadow: 0 0px 25px #FF7F5080 !important;
  background: #EF7220 !important;
  background: linear-gradient(90deg, rgba(239, 114, 32, 1) 0%, rgba(255, 165, 2, 1) 100%) !important;
  font-weight: 500 !important;
}

.jobform .formbox .button:hover {
  background: #d76013 !important;
  color: #fff !important;
}

.courses-details-hero, .industryproject,
.courses-details-hero * {
  box-sizing: border-box;
}

.courses-details-hero {
  background: #ffffff;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: hidden;
  padding: 50px 0px 0px;
}

.industryproject {
  background: #ffffff;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  padding: 50px 0px 0px;
}

.industryproject .rectangle-3812, .courses-details-hero .rectangle-3812 {
  background: var(--dark, #000000);
  width: 100%;
  height: 814px;
  position: absolute;
  left: 0px;
  top: -36px;
}

.courses-details-hero .bg-webp, .industryproject .bg-webp {
  width: auto;
  position: absolute;
  left: 70%;
  bottom: -617px;
  top: 692px;
  transform-origin: 0 0;
  transform: rotate(-90deg) scale(1, 1);
  object-fit: cover;
}

.courses-details-hero .ellipse-744, .industryproject .ellipse-744 {
  background: var(--links, #ef7220);
  border-radius: 50%;
  width: 238px;
  height: 231px;
  position: absolute;
  left: 795px;
  top: 325px;
  filter: blur(96px);
}


.courses-details-hero .image-5, .industryproject .image-5 {
  width: 100%;
  height: 715px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: -37px;
  object-fit: cover;
  aspect-ratio: 1442/715;
}


.build-sec {
  background: #000000;
  border-radius: 4px;
  padding: 40px 15px 40px 15px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}

.build-sec .bg-webp {
  flex-shrink: 0;
  width: 728px;
  height: 563px;
  position: absolute;
  left: 228.7px;
  top: -238.45px;
  transform-origin: 0 0;
  transform: rotate(75deg) scale(1, 1);
  object-fit: cover;
}

.build-sec .ellipse-744 {
  background: var(--links, #ef7220);
  border-radius: 50%;
  flex-shrink: 0;
  width: 509.33px;
  height: 231px;
  position: absolute;
  left: 156.34px;
  top: 176px;
  filter: blur(96px);
}


.buildicon {
  padding: 15px 20px;
  position: sticky;
}

.buildicon .iconbox {
  padding: 15px 10px;
}

.buildicon .iconbox img {
  margin-right: 9px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #EF7220;
  padding: 8px;
  border-radius: 5px;
  background-color: #6868684D;
}

.buildicon .iconbox p {
  display: inline-block;
  font-size: 14px;
  max-width: 69%;
  color: #fff;
  font-weight: 500;
  margin: 8px auto;
  vertical-align: middle;
}


.overview .sticky-nav {
  z-index: 1000;
}

.available h3 {
  font-size: 24px;
  color: #212529;
  padding: 20px 5% 0 0;
  font-weight: 500;
  display: inline-block;
  vertical-align: top;
  max-width: 300px;
}

.available ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  position: relative;
}

.available ul:before {
  position: absolute;
  top: 86px;
  left: 13%;
  right: 9%;
  content: '';
  height: 1px;
  background: #ccc;
}

.available ul li {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  position: relative;
  max-width: 200px;
}

.available ul li:before {
  position: absolute;
  top: 82px;
  left: 50%;
  content: '';
  margin-left: -6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ef7220;
}

.available ul li .icon {
  display: inline-block;
  text-align: center;
  width: 72px;
  height: 72px;
  line-height: 70px;
  border-radius: 50%;
  border: 1px #d0d0d0 solid;
  background: #f5f5f5;
}

.available ul li .icon img {
  width: 44px;
}

.available ul li h5 {
  padding-top: 30px;
  font-size: 14px;
  color: #212529;
  font-weight: 500;
  max-width: 300px;
}

.available ul li p {
  font-size: 17px;
  color: rgba(1, 31, 78, .7);
}

.available ul li p a {
  color: rgba(1, 31, 78, .7);
  text-decoration: none;
}

.available ul li p a:hover {
  color: rgba(1, 31, 78, .9);
  text-decoration: none;
}

.overview .overbg {
  /* background: url(../images/overview.jpg) no-repeat center top; 
   background-size: cover; 
   padding: 80px 0; 
   box-shadow: inset 0 0 5px rgba(0,0,0,.1);  */
  position: relative;
}

.overview .overbg:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background: rgba(255, 255, 255, .6);
}

.overview .overbg .container {
  position: relative;
  z-index: 1;
}

.overview h2 {
  color: #020202;
  font-weight: 700;
}

.overview iframe {
  border-radius: 5px;
}

.overview p {
  color: #2B2A28;
  font-size: 16px;
  margin: 20px 0;
}

.overview .mr-2 {
  margin-right: 10px;
}

.overview .tabs ul {
  margin: 0 0 0;
  padding: 0;
  list-style: none;
}

.overview .tabs ul li {
  display: inline-block;
  padding: 0px 10px;
}

.overview .tabs ul li:first-child {
  padding-left: 0;
}

.overview .tabs ul li a {
  display: inline-block;
  padding: 10px 0px;
  border: none;
  margin: 0 5px;
  color: #070707;
  font-weight: 500;
  text-decoration: none;
  position: relative;
}

.overview .tabs ul li a:hover, .overview .tabs ul li a.active {
  color: #ee6a23;
}

.overview .tabs ul li a.active:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  content: '';
  height: 3px;
  background: #f08f21;
}

.overview .videobox {
  position: relative;
}

/* .overview .videobox:before{ position: absolute; top: -20px; left: -42px; content: ''; background: url(../images/video-pattern.png) no-repeat; width: 82px; height: 43px;}

  .overview .videobox:after{ position: absolute; bottom: 0px; right: -42px; content: ''; background: url(../images/video-pattern.png) no-repeat; width: 82px; height: 43px;} */

.overview .videobox iframe {
  position: relative;
  z-index: 1;
}



.benefits {
  padding: 50px 0 50px;
}

.benefits p {
  font-size: 14px;
  color: #51565E;
  padding: 15px 0 0px;
  margin-bottom: 0;
}

.benefits h4 {
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 22.4px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: #555555;
}

.benefits h5 {
  font-size: 16px;
  color: #51565E;
  padding: 10px 0;
  font-weight: 700;
  text-align: center;
  display: none;
}

.benefits .tabs ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.benefits .tabs ul li {
  display: block;
  border-bottom: 1px #ddd solid;
}

.benefits .tabs ul li:last-child {
  border: none;
}

.benefits .tabs ul li a {
  border-top-left-radius: 5px;
  display: block;
  padding: 15px;
  border-right: 1px #ddd solid;
  text-align: center;
  background: #fff2e1;
  color: #272c37;
  font-weight: 500;
  text-decoration: none;
}

.benefits .tabs ul li a:hover {
  color: #272c37;
  background: #fff;
}

.benefits .tabs ul li a.active {
  color: #ef7220;
  background: #fff;
  border: none;
}

.benefits .taborder {
  border: 1px #d2d5de solid;
  border-radius: 5px;
  box-shadow: 0 0px 10px rgba(0, 0, 0, .1);
}

.benefits .imgbox {
  padding: 10px 0 0;
}

.benefits .imgbox img {
  max-width: 100% !important;
}

.benefits .salery-content-sec {
  padding-right: 25px;
  border-right: 1px solid #C0C0C0B2;
}

.whyenroll {
  padding: 50px 0 80px;
  text-align: center;
}

.whyenroll .goalbox {
  box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
  border: 1px #c3c3c3 solid;
  margin-top: 20px;
  padding: 25px 15px;
  border-radius: 5px;
}

.whyenroll .goalbox h4 {
  color: #212529;
  font-size: 16px;
  padding: 15px 0;
  margin: 0;
  font-weight: 500;
  max-width: 90%;
  min-height: 64px;
}

.whyenroll .goalbox p {
  font-size: 13px;
  margin: 0 0 8px;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.whyenroll .goalbox ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  min-height: 130px;
}

.whyenroll .goalbox ul li {
  display: block;
  font-size: 13px;
  color: #2b2a28;
  padding: 2px 0 2px 15px;
  position: relative;
}

.whyenroll .goalbox ul li:before {
  position: absolute;
  top: 10px;
  left: 0;
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #2b2a28;
}





.fullstack {
  padding: 50px 0;
  background: #F2F6F8;
}


.fullstack h2 small {
  font-size: 20px;
}

.fullstack h2 span {
  color: #ef7220;
}

.fullstack .subtext {
  color: #555555;
  font-size: 14px;
  padding: 15px 0;
}

.fullstack h3 {
  font-size: 20px;
  color: #151924;
  font-weight: 500;
}

.fullstack .greenlist {
  padding: 15px 20px;
  border: 1px #bfbfbf solid;
  border-radius: 10px;
  margin-top: 10px;
}

.fullstack .greenlist ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fullstack .greenlist ul li {
  display: block;
  font-size: 15px;
  color: rgba(21, 25, 36, .7);
  padding: 8px 0 8px 30px;
  background: url(../images/green-arrow.png) no-repeat 0 9px;
}

.fullstack .greenlist .link {
  font-size: 14px;
  color: #ef7220;
  font-weight: 500;
  text-decoration: underline;
}

.fullstack .greenlist .link:hover {
  text-decoration: none;
}

/* .fullstack .btn-primary{ font-size: 14px; } */

.fullstack .btn-success {
  background: #aac938;
  border: none;
  font-size: 17px;
  font-weight: 500;
  padding: 11px 25px;
}

.fullstack .btn-success:hover {
  background: #96b428;
}

.fullstack .col-lg-12 p {
  color: rgba(21, 25, 36, .7);
  font-size: 14px;
  padding: 25px 0 10px;
}

.fullstack .fullstack-left-side {
  background-color: #fff;
  border-radius: 5px;
  padding: 20px;
  box-shadow: 0 0 40px rgba(29, 58, 83, 0.15);
  margin-bottom: 25px;
}

.fullstack .fullstack-left-side ul li {
  font-size: 14px;
  line-height: 30px;
  font-weight: 300;
  color: #555555;
}

.fullstack .fullstack-left-side p {
  font-size: 14px;
}

.fullstack .fullstack-left-side h6 {
  margin: 20px 0px;
}

.fullstack .dwonload-curriculum {
  display: flex;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  border-style: solid;
  border-color: #e7e7eb;
  border-width: 1px;
  padding: 15px 21px 15px 21px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  backdrop-filter: blur(3px);
}

.fullstack .dwonload-curriculum .dwonload-content p {
  font-family: Inter;
  font-weight: 500;
  color: rgba(17, 17, 17, 1);
}

.fullstack .dwonload-curriculum .dwonload-btn a {
  margin-left: 30px;
  background: #ef7220;
}

.fullstack .accordion .accordion-item .accordion-collapse .accordion-item {
  box-shadow: none !important;
}

.fullstack .accordion {
  margin-top: 0px;
}

.fullstack .accordion .accordion-header {
  background-color: transparent;
  padding: 0px;
}

.fullstack .accordion .accordion-header .icon img {
  width: 60px;
  height: 60px;
}

.fullstack .accordion .accordion-button {}

.fullstack .accordion .accordion-button span {
  position: absolute;
  right: 26px;
  color: #ef7220;
}

.fullstack .accordion .accordion-button::after {
  background: url(../images/dwon-arrow.png) no-repeat;
  width: 17px;
  height: 17px;
  left: 17px;
  top: 18px;
}

.fullstack .accordion .accordion-button:not(.collapsed)::after {
  background: url(../images/up-arrow.png) no-repeat;
  width: 17px;
  height: 17px;
  left: 17px;
  top: 18px;
  transform: none;
}

.fullstack .accordion .accordion-button:not(.collapsed)::after {
  background: url(../images/up-arrow.png) no-repeat;
  width: 17px;
  height: 17px;
  left: 17px;
  top: 18px;
  transform: none;
}

.fullstack .curriculum-botton {
  padding-left: 15px;

  min-width: 425px;
}

.fullstack .curriculum-repeater ul {
  display: flex;
  list-style: none;
  margin: 6px 0px;
  padding: 0px;
}

.fullstack .curriculum-repeater ul li {
  font-size: 14px;
  padding: 0px 10px;
  border: 1px solid;
  border-color: rgba(255, 242, 225, 1);
  border-radius: 20px;
  color: #EF7220;
  margin-right: 15px;
  line-height: 15px;
  background: rgba(255, 242, 225, 1);
}

.fullstack .accordion .accordion-item {
  border: none;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 6%) !important;
  margin-top: 12px;
  border-radius: 5px;
  box-shadow: none;
  font-size: 16px;
  color: #151924;
  background: #fff;
}

.fullstack .accordion .accordion-button {
  background-color: transparent;
  box-shadow: none !important;
  position: relative;
  padding-left: 15px;
}

.fullstack .accordion .accordion-body {
  padding: 0px 20px 10px 30px;
}

.fullstack .accordion .accordion-body .accordion-body {
  padding: 10px 20px 10px 45px;
}

.fullstack .accordion .accordion-body p {
  padding: 0;
  font-size: 14px;
  color: #666;
  position: relative;
}

.fullstack .accordion .accordion-body .play {
  position: absolute;
  right: 0;
  top: 0;
}

.fullstack .accordion .accordion-body h5 {
  padding: 0;
  font-size: 16px;
  color: #151924;
}

.fullstack .accordion .accordion-body ul {
  padding: 0 0 10px;
  margin: 0;
  list-style: none;
}

.fullstack .accordion .accordion-body ul li {
  padding: 5px 0 5px 15px;
  font-size: 14px;
  color: rgba(21, 25, 36, .7);
  display: block;
  position: relative;
}

.fullstack .accordion .accordion-body ul li:before {
  position: absolute;
  top: 12px;
  left: 0;
  content: '';
  width: 6px;
  height: 6px;
  background: #f18e20;
  border-radius: 50%;
  z-index: 1;
}

.fullstack .accordion .accordion-body ul li:after {
  position: absolute;
  top: 12px;
  left: 3px;
  content: '';
  width: 1px;
  height: 100%;
  background: #ddd;
}

.fullstack .accordion .accordion-body ul li:last-child:after {
  display: none;
}

.fullstack .accordion .accordion-body .accordion-button {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 0;
}

.fullstack .accordion .accordion-body .accordion-button:after {
  top: 12px;
}

.fullstack .accordion .loadmore {
  padding: 11px 10px;
}

.fullstack .accordion .loadmore .btn-outline-secondary {
  border: 2px #bababa solid;
  color: #bababa;
  font-size: 15px;
  font-weight: 500;
}

.fullstack .accordion .loadmore .btn-outline-secondary:hover {
  color: #fff;
}

.fullstack .marks {
  margin-top: 20px;
  border: 1px #bfbfbf solid;
  border-radius: 10px;
  padding: 20px 30px 30px;
}

.fullstack .marks th {
  font-size: 14px;
  color: rgba(21, 25, 36, .8);
  font-weight: 500;
  padding: 5px 0;
}

.fullstack .marks td {
  font-size: 14px;
  color: #151924;
  font-weight: 500;
  padding: 5px 0;
  text-align: right;
}

.fullstack .marks h3 {
  margin: 0;
  padding: 25px 0 0;
  font-size: 16px;
  color: rgba(21, 25, 36, .8);
  font-weight: 500;
}

.fullstack .marks p {
  margin: 0;
  padding: 5px 0;
  font-size: 14px;
  color: rgba(21, 25, 36, .8);
}

.fullstack a.link-primary {
  color: #ef7220;
  text-decoration: none;
}

.fullstack a.link-primary:hover {
  color: #ef7220;
  text-decoration: none;
}

.fullstack .excel {
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.fullstack .jobform {
  padding: 0px;
}

.jobform h4 span {
  background: linear-gradient(90deg, rgba(239, 114, 32, 1), rgba(255, 165, 2, 1));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.fullstack .excel ul {
  margin: 0 0 20px;
  padding: 5px;
  list-style: none;
}

.fullstack .excel ul li {
  padding: 10px 0;
  font-size: 14px;
  color: #61738E;
}

.fullstack .excel ul li.separater {
  border-top: 1px #ddd solid;
  padding: 0;
  margin: 10px 0;
}

.fullstack .excel ul li img {
  margin-right: 10px;
}





.fullacord {
  padding: 60px 0 80px;
}

.fullacord .accordion {
  margin-top: 20px;
  border: 1px #bfbfbf solid;
  border-radius: 10px;
  padding: 10px;
}

.fullacord .accordion .accordion-button {
  padding-left: 40px;
  background: url(../images/green-arrow.png) no-repeat 10px 16px;
  box-shadow: none;
  border-radius: 15px;
  font-size: 16px;
  color: #151924;
  font-weight: 700;
}

.fullacord .accordion .accordion-button::after {
  background: url(../images/plus.png) no-repeat;
  width: 17px;
  height: 17px;
}

.fullacord .accordion .accordion-button:not(.collapsed)::after {
  background: url(../images/minus.png) no-repeat;
  width: 17px;
  height: 17px;
}

.fullacord .accordion .accordion-item {
  border: none;
}

.fullacord .accordion .accordion-body {
  padding: 0 40px;
}

.fullacord .accordion .accordion-body p {
  padding: 0;
  font-size: 14px;
  color: #151924;
}

.fullacord .accordion .accordion-body h5 {
  padding: 0;
  font-size: 16px;
  color: #151924;
}

.fullacord .accordion .accordion-body ul {
  padding: 0 0 10px;
  margin: 0;
  list-style: none;
}

.fullacord .accordion .accordion-body ul li {
  padding: 5px 0 5px 30px;
  font-size: 14px;
  color: rgba(21, 25, 36, .8);
  display: block;
  background: url(../images/dash.jpg) no-repeat 0 14px;
}

.fullacord .accordion .loadmore {
  padding: 11px 10px;
}

.fullacord .accordion .loadmore .btn-outline-secondary {
  border: 2px #bababa solid;
  color: #bababa;
  font-size: 15px;
  font-weight: 500;
}

.fullacord .accordion .loadmore .btn-outline-secondary:hover {
  color: #fff;
}

.fullacord .marks {
  margin-top: 20px;
  border: 1px #bfbfbf solid;
  border-radius: 10px;
  padding: 20px 30px 30px;
}

.fullacord .marks th {
  font-size: 14px;
  color: rgba(21, 25, 36, .8);
  font-weight: 500;
  padding: 5px 0;
}

.fullacord .marks td {
  font-size: 14px;
  color: #151924;
  font-weight: 500;
  padding: 5px 0;
  text-align: right;
}

.fullacord .marks h3 {
  margin: 0;
  padding: 25px 0 0;
  font-size: 16px;
  color: rgba(21, 25, 36, .8);
  font-weight: 500;
}

.fullacord .marks p {
  margin: 0;
  padding: 5px 0;
  font-size: 14px;
  color: rgba(21, 25, 36, .8);
}



.tools {
  padding: 80px 0;
  text-align: center;
  background: #ededed;
}

.tools ul {
  margin: 0;
  padding: 20px 0 0;
  list-style: none;
}

.tools ul li {
  display: inline-block;
  vertical-align: top;
  padding: 20px 10px;
}

.tools .imgbox:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
}

.tools .imgbox {
  border-radius: 50%;
  background: #fff;
  width: 102px;
  height: 102px;
  display: inline-block;
  text-align: center;
  padding: 22px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;

}

.tools h4 {
  color: #000;
  font-size: 16px;
  padding: 10px 0 0;
}

.tools h4 a {
  color: #000;
  text-decoration: none;
}

.tools h4 a:hover {
  color: #333;
  text-decoration: none;
}





.certificate-full {
  padding: 50px 0;
  background-color: #F2F6F8;
}

.certificate-full .certibox {
  padding: 8px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, .15);
  display: inline-block;

  background: linear-gradient(45deg, rgba(11, 252, 144, 1) 0%, rgba(57, 110, 252, 1) 33%, rgba(255, 24, 76, 1) 67%, rgba(255, 137, 27, 1) 100%);
}

.certificate-full p {
  padding: 15px 0 0px;
  font-size: 14px;
  color: rgba(0, 0, 0, .8);
  line-height: 24px;
}

.certificate-full .link {
  margin-top: 20px;
  font-size: 14px;
  color: #f08f21;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.certificate-full .link:hover {
  color: #333;
}

.certificate-full ul.certification-list {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  margin-bottom: 20px;
}

.certificate-full ul.certification-list li.certification-item {
  width: auto;
  display: flex;
  padding-right: 30px;
  margin: 0px 5px;
  border-right: 1px solid #858585;
}

.certificate-full ul.certification-list li.certification-item:last-child {
  border: none;
}

.certificate-full ul.certification-list li.certification-item img {
  width: 36px;
  height: 46px;
  margin-right: 10px;
}

.certificate-full ul.certification-list li.certification-item .certification-content {}

.certificate-full ul.certification-list li.certification-item .certification-content .certification-number h4 {
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  line-height: 25.2px;
  letter-spacing: 0%;
  vertical-align: middle;
  margin: 0px;
}

.certificate-full ul.certification-list li.certification-item .certification-content .certification-description p {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 22.4px;
  letter-spacing: 0%;
  vertical-align: middle;
  padding: 0px;
  color: #555555;
  margin: 0px;
}






.whychoose {
  background: url(../images/whychoose.jpg) no-repeat center top;
  background-size: cover;
}

.whychoose h2 {
  font-size: 27px;
}

.whychoose h2 span {
  color: rgba(21, 25, 36, .6);
}

.whychoose .tabs ul {
  margin: 30px 0 40px;
  padding: 0;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px #989898 solid;
  display: inline-block;
}

.whychoose .tabs ul li {
  display: inline-block;
  padding: 0 14px;
}

.whychoose .tabs ul li:first-child {
  padding-left: 0;
}

.whychoose .tabs ul li a {
  display: inline-block;
  padding: 10px 5px;
  border: none;
  margin: 0 5px;
  color: rgba(0, 0, 0, .5);
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
}

.whychoose .tabs ul li a:hover, .whychoose .tabs ul li a.active {
  color: #000;
}

.whychoose .tabs ul li a.active:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  content: '';
  height: 3px;
  background: #ef7220;
}

.whychoose .owl-carousel {
  padding: 0px 0 40px;
}

.whychoose .owl-nav {
  position: absolute;
  top: 150px;
  right: 0;
  left: 0;
}

.whychoose .owl-nav .owl-prev {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  margin-right: 10px;
  position: absolute;
  left: -60px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.whychoose .owl-nav .owl-next {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  position: absolute;
  right: -60px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.whychoose .owl-nav .owl-prev:hover, .whychoose .owl-nav .owl-next:hover {
  background: rgba(255, 255, 255, .5) !important;
}





.ourhire {
  /* background: url(../images/placementbg.jpg) no-repeat; */
  background-size: cover;
  padding: 50px 0;
  text-align: center;
}

.ourhire .whbox {
  background: #fff;
  border-radius: 10px;
  padding: 30px;
}

.ourhire .whbox .imgbox {
  display: inline-block;
  vertical-align: top;
  padding: 30px 18px 0;
}

.ourhire h3 {
  font-family: Inter;
  font-weight: 500;
  font-size: 24px;
  line-height: 31.2px;
  letter-spacing: 0%;
  color: #333333;
}


.thiscourse {
  padding: 50px 0;
  background: #fff;
}

.thiscourse .content {
  min-height: 260px;
  margin-bottom: 25px;
  padding: 18px;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: cover;
}

.thiscourse .content-1 {
  background-image: url('../images/mentor-1.png');
}

.thiscourse .content-2 {
  background-image: url('../images/practice.png');
}

.thiscourse .content-3 {
  background-image: url('../images/practice-2.png');
}

.thiscourse .content-4 {
  background-image: url('../images/support.png');
}

.thiscourse .content-5 {
  background-image: url('../images/project.png');
}

.thiscourse .content h4 {
  font-family: Inter;
  font-weight: 500;
  font-size: 18px;
  line-height: 25.2px;
  vertical-align: middle;
  color: #111111;
}

.thiscourse .content p {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 22.4px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #555555;
}




/*.modal.show .modal-dialog{margin-top: 10%;}*/

.modal {
  z-index: 111111;
}

.jobrole {
  padding: 70px 0 80px;
}

.jobrole h2 {
  line-height: 40px;
  font-size: 27px;
}

.jobrole h2 span {
  color: #9b9b9e;
}

.jobrole p {
  font-size: 14px;
  color: rgba(0, 0, 0, .8);
  padding: 20px 0;
  margin: 0;
}

.jobrole .greencheck {
  border: 1px #bfbfbf solid;
  border-radius: 10px;
  padding: 20px 30px;
  margin-top: 15px;
  margin-bottom: 40px;
}

.jobrole .greencheck ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.jobrole .greencheck ul li {
  font-size: 17px;
  color: rgba(1, 31, 78, .7);
  padding: 5px 0 5px 25px;
  background: url(../images/green-arrow.png) no-repeat 0 8px;
}

.jobrole .bac {
  border: 1px #bfbfbf solid;
  background: url(../images/lapi.png) no-repeat right top;
  border-radius: 10px;
  padding: 40px;
  margin-top: 15px;
  margin-bottom: 40px;
}

.jobrole .bac ul {
  margin: 0;
  padding: 0 0 15px;
  list-style: none;
}

.jobrole .bac ul li {
  font-size: 17px;
  color: rgba(1, 31, 78, .7);
  padding: 8px 0 8px 30px;
  background: url(../images/green-arrow.png) no-repeat 0 12px;
}

.jobrole .bac .btn-primary {
  padding-left: 35px;
  padding-right: 35px;
}





.studentsay {
  padding: 70px 0 50px;
}

.studentsay .student-carousel:before {
  position: absolute;
  bottom: 22px;
  left: -35px;
  content: '';
  background: url(../images/career-pattern.png) no-repeat;
  width: 82px;
  height: 43px;
}

.studentsay .item {
  padding: 25px 0px 0;
}

.studentsay .item .whbox {
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, .05);
  padding: 30px;
  border-radius: 10px;
  border: 1px #b4b4b4 solid;
  position: relative;
}

.studentsay .item .whbox:before {
  position: absolute;
  top: -16px;
  left: 26px;
  content: '';
  background: url(../images/quot.png) no-repeat;
  width: 42px;
  height: 31px;
}

.studentsay .item .whbox .student {
  margin-left: 60px;
  padding-top: 10px;
}

.studentsay .item .whbox img {
  max-width: 100%;
  width: 57px;
  margin-right: 10px;
  display: inline-block;
  float: left;
}

.studentsay .item .whbox p {
  font-size: 14px;
  color: rgba(0, 0, 0, .8);
  line-height: 22px;
  padding-top: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.studentsay .item .whbox p a {
  color: rgba(239, 114, 32, .8);
}

.studentsay .item .whbox p a:hover {
  text-decoration: none;
}

.studentsay .item .whbox a {
  color: rgba(239, 114, 32, .8);
  font-size: 14px;
  text-decoration: none;
}

.studentsay .item .whbox a:hover {
  text-decoration: none;
}

.studentsay .item .whbox h5 {
  font-size: 16px;
  color: rgba(239, 114, 32, .8);
  margin: 0;
  padding: 0;
}

.studentsay .owl-nav {
  text-align: center;
  margin-top: 10px;
}

.studentsay .owl-nav .owl-prev {
  background: url(../images/arrow-left.jpg) no-repeat !important;
  width: 24px;
  height: 17px;
  margin-right: 10px;
  opacity: .5;
}

.studentsay .owl-nav .owl-next {
  background: url(../images/arrow-right.jpg) no-repeat !important;
  width: 24px;
  height: 17px;
  margin-left: 10px;
  opacity: .5;
}

.studentsay .owl-nav .owl-prev:hover, .studentsay .owl-nav .owl-next:hover {
  opacity: 1;
}



.studentsay .videobox {
  margin-top: 25px;
}

.studentsay .videobox img, .studentsay .videobox iframe {
  border-radius: 10px;
}



.support {
  padding: 80px 0;
}

.support h2 {
  margin-bottom: 25px;
}

.support .img-fluid {
  border-radius: 5px;
}

.support .tabs ul {

  border: 1px #bfbfbf solid;

  border-radius: 5px;

  border-left: none;

  margin: 0;

  padding: 0;

}

.support .tabs ul li {

  margin: 0;

  padding: 0;

  width: 33.33%;

  text-align: center;

  float: left;

}

.support .tabs ul li a {

  margin: 0;

  font-size: 16px;

  border: none;

  color: #333;

  border-left: 1px #bfbfbf solid;

  padding: 10px;

  text-decoration: none;

}

.support .tabs ul li:first-child a {
  border-radius: 4px 0 0 4px;
}

.support .tabs ul li:last-child a {
  border-radius: 0 4px 4px 0;
  border-right: none;
}

.support .tabs ul li a.active {
  background: #fa8436;
  color: #fff;
  border-radius: 6px;
}

.support .posts {
  padding-bottom: 10px;
  display: inline-block;
}

.support .posts h5 {
  font-size: 18px;
  color: #151924;
  font-weight: 500;
  padding-top: 35px;
}

.support .posts p {
  font-size: 14px;
  color: rgba(0, 0, 0, .7);
  margin: 0;
}



.work-detail {
  padding-bottom: 60px;
}

.chetimg {
  width: 67px;
  height: 67px;
  border-radius: 50%;
  border: 6px #e06d21 solid;
  position: fixed;
  right: 20px;
  bottom: 100px;
  z-index: 9;
}





.reqcallback {
  min-width: 1020px;
}

.reqcallback .modal-content {
  background: #b8d9ff;
  padding: 20px 40px;
}

.reqcallback .imgbox img {
  border-radius: 10px;
}

.reqcallback .formbox {
  background: #fff;
  padding: 40px 20px;
  border-radius: 10px;
  min-height: 595px;
}

.reqcallback .formbox h3 {
  font-size: 22px;
  font-weight: 500;
  color: #212529;
}

.reqcallback .formbox label {
  font-size: 15px;
  font-weight: 500;
  color: #021028;
}

.reqcallback .formbox .gform_required_legend {
  display: none;
}

.reqcallback .formbox label span {
  color: #ff2020;
}

.reqcallback .formbox .form-control {
  height: 42px;
  font-size: 14px;
}

.reqcallback .formbox input, .reqcallback .formbox select {
  height: auto !important;
  font-size: 14px;
  border: 1px #dee2e6 solid !important;
  border-radius: none !important;

}


.reqcallback .formbox .gform-footer {
  display: block;
  width: 100%;
}

.reqcallback .formbox .button {
  background: #ef7220 !important;
  border: none;
  padding: 10px 30px !important;
  width: 100% !important;
}



.career-banner {
  background: url(../images/carrier-banner.jpg) no-repeat center top;
  height: 460px;
  text-align: center;
  position: relative;
}

.career-banner .bcontent {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
}

.career-banner h2 {
  font-size: 45px;
  color: #fff;
  font-weight: 500;
}

.career-banner p {
  font-size: 20px;
  color: #fff;
}



select.form-control {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}



.star-rating {
  margin-top: -12px;
  display: flex;
  flex-direction: row-reverse;
  font-size: 2.5em;
  justify-content: space-around;
  padding: 0 .2em;
  text-align: center;
  width: 5em;
}

.star-rating input {
  display: none;
}

.star-rating label {
  color: #ccc;
  cursor: pointer;
}

.star-rating :checked~label {
  color: #f90;
}

.star-rating label:hover, .star-rating label:hover~label {
  color: #fc0;
}



.workshop-modal .modal-dialog {
  max-width: 960px;
}

.workshop-modal .modal-dialog .modal-body {
  padding-left: 20px;
}

.workshop-modal .btn-close {
  top: 0;
  right: 0;
  z-index: 9;
}

.workshop-modal h4 {
  color: #f86a0d;
  font-size: 20px;
}

.workshop-modal label {
  font-size: 14px;
}

.workshop-modal .step2 {
  text-align: center;
}

.workshop-modal .step2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.workshop-modal .step2 ul li {
  display: inline-block;
  vertical-align: top;
  padding: 5px;
}

.workshop-modal .step2 ul li .form-control {
  width: 40px;
}

.workshop-modal .step2 p {
  font-size: 18px;
  padding-top: 10px;
  color: #333;
}

.workshop-modal .step2 p small {
  font-size: 14px;
}

.workshop-modal .step2 p a {
  color: #f98435;
  text-decoration: none;
}

.workshop-modal .step2 p a:hover {
  color: #333;
}

.workshop-modal .content {
  text-align: center;
  display: none;
}

.workshop-modal .content h3 {
  color: #fff;
  padding: 20px 0;
  font-size: 24px;
  font-weight: 400;
}

.workshop-modal .content h3 strong {
  color: #b4cf4d;
  font-weight: 500;
}



.whoshold {
  background: url(../images/wh4.png) no-repeat top right;
  text-align: left;
  position: relative;
}

.whoshold img {
  border-radius: 10px;
}

.whoshold .img2 {
  margin: 41px 0 0 20px;
}

.whoshold .img3 {
  margin: 26px 0 0 70px;
}

.whoshold .yearof {
  position: absolute;
  top: 120px;
  left: 160px;
  width: 180px;
  height: 180px;
  background: #f18e20;
  border-radius: 50%;
  border: 4px #fff solid;
  font-size: 18px;
  color: #fff;
  text-align: center;
  padding-top: 20px;
}

.whoshold .yearof big {
  font-size: 40px;
  font-weight: 500;
}



.gap-6 {
  margin-top: 4rem;
}

.page-template-About-us .award {
  padding-bottom: 0;
}





/*course banner*/

.coursebanner {
  padding: 25px 0 0px 0;
  background: url(../images/course-banner-bg.jpg) no-repeat center center;
}

.coursebanner h1 {
  font-size: 46px;
}

.coursebanner h1 span {
  color: #fc934f;
}

.coursebanner p {
  font-size: 16px;
}



.coursesec .imgbox {
  position: relative;
}

.coursesec .imgbox img {
  border-radius: 0;
}

.coursesec .imgbox .bigimg {
  width: 100%;
  border-radius: 10px 10px 0 0;
}

.coursesec .imgbox .imgcontent {
  position: absolute;
  top: 36px;
  right: 16px;
  left: 16px;
  display: flex;
  justify-content: start;
  align-items: center;
}

.coursesec .imgbox .imgcontent .icon {
  background: url(../images/icon-frame.svg) no-repeat;
  border-radius: 10px;
  width: 58px;
  height: 58px;
  min-width: 58px;
  padding: 7px;
  float: left;
}

.coursesec .imgbox .imgcontent h4 {
  margin-left: 18px;
  margin-top: 0;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}

.coursesec .imgbox .imgcontent h4 small {
  font-size: 8px;
  color: #e66d25;
  font-weight: 700;
}

.coursesec .imgbox .bestseller {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller.svg) no-repeat;
  position: absolute;
  top: 15px;
  right: 0;
  padding: 2px 10px;
}

.coursesec .imgbox .bestsellergreen {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-green.svg) no-repeat;
  position: absolute;
  top: 15px;
  right: 0;
  padding: 2px 10px;
}

.coursesec .imgbox .bestsellerpink {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-pink.svg) no-repeat;
  position: absolute;
  top: 15px;
  right: 0;
  padding: 2px 10px;
}

.coursesec .imgbox .bestsellerorange {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-orange.svg) no-repeat;
  position: absolute;
  top: 15px;
  right: 0;
  padding: 2px 10px;
}

.coursesec .imgbox .bestsellerblue {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-blue.svg) no-repeat;
  position: absolute;
  top: 15px;
  right: 0;
  padding: 2px 10px;
}

.coursesec .imgbox .bestsellerbluemix {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-blue-mix.svg) no-repeat;
  position: absolute;
  top: 15px;
  right: 0;
  padding: 2px 10px;
}

.coursesec .imgbox .bestsellerred {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-red.svg) no-repeat;
  position: absolute;
  top: 15px;
  right: 0;
  padding: 2px 10px;
}

/*.coursesec .imgbox .bestseller:before{ position: absolute; left: -10px; top: 0px; content: ''; border:10px solid transparent; border-top-color: #ef7220; border-bottom-color: #ef7220; }*/

.coursesec .imgbox .offer {
  font-size: 14px;
  color: #ef7220;
  background: #ffffff;
  position: absolute;
  bottom: 0px;
  left: 0;
  padding: 0px 1px 0px 12px;
  font-weight: 700;
  /* border-radius: 2px; */
  /* border: none; */
  border-top-right-radius: 2px;
  /* border: 11px solid transparent; */
  /* border-bottom-color: #fff; */
  /* border-left-color: #fff; */
}

.coursesec .imgbox .offer span {
  font-weight: 400;
}

.coursesec .imgbox .offer:before {
  position: absolute;
  left: 98.9%;
  top: 0px;
  content: '';
  border: 12px solid transparent;
  border-bottom-color: #fff;
  border-left-color: #fff;
}

.coursesec .content p a {
  font-size: 12px;
  color: #4e4e4e;
  text-decoration: none;
  min-height: 56px;
  display: block;
}

.coursesec .content h5 {
  font-size: 12px !important;
}

.coursesec .content ul li {
  font-weight: 500 !important;
}

/*.coursesec .content ul li:last-child { font-weight: 500!important; }*/

.coursesec .content .star {
  font-size: 10px;
  color: #000;
  padding: 0;
  font-weight: 500;
  width: max-content !important;
}

.coursesec .content .star span {
  color: #525252;
  font-weight: 400;
}

.coursesec .content .star .star-enabled {
  color: rgb(228 133 10);
  font-size: 11px;
  letter-spacing: -2.5px;
  line-height: 1;
}

.coursesec .content .star .star-disabled {
  color: rgb(232 227 224);
  font-size: 11px;
  letter-spacing: -2.5px;
}



.coursesec .content .day {
  font-size: 10px;
  color: #000;
  text-align: right;
  font-weight: 500;
}

.coursesec .content .day img {
  margin-right: 5px;
  margin-top: -2px;
  display: inline-block;
  width: auto;
}



.topchoice {
  padding: 35px 0 70px 0;
  background: rgba(242, 246, 248, 1);
}

.topchoice .owl-carousel {
  margin-top: 40px;
}

.topchoice .owl-carousel .owl-item img {
  width: auto;
  display: inline-block;
}

.topchoice .owl-carousel .owl-item .bigimg {
  width: 100%;
  max-height: 131px;
}

.topchoice .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translate(0, -50%);
  margin-top: -25px;
}

.topchoice .owl-nav .owl-prev {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  margin-left: -60px;
}

.topchoice .owl-nav .owl-next {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff !important;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  float: right;
  margin-right: -60px;
}



/*.topchoice .owl-dots { background: #d9d9d9; width: 78px; height: 5px; border:1px #e4a57d solid; border-radius: 3px; position: absolute; bottom: -30px; left: 50%; margin-left: -39px; }

  .topchoice .owl-dots .owl-dot{ width: 25px; height: 3px; margin: 0; border-radius: 3px; background: #fff!important; position: relative; top: -14px;}

  .topchoice .owl-dots .active{ width: 25px; height: 3px; margin: 0; border-radius: 3px; background: #ef7221!important; position: relative; top: -14px;}

  */

.topchoice .owl-dots {

  margin-top: 15px;

}

.topchoice .owl-dots .owl-dot:not(.active) {

  background-color: #bcbcbc !important;

}



.blog-slid .owl-dots .owl-dot:not(.active) {

  background-color: #bcbcbc !important;

}



.course-mobile h6 {
  font-size: 12px;
  font-weight: 400;
}

.course-mobile .form-control {
  font-size: 12px;
  font-weight: 500;
}

.course-mobile .cobox {
  margin-bottom: 12px;
  min-height: 114px;
}

.course-mobile .imgbox {
  width: 94px;
  float: left;
}

.course-mobile .imgbox .bigimg {
  border-radius: 5px 0 0 5px;
}

.course-mobile .imgbox .offer {
  background: none;
  text-align: center;
  padding: 0;
  width: 100%;
}

.course-mobile .imgbox .offer:before {
  display: none;
}

.course-mobile .right-content {
  padding-left: 108px;
  position: relative;
  min-height: 100px;
}

.course-mobile .right-content .content {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 107px;
}

.course-mobile .right-content .bestseller {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller.svg) no-repeat;
  position: absolute;
  top: 5px;
  right: 0;
  padding: 2px 10px;
}

.course-mobile .right-content .bestsellergreen {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-green.svg) no-repeat;
  position: absolute;
  top: 0px;
  right: 0;
  padding: 2px 10px;
}

.course-mobile .right-content .bestsellerpink {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-pink.svg) no-repeat;
  position: absolute;
  top: 0px;
  right: 0;
  padding: 2px 10px;
}

.course-mobile .right-content .bestsellerorange {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-orange.svg) no-repeat;
  position: absolute;
  top: 0px;
  right: 0;
  padding: 2px 10px;
}

.course-mobile .right-content .bestsellerblue {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-blue.svg) no-repeat;
  position: absolute;
  top: 0px;
  right: 0;
  padding: 2px 10px;
}

.course-mobile .right-content .bestsellerbluemix {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-blue-mix.svg) no-repeat;
  position: absolute;
  top: 0px;
  right: 0;
  padding: 2px 10px;
}

.course-mobile .right-content .bestsellerred {
  font-size: 10px;
  color: #fff;
  background: url(../images/best-seller-red.svg) no-repeat;
  position: absolute;
  top: 0px;
  right: 0;
  padding: 2px 10px;
}



.course-mobile .cobox .content {
  padding: 5px 10px 5px 0 !important;
}

.course-mobile>h4 {
  font-size: 13px;
  font-weight: 500;
  margin: 0;
  padding-top: 5px;
  color: #212529;
}

.course-mobile h4 small {
  font-size: 6px;
  color: #e66d25;
  margin-bottom: 2px;
  line-height: 16px;
}

.course-mobile p {
  margin-bottom: 8px;
  line-height: 12px;
  font-size: 8px !important;
  color: #000;
}

.course-mobile p a {
  font-size: 8px;
  color: #000;
  text-decoration: none;
}

.course-mobile .content .star img {
  margin-top: -3px;
}

.course-mobile .right-content .bestseller {
  font-size: 10px;
  color: #fff;
  background: #ef7220;
  position: absolute;
  top: 10px;
  right: 0;
  padding: 2px 10px 3px;
}

.course-mobile .right-content .bestseller:before {
  position: absolute;
  left: -10px;
  top: 0px;
  content: '';
  border: 10px solid transparent;
  border-top-color: #ef7220;
  border-bottom-color: #ef7220;
}

.course-mobile .imgbox .offer {
  font-size: 16px;
  color: #ef7220;
}

.course-mobile .btn-light {
  font-size: 12px;
  background: #f1f1f1;
}

.course-mobile .dropdown-item {
  font-size: 12px;
  padding: 6px 12px;
}

.course-mobile .dropdown-item:hover {
  background: none;
  color: #ef7220;
}





.course-mobile .pagination {
  margin: 20px 0 0px;
  display: block;
}

.course-mobile .pagination li {
  display: inline-block;
}

/* .course-mobile .pagination li span{ border: none; font-size: 12px; color: #fff; background: #ee6a23; font-weight: 500; width: 30px; height: 28px; line-height: 18px; border-radius: 5px; text-align: center; margin: 0 5px; } */
.course-mobile .pagination li span {
  border: none;
  font-size: 12px;
  color: #000;
  font-weight: 500;
  width: 30px;
  height: 28px;
  line-height: 18px;
  border-radius: 5px;
  text-align: center;
  margin: 0 5px;
}

.course-mobile .pagination li.active span {
  border: none;
  font-size: 12px;
  color: #fff;
  background: #ee6a23;
  font-weight: 500;
  width: 30px;
  height: 28px;
  line-height: 18px;
  border-radius: 5px;
  text-align: center;
  margin: 0 5px;
}

.course-mobile .pagination li a {
  border: none;
  font-size: 12px;
  color: #ee6a23;
  font-weight: 500;
  width: 30px;
  height: 28px;
  line-height: 18px;
  border-radius: 5px;
  text-align: center;
  margin: 0 5px;
}

.course-mobile .pagination li a:hover, .course-mobile .pagination li.active a {
  color: #fff;
  background: #ee6a23;
}

.course-mobile .pagination li:first-child a {
  margin-right: 10px;
  padding: 5px;
  width: 28px;
  height: 28px;
  border-radius: 50% !important;
  line-height: 16px;
  font-size: 16px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}

.course-mobile .pagination li:last-child a {
  margin-left: 10px;
  padding: 5px;
  width: 28px;
  height: 28px;
  border-radius: 50% !important;
  line-height: 16px;
  /*font-size: 16px;*/
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}



.tab-pane a {
  text-decoration: none;
}

.course-mobile a {
  text-decoration: none;
}



.recentplacement.successstory.trustedby {
  padding-top: 60px;
}





.latestblog .pagination {
  margin: 20px 0 0px;
  display: block;
}

.latestblog .pagination li {
  display: inline-block;
}

.latestblog .pagination li span {
  border: none;
  font-size: 12px;
  color: #fff;
  background: #ee6a23;
  font-weight: 500;
  width: 30px;
  height: 28px;
  line-height: 18px;
  border-radius: 5px;
  text-align: center;
  margin: 0 5px;
}

.latestblog .pagination li.active span {
  border: none;
  font-size: 12px;
  color: #fff;
  background: #ee6a23;
  font-weight: 500;
  width: 30px;
  height: 28px;
  line-height: 18px;
  border-radius: 5px;
  text-align: center;
  margin: 0 5px;
}

.latestblog .pagination li a {
  border: none;
  font-size: 12px;
  color: #ee6a23;
  font-weight: 500;
  width: 30px;
  height: 28px;
  line-height: 18px;
  border-radius: 5px;
  text-align: center;
  margin: 0 5px;
}

.latestblog .pagination li a:hover, .latestblog .pagination li.active a {
  color: #fff;
  background: #ee6a23;
}

.latestblog .pagination li:first-child a {
  width: 28px;
  height: 28px;
  border-radius: 50% !important;
  line-height: 16px;
  font-size: 16px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}

.latestblog .pagination li:last-child a {
  width: 28px;
  height: 28px;
  border-radius: 50% !important;
  line-height: 16px;
  /*font-size: 16px;*/
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}





/*thank you*/

.thankpage {
  min-width: 740px;
}

.thankpage h2 {
  font-size: 40px;
  font-weight: 500;
  margin-top: -40px;
  display: block !important;
   !importan;
   !importa;
   !import;
   !impor;
   !impo;
   !imp;
   !im;
   !i;
   !;
   !importat;
   !;
   !;
   !;
   !;
   !;
   !importat;
   !importa;
   !importan;
   !importa;
   !import;
   !impor;
   !impo;
   !imp;
   !im;
   !i;
   !;
}

.thankpage p {
  font-size: 18px;
  padding: 20px 0;
}

.thankpage .btn {
  font-size: 12px;
  width: 280px;
  margin-bottom: 30px;
  border-width: 1px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.thankpage .btn:hover {
  border-width: 1px !important;
}

.thankpage .btn-close {
  top: 20px;
  right: 20px;
  z-index: 999999;
}



.bookdemo .thankpage h2, .bookdemo .thankpage p {
  color: #151924;
}





/*exam center*/

.examcenter {
  padding: 50px 0;
}

.examcenter a {
  text-decoration: none;
}

.examcenter .row {
  padding: 20px 0;
  border-bottom: 2px #eaeff7 solid;
}

.examcenter h2 {
  margin-bottom: 50px;
}

.examcenter h4 {
  display: inline-block;
  margin-left: 35px;
  color: #090b0e;
  font-size: 22px;
}

.examcenter h4 span {
  font-weight: 400;
}

.examcenter p {
  color: #3D4C5E;
  font-size: 14px;
  padding-right: 60px;
  background: url(../images/ecarrow.jpg) no-repeat right 20px center;
  margin: 0;
}



/*promodal*/

.promodal {
  min-width: 742px;
}

.promodal .modal-header {
  background: url(../images/prohead.png) no-repeat;
  min-height: 165px;
  display: block;
  padding-top: 28px;
  padding-left: 36px;
}

.promodal .modal-header .btn-close {
  top: 20px;
  right: 20px;
  width: 18px;
  opacity: 1;
}

.promodal .modal-header .iconbox {
  background: url(../images/probox.svg) no-repeat;
  width: 108px;
  height: 108px;
  text-align: center;
  background-size: 100%;
  padding-top: 6px;
  float: left;
}

.promodal .modal-header h1 {
  color: #fff;
  margin-left: 150px;
  font-size: 24px;
  /* max-width: 314px; */
  padding-top: 20px;
}

.promodal .modal-body {
  padding: 40px;
}

.promodal .modal-body p {
  font-size: 16px;
  margin-bottom: 40px;
}

.promodal .modal-body .btn-outline-primary {
  font-size: 14px;
  border-width: 1px;
  min-width: 190px;
  padding: 10px;
}

.promodal .modal-body .btn-outline-primary:hover {
  border-width: 1px !important;
}



/*intab*/

.intab {
  text-align: center;
  padding: 20px 0;
  display: block;
}

.intab li {
  display: inline-block;
}

.intab li a {
  display: inline-block;
  padding: 8px 25px;
  border-radius: 25px;
  font-size: 16px;
  color: #fa8436;
  font-weight: 500;
  cursor: pointer;
  border: 2px solid #fa8436;
  background: #fff;
  margin-right: 10px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.intab li a:hover {
  color: #fff;
  background: #fa8436;
}

.intab li a.active {
  color: #fff;
  background: #fa8436;
  border: 2px #fa8436 solid;
}



#exampleModal590 .reqcallback .formbox {
  padding-top: 60px;
}



.msearch {
  padding: 0;
  border: 1px #bcbcbc solid;
  margin-top: 3px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background: none;
}

.mobile-search {
  position: absolute;
  top: 0px;
  right: 0;
  width: 100%;
  right: 0px;
  z-index: 99;
}

.mobile-search .card {
  border-radius: 0;
  border: none;
}

.mobile-search input {
  width: 92%;
  display: inline-block;
}

.mobile-search button {
  width: 32px;
  border: none;
  display: inline-block;
  background: none;
  padding: 0;
}

.mobile-search .input-group {
  width: 100% !important;
  max-width: 100%;
  margin: 0;
}



.modal-content-secondary {
  padding-left: 10px;
  padding-right: 10px;
}

.modal-header-secondary {
  margin: 0 !important;
}



/*intenship detail*/





.turnover {
  padding: 50px 0;
}

.turnover .icon {
  width: 78px;
  height: 78px;
  border-radius: 50%;
  text-align: center;
  padding-top: 18px;
  float: left;
}

.turnover p {
  display: inline-block;
  vertical-align: top;
  color: #000;
  padding-left: 20px;
  margin: 0;
  line-height: 26px;
  padding-top: 15px;
}

.turnover p big {
  font-size: 32px;
  font-weight: 700;
  display: block;
}

.turnover .bold-counter p {
  font-size: 14px;
}

.aboutinter {
  padding: 90px 0;
}

.aboutinter .subtext {
  background: #fff7ef;
  padding: 6px 5px;
  border-radius: 5px;
  display: inline-block;
  font-size: 14px;
  color: #EF7220;
}

.aboutinter h2 {
  margin-bottom: 10px;
  margin-top: 5px;
}

.aboutinter p {
  font-size: 14px;
}

.aboutinter p a {
  color: #EF7220;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
}

.aboutinter p a:hover {
  color: #000;
}

.aboutinter .monybox {
  background: #fff7ef url(../images/rupee.png) no-repeat right 20px center;
  border: 1px #fa8436 solid;
  color: #002726;
  padding: 47px 20px;
  border-radius: 5px;
  font-size: 14px;
  margin-bottom: 24px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.aboutinter .monybox big {
  font-size: 20px;
  font-weight: 500;
  display: block;
}

.aboutinter .monybox:hover {
  background: #fff7ef url(../images/rupee-on.png) no-repeat right 20px center;
}

.aboutinter .secret {
  background: #fff7ef url(../images/secret.png) no-repeat right bottom;
  border: 1px #fa8436 solid;
  color: #002726;
  padding: 47px 20px;
  border-radius: 5px;
  font-size: 14px;
  margin-bottom: 24px;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;
}

.aboutinter .secret big {
  font-size: 20px;
  font-weight: 500;
  display: block;
}

.aboutinter .secret:hover {
  background: #fff7ef url(../images/secret-on.png) no-repeat right bottom;
}



.intcert {
  padding: 30px 18px;
  border-radius: 5px;
  border: 1px #cbcbcb solid;
}

.intcert .btn-primary {
  font-size: 14px;
}



.enttool {
  background: #fff8f0 !important;
  margin-top: 90px;
}

.enttool h4 {
  font-size: 14px;
}



.acdd {
  box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
}

.text-14 {
  font-size: 16px;
  font-weight: 400 !important;
}



.ent-pro .content {
  background: rgb(0 0 0 / 50%);
  border: 1px solid #b5b5b5;
  box-shadow: none;
}

.ent-pro .content ul {
  margin: 0;
  padding: 10px 0 0;
  list-style: none;
}

.ent-pro .content ul li {
  display: inline-block;
  border: 2px #ffffff5c solid;
  padding: 5px;
  min-width: 100px;
  border-radius: 30px;
  margin: 3px;
  font-size: 12px;
  font-weight: 400;
  color: #ffffffb5;
}



.owl-nav.disabled {
  display: none;
}

.trainplace {
  background: #fff7ef url(../images/buildingbg.svg) no-repeat center bottom;
  position: relative;
  padding: 140px 0 0px;
}

.trainplace:before {
  background: #fff url(../images/topbg.svg) no-repeat center top;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  content: '';
  width: 100%;
  height: 135px;
}

.trainplace h2 {
  font-weight: 400;
  margin-bottom: 20px;
  padding-top: 200px;
}

.make-me-sticky {
  position: sticky;
  top: 20px;
  z-index: 10;
  height: calc(100% - 60%);
}

.e-n-tabs-heading {
  position: sticky;
  top: 20px;
  z-index: 1050;
}

.make-me-sticky-global {
  position: sticky;
  top: 20px;
  z-index: 10;
}

.make-me-sticky1 {
  position: sticky;
  top: 20px;
  z-index: 10;
  height: calc(100% - 44%);
}

.make-me-sticky.un-stuck {
  position: relative !important;
  top: auto !important;
}

.trainplace ul.iconlist {
  margin: 0;
  padding: 0 0 0 55px;
  list-style: none;
  position: relative;
}

.trainplace ul.iconlist:before {
  position: absolute;
  top: 100px;
  left: 0;
  bottom: 40px;
  content: '';
  width: 1px;
  background: url(../images/vdash.png) repeat-y;
}

.trainplace ul.iconlist li {
  display: block;
  padding: 20px;
  border-radius: 20px;
  background: #fff;
  font-size: 14px;
  color: #141414;
  margin-bottom: 20px;
  min-height: 130px;
  position: relative;
}

.trainplace ul.iconlist li .number {
  position: absolute;
  top: 40%;
  left: -75px;
  background: #FFD6AD;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  font-weight: 500;
  font-size: 22px;
  color: #363636;
}

.trainplace ul.iconlist li .imgbox {
  float: left;
  max-width: 128px;
}

.trainplace ul.iconlist li h5 {
  font-size: 14px;
  color: #141414;
  font-weight: 500;
  padding-top: 5px;
}

.trainplace ul.iconlist li ul {
  margin: 0 0 0 130px;
  padding: 0px;
  list-style: none;
  vertical-align: top;
}

.trainplace ul.iconlist li ul li {
  padding: 0 0 0 14px;
  margin: 0 0 10px;
  font-size: 14px;
  color: #000;
  background: none;
  position: relative;
  min-height: auto;
}

.trainplace ul.iconlist li ul li strong {
  font-weight: 500;
}

.trainplace ul.iconlist li ul li:before {
  position: absolute;
  top: 8px;
  left: 0;
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #000;
}

.trainplace ul.iconlist li ul li:last-child {
  margin: 0;
}

.trainplace .flag {
  margin-top: -120px;
  margin-left: -32px;
}



.empower {
  padding: 100px 0;
}

.empower .imgbox {
  padding: 5px 20px;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
  margin-bottom: 20px;
  text-align: center;
}

.empower .imgbox .text {
  border-top: 1px #a4a4a4 solid;
  font-size: 12px;
  color: #000;
  padding-top: 5px;
  margin-top: 3px;
}

.empower p {
  font-size: 16px;
  color: #5c5c5c;
  padding-top: 20px;
}

.empower .iconbox {
  padding: 28px 5px 28px 28px;
  border-radius: 10px;
  background: #ffc49e;
  /*display: flex; align-items: center;*/
  text-align: left;
  display: block;
  vertical-align: middle;
  min-height: 130px;
  margin-top: 30px;
}

.empower .iconbox .icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  text-align: center;
  padding-top: 15px;
  margin-right: 15px;
  display: inline-block;
  background: #fff;
}

.empower .iconbox .subtext {
  font-size: 16px;
  color: #272727;
  vertical-align: middle;
  display: inline-block;
}

.empower .checktext {
  font-size: 16px;
  color: #161616;
  margin-top: 30px;
}

.empower .checktext img {
  margin-right: 8px;
  margin-top: -2px;
}

.link-primary {
  font-size: 14px;
  color: #FF6500;
  text-decoration: none;
}

.link-primary:hover {
  color: #333;
}



.partnerind {
  padding: 80px 0;
  background: #fff7ef;
}

.partnerind .blue {
  color: #334155;
}

.partnerind p {
  padding-top: 10px;
  font-size: 16px;
  color: #4D5756;
}

.partnerind .owl-carousel {
  margin-top: 30px;
}

.partnerind .owl-carousel .owl-item img {
  width: auto;
  max-width: 100%;
}



.hearform {
  padding: 80px 0;
}

/*.hearform h2{ color: #341400; }*/

/*.hearform .subtext{ color: #60697B; font-size: 14px; }*/
.hearform .subtext {
  color: #60697B;
}

.hearform .nav {
  display: block;
}

.hearform .nav a {
  color: #19352D;
  font-size: 16px;
  border: 1px #d1dfe0 solid;
  border-radius: 10px;
  display: block;
  text-align: center;
  padding: 15px;
  margin-bottom: 20px;
}

.hearform .nav a:nth-child(2) {
  padding-top: 25px;
}

.hearform .nav a.active {
  background: #ef7221;
  color: #fff;
}

.hearform .mt-80 {
  margin-top: 80px;
}

.hearform .owl-carousel .owl-item img {
  width: auto;
  max-width: 100%;
  display: inline-block;
}

.hearform .orangebox {
  background: #ef7221;
  border-radius: 5px;
}

.hearform .orangebox .content {
  padding: 20px 30px 0;
}

.hearform .orangebox .text-right {
  text-align: right;
  padding-top: 5px;
}

.hearform .orangebox p {
  font-size: 14px;
  color: #fff;
  padding-top: 20px;
  font-weight: 300;
  margin-bottom: 60px;
  min-height: 150px;
}

.hearform .blackbg {
  background: #1d1d1d;
  border-radius: 0 0 5px 5px;
  padding: 0 0 20px;
  text-align: center;
}

.hearform .blackbg h5 {
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 300;
  padding-top: 20px;
  letter-spacing: 2px;
}

.hearform .blackbg img {
  margin-top: -42px;
  width: 86px;
  height: 86px;
  border-radius: 50%;
}

.hearform .star {
  color: #fff;
}

.hearform .star-enabled {
  color: #fff;
}

.hearform .star-dicable {
  color: #ccc;
}



.hearform .carbox {
  border-radius: 15px;
  position: relative;
  margin-bottom: 20px;
}

.hearform .carbox .bigimg img {
  border-radius: 15px;
  width: 100%;
}

.hearform .carbox .play {
  position: absolute;
  top: 20px;
  right: 20px;
}

.hearform .carbox .company {
  position: absolute;
  top: 10px;
  left: 0px;
}

.hearform .carbox .coname {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0;
  border-radius: 0 0 15px 15px;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  padding: 30px 20px 15px;
}

.hearform .carbox .coname h4 {
  margin: 0;
  padding: 0;
  font-size: 19px;
  font-weight: 500;
  color: #fff;
}

.hearform .carbox .coname p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #fff;
}



.hearform .reviewbox {
  background: #fff;
  border-radius: 15px;
  padding: 20px 20px 5px;
  min-height: 205px;
  margin-bottom: 27px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
}

.hearform .reviewbox img {
  float: left;
  border-radius: 5px;
  width: auto;
  max-width: 50px;
}

.hearform .reviewbox .content {
  margin-left: 70px;
}

.hearform .reviewbox .content h4 {
  font-size: 14px;
  color: #282828;
}

.hearform .reviewbox .content p {
  font-size: 10px;
  color: rgba(40, 40, 40, .8);
}

.hearform .reviewbox p {
  line-height: 16px;
  font-size: 12px;
}

.hearform .reviewbox p small {
  font-size: 12px;
  color: rgba(40, 40, 40, .8);
}



.grrasint {
  padding: 80px 0 40px;
}

.grrasint p {
  font-size: 16px;
  padding: 15px 0 50px;
}

.grrasint table {
  background: #fffbf8;
}

.grrasint th {
  text-align: center;
  background: #fa8436;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  padding: 15px 10px;
}

.grrasint th:first-child {
  border-radius: 5px 0 0 0;
}

.grrasint th:last-child {
  border-radius: 0 5px 0 0;
}

.grrasint td {
  font-size: 16px;
  color: #222;
  font-weight: 500;
  padding: 15px 30px;
  border: none;
}

.grrasint tr:nth-child(odd) {
  background: #fff0e5;
}

.grrasint tr:nth-child(odd) td:last-child {
  background: #ffd4b9;
}



.beint .iconbox img {
  float: none;
}



/*Placement call*/

.plac-banner {
  padding: 80px 0;
  background: url(../images/placebg.png) no-repeat center center;
}

.plac-banner h1 {
  margin: 0;
  padding: 40px 0 0;
  font-size: 42px;
  color: #212529;
  font-weight: 400;
}

.plac-banner h1 strong {
  font-weight: 700;
}

.plac-banner h1 span {
  color: #ef7220;
  font-weight: 700;
}

.plac-banner p {
  font-size: 16px;
  color: #000;
  padding: 20px 0 0px;
  margin: 0;
}

.plac-banner .lang {
  font-size: 20px;
  color: #000;
  padding: 70px 10px 0px 0;
}

.plac-banner .subtext {
  font-size: 20px;
  color: #ea275e;
  font-weight: 500;
  padding: 0px 10px 50px 0;
  background: linear-gradient(45deg, rgba(255, 93, 46, 1) 0%, rgba(240, 38, 88, 1) 29%, rgba(53, 116, 246, 1) 68%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.plac-banner .btn-primary {
  font-weight: 400;
  padding: 10px 30px;
  font-size: 16px;
}



.aboutplace {
  padding: 90px 0;
}

.aboutplace .subtext {
  background: url(../images/about-plac.png) no-repeat;
  padding: 0px 0 0px 30px;
  text-transform: uppercase;
  border-radius: 5px;
  display: inline-block;
  font-size: 14px;
  color: #EF7220;
}

.aboutplace h2 {
  margin-bottom: 10px;
  margin-top: 5px;
  color: #0E2A46;
}

.aboutplace h2 span {
  color: #EF7221;
}

.aboutplace p {
  font-size: 14px;
  color: #4D5756;
}

.aboutplace p a {
  color: #EF7220;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
}

.aboutplace p a:hover {
  color: #000;
}



.dreamjob {
  padding: 80px 0;
}

.dreamjob h2 {
  font-weight: 400;
  text-align: center;
  color: #0e2a46;
  padding-bottom: 40px;
}

.dreamjob .djbox {
  background: #eaf6ff;
  border-radius: 10px;
  padding: 18px 25px;
  margin-top: 25px;
}

.dreamjob .djbox h4 {
  font-size: 18px;
  color: #0E2A46;
  margin: 10px 0 5px;
  font-weight: 500;
}

.dreamjob .djbox p {
  font-size: 14px;
  color: #333931;
}

.dreamjob .djbox.b2 {
  background: #fef2f4;
}

.dreamjob .djbox.b3 {
  background: #eefbf5;
}

.dreamjob .djbox.b4 {
  background: #fffaef;
}

.dreamjob .djbox.b5 {
  background: #f7f3ff;
}

.dreamjob .djbox.b6 {
  background: #fff0f8;
}



.hearform .nav a.topgap {
  padding-top: 25px;
}



.realimpect .item .cousebox {
  border: 1px #bfbfbf solid;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
}

.realimpect .item .cousebox img {
  width: auto;
}

.realimpect .item .cousebox .employ {
  padding: 20px 10px 10px 20px;
  display: inline-block;
}

.realimpect .item .cousebox .name {
  padding: 30px 0 0;
  display: inline-block;
  vertical-align: top;
}

.realimpect .item .cousebox .name h4 {
  font-size: 18px;
  margin: 0;
  color: #000;
}

.realimpect .item .cousebox .name .subtxt {
  font-size: 15px;
  margin: 0;
  color: #8d8d8d;
}

.realimpect .item .cousebox .coname {
  padding: 2px 20px;
  border-top: 1px #d3d3d2 solid;
  border-bottom: 1px #d3d3d2 solid;
}

.realimpect .item .cousebox .content {
  padding: 20px;
}

.realimpect .item .cousebox .content h5 {
  font-size: 15px;
}

.realimpect .item .cousebox .content p {
  font-size: 14px;
  color: #585858;
}

.realimpect .item .cousebox .content .link {
  font-size: 14px;
  color: #ef7220;
  font-weight: 500;
  text-decoration: underline;
}

.realimpect .item .cousebox .content .link:hover {
  text-decoration: none;
}



.package {
  background: #fff7ef;
  padding: 35px 0 15px;
  text-align: center;
}

.package .box {
  width: 200px;
  height: 200px;
  border: 1px #000 solid;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  color: #000;
  padding: 20px;
  margin: 0 auto 20px auto;
}

.package .box big {
  font-size: 32px;
  color: #EF7221;
  font-weight: 700;
  display: block;
  padding-top: 40px;
}



.redcourse .form-control {
  font-size: 12px;
}

.redcourse .btn-red {
  padding: 10px 18px;
  font-size: 12px;
  background: #ee0000;
  color: #fff;
}

.redcourse .btn-red:hover {
  background: #d50303;
}

.redcourse .imgbox .imgcontent h4 {
  padding-top: 8px;
}

.redcourse .accordion {
  margin-top: 1rem;
  padding: 16px;
  border: 1px #ddd solid;
  border-radius: 5px;
}

.redcourse .accordion .accordion-item {
  border: none;
  border-bottom: 1px #ddd solid;
}

.redcourse .accordion .accordion-button {
  font-size: 16px;
  color: #151515;
}

.redcourse .accordion .accordion-button:not(.collapsed) {
  background: none;
  box-shadow: none;
}

.redcourse .accordion .accordion-button:focus {
  border: none;
  box-shadow: none;
}

.redcourse .accordion table td {
  font-size: 14px;
  color: #151515;
  padding: 4px 0;
}

.redcourse .accordion table td input {
  position: relative;
  top: 2px;
}

.redcourse .accordion table td:last-child {
  color: #6a6e73;
  text-align: right;
}



.redtopchoice {
  background: #e0e0e0;
}



.grabg {
  background: #e0e0e0;
}



/*red hat banner detail*/

.redbanner-detail {
  background: #1f1f1f;
  padding: 50px 0;
}

.redbanner-detail .share span {
  background: #ee0000;
  border-radius: 5px;
  color: #2a2a2a;
  padding: 8px 20px;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  margin-right: 15px;
  text-decoration: none;
}

.redbanner-detail h1 {
  font-size: 42px;
  font-weight: 400;
  color: #fff;
}

.redbanner-detail ul {
  margin: 0;
  padding: 10px 0;
  list-style: none;
}

.redbanner-detail ul li {
  display: inline-block;
  font-size: 16px;
  color: #f5f5f5;
  margin-right: 20px;
  padding: 5px 0;
}

.redbanner-detail ul li:last-child {
  display: block;
}

.redbanner-detail ul li img {
  margin-right: 5px;
  margin-top: -4px;
}

.redbanner-detail .subtext {
  padding: 20px 0;
  font-size: 16px;
  font-weight: 500;
  background: linear-gradient(45deg, rgba(255, 93, 46, 1) 0%, rgba(240, 38, 88, 1) 29%, rgba(53, 116, 246, 1) 68%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.redbanner-detail p {
  font-size: 16px;
  color: #f8f8f8;
  max-width: 290px;
}

.redbanner-detail .btndiv {
  margin-top: 40px;
  position: relative;
}

.redbanner-detail .btndiv .btn-outline-dark {
  border: 1px #f0f0f0 solid;
  font-size: 16px;
  color: #fff;
  padding: 10px 20px;
  margin-right: 10px;
}

.redbanner-detail .btndiv .btn {
  font-size: 16px;
}

.redbanner-detail .btndiv .btn-red {
  position: relative;
}

.redbanner-detail .btndiv .btn-red:before {
  position: absolute;
  top: -20px;
  left: 100%;
  content: '';
  background: url(../images/curved-arrow.png) no-repeat;
  width: 77px;
  height: 41px;
}

.redbanner-detail .btndiv .hatimg {
  position: absolute;
  right: 0;
  top: -20px;
}

.redbanner-detail .whbox {
  background: #fff;
  border-radius: 10px;
  padding: 20px 15px;
}

.redbanner-detail .whbox h4 {
  font-size: 18px;
  padding-bottom: 5px;
}

.redbanner-detail .whbox .form-control {
  border-width: 2px;
  margin-top: 5px;
  font-size: 14px;
}

.redbanner-detail .whbox label {
  font-size: 15px;
  font-weight: 500;
  color: #021028;
}

.redbanner-detail .whbox label.form-check-label {
  font-size: 12px;
  font-weight: 500;
  color: #021028;
}



.available-del {
  padding: 80px 0 70px;
}

.available-del h2 {
  font-size: 33px;
  color: #212529;
  padding: 20px 15% 0 0;
  font-weight: 700;
  display: inline-block;
  vertical-align: top;
}

.available-del ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  position: relative;
}

.available-del ul:before {
  position: absolute;
  top: 86px;
  left: 0;
  right: 0;
  content: '';
  height: 1px;
  background: #ccc;
}

.available-del ul li {
  display: inline-block;
  text-align: center;
  padding: 0 26px;
  position: relative;
}

.available-del ul li:before {
  position: absolute;
  top: 82px;
  left: 50%;
  content: '';
  margin-left: -6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #c20101;
}

.available-del ul li .icon {
  display: inline-block;
  text-align: center;
  width: 72px;
  height: 72px;
  line-height: 70px;
  border-radius: 50%;
  border: 1px #d0d0d0 solid;
  background: #f5f5f5;
}

.available-del ul li .icon img {
  width: 44px;
}

.available-del ul li h5 {
  padding-top: 30px;
  font-size: 18px;
  color: #212529;
  font-weight: 700;
}

.available-del ul li p {
  font-size: 17px;
  color: rgba(1, 31, 78, .7);
}

.available-del ul li p a {
  color: rgba(1, 31, 78, .7);
  text-decoration: none;
}

.available-del ul li p a:hover {
  color: rgba(1, 31, 78, .9);
  text-decoration: none;
}



.topbodr {
  border-top: 1px #9f9f9f solid;
  padding-top: 10px;
}

.topbodr .tabs ul li a:hover, .topbodr .tabs ul li a.active {
  color: #e50101;
}

.topbodr .tabs ul li a.active:before {
  background: #e50101;
}

.redhatbg {
  background: #e0e0e0 !important;
}

.redhatbg p a {
  color: #b60000;
  font-weight: 500;
  text-decoration: none;
}

.redhatbg p a:hover {
  color: #2B2A28;
}



.whitebg {
  background: #fff !important;
}

.coursetab {
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  border-radius: 10px;
}

.coursetab .nav-tabs {
  padding: 15px 25px;
}

.coursetab .nav-tabs a {
  font-size: 20px;
  color: #c80101;
  border-radius: 5px;
  border: none;
  cursor: pointer;
}

.coursetab .nav-tabs a:hover {
  border: none;
}

.coursetab .nav-tabs a.active {
  background: #e0e0e0;
  color: #c80101;
}

.coursetab .tab-content {
  padding: 30px 25px;
}

.coursetab .tab-content h3 {
  font-size: 21px;
  font-weight: 500;
}

.coursetab .tab-content p {
  font-size: 13px;
}

.coursetab .tab-content ul {
  margin: 0;
  padding: 0 0 20px;
  list-style: none;
}

.coursetab .tab-content ul li {
  display: block;
  font-size: 13px;
  padding: 5px 0 5px 22px;
  background: url(../images/red-check.png) no-repeat 0 6px;
}



.across {
  background: #ffe7d6 !important;
}







/*responsive*/

@media(max-width: 1600px) {

  .whatgrass {
    background: url(../images/videobg.jpg) no-repeat right -100px center;
  }

}

@media(max-width: 1440px) {

  .whatgrass {
    background: url(../images/videobg.jpg) no-repeat right -200px center;
  }

  .reqcallback {
    margin-top: 2% !important;
  }

}

@media(max-width: 1280px) {

  .whatgrass {
    background: url(../images/videobg.jpg) no-repeat right -250px center;
  }

}



@media(max-width: 1199px) {

  .navbar .input-group {
    width: 200px;
  }

  .navbar .megamenu .menuopen {
    width: 1000px;
    margin-left: -76px;
  }

  .navbar .nav-link {
    font-size: 13px;
  }

  .workshop .owl-nav .owl-next {
    margin-right: 0;
  }

  .workshop .owl-nav .owl-prev {
    margin-left: 0;
  }

  /*.redhatbanner .bannerhero{ margin-right: -450px; }*/

  .placement ul li {
    width: 12.5%;
  }

  /*.successstory .owl-nav .owl-next{ right: 0; }

    .successstory .owl-nav .owl-prev{ left: 0; }*/

  .learners .owl-nav .owl-next {
    right: 0;
  }

  .learners .owl-nav .owl-prev {
    left: 0;
  }

  .joingrass {
    background-size: cover;
  }

  .glimpse ul li {
    width: 12%;
  }

  .workbanner .startin ul li {
    padding: 0 1%;
  }

  .jobready .imgbox {
    margin-bottom: -100px;
  }

  .getjob ul li {
    width: 24%;
  }

  .hirepartner .owl-nav .owl-next {
    right: 0;
  }

  .hirepartner .owl-nav .owl-prev {
    left: 0;
  }

  .whatgrass .aboutvideo:before {
    width: 100%;
    background-size: 100%;
  }

  .boardof .bordbox h4 {
    font-size: 18px;
  }

  .endcareer .contbox {
    min-height: 300px;
  }

  .award .item .cousebox img {
    width: 100%;
  }

  .cologo .owl-nav .owl-prev {
    left: -30px;
  }

  .cologo .owl-nav .owl-next {
    right: -30px;
  }

  .lastestblog .owl-nav .owl-prev {
    left: 0;
  }

  .lastestblog .owl-nav .owl-next {
    right: 0;
  }

  .scaler .owl-nav .owl-prev {
    left: 10px;
  }

  .scaler .owl-nav .owl-next {
    right: 10px;
  }

  .allcourse .owl-nav .owl-next, .fecourses .owl-nav .owl-next {
    margin-right: 10px;
  }

  .allcourse .owl-nav .owl-prev, .fecourses .owl-nav .owl-prev {
    margin-left: 10px;
  }

  .bookdemo p {
    padding-left: 0;
  }

  .learn h2 {
    font-size: 32px;
  }

  .elevate .owl-nav .owl-prev {
    left: 0;
  }

  .elevate .owl-nav .owl-next {
    right: 0;
  }

  .hiring .whbox .owl-nav .owl-prev {
    margin-left: 0;
  }

  .hiring .whbox .owl-nav .owl-next {
    margin-right: 0;
  }

  .elevate h4 {
    padding: 0 30px;
    font-size: 22px;
  }

  .tradedu .gsbenifit {
    padding-left: 25px;
    padding-right: 25px;
    max-width: 270px;
  }

  .tradedu h2 {
    font-size: 32px;
  }

  .presence .single-content {
    width: 25%;
  }

  .whychoose .owl-nav .owl-next {
    right: 0;
  }

  .whychoose .owl-nav .owl-prev {
    left: 0;
  }

  .overview .videobox:after, .jobform .pattern:after {
    display: none;
  }

  .overview .tabs ul li {
    padding: 0 6px;
  }

  .support .tabs ul li a {
    font-size: 15px;
  }

  .havemore .btn-primary {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .workbanner .leftcontent .bluebar ul li {
    font-size: 18px;
  }

  .workbanner .leftcontent h2 {
    font-size: 80px;
  }

  .workbanner .leftcontent .lapi {
    width: 320px;
    right: -170px;
  }

  .workbanner .regback .btn-dark {
    font-size: 14px;
  }

  .upcomming, .scaler {
    padding-left: 15px;
    padding-right: 15px;
  }

  .whatgrass {
    background: none;
  }

  .intern-banner .bannerhero {
    margin-right: -480px;
  }

  .workbanner .leftcontent .bluebar ul li {
    padding: 0 18px;
  }

  .buildicon .iconbox p {
    max-width: 72%;
  }

  .available ul li {
    max-width: 180px;
  }

  .available h3 {
    max-width: 220px;
    padding-right: 2%;
  }



  .coursesec .imgbox .imgcontent h4 {
    font-size: 14px;
  }



  .studentclub .clubbox ul.clublist li:first-child {
    top: -230px;
  }

  .studentclub .clubbox ul.clublist li:first-child:before {
    height: 160px;
  }

  .studentclub .clubbox ul.clublist li:nth-child(2) {
    left: 310px;
  }

  .studentclub .clubbox ul.clublist li:nth-child(2):before {
    top: 18px;
    height: 165px;
  }

  .studentclub .clubbox ul.clublist li:nth-child(3) {
    left: 320px;
  }

  .studentclub .clubbox ul.clublist li:nth-child(3):before {
    left: -104px;
    width: 110px;
  }

  .studentclub .clubbox ul.clublist li:nth-child(4) {
    left: 320px;
  }

  .studentclub .clubbox ul.clublist li:nth-child(4):before {
    left: -51px;
    top: -12px;
    height: 100px;
  }

  .studentclub .clubbox ul.clublist li:nth-child(5) {
    left: 320px;
  }

  .studentclub .clubbox ul.clublist li:nth-child(5):before {
    top: -50px;
    left: -49px;
    height: 105px;
  }

  .studentclub .clubbox ul.clublist li:nth-child(6) {
    left: 320px;
  }

  .studentclub .clubbox ul.clublist li:nth-child(6):before {
    top: -81px;
    height: 126px;
  }

  .studentclub .clubbox ul.clublist li:nth-child(7) {
    top: 250px;
  }

  .studentclub .clubbox ul.clublist li:nth-child(7):before {
    top: -120px;
    height: 120px;
  }



  .whyenroll .goalbox h4 {
    min-height: 76px;
  }

  /* .whyenroll .goalbox p{ min-height: 140px; } */

  .lastestblog .cousebox p {
    min-height: 130px;
  }



  .examcenter h4 {
    font-size: 20px;
  }

  .tradedu .edubox {
    max-width: 314px;
  }



  /**/

  .empower .iconbox {
    padding-left: 14px;
  }



  .topchoice .owl-nav .owl-next {
    margin-right: 0;
  }

  .topchoice .owl-nav .owl-prev {
    margin-left: 0;
  }

  .redlogo ul li {
    padding: 5px 2%;
  }

  .careerpath ul li {
    width: 23.5%;
    min-height: 270px;
  }

  .turnover p {
    font-size: 13px;
  }

  .available-del h2 {
    padding-right: 7%;
  }

  .whyenroll .goalbox h4 {
    font-size: 15px;
  }

  .whyenroll .goalbox ul {
    min-height: 160px;
  }

}

@media(max-width: 990px) {

  .header .logo {
    margin-left: 60px;
    width: 42px;
  }

  .header .navbar-toggler {
    position: absolute;
    padding: 0;
    border: none;
    top: 16px;
  }

  .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon {
    background: url(../images/menu.svg) no-repeat;
    height: 18px;
    width: 25px;
    background-size: 100%;
  }

  .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background: url(../images/ccccc.svg) no-repeat center;
    height: 22px;
    width: 25px;
  }

  .navbar .btn {
    font-size: 13px;
  }

  /*.navbar .input-group .form-control{ display: none; }

    .navbar .input-group{ width: 40px; padding-left: 4px; }*/

  .navbar .input-group.desksearch .form-control {
    display: none;
  }

  .navbar .input-group.desksearch {
    width: 40px;
    padding-left: 4px;
  }

  .navbar .navbar-nav {
    margin-left: 0;
  }

  .letsrate h2 {
    margin-top: 20px;
  }

  .navbar .megamenu .menuopen {
    width: 96%;
    margin-left: -355px;
    left: 50%;
  }

  .header {
    padding: 0px;
  }

  .redhatbanner h1 {
    font-size: 34px;
    line-height: inherit;
  }

  .redhatbanner .btn-primary {
    margin-left: 0;
  }

  .redhatbanner .bannerhero {
    margin-right: -360px;
  }

  .thesummer ul li {
    width: 30%;
  }

  .whygrras ul li {
    margin-bottom: 4px;
  }

  .certificate .certibox .imgbox {
    margin-top: 20px;
  }

  .certificate .certibox {
    padding: 20px;
  }

  .placement {
    padding-bottom: 0;
  }

  .placement ul li {
    width: 22.5%;
    margin-bottom: 50px;
  }

  .placesupport .imgbox {
    position: static;
  }

  .placesupport .container {
    padding-top: 50px;
  }

  .successstory .review li:before {
    display: none;
  }

  .successstory .review li {
    padding: 10px 20px;
    border: none;
    width: 100%;
  }

  .glimpse ul {
    width: 1100px;
  }

  .glimpse ul li {
    margin-bottom: 20px;
  }

  .glimpse ul li:hover {
    width: 28%;
  }

  .glimpse ul li.active {
    width: 28%;
  }

  .glimpse .play {
    width: 36px;
    height: 36px;
    line-height: 34px;
  }

  .glimpse .play img {
    width: 9px;
  }

  .jobready .imgbox {
    position: static;
    margin-bottom: 30px;
    text-align: center;
  }

  .aboubanner h2 {
    top: 38%;
  }

  .whatgrass .aboutvideo {
    text-align: center;
    margin-top: 40px;
  }

  .joinindia ul {
    margin-top: 30px;
  }

  .whatdo h2 {
    margin-top: 30px;
  }

  .thegrras h4 {
    margin-top: 20px;
  }



  .benefits .tabbed-content .item {
    position: relative;
  }

  .benefits .tabbed-content .item::before, .support .benefits .tabbed-content .item::before {
    padding: 10px 15px;
    font-size: 15px;
    background: #fff;
    color: #333;
    display: block;
    border-bottom: 1px #ddd solid;
  }

  .benefits .tabbed-content .item::after, .support .benefits .tabbed-content .item::after {
    background: url(../images/down1.png) no-repeat;
    background-size: 100%;
    width: 16px;
    height: 11px;
    position: absolute;
    top: 18px;
    right: 15px;
    content: '';
  }

  .benefits .tabbed-content .item.active .item-content .content {
    padding-top: 20px;
  }



  .tradedu h2 {
    text-align: center;
  }

  .allcourse .btn-secondary {
    margin-bottom: 20px;
    font-size: 14px;
  }

  .fecourses .btn, .bookdemo .btn, .recentplacement .btn-dark {
    font-size: 14px;
  }



  .studentclub .clubbox .clubimg {
    display: block;
  }

  .studentclub .clubbox ul.clublist {
    margin: 40px 0;
    text-align: center;
  }

  .studentclub .clubbox ul.clublist:before {
    position: absolute;
    top: 133px;
    left: 49.8%;
    content: '';
    width: 2px;
    height: 390px;
    background: #fa8b42;
  }

  .studentclub .clubbox ul.clublist li {
    width: 40%;
    max-width: 40%;
    margin-bottom: 20px;
  }

  .studentclub .clubbox ul.clublist li:nth-child(even) {
    margin-left: 10%;
  }

  .studentclub .clubbox ul.clublist li:first-child {
    position: relative;
    top: inherit;
  }

  .studentclub .clubbox ul.clublist li:nth-child(odd):before {
    position: absolute;
    content: '';
    left: 99.9%;
    top: 19px;
    width: 45px;
    height: 2px;
    background: #fa8b42;
    transform: rotate(-30deg);
  }

  .studentclub .clubbox ul.clublist li:nth-child(even):before {
    position: absolute;
    content: '';
    left: -43px;
    top: 20px;
    width: 44px;
    height: 2px;
    background: #fa8b42;
    transform: rotate(30deg);
  }

  .studentclub .clubbox ul.clublist li:nth-child(2),

  .studentclub .clubbox ul.clublist li:nth-child(3),

  .studentclub .clubbox ul.clublist li:nth-child(4),

  .studentclub .clubbox ul.clublist li:nth-child(5),

  .studentclub .clubbox ul.clublist li:nth-child(6),

  .studentclub .clubbox ul.clublist li:nth-child(7) {
    position: relative;
    top: inherit;
    left: inherit;
  }

  .studentclub .clubbox ul.clublist li:nth-child(7):before {
    display: none;
  }

  .thegrras .grrasred iframe, .thegrras .grrasco iframe, .thegrras .grrasind iframe {
    height: 330px;
  }

  .certificate-full .certibox {
    width: 350px;
    display: block;
    margin: 0 auto;
  }

  .jobform .pattern:after, .overview .videobox:after {
    display: none;
  }

  .whychoose .owl-nav .owl-next {
    right: 0;
  }

  .whychoose .owl-nav .owl-prev {
    left: 0;
  }

  .benefits h4 {
    display: none;
  }

  .benefits h5 {
    display: block;
    margin-top: 20px;
  }

  .available ul {
    margin-top: 20px;
  }

  .available ul li {
    padding: 0 16px;
  }

  .overview h2 {
    padding-top: 20px;
  }

  .overview {
    padding: 0;
  }

  .overview .overbg {
    padding: 40px 0;
  }

  .whychoose h2 {
    margin-bottom: 20px;
  }

  .recentplacement .owl-carousel .item .cousebox .name .subtxt {
    font-size: 13px;
  }

  .recentplacement .owl-carousel .item .cousebox .name h4 {
    font-size: 15px;
  }

  .fullstack .excel {
    margin-top: 20px;
  }

  .btn-primary, .btn-secondary, .peekgray .btn-dark {
    font-size: 14px;
  }

  .support, .work-detail {
    padding: 40px 0;
  }

  .havemore .btn-primary {
    padding-left: 10px;
    padding-right: 10px;
  }

  .learn .videobox .content h4 {
    font-size: 18px;
  }

  .allcourse {
    background: #f7f7f7;
  }

  .ipad-course {
    display: block;
  }



  .redhatbanner .bannerhero {
    width: 50%;
  }

  .redhatbanner {
    padding: 42px 0;
  }

  .workbanner .leftcontent .lapi {
    right: 20px;
  }

  .workbanner .leftcontent .bluebar {
    margin: 60px 0;
    padding: 40px 20px 20px 0;
  }

  .workbanner {
    padding-bottom: 30px;
  }

  .success ul li {
    width: 30%;
    margin-top: 20px;
  }

  .reqcallback {
    min-width: 95%;
  }

  .reqcallback .modal-content {
    padding: 20px;
  }

  .reqcallback .modal-content .btn-close {
    top: 10px;
    right: 10px;
    z-index: 11;
  }

  .intern-banner {
    padding: 50px 0;
  }

  .intern-banner:before, .intern-banner:after {
    display: none;
  }

  .intern-banner {
    padding-bottom: 0;
  }

  .intern-banner .bannerhero {
    margin-right: 0;
    margin: 0 auto;
    position: static;
    width: 300px;
    display: block;
  }

  .voicebox {
    min-height: 300px;
  }

  .voicebox .voicecontent {
    min-height: 260px;
  }

  .gilscroll {
    width: 100%;
    overflow-x: scroll;
  }

  .support .tabs ul {
    border: none;
    text-align: center;
  }

  .support .tabs ul li {
    width: auto;
    float: none;
    display: inline-block;
    margin-bottom: 5px;
  }

  .support .tabs ul li a {
    border: 2px #ef7221 solid;
    border-radius: 4px;
    padding: 6px 7px;
    display: block;
  }

  .support .tabs ul li:first-child a {
    border-radius: 4px;
  }

  .support .tabbed-content .item {
    min-height: inherit;
  }

  .whoshold {
    margin-top: 20px;
  }

  .tabbed-content .item {
    min-height: inherit;
  }

  .reqcallback .formbox {
    margin-top: 10px;
  }

  /*.success-story .carbox .bigimg img{ max-height: 196px; }*/



  .tabbed-content .item::before {
    display: none;
  }

  /*nc*/

  .buildicon .iconbox p {
    max-width: 60%;
  }

  .left-tab {
    margin-top: 20px;
  }

  /* .whyenroll .goalbox p{ min-height: 82px; } */

  .whygrras .iconbox {
    min-height: 220px;
  }

  .lastestblog .cousebox h4 {
    min-height: 160px;
  }

  .lastestblog .cousebox p {
    min-height: 180px;
  }

  .joingrass .qrcode {
    height: auto;
  }



  .examcenter .img-fluid {
    width: 120px;
    height: 60px;
  }

  .examcenter h4 {
    margin-left: 15px;
  }

  .examcenter h4 span {
    font-size: 12px;
  }

  .left-tab li:not(.block) {
    display: inline-block;
  }

  .navbar .btn {
    margin-left: 0;
  }



  /**/

  .inten-banner h1 {
    padding-top: 0;
  }

  .inten-banner .lang, .inten-banner .subtext {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .intcert h2 {
    margin-top: 30px;
  }

  .industryproject .content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .ent-pro .content ul li {
    min-width: 90px;
  }

  .hearform .nav a {
    font-size: 11px;
    padding-top: 22px;
  }

  .hearform .nav a:nth-child(2) {
    padding-top: 32px;
  }

  .trainplace h2 {
    padding-top: 0;
  }

  .trainplace ul.iconlist {
    padding-top: 20px;
    padding-left: 0;
  }

  .trainplace ul.iconlist:before {
    background: none;
  }

  .trainplace ul.iconlist li .number {
    display: none;
  }

  .trainplace ul.iconlist:before {
    left: 20px;
  }

  .trainplace ul.iconlist li .number {
    left: -55px;
  }

  .trainplace .flag {
    margin: 0;
  }

  .empower h2 {
    padding-top: 20px;
  }



  .package .box {
    width: 180px;
    height: 180px;
  }

  .hearform .nav a.topgap {
    padding-top: 32px;
  }

  .plac-banner {
    padding: 40px 0;
  }

  .plac-banner h1 {
    padding-top: 0;
  }

  .plac-banner .lang {
    padding-top: 30px;
  }

  .plac-banner .subtext {
    padding-bottom: 20px;
  }

  .plac-banner .mt-2 {
    display: none;
  }

  .plac-banner .btn-primary {
    margin-bottom: 20px;
  }

  .aboutplace, .dreamjob {
    padding: 40px 0;
  }

  .package .box {
    font-size: 12px;
  }

  .package .box big {
    font-size: 22px;
  }

  .tradedu .edubox {
    max-width: 306px;
  }

  .tradedu h2 {
    margin-bottom: 20px;
  }



  .careerpath ul li {
    width: 47.5%;
    min-height: 200px;
  }

  .redlogo ul li {
    width: 16%;
  }

  .talent ul li {
    margin-right: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .talent ul li h5 {
    font-size: 13px;
  }

  .trainingcourse .videobox {
    margin-top: 20px;
  }



  .peekinto h3 {
    margin-top: 20px;
  }

  .whyenroll .goalbox h4 {
    max-width: 100%;
  }

  .whyenroll .goalbox ul {
    min-height: auto;
  }

  .available-del ul li {
    padding: 0 22px;
  }

  .available-del h2 {
    padding-right: 0;
    padding-bottom: 20px;
    text-align: center;
    display: block;
  }

  .available-del h2 br {
    display: none;
  }

  .redbanner-detail .whbox {
    margin-top: 40px;
  }



}

@media(max-width: 767px) {
  body.page-template-blog .latestblog .blog-content .imgbox img {
    min-height: 100px !important;
  }

  .exam-section .tab-big li>a {
    background-color: #f9f9f9;
  }

  .mob-header .mega-menu-wrap .mega-menu li>a:hover .mega-indicator {
    transform: rotate(0deg) !important;
  }

  body.page-template-placement-support .trackrecord .trackbox img {
    width: 45px;
    height: 45px;
    object-fit: contain;
  }

  .solution p {
    font-size: 12px;
  }

  .solution .subititle {
    font-size: 14px;
    margin-bottom: 10px;
  }

  body.page-template-contact .contactform h1 {
    font-size: 20px;
    padding-bottom: 8px;
  }

  .locate .imgbox .back p {
    font-size: 12px;
  }

  .locate .imgbox .back h4 {
    font-size: 16px;
  }

  body.single-workshops .workleft h3 {
    font-size: 20px;
  }

  body.single-workshops .workleft .date {
    font-size: 12px;
  }

  body.single-workshops .workleft h4 {
    margin: 0;
    font-size: 14px;
  }

  body.single-courses .yourgoal .goalbox {
    /*min-height: 100%;*/
    height: auto;
    padding: 15px 15px 10px;
  }

  body.single-courses .yourgoal .goalbox .readmoretext {
    font-size: 11px;
  }

  body.single-courses .yourgoal .goalbox img {
    max-width: 40px;
  }

  .benefits .accordion-button::after {
    width: 14px;
    height: 14px;
    background-size: auto;
  }

  .successstory .review {
    padding: 0;
    margin-bottom: 15px;
  }

  .fullstack .accordion .accordion-body p {
    font-size: 12px;
  }

  .fullstack .accordion .accordion-body .accordion-body {
    padding: 0px 20px 0px 45px;
  }

  .fullstack .accordion .accordion-item .accordion-collapse .accordion-item:not(:first-child) {
    margin-top: 0;
  }

  .successstory .review .fb-google-area {
    padding: 0 15px;
    margin: 0;
    border: 0;
  }

  .successstory .review .fb-google-area img {
    max-width: 90px !important;
  }

  .successstory .review .fb-google-area .rating-number {
    font-size: 25px;
    border-left: solid 1px #e1e3e4;
    padding: 0 10px !important;
    margin-left: 10px !important;
  }

  .faqs .accordion {
    padding: 20px;
  }

  .faqs .morequestion {
    margin-top: 20px;
    background-position-x: 20px;
    background-size: 30px;
    padding: 15px 20px 15px 68px;
  }

  .faqs .morequestion a {
    font-size: 14px;
  }

  .navbar .megamenu .menuopen {
    width: 420px;
    margin-left: 0px;
    left: auto;
    right: 70px;
  }

  .redhatbanner {
    padding: 40px 0;
    text-align: center;
  }

  .redhatbanner .bannerhero {
    position: static;
    text-align: center;
    max-width: 400px;
    margin: 20px auto 0 auto;
  }

  .whygrras ul {
    text-align: center;
    margin-bottom: 10px;
  }

  .whygrras .imgbox {
    text-align: center;
    margin-bottom: 20px;
  }

  /*.success-story .carbox .bigimg img{ max-height: 286px; }*/





  .jobform h1, .highdemand h2, .aboutgrras h2, .recognition h2, .jobrole h2, .jobrole h2, .redhatbanner h1, .signupcourse h2, .contactform h1, .locate h2, .master h2, .blogs h2, .placesupport h1, .discover h2, .summerint h2, .workleft h3, .workright h3, .redbanner h1, .whtado h2, .rating-banner .bannerleft h1, .rating-banner .bannerleft h3, .ourstory h2, .board h2, .ourplacement h2, .learnnow h2, .missionvision h2, .awardrec h2, .bookdemo h2, .workshopfilter h2, .scaler h2, .jobready h2, .aboubanner h2, .learn h2, .solution h1, .intern-banner h1, .career-banner h2, .findcourse h2 {
    font-size: 24px;
  }



  h2, .whyjoin h2, .jobopen h2, .faqs h2, .available h3, .overview h2, .benefits h2, .yourgoal h2, .fullstack h2, .tools h2, .industryproject h2, .certificate-full h2, .recentplacement h2, .ourhire h2, .thiscourse h2, .studentsay h2, .support h2, .whychoose h2, .workshop h2, .turst-learn h2, .tradedu h2, .allcourse h2, .whygrras h2, .intcourse h2, .joinindia h2, .whydo h2, .whatdo h2, .partnerwith h2, .thegrras h2, .techbg h2, .letsrate h2, .joingrass h2, .success h2, .careerpath h2, .peekinto h2, .trainingcourse h2, .talent h2, .benifit h2, .redhatcertifi h2, .exam h2, .detail-left h3, .getfree h3, .overview h3 {
    font-size: 20px;
  }

  .talent h2 {
    line-height: inherit;
  }

  .benifit h2 big, .redhatcertifi h2 big {
    font-size: 20px;
  }



  .certificate, .intcourse, .whygrras {
    padding: 40px 0;
  }

  .cologo {
    margin-top: 40px;
  }

  .homecologo {
    margin-top: 0px;
  }

  .whygrras .iconbox {
    margin-bottom: 0px;
  }

  .letsrate h4 {
    font-size: 16px;
  }

  .successstory .review:after {
    right: 0;
  }

  .successstory .review:before {
    left: 0;
  }

  .successstory .review {
    z-index: 1;
  }

  .ourwork ul li {
    width: 23%;
  }

  .getjob ul li {
    width: 30%;
  }

  .aboubanner h2 {
    top: 45%;
  }

  .whydo p {
    font-size: 15px;
  }

  .btn-primary {
    font-size: 13px;
  }

  .careercourses p, .recentplacement .owl-carousel .item .cousebox .content p, .recentplacement .owl-carousel .item .cousebox .content h5, .recentplacement .btn-dark, .whygrras .iconbox h4, .whygrras .iconbox p, .workshop .item .cousebox h4, .workshop .btn-success, .award .item .cousebox h4, .lastestblog .cousebox p, .lastestblog .cousebox a.link, .lastestblog .cousebox .date, .intern-banner .btn-dark, .intern-banner .btn-primary {
    font-size: 12px;
  }

  .workshop .subtext, .career-banner p {
    text-align: center;
    font-size: 12px;
  }

  .workshop .item .cousebox p strong {
    font-size: 12px;
  }

  /*.workshop .item .cousebox h4{ font-size: 13px; }*/

  .career-banner {
    height: 210px;
    background: url(../images/career-mobile.jpg) no-repeat center top;
    background-size: cover;
  }

  .career-banner .bcontent {
    bottom: 20px;
  }





  .lastestblog .cousebox h4 {
    font-size: 16px;
    min-height: 80px;
  }

  .lastestblog .cousebox p {
    min-height: 130px;
  }

  .bookdemo {
    background-size: cover;
    background-position: center center;
    padding-left: 30px;
    padding-right: 30px;
  }

  .successstory .owl-nav, .recentarrow .owl-nav {
    top: -40px;
  }

  .talentbox p {
    font-size: 18px;
    font-weight: 500;
  }

  .needhelp {
    font-size: 16px;
  }

  .fecourses .btn {
    font-size: 13px;
  }

  .findcourse .cousebox h4 {
    min-height: inherit;
  }

  .findcourse .cousebox img {
    margin-bottom: 0;
  }

  .tradedu .edubox {
    max-width: 34%;
  }

  .trackrecord .trackbox {
    padding: 10px;
    margin-top: 0;
    box-shadow: none;
  }

  .storypeople ul.isolist li {
    margin-right: 0;
    padding: 5px 12px;
    font-size: 12px;
    margin-bottom: 0;
  }

  .storypeople .cousebox {
    text-align: left;
  }

  .placement ul li:first-child:before,

  .placement ul li:nth-child(2):before,

  .placement ul li:nth-child(3):before,

  .placement ul li:nth-child(4):before,

  .placement ul li:nth-child(5):before,

  .placement ul li:last-child:before,

  .placement ul li:nth-child(6):before {
    display: none;
  }

  .placement ul {
    text-align: center;
  }

  .presence .single-content {
    width: 33%;
  }

  .thegrras .grrasred, .thegrras .grrasco, .thegrras .grrasind {
    padding: 0;
  }

  .thegrras .grrasred:before, .thegrras .grrasred:after, .thegrras .grrasco:before, .thegrras .grrasco:after, .thegrras .grrasind:before, .thegrras .grrasind:after {
    display: none;
  }

  .bookdemo .btn-dark {
    width: 100%;
  }

  .allcourse .featured-course .item .cousebox h4 {
    min-height: inherit;
    padding: 12px 20px;
  }

  .contactform .location {
    font-size: 12px;
    margin-bottom: 20px;
  }



  .overview {
    padding-top: 0;
  }

  .fullstack, .ourhire {
    padding: 40px 0;
  }

  .success-story .carbox .coname h4 {
    font-size: 14px;
  }

  .success-story .carbox .coname p {
    font-size: 12px;
  }

  .talentbox .talkimg {
    display: none !important;
  }

  .jobform {
    padding-bottom: 50px;
  }

  .jobform h1 {
    text-align: center;
  }

  .jobform .subtext {
    font-size: 12px;
    text-align: center;
  }

  .jobform .lang, .jobform .btntext {
    text-align: center;
    font-size: 14px;
  }

  .jobform .btn-primary {
    text-align: center;
    margin: 0 auto;
    width: auto;
    display: block;
    margin-bottom: 10px;
  }

  .jobform .formbox h3 {
    font-size: 14px;
  }

  .jobform .formbox label, .jobform .formbox input, .jobform .formbox select {
    font-size: 11px !important;
  }

  .jobform .formbox .form-control {
    font-size: 11px;
    height: 36px;
  }

  .jobform .formbox .form-text {
    font-size: 11px;
  }

  .buildicon .iconbox img {
    display: block;
    margin: 0 auto;
  }

  .buildicon .iconbox {
    text-align: center;
  }

  .buildicon .iconbox p {
    font-size: 11px;
    padding-top: 5px;
    font-weight: normal;
  }

  .learner .mobile-review {
    display: block;
  }

  .learner .col-lg-6 .reviewbox {
    display: none;
  }

  .available h3 br {
    display: none;
  }

  .available h3 {
    text-align: center;
    display: block;
    padding-right: 0;
    max-width: 100%;
  }

  .thiscourse {
    padding: 40px 0;
  }

  .support .posts h5 {
    font-size: 14px;
  }

  .support .posts p {
    font-size: 12px;
  }



  .faqs p {
    font-size: 12px;
  }

  .faqs .accordion-button::after, .faqs .accordion-button:not(.collapsed)::after {
    width: 10px;
    height: 10px;
    background-size: 100%;
    top: 17px;
  }

  .browseby .brwsbox {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .learner .mobile-review .item {
    background: none;
  }

  .learner {
    background: none;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .learner .subtext {
    font-size: 13px;
  }

  .workshop h2 {
    text-align: center;
  }

  .placesupport {
    text-align: center;
    padding-bottom: 20px;
  }

  .trackrecord .trackbox p {
    font-size: 12px;
    margin: 0;
    padding-bottom: 0;
  }

  .trackrecord .trackbox img {
    width: 47px;
  }

  .storypeople ul.dotlist li {
    font-size: 13px;
    background-position: 0 8px;
  }

  .successstory ul.isolist li {
    font-size: 13px;
    width: auto;
  }

  .studentclub {
    padding: 30px 0;
  }

  .placesupport ul li {
    font-size: 10px;
    color: #212529;
    margin-bottom: 6px;
    border-radius: 30px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 10px;
    box-shadow: none;
    margin-right: 0px;
    padding-left: 10px;
  }

  .placesupport ul li:first-child,

  .placesupport ul li:nth-child(2),

  .placesupport ul li:nth-child(3),

  .placesupport ul li:nth-child(4),

  .placesupport ul li:nth-child(5),

  .placesupport ul li:nth-child(6),

  .placesupport ul li:nth-child(7),

  .placesupport ul li:nth-child(8) {
    background-position: 10px 4px;
    background-color: #ffe4cf;
    background-size: 20px;
  }

  .placesupport ul {
    padding-bottom: 20px;
  }

  .replace .cologo {
    top: 0;
    margin-top: 0;
    padding: 10px 10px 20px;
    margin-bottom: 20px;
    border-radius: 20px;
  }

  .replace .cologo p {
    font-weight: 500;
  }

  .cologo .top-company {
    padding-top: 10px;
  }

  .cologo .owl-carousel.top-company {
    padding: 10px 0 0;
  }

  .cologo .top-company .owl-dots {
    display: none;
  }

  .replace {
    margin-top: 0;
    padding: 20px 0 1px;
  }

  .placesupport .container {
    padding-bottom: 0;
  }

  .trackrecord {
    padding-top: 50px;
  }

  .cologo .owl-nav .owl-prev {
    left: 0;
  }

  .cologo .owl-nav .owl-next {
    right: 0;
  }

  .placement {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .jobready .imgbox {
    display: none;
  }

  .jobready h2 br {
    display: none;
  }

  .jobready h2 {
    margin-bottom: 20px;
  }

  .learn .videobox .play {
    width: auto;
    top: 40%;
  }

  .whygrras .imgbox {
    margin: 0 auto 20px auto;
    display: block;
    width: 280px;
  }

  .recentplacement .btn-dark {
    padding: 9px 20px;
  }

  .certificate {
    text-align: center;
    padding-bottom: 0;
  }

  .certificate .btn-primary {
    margin: 0 auto;
    max-width: 200px;
  }

  .award {
    padding: 40px 0;
  }

  .placement .text-right {
    text-align: left;
  }

  .workbanner .leftcontent h2 {
    font-size: 60px;
    line-height: 60px;
  }

  .workbanner .leftcontent .lapi {
    top: 0;
  }

  .footerfix {
    background: #fff;
  }

  .footerfix .btn-group {
    width: 49%;
    display: inline-block;
  }

  .footerfix .btn-group .dropdown-menu {
    width: 100%;
    padding: 0 10px;
    background: #000;
  }

  .footerfix .btn-group .dropdown-menu a {
    background: #ffead4;
    display: block;
    width: 100%;
    color: #ef7220;
    margin: 10px 0;
    text-align: center;
    font-size: 13px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 5px;
  }

  .footerfix .btn-talk {
    background: #ffead4;
    display: block;
    width: 100%;
    color: #ef7220;
    border: none;
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .footerfix .btn-talk:hover {
    background: #fbd7b2;
    color: #ef7220;
  }

  .footerfix .btn-talk::after {
    display: none;
  }

  .footerfix .btn-enquire {
    background: #ef7220;
    display: inline-block;
    width: 49%;
    color: #fff;
    border: none;
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .footerfix .btn-enquire:hover {
    background: #e15b04;
  }

  .success .btn-secondary {
    margin-bottom: 20px;
  }

  .intern-banner {
    text-align: center;
    background: #eaf1f9;
  }

  .whyhire .whycont {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
  }

  .whyhire .iconbox {
    margin-top: 0;
  }

  .whyhire ul li:before {
    top: 13px;
  }

  .whyhire:before {
    display: none;
  }

  .whatgrass, .joinindia {
    padding: 40px 0;
  }

  .joinindia ul li h4 {
    font-size: 16px;
  }

  .joinindia ul li p {
    font-size: 12px;
  }

  .joinindia ul li:nth-child(even) {
    padding-left: 35px;
  }

  .learn ul {
    margin-top: 15px;
  }

  .bookdemo .form-control {
    height: 42px;
  }

  .bookdemo select.form-control {
    height: 40px;
    vertical-align: top;
    border: none;
  }

  .bookdemo .input-group-text {
    border: none;
  }

  .bookdemo .btn {
    height: 40px;
  }

  .replace .cologo {
    padding-left: 10px;
    padding-right: 10px;
  }

  .homebanner {
    padding: 50px 0 !important;
  }

  .storypeople .cousebox .employ {
    width: 125px;
    padding-bottom: 0;
  }

  .storypeople .cousebox .employ img {
    width: 95px;
  }

  .storypeople .cousebox .name .subtxt {
    font-size: 10px;
  }

  .storypeople .cousebox .coname {
    margin-top: -35px;
    padding-left: 110px;
    margin-left: 20px;
  }

  .storypeople .cousebox .coname img {
    height: 30px;
  }

  .storypeople .cousebox .content p {
    margin: 0;
  }

  .placement h2 {
    text-align: center;
  }

  .storypeople {
    padding-bottom: 40px;
  }

  .successstory .btn-outline-primary {
    font-size: 13px;
  }

  /*.workshop{ background: #e8e8e8; }*/

  .faqs .havemore h4 {
    font-size: 16px;
  }

  .faqs .havemore .subtext {
    font-size: 12px;
  }

  .breadcrumb-item {
    font-size: 12px;
    padding: 5px 0;
  }

  .jobform .top-company {
    font-size: 12px;
  }

  .jobform .top-company .icon {
    width: 55px;
    height: 55px;
  }

  .learner .review-slid {
    display: none;
  }

  .contactform .coform h3 {
    font-size: 24px;
  }

  .redhatbanner .bannerhero {
    display: none;
  }

  .letsrate:before, .letsrate:after {
    display: none;
  }

  .whatgrass .whatexp img {
    height: 50px;
  }

  .whatgrass .aboutvideo iframe {
    height: 240px;
  }

  .gap-6 {
    margin-top: 2rem;
  }

  .available ul li {
    max-width: 174px;
  }

  .jobform .top-company-course span, .overview p, .fullstack .subtext {
    font-size: 12px;
  }

  .fullstack h2 {
    line-height: inherit;
  }

  .reqcallback .formbox input, .reqcallback .formbox select {
    height: 32px !important;
    line-height: 32px;
    font-size: 12px;
  }

  .reqcallback .formbox input::placeholder {
    font-size: 12px;
  }

  .reqcallback .formbox label {
    font-size: 11px;
    margin-bottom: 5px;
  }

  .reqcallback .formbox {
    padding: 15px 20px;
    min-height: inherit;
  }

  #exampleModal590 .reqcallback .formbox {
    padding-top: 15px;
  }

  .reqcallback .formbox .gform-footer {
    margin-top: 10px;
  }

  .bookdemo .form-control input {
    height: 42px !important;
  }

  .serach-course .content .link {
    font-size: 11px;
  }





  .coursesec .imgbox .imgcontent {
    top: 30%;
  }

  .coursebanner h1 {
    font-size: 24px;
  }

  .coursebanner p {
    font-size: 12px;
  }

  .whyenroll .goalbox p {
    font-size: 11px;
  }

  .whygrras .iconbox {
    min-height: 170px;
  }

  .thankpage {
    min-width: 90%;
  }

  .whyhire .whycont {
    min-height: 450px;
  }

  .replace .cologo h3 {
    font-size: 18px;
  }

  .placesupport p {
    font-size: 13px;
  }



  .promodal {
    min-width: 90%;
  }

  .thankpage {
    min-width: 90%;
  }

  .allcourse p, .custom_contant, .whygrras .subtext, .careercourses .hide_custom, .remote p, .detail-left p, .studentsay .item .whbox p, .industryproject .content p, .tabbed-content .item .item-content .content p, .thankpage p {
    font-size: 12px;
  }

  .tabbed-content .item .item-content .content h5 {
    font-size: 15px;
  }

  .tabbed-content .item .item-content .content {
    padding: 15px 15px 0;
  }

  .thankpage h2 {
    font-size: 32px;
  }



  /**/

  .inten-banner {
    text-align: center;
  }

  .inten-banner h1 {
    font-size: 24px;
  }

  .inten-banner p {
    font-size: 12px;
  }

  .inten-banner .lang {
    font-size: 13px;
  }

  .inten-banner .subtext {
    font-size: 13px;
    text-align: left;
  }

  .inten-banner .intslid {
    float: none;
    vertical-align: top;
  }

  .inten-banner .btn-primary {
    font-size: 12px;
  }

  .inten-banner .student {
    display: none;
  }

  .turnover {
    padding: 0px 0 15px;
  }

  .aboutinter {
    padding: 40px 0;
  }

  .aboutinter p {
    font-size: 13px;
  }

  .aboutinter .monybox big, .aboutinter .secret big {
    font-size: 13px;
  }

  .aboutinter .monybox {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    font-size: 8px;
  }

  .aboutinter .secret {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    font-size: 8px;
  }

  .intcert {
    text-align: center;
  }

  .intcert h2 {
    margin-top: 0;
  }

  .intcert .btn-primary {
    font-size: 12px;
  }

  .empower .iconbox {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .empower .checktext {
    display: none;
  }

  .hearform .mt-80 {
    margin-top: 20px;
  }

  .hearform .nav a {
    display: inline-block;
    vertical-align: top;
    width: 32%;
  }

  .grrasint th, .grrasint td {
    font-size: 10px;
  }

  .hearform .orangebox p {
    font-size: 11px !important;
  }

  .hearform .blackbg h5 {
    font-size: 14px;
  }

  .enttool {
    margin-top: 50px;
  }

  .trainplace:before {
    background-size: 100%;
    height: 50px;
  }

  .trainplace {
    padding-top: 50px;
  }

  .empower {
    padding: 30px 0;
  }

  .partnerind, .hearform, .grrasint {
    padding: 40px 0;
  }

  .whygrras .subtext {
    font-size: 12px;
  }

  .promodal .modal-body p {
    font-size: 12px;
  }

  .promodal .modal-body {
    padding: 20px;
  }

  .tradedu .edubox ul li {
    padding: 25px 0;
  }



  .plac-banner h1 {
    font-size: 24px;
  }

  .plac-banner {
    text-align: center;
  }

  .plac-banner p, .plac-banner .lang, .plac-banner .subtext {
    font-size: 12px;
  }

  .plac-banner .btn-primary {
    font-size: 12px;
  }

  .dreamjob h2 {
    padding-bottom: 0;
  }



  .hearform .orangebox p {
    min-height: 100px;
  }



  .faqs .accordion .accordion-item .accordion-button {
    font-size: 12px;
    padding: 15px;
    font-weight: 400;
  }

  .faqs .accordion {
    height: auto;
    padding: 0;
    border: none;
  }

  .faqs .accordion .accordion-item {
    border-radius: 0;
    border: none;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    margin-bottom: 10px;
  }

  .faqs .accordion .accordion {
    border: none;
    padding: 0px;
    height: auto;
  }

  .faqs .accordion .accordion .accordion-item {
    border-bottom: 1px #d3d3d4 solid;
    padding: 0;
    box-shadow: none;
    margin: 0;
    background: none;
  }

  .faqs .accordion .accordion-body {
    background: #fbf6f0;
    padding: 12px 12px 1px;
  }

  .faqs .accordion .accordion .accordion-body {
    padding-left: 15px;
    padding: 15px;
  }



  .redbanner-detail {
    text-align: center;
  }

  .redbanner-detail h1 {
    font-size: 24px;
    margin-top: 20px;
  }

  .redbanner-detail ul li {
    font-size: 12px;
  }

  .redbanner-detail .subtext {
    font-size: 12px;
  }

  .redbanner-detail p {
    font-size: 12px;
    margin: 0 auto;
  }

  .redbanner-detail .btndiv {
    padding-top: 50px;
  }

  .redbanner-detail .btndiv .btn {
    font-size: 12.7px;
  }

  .redbanner-detail .btndiv .hatimg {
    left: 0;
    margin: 0 auto;
    width: 85px;
  }

  .redbanner-detail .btndiv .btn-red:before {
    background: url(../images/swingarrow.png) no-repeat;
    width: 40px;
    height: 50px;
    left: 35px;
    top: -70px;
  }

  .redbanner-detail .whbox {
    text-align: left;
  }

  .redbanner-detail .whbox h4 {
    font-size: 16px;
  }

  .available-del ul li {
    padding: 0 18px;
  }



}



@media(max-width: 640px) {
    
    .certificate-full ul.certification-list li.certification-item{padding-right:5px;}

  .tradedu .gsbenifit {
    max-width: 35%;
  }

  .studentclub .clubbox ul.clublist li:nth-child(odd):before {
    width: 38px;
  }

  .studentclub .clubbox ul.clublist li:nth-child(even):before {
    width: 39px;
    left: -38px;
  }

  .available ul {
    display: block;
  }

  .available ul li h5 {
    font-size: 12px;
    font-weight: normal;
  }

  .available ul li {
    width: 24%;
    padding-left: 2px;
    padding-right: 2px;
    vertical-align: top;
  }

  .studentclub .clubbox ul.clublist:before {
    height: 412px;
  }

  .whygrras .iconbox {
    min-height: 190px;
  }

  .lastestblog .cousebox .content {
    min-height: 260px;
  }

  .lastestblog .cousebox p {
    min-height: 90px;
  }

  .lastestblog .cousebox h4 {
    min-height: 60px;
  }



}



@media(max-width: 568px) {

  .fullstack .accordion .accordion-header .icon {
    display: none !important;
  }

  .fullstack .curriculum-botton {
    min-width: 200px !important;
  }

  .fullstack .curriculum-repeater ul li {
    font-size: 10px;
  }

  section.available-sec {
    padding: 0px 0px 50px 0;
  }

  .fullstack .fullstack-left-side p {
    font-size: 12px;
  }

  .available ul:before {
    right: 13%
  }

  .whydo h4 {
    font-size: 16px;
    margin-bottom: 0;
  }

  .navbar .input-group {
    width: 50%;
  }

  .intcourse .imgbox img {
    width: 100%;
  }

  .placement ul li {
    width: 30%;
  }

  .successstory .review:after, .successstory .review:before {
    display: none;
  }

  .successstory .btn-outline-primary {
    margin-bottom: 10px;
    display: block;
  }

  .successstory .btn-primary {
    display: block;
  }

  /*.workbanner .regback .peoplereg{ margin-top: 20px; }*/

  .tradedu h2 {
    margin-bottom: 20px;
  }

  .tradedu h2 br {
    display: none;
  }

  .tradedu .tainlist {
    padding-top: 10px;
  }

  .tradedu .tainlist li {
    border-radius: 3px 0 0 3px;
    font-size: 8px;
    padding: 5px;
    margin: 23px 0;
  }

  .tradedu .gsbenifit {
    padding: 10px;
    max-width: 47%;
    border: 1px #fa8536 solid;
  }

  .tradedu .gsbenifit h4 {
    font-size: 12px;
    text-align: center;
  }

  .tradedu .gsbenifit ul li {
    font-size: 11px;
    padding: 5px 0 5px 0px;
    border-bottom: 1px #f7f9fa solid;
  }

  .tradedu .edubox {
    /* border:1px #ddd solid; */
    border-radius: 15px 0 0 15px;
    margin-bottom: 20px;
    padding: 10px;
  }

  .tradedu .edubox h4 {
    font-size: 10px;
  }

  .tradedu .edubox ul li {
    font-size: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px #f7f9fa solid;
  }

  .tradedu .edubox ul li:first-child:before, .tradedu .edubox ul li:nth-child(2):before, .tradedu .edubox ul li:nth-child(3):before, .tradedu .edubox ul li:nth-child(4):before, .tradedu .edubox ul li:nth-child(5):before {
    width: 16px;
    background-size: 100%;
    top: 15px;
  }



  .tradedu .gsbenifit ul li:first-child:before, .tradedu .gsbenifit ul li:nth-child(2):before, .tradedu .gsbenifit ul li:nth-child(3):before, .tradedu .gsbenifit ul li:nth-child(4):before, .tradedu .gsbenifit ul li:nth-child(5):before, .tradedu .gsbenifit ul li:nth-child(6):before {
    width: 16px;
    background-size: 100%;
    top: 14px;
  }



  .turst-learn .carbox .coname {
    padding: 10px;
  }

  .turst-learn .carbox .coname h4 {
    font-size: 14px;
  }

  .turst-learn .carbox .coname p {
    font-size: 12px;
  }

  .turst-learn .carbox .company img {
    width: 80px;
  }

  .turst-learn .carbox .play {
    top: 10px;
    right: 10px;
  }

  .turst-learn .carbox .bigimg img {
    width: 100%;
  }

  .studentclub .clubbox ul.clublist li {
    font-size: 12px;
    padding: 10px;
  }

  .studentclub .clubbox ul.clublist li:nth-child(odd):before {
    width: 34px;
  }

  .studentclub .clubbox ul.clublist li:nth-child(even):before {
    width: 35px;
    left: -33px;
  }

  .studentclub .clubbox ul.clublist:before {
    height: 305px;
  }

  .studentclub .clubbox ul.clublist li {
    max-width: 44%;
    width: 44%;
  }

  .thegrras .grrasred iframe, .thegrras .grrasco iframe, .thegrras .grrasind iframe {
    width: 100%;
    border-radius: 20px;
    height: 240px;
  }

  .jobopen .jobox .time {
    text-align: center;
  }

  .jobopen {
    padding: 40px 0;
  }

  .jobopen .jobox {
    padding: 15px;
    margin-top: 15px;
  }

  .jobopen .jobox .time {
    text-align: left;
    font-size: 13px;
    font-weight: 400;
  }

  .jobopen .jobox h4 {
    font-size: 16px;
  }

  .jobopen .jobox .date {
    font-size: 11px;
    font-weight: 400;
    padding-bottom: 5px;
  }

  .whyenroll .goalbox ul {
    min-height: 84px;
  }

  .careercourses {
    text-align: center;
  }

  .careercourses .imgbox h4 {
    padding-left: 15px;
    text-align: left;
    font-size: 13px;
  }

  .whyenroll .goalbox h4 {
    font-size: 13px;
    margin-left: 0 !important;
  }

  .whyenroll .goalbox ul li {
    font-size: 11px;
  }

  .whyenroll .goalbox ul li:before {
    top: 8px;
  }

  /*.whyenroll .goalbox{ margin-top: 0; }*/

  .fullstack h2 small {
    font-size: 16px;
  }

  .fullstack .accordion .accordion-button {
    font-size: 12px;
    font-weight: 400;
  }

  .tools {
    padding: 40px 0 20px;
  }

  .successstory {
    padding-top: 30px;
  }

  .elevate {
    padding: 15px 0;
  }

  .elevate h4 {
    font-size: 14px;
  }

  .findcourse .cousebox {
    padding: 10px;
    margin-bottom: 10px;
  }

  .findcourse .cousebox .icon {
    margin: 0;
    float: left;
    margin-right: 10px;
    width: 70px;
    margin-top: -8px;
  }

  .findcourse .cousebox .elecont {
    margin-left: 80px;
    padding-left: 10px;
    border-left: 1px #ddd solid;
    padding-top: 5px;
  }

  .findcourse .cousebox h4 {
    font-size: 13px;
    margin-bottom: 5px;
  }

  .findcourse .cousebox p {
    margin-bottom: 10px;
    font-size: 11px;
    display: inline-block;
    padding-right: 20px;
  }

  .findcourse .cousebox p strong {
    font-weight: normal;
  }

  .findcourse .cousebox p img {
    width: 15px;
    margin-top: 0;
  }

  .findcourse a.link {
    display: none;
  }

  .findcourse .filters {
    display: none;
  }

  .mobile-course {
    display: block;
    margin-bottom: 20px;
  }

  .findcourse .pagination li a {
    width: 35px;
    height: 30px;
    font-size: 14px;
    line-height: 20px;
  }

  .findcourse .pagination li:last-child a, .findcourse .pagination li:first-child a {
    width: 30px;
    height: 30px;
    line-height: 16px;
  }

  .workshop {
    padding: 30px 0;
  }

  .tradedu {
    padding-top: 40px;
  }

  .successstory .review {
    padding: 30px 0 0;
  }

  .faqs {
    padding: 30px 0;
  }

  .whyjoin .iconbox img {
    width: 50px;
  }

  .whyjoin .iconbox {
    padding: 20px 10px;
    margin-top: 15px;
  }

  .whyjoin .iconbox h4 {
    font-size: 16px;
    padding-top: 10px;
  }

  .whyjoin p {
    font-size: 12px;
    padding-top: 10px;
  }

  .redhatbanner .btn {
    font-size: 13px;
    font-weight: 400;
  }

  .redhatbanner p {
    font-size: 14px;
  }

  .intcourse .proven {
    font-size: 14px;
  }

  .intcourse ul.isolist li {
    font-size: 12px;
  }

  .intcourse .cobox .content {
    padding: 10px;
  }

  .intcourse .cobox h3 {
    font-size: 13px;
    min-height: 35px;
  }

  .intcourse .cobox .content h5 {
    font-size: 12px;
  }

  .intcourse .cobox .content .hour {
    font-size: 11px;
    padding-top: 10px;
  }

  .intcourse .cobox .content ul li {
    font-size: 8px;
    padding: 7px 8px;
    margin-top: 5px;
  }

  .intcourse .cobox {
    margin-top: 0;
  }

  .thesummer ul li p {
    font-size: 10px;
  }

  .thesummer ul li {
    height: 160px;
    padding: 10px;
  }

  .jobready .formbox {
    padding: 20px;
  }

  .jobready .formbox h3 {
    font-size: 18px;
  }

  .getjob ul li p {
    font-size: 12px;
  }

  .whyhire h4 {
    font-size: 16px;
  }

  .whygrras ul {
    display: none;
  }

  .learner .review {
    width: 49%;
    margin-right: 0;
  }

  .footerfix {
    font-size: 13px;
    padding: 10px;
  }

  body {
    padding-bottom: 35px;
  }

  .jobform .subtext {
    padding-bottom: 30px;
  }

  .jobform .lang {
    font-size: 12px;
    font-weight: normal;
  }

  .jobform .owl-nav, .jobform .owl-dots {
    display: none;
  }

  /*.jobform .btn-primary{ width: 100%; }*/

  .jobform .formbox {
    padding: 20px;
    border-radius: 10px;
  }

  .available {
    padding: 20px 0 30px 0;
  }

  .benefits h2, .benefits p {
    text-align: left !important
  }

  .whyenroll {
    padding: 20px 0 40px;
  }

  .whychoose h2 span {
    font-size: 14px;
  }

  /* .ourhire{ background: url(../images/hirebg.jpg); } */

  .thiscourse .btn-primary {
    display: block;
    margin: 0 auto;
  }

  .workbanner .leftcontent .lapi {
    width: 260px;
    top: 40px;
  }

  /*.upcomming{ padding-left: 15px; padding-right: 15px; }*/

  .scaler {
    padding-left: 15px;
    padding-right: 15px;
  }

  .success ul li {
    width: 45%;
  }

  .placement ul li:last-child {
    margin-bottom: 0;
  }

  .successstory .review li {
    width: 45%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .08);
    margin: 0 5px;
    border-radius: 10px;
  }

  .findcourse {
    padding: 40px 0;
    position: relative;
    z-index: -0;
  }

  .whygrras .imgbox {
    width: 100%;
  }

  .whyhire .iconbox {
    width: 40px;
    height: 40px;
    padding: 5px;
    line-height: 30px;
  }

  .whyhire .whycont {
    min-height: 510px;
  }

  .workshopfilter ul.isolist li {
    padding: 8px 15px;
    font-size: 10px;
  }

  .workshopfilter .form-control {
    font-size: 14px;
  }

  .grasswork h4 {
    text-align: center;
  }

  .joingrass {
    text-align: center;
    margin-top: 0;
  }

  .glimpse p {
    font-size: 14px;
  }

  .blogs .blogbox h3 {
    font-size: 20px;
  }

  /*.tabbed-content .tabs {display: none; }*/

  /*.allcourse .tabbed-content .item{ display: none; }*/

  .whychoose .tabbed-content .item {
    min-height: 0;
  }

  .whychoose .owl-carousel {
    padding-bottom: 0;
  }

  .whychoose .tabs ul {
    margin-bottom: 0;
    border: none;
  }

  .whychoose .tabs ul li {
    padding: 0;
  }

  .whychoose .tabs ul li a.active:before {
    display: none;
  }

  .whychoose .tabs ul li a {
    font-size: 11px;
    background: #fff;
    border: 2px #ef7221 solid;
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
  }

  .whychoose .tabs ul li a:hover, .whychoose .tabs ul li a.active {
    background: #ef7221;
    border: 2px #ef7221 solid;
    color: #fff;
  }

  .allcourse .findcourse {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .allcourse .findcourse .btn {
    margin-bottom: 0;
  }

  .allcourse .findcourse .cousebox h4 {
    padding: 0px;
  }

  .allcourse, .careercourses, .recentplacement, .lastestblog {
    padding: 40px 0;
  }

  /*.recentplacement{ padding-top: 0px; }*/

  .recentplacement .owl-carousel .item .cousebox .employ {
    padding: 15px 15px 0 15px;
    position: relative;
    z-index: 1;
  }

  .recentplacement .owl-carousel .item .cousebox .employ img {
    width: 75px;
    height: 75px;
  }

  .recentplacement .owl-carousel .item .cousebox .name {
    padding-top: 15px;
  }

  .recentplacement .owl-carousel .item .cousebox .coname {
    margin-top: -42px;
    padding-left: 90px;
    margin-left: 20px;
  }

  .recentplacement .owl-carousel .item .cousebox .coname img {
    height: 30px;
  }

  .recentplacement .owl-carousel .item .cousebox .content p {
    margin: 0;
  }

  .recentplacement .owl-carousel .owl-stage-outer {
    padding-left: 30px;
  }

  .successstory .owl-carousel .owl-stage-outer {
    padding-left: 100px;
  }

  .successstory .owl-carousel.success-story .owl-stage-outer {
    padding-left: 8%;
  }

  .recentplacement .item-content {
    margin-left: -12px;
    margin-right: -12px;
  }

  .recentplacement .container h2 {
    padding-left: 15px;
  }

  .successstory h2 {
    text-align: center;
  }

  .whygrras .iconbox img {
    float: left;
    width: 33px;
    margin: 0 10px 0px 0;
  }

  .beint .iconbox img {
    float: none;
    height: auto !important;
    margin-bottom: 10px;
  }

  .careercourses .imgbox .link {
    line-height: 26px;
    height: 26px;
    width: 42px;
  }

  .workshop .item .cousebox .date {
    font-size: 12px;
  }

  .workshop .item .cousebox .time {
    font-size: 12px;
    /*margin-left: 20px;*/
  }

  .workshop .item .cousebox .detail {
    min-height: 90px;
  }

  .learner .reviewbox {
    text-align: center;
  }

  .learner .reviewbox .content h4 {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .learner .reviewbox .content p {
    font-size: 12px;
    margin-bottom: 5px;
  }

  .learner .reviewbox p small {
    font-size: 12px;
  }

  .owl-carousel .owl-nav {
    display: none;
  }

  .award .owl-carousel .owl-nav {
    display: none;
  }

  .award h2 {
    text-align: center;
  }

  .award .item .cousebox h4 {
    padding: 10px;
    margin: 0;
  }

  .award .item .cousebox h4 strong {
    font-size: 13px;
  }

  .footer {
    padding-top: 30px;
  }

  .chetimg {
    bottom: 70px;
  }

  .faqs h2 {
    text-align: center;
  }

  .overview .overbg {
    background: #fff7ef;
    padding-top: 20px;
  }

  .benefits {
    padding: 40px 0;
  }

  .industryproject {
    padding: 40px 0 20px;
  }

  .benefits p {
    font-size: 12px;
  }

  .tools .item h4 {
    font-size: 12px;
  }

  .industryproject .subtext {
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .certificate-full p {
    font-size: 12px;
    line-height: 20px;
  }

  .thiscourse ul li {
    font-size: 13px;
  }

  .studentsay, .whyjoin, .getjob, .whyhire, .ourwork, .hirepartner, .boardof, .whydo, .thegrras, .endcareer, .teachcareer, .letsrate, .blogs, .latestblog, .trainingcourse, .talent, .benifit, .redhatcertifi, .peekinto, .careerpath, .success, .studenthave {
    padding: 40px 0;
  }

  .endcareer {
    margin-bottom: 40px;
  }

  .intern-banner p {
    font-size: 14px;
  }

  .intcourse .cobox .content .rating {
    font-size: 10px;
  }

  .intcourse .cobox .content .rating img {
    width: 50px;
  }

  .certificate .certibox p {
    padding-bottom: 10px;
    font-size: 13px;
    line-height: 22px;
  }

  .jobready .formbox label {
    font-size: 12px;
  }

  .jobready .formbox .form-control {
    font-size: 12px;
  }

  .getjob .subtext {
    font-size: 12px;
  }

  .hirepartner .content .imgbox {
    float: left;
    margin-right: 15px;
    width: 70px;
  }

  .hirepartner .content p {
    margin-top: 20px;
  }

  .hirepartner .content h4 {
    font-size: 14px;
  }

  .hirepartner .owl-carousel .owl-stage-outer {
    padding-left: 65px;
  }

  .whatgrass p {
    font-size: 12px;
    line-height: 18px;
  }

  .whatgrass .aboutvideo {
    margin-top: 20px;
  }

  .joinindia .subtext {
    font-size: 14px;
    padding-bottom: 20px;
  }

  .joinindia ul li h4 {
    font-size: 14px;
  }

  .whatdo {
    padding-bottom: 30px;
  }

  .whatdo h2 {
    margin-top: 0;
  }

  .whatdo h4 {
    font-size: 14px;
  }

  .whatdo p {
    padding-top: 5px;
    font-size: 12px;
  }

  .whydo p, .thegrras p {
    font-size: 12px;
    line-height: inherit;
  }

  .thegrras h4 {
    font-size: 16px;
  }

  .endcareer h2 {
    margin-bottom: 20px;
  }

  .partnerwith {
    padding: 25px;
  }

  .btn-dark {
    font-size: 13px;
    font-weight: 500;
  }

  .teachcareer .lpabox {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .voicebox .voicetitle h4 {
    font-size: 14px;
  }

  .voicebox .voicetitle .special {
    font-size: 12px;
    background-position: 0 1px;
  }

  .voicebox .voicetitle .location {
    font-size: 12px;
    background-position: 0 1px;
  }

  .voicebox p {
    font-size: 11px;
    line-height: inherit;
  }

  .voicebox .vioceimg {
    width: 80px;
  }

  .voicebox .voicetitle {
    margin-left: 95px;
  }

  .voicebox {
    min-height: 250px;
  }

  .voicebox .voicecontent {
    min-height: 210px;
  }

  .letsrate h4 {
    font-size: 14px;
  }

  .letsrate .form-label, .letsrate .form-control {
    font-size: 12px;
  }

  .workshopfilter .cousebox h4 {
    font-size: 14px;
  }

  .workshopfilter .cousebox .date, .workshopfilter .cousebox .time {
    font-size: 12px;
  }

  .workshopfilter .cousebox .btn-success {
    font-size: 13px;
  }

  .grasswork h4 {
    font-size: 20px;
  }

  .joingrass .subtext {
    font-size: 14px;
  }

  .joingrass h4 {
    font-size: 12px;
  }

  .joingrass p {
    font-size: 10px;
  }

  .joingrass .textsmall {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .glimpse {
    padding-top: 40px;
  }

  .learners {
    margin-top: 40px;
  }

  .learners .content {
    background: #fff5eb;
    padding: 10px;
    border-radius: 5px;
  }

  .learners .content p {
    font-size: 11px;
  }

  .learners .content h4 {
    font-size: 14px;
  }

  .learners .owl-carousel {
    margin-top: 20px;
  }

  .learners .owl-carousel .owl-stage-outer {
    padding-left: 55px;
  }

  .blogs .form-control {
    font-size: 14px;
  }

  .blogs .blogbox p {
    font-size: 12px;
  }

  .redhatbanner ul li {
    font-size: 12px;
  }

  .redhatbanner .invest, .redhatbanner .realword, .redhatbanner .form-control {
    font-size: 12px;
  }

  .trainingcourse p, .trainingcourse h5 {
    font-size: 12px;
  }

  .trainingcourse .btn-dark {
    font-size: 13px;
    min-width: 130px;
  }

  .talent ul li h5 {
    font-size: 12px;
  }

  .talent ul li {
    width: 30%;
    margin-right: 5px;
    padding: 15px 10px;
    margin-top: 10px;
    min-height: 150px;
  }

  .benifit ul li {
    font-size: 12px;
  }

  .allcourse .featured-course .item .cousebox h4 {
    font-size: 14px;
  }

  .allcourse .cousebox p {
    font-size: 13px;
  }

  .redhatcertifi p, .redhatcertifi h4 {
    font-size: 18px;
  }

  .redhatcertifi ul li {
    font-size: 12px;
    background-position: 0 6px;
  }

  .peekinto p {
    font-size: 12px;
    line-height: inherit;
  }

  .peekgray .btn-dark {
    width: 90%;
    margin-top: 10px;
    margin-left: 0;
  }

  .bestfor {
    padding: 40px 0;
  }

  .careerpath p {
    font-size: 12px;
  }

  .careerpath ul li img {
    height: 28px;
  }

  .careerpath ul li {
    width: 31%;
    margin-right: 5px;
    padding: 10px 5px;
    min-height: inherit;
    margin-top: 10px;
  }

  .careerpath ul li h5 {
    font-size: 12px;
    line-height: inherit;
  }

  .success {
    text-align: center;
  }

  .success p, .success ul li p {
    font-size: 12px;
  }

  .success ul li h4 br {
    display: none;
  }

  .success ul li {
    width: 44%;
    height: 190px;
  }

  .success ul li:nth-child(2) {
    margin-top: 20px;
    padding-top: 20px;
  }

  .exam p {
    font-size: 12px;
  }

  .workshop .item {
    padding-left: 10px;
    padding-right: 10px;
  }



  /*slider gap 0*/

  .workshop .owl-carousel .owl-stage-outer, .learner .owl-carousel .owl-stage-outer {
    padding-left: 15%;
  }

  .workshop .container, .learners .container {
    padding-left: 0;
    padding-right: 0;
  }

  .workshop .row, .learners .row {
    margin-left: 0;
    margin-right: 0;
  }

  .homecologo {
    padding-left: 0;
    padding-right: 0;
  }

  .homecologo h3 {
    font-size: 18px;
  }

  .scaler {
    padding-top: 20px;
  }

  .support .tabs ul li a {
    font-size: 11px;
  }

  .support .posts h5 {
    padding-top: 15px;
  }

  .teachcareer .lpabox {
    margin-top: 15px;
  }

  .storypeople ul.isolist li, .intcourse ul.isolist li {
    border-radius: 4px;
  }

  .intcourse .proven {
    background: linear-gradient(45deg, rgba(255, 93, 46, 1) 0%, rgba(240, 38, 88, 1) 29%, rgba(53, 116, 246, 1) 68%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .hirepartner .content {
    min-height: 330px;
  }

  .hirepartner .container {
    padding: 0;
  }

  .recentarrow .container {
    padding: 0;
  }

  .industryproject .container {
    padding: 0;
  }

  /*.browseby{ padding-top: 0; }*/

  .solution, .presence {
    padding: 40px 0;
  }

  .locate {
    background-image: none;
    padding: 40px 0 0;
  }

  .trainingcourse .videobox iframe {
    height: 240px;
  }

  .peekinto img {
    border-radius: 10px;
  }

  .intcourse h2 small {
    font-size: 14px;
  }

  body.page-template-Internship .intcourse h2 small {
    font-size: 20px;
  }

  .tools .imgbox {
    width: 60px;
    height: 60px;
    padding: 10px;
  }

  .tools h4 {
    font-size: 12px;
  }

  .tools ul li {
    padding: 10px 5px;
  }

  .workshop-modal .content {
    display: block;
  }

  .workshop-modal .modal-content {
    background: url(../images/work-modal-bg.jpg) no-repeat;
    background-size: cover;
  }

  .workshop-modal .formbox {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
  }

  .bookdemo-modal .modal-content {
    background: #fef1e9;
  }

  .bookdemo-modal .formbox {
    border: 1px #666 solid;
  }



  .findcourse {
    display: block;
  }





  .coursesec .imgbox .imgcontent {
    top: 25%;
  }

  .coursebanner {
    background-size: 100%;
    padding-top: 45px;
  }

  .topchoice h2 {
    margin-top: 0;
  }

  .topchoice p {
    font-size: 12px;
  }

  .topchoice {
    padding-bottom: 70px;
  }

  .intcourse {
    padding: 50px 0;
  }

  .coursesec {
    padding-top: 30px;
  }

  /* .whyenroll .goalbox p{ min-height: 70px; } */

  .whyenroll .goalbox h4 {
    min-height: 60px;
  }

  .whygrras .iconbox {
    min-height: 210px;
  }

  .lastestblog .cousebox p {
    min-height: 110px;
  }



  .examcenter p {
    margin-top: 10px;
  }

  .examcenter h2 {
    margin-bottom: 10px;
  }

  .serach-course .blog-content .contentbox h4 {
    font-size: 12px;
  }

  .serach-course .blog-content .contentbox .admin, .serach-course .blog-content .contentbox .date, .serach-course .blog-content .contentbox .read, .serach-course .blog-content .contentbox .date a {
    font-size: 11px;
  }



  .intab li a {
    border-radius: 4px;
    margin: 0 10px 10px 0;
    font-size: 12px;
  }

  #course-container-mobile {
    margin-top: 10px;
  }

  .course-mobile .right-content .bestseller {
    top: 5px;
  }

  .desk-search {
    display: none;
  }



  /**/

  .trainplace:before {
    height: 20px;
  }



  .redhatbanner h1 br {
    display: none;
  }

  .redhatbanner .invest {
    padding-top: 20px;
  }

  .turnover p {
    padding-top: 0;
  }

  .trainingcourse .btn-red {
    font-size: 12px;
  }

  .benifit h3 {
    font-size: 12px;
  }

  .benifit .benifitredhat {
    width: 70%;
  }

  .redhatcertifi, .peekinto {
    text-align: center;
  }

  .redhatcertifi .btn-dark, .redcartiholder p, .peekinto .btn-red {
    font-size: 12px;
  }

  .redhatcertifi p {
    font-size: 14px;
  }

  .redcartiholder h2 {
    font-size: 20px;
  }

  .redlogo ul li {
    width: 30%;
  }

  .redlogo {
    background-size: cover;
    height: auto;
  }

  .redhatpro h2 {
    font-size: 20px;
  }

  .redhatpro .subtext {
    font-size: 13px;
  }

  .redhatpro h4 {
    font-size: 13px;
  }

  .redhatpro p, .careerpath ul li p {
    font-size: 11px;
  }

  .bestfor td {
    font-size: 10px;
  }

  .needmore .btn {
    font-size: 13px;
  }

  .redhatpro ul li {
    width: 32.5%
  }

  .careerpath ul li {
    width: 48%;
  }

  .redlogo {
    padding: 25px 0;
  }

  .bestfor th {
    font-size: 10px;
  }

  .bestfor th big {
    font-size: 12px;
  }

  .bestfor td, .bestfor th {
    padding: 10px;
  }

  .bestfor td img {
    width: 10px;
  }

  .exam .btn-red {
    font-size: 12px;
  }



  .available-del ul li h5 {
    font-size: 12px;
  }

  .available-del h2 {
    font-size: 20px;
  }





}



@media(max-width: 480px) {
  .course-mobile .right-content h4 {
    color: #2d2d2d;
    font-size: 12px;
    font-weight: 500;
  }

  .header .logo {
    text-align: left;
    margin-right: 0;
  }

  .navbar .btn {
    font-size: 12px;
    font-weight: 400;
    width: 110px;
  }

  .navbar .btn:before {
    background-size: 100%;
    width: 13px;
    top: 15px;
  }

  .navbar .model-header-heading {
    font-size: 14px;
  }

  .navbar .megamenu ul li a {
    font-size: 12px;
    background: url(../images/dr-menu.svg) no-repeat right 20px center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .navbar .megamenu h3 {
    font-size: 14px;
    text-align: left;
    font-weight: 500;
    padding-bottom: 5px;
  }

  .navbar .megamenu .menuopen {
    top: 0px;
    right: 10px;
    overflow: auto;
    height: 100%;
  }

  .modal-header-secondary {
    padding: 0 !important;
  }

  #customModal-dialoge {
    border-radius: 0 !important;
  }

  .hide_allmodel {
    max-height: 75vh;
    overflow-x: hidden;
    overflow-y: scroll;
  }

  .learn {
    text-align: center;
  }

  .learn ul li {
    font-size: 11px;
  }

  .learn p {
    font-size: 16px;
  }

  .learn .videobox .play {
    width: 50px;
    margin-left: -25px;
  }

  .learn .videobox .content h4 {
    font-size: 16px;
  }

  .learn .videobox .content p {
    font-size: 12px;
  }

  .bookdemo {
    border-radius: 10px;
    padding: 20px;
  }

  .bookdemo .form-control {
    font-size: 13px;
  }

  .bookdemo h2 {
    font-size: 20px;
  }

  .bookdemo p {
    font-size: 12px;
    padding-top: 5px;
  }

  .bookdemo .btn {
    font-size: 13px;
  }



  .thesummer ul li {
    width: 46%;
  }

  .getjob ul li {
    padding: 10px 3px;
    width: 29%;
  }

  .getjob ul li p {
    font-size: 9px;
  }

  .reviewpop .reviewimg {
    width: 120px;
    height: 120px;
  }

  .reviewpop .reviewimg img {
    width: 110px;
    height: 110px;
  }

  .reviewpop .reviewcont {
    margin-left: 140px;
  }

  .recentplacement .btn-dark {
    margin: 10px 0 0;
  }

  .studentclub .clubbox ul.clublist li:nth-child(odd):before {
    width: 30px;
  }

  .studentclub .clubbox ul.clublist li:nth-child(even):before {
    width: 30px;
    left: -29px;
  }

  .studentclub .clubbox ul.clublist:before {
    height: 335px;
  }

  .whyenroll .goalbox ul {
    min-height: 104px;
  }

  .browseby .brwsbox h4 {
    font-size: 12px;
  }

  .workshop .item .cousebox img {
    width: 100%;
  }

  .browseby .brwsbox {
    margin-top: 0;
    min-height: 74px;
  }

  .success-story .carbox .company {
    width: 80px;
  }

  .careercourses .imgbox h4 {
    padding-bottom: 10px;
  }

  .ipad-course h4 {
    font-size: 12px;
    padding: 10px 15px;
    min-height: 60px;
  }

  .available ul li h5 {
    font-size: 10px;
  }

  .available ul li .icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  .available ul li .icon img {
    width: 25px;
  }

  .available ul:before {
    top: 50px;
  }

  .available ul li:before {
    top: 46px;
  }

  .overview .btn-secondary {
    padding-right: 30px;
    padding-left: 30px;
    font-weight: 400;
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .workbanner .leftcontent .bluebar ul li {
    font-size: 16px;
  }

  .whyhire:before {
    min-height: 350px;
  }

  .workbanner .leftcontent .lapi {
    width: 180px;
    top: 140px;
    right: 0;
  }



  .topchoice .owl-carousel .owl-stage-outer {
    padding-left: 15%;
  }

  .lastestblog .cousebox h4 {
    min-height: 80px;
  }

  .lastestblog .cousebox p {
    min-height: 130px;
  }

  .whyhire .whycont {
    min-height: 550px;
  }



}

@media(max-width: 430px) {

  .navbar .megamenu .menuopen {
    width: 95%;
  }

  .placement ul li {
    width: 36%;
    margin-left: 3%;
    margin-right: 3%;
  }

  .placement ul li p {
    font-size: 12px;
  }

  .ourwork ul li {
    width: 24%;
    padding: 10px;
  }

  .fecourses .featured-course .item {
    padding: 10px;
  }

  .fecourses .owl-carousel .owl-stage-outer {
    padding-left: 35px;
  }

  .fecourses .container, .learner .container {
    padding: 0;
  }

  .fecourses .container .row, .learner .container .row {
    margin: 0;
  }

  .fecourses .container .col-12, .learner .container .col-lg-7 {
    padding: 0;
  }

  .whatgrass .whatexp .subtext {
    font-size: 12px;
  }

  .reviewpop .share li {
    width: 47%;
    font-size: 14px;
  }

  .reviewpop .share li img {
    width: 20px;
  }

  .reviewpop .salary span {
    font-size: 14px;
  }

  .reviewpop .reviewcont .uni {
    padding-right: 0;
  }

  .offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --bs-offcanvas-width: 340px;
  }

  .studentclub .clubbox ul.clublist li:nth-child(odd):before {
    width: 27px;
  }

  .studentclub .clubbox ul.clublist li:nth-child(even):before {
    width: 27px;
    left: -26px;
  }

  .studentclub {
    background: none;
  }

  .presence .single-content {
    width: 50%;
  }

  .presence ul.isolist li {
    font-size: 12px;
  }

  /*.whygrras { margin-top: 40px;}*/

  .whygrras .iconbox {
    padding: 12px;
  }

  .lastestblog .cousebox h4 {
    font-weight: 500;
  }

  .lastestblog .cousebox .content {
    min-height: 90px;
    padding: 10px;
  }

  .lastestblog .cousebox h4 {
    font-size: 12px;
    margin: 0;
  }

  .lastestblog .cousebox p {
    font-size: 10px;
    padding-bottom: 10px;
  }

  .lastestblog .cousebox a.link {
    font-size: 10px;
  }

  .lastestblog .cousebox .date {
    font-size: 10px;
    border: 0;
    margin-top: 0;
  }

  .recentplacement .btn {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }

  /*.yourgoal .goalbox{ min-height: 310px; }*/

  .findcourse .cousebox .icon {
    margin-top: 0px;
  }

  .browseby .brwsbox img {
    width: 40px;
  }

  .browseby .brwsbox h4 {
    font-size: 10px;
  }

  .buildicon .iconbox img {
    width: 30px;
    float: left;
  }

  .buildicon .iconbox {
    padding: 0;
  }

  .buildicon .iconbox p {
    font-size: 10px;
    text-align: left;
    text-transform: none;
  }

  /*.yourgoal .goalbox{ min-height: 100%; }*/

  .workbanner .leftcontent .bluebar ul li {
    font-size: 14px;
    line-height: inherit;
    padding: 0 10px;
  }

  .workbanner .leftcontent .bluebar ul li .day {
    font-size: 10px;
  }

  .workbanner .leftcontent .bluebar ul li .time {
    font-size: 10px;
  }

  .workbanner .leftcontent .bluebar ul li:before {
    top: 0;
  }

  .learn .subtext {
    font-size: 13px;
  }

  .homeslid .item p {
    font-size: 13px;
  }



  .studentclub .clubbox ul.clublist {
    margin-bottom: 20px;
  }

  .recentplacement .mt-5 {
    margin-top: 20px !important;
  }

  .successstory ul.isolist li {
    border-radius: 5px;
    padding: 8px;
    margin-right: 2px;
  }

  .successstory .owl-nav {
    display: none;
  }

  .successstory .review {
    margin-bottom: 20px;
  }

  .recentplacement .owl-carousel {
    padding-top: 20px;
  }

  .thesummer ul li img {
    width: 30px;
  }

  /* .whygrras .imgbox iframe{ height: 240px; } */

  .whyhire ul li {
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .whyhire .whycont a {
    font-size: 11px;
  }

  .whyhire ul li:before {
    top: 8px;
  }

  .whyhire .whycont {
    min-height: 410px;
  }

  .whyhire h4 {
    font-size: 12px;
  }

  .hirepartner .owl-carousel {
    margin-top: 20px;
  }

  .boardof .bordbox {
    padding: 15px;
    margin-top: 10px;
    min-height: 190px;
  }

  .boardof .bordbox .imgbox {
    width: 60px;
    height: 60px;
  }

  .boardof .bordbox .imgbox img {
    width: 58px;
    height: 58px;
  }

  .boardof .bordbox h4 {
    font-size: 12px;
  }

  .boardof .bordbox h4 img {
    width: 18px;
  }

  .boardof .bordbox p {
    font-size: 10px;
  }

  .whatdo h2 {
    margin-bottom: 20px;
  }

  .endcareer .contbox {
    padding: 15px;
  }

  .endcareer h4 {
    font-size: 13px;
    padding-top: 10px;
  }

  .endcareer p {
    font-size: 11px;
  }

  .endcareer .contbox {
    min-height: 230px;
  }

  .endcareer .contbox img {
    width: 34px;
  }

  .partnerwith .btn-dark {
    margin: 0 auto;
  }

  .award .item .cousebox h4 big {
    font-size: 16px;
  }

  .teachcareer .lpabox p {
    font-size: 14px;
    padding-top: 15px;
  }

  .voice ul.isolist li {
    font-size: 12px;
    padding: 8px 15px;
  }

  .latestblog .blog-content .contentbox {
    padding: 10px;
  }

  .latestblog .blog-content .contentbox h4 {
    font-size: 11px;
  }

  .latestblog .blog-content .contentbox .admin, .latestblog .blog-content .contentbox .date {
    font-size: 10px;
  }

  .latestblog .blog-content .contentbox .read {
    font-size: 10px;
    margin-top: 6px;
  }

  .latestblog .btn-outline-primary {
    font-size: 13px;
  }

  .learn ul li img {
    height: 14px;
  }

  .fecourses:after {
    display: none;
  }

  .fecourses {
    padding: 40px 0;
  }

  .fecourses .featured-course {
    margin-top: 18px;
  }

  .fecourses .btn {
    padding-top: 9px;
    padding-bottom: 10px;
  }

  .whygrras .iconbox h4 {
    padding-top: 0px;
    font-size: 13px;
    margin-bottom: 10px;
    overflow: hidden;
  }

  .whygrras .iconbox .readmoretext span, .whygrras .iconbox .readmoretext a {

    font-size: 12px;

    line-height: 1;

  }

  .whygrras .iconbox .readmoretext {

    line-height: 18px;

  }

  .whygrras .iconbox .readmoretext a {

    margin-top: 6px;

  }

  .whygrras .iconbox p {
    font-size: 10px;
  }

  .industryproject .owl-carousel .owl-stage-outer {
    padding-left: 60px;
  }

  .thesummer ul li {
    height: 130px;
  }

  .certificate .certibox {
    margin-top: 0;
  }

  .placesupport .videobox iframe {
    height: 240px;
  }

  .studentclub .imgbox {
    max-width: 100%;
  }

  .studentclub .imgbox iframe {
    height: 240px;
  }

  .workbanner .leftcontent h2 {
    font-size: 40px;
    line-height: 50px;
  }

  .workbanner .leftcontent h4 {
    font-size: 25px;
  }

  .workbanner .leftcontent .bluebar {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .workbanner .leftcontent {
    padding-top: 0;
  }

  .workbanner .leftcontent .lapi {
    top: 100px;
    width: 152px;
  }

  .fullstack .btn-secondary {
    margin: 0 auto;
    display: block;
    width: 260px;
  }

  .fullstack .link-primary {
    text-align: center;
    display: block;
  }

  .lastestblog .cousebox p, .lastestblog .cousebox a.link {
    display: none;
  }

  .overview .videobox iframe {
    height: 240px;
  }

  .industryproject .content h4 {
    font-size: 16px;
  }

  /*.success-story .carbox .bigimg img{ max-height: 176px; }*/

  .workshop .item .cousebox img {
    min-height: 100px;
    max-height: 100px;
  }

  .serach-course .voicebox .vioceimg {
    float: none;
  }

  .serach-course .voicebox .voicetitle {
    margin-left: 0;
    margin-top: 10px;
  }

  .lastestblog .cousebox img {
    min-height: 120px;
  }

  .studentclub .clubbox ul.clublist:before {
    height: 355px;
  }

  body.single-internships .whygrras .iconbox {
    min-height: 210px !important;
  }

  body.single-internships .hearform .owl-carousel .owl-item .cardbox .content {
    height: 100%;
    min-height: 265px;
  }

  body.single-internships .hearform .owl-carousel .owl-item .reviewbox .content {
    height: initial !important;
    min-height: inherit !important;
  }

  body.single-internships .hearform .blackbg h5 {
    font-size: 14px;
  }

  .lastestblog .cousebox h4 {
    min-height: 43px;
  }

  .success-storybox .carbox .coname h4 {
    font-size: 14px;
  }

  .success-storybox .carbox .coname p {
    font-size: 12px;
  }

  .success-storybox .carbox .company {
    width: 80px;
  }

  .success-storybox .carbox .company img {
    width: 100%;
  }

  .success-storybox .carbox .play {
    top: 10px;
    right: 10px;
  }

  .success-storybox .carbox .play img {
    width: 20px;
    height: 20px;
  }



  .promodal .modal-header {
    padding: 20px;
    min-height: inherit;
  }

  .promodal .modal-header .iconbox {
    width: 80px;
    height: 80px;
  }

  .promodal .modal-header h1 {
    padding-top: 10px;
    font-size: 18px;
    margin-left: 100px;
  }



  #placement .voicebox .voicecontent {
    padding: 10px;
  }

  #placement .voicebox .vioceimg {
    width: 50px;
    float: left;
  }

  #placement .voicebox .voicetitle {
    margin-left: 55px;
  }

  #placement .voicebox .readstory {
    font-size: 11px;
  }

  #placement .voicebox .voicetitle .special {
    font-size: 10px;
  }

  #placement .voicebox .voicetitle .location {
    font-size: 10px;
    padding-top: 2px;
  }

  .thankpage h2 {
    margin-top: -10px;
  }

  .navbar .megamenu ul {
    height: 300px;
    overflow-y: scroll;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  }

  .navbar .megamenu .brows {
    padding-left: 0;
  }

  /*.tradedu .edubox ul li{padding-top: 0px;padding-bottom: 0px;}*/

  .tradedu .tainlist li {
    margin-top: 40px;
  }

  .jobform .formbox .button {
    font-size: 13px !important;
  }



  .accordion-button {
    font-size: 13px;
    font-weight: 500;
  }

  .support .posts {
    font-size: 13px;
  }

  .support .tabs ul li {
    margin-left: 5px;
  }

  .support {
    padding-bottom: 0;
  }

  .whychoose .tabs ul {
    margin-top: 0;
  }



  /**/

  .turnover .icon {
    width: 50px;
    height: 50px;
    padding: 10px;
  }

  .turnover p {
    padding-left: 60px;
    display: inherit;
    font-size: 10px;
  }

  .turnover p big {
    font-size: 20px;
    margin-bottom: 8px;
  }

  .aboutinter .monybox {
    padding-top: 30px;
    padding-bottom: 30px;
    background-size: 60px;
  }

  .aboutinter .monybox:hover {
    background-size: 60px;
  }

  .aboutinter .secret {
    padding-top: 24px;
    padding-bottom: 24px;
    background-size: 80px;
  }

  .aboutinter .secret:hover {
    background-size: 80px;
  }

  .intcert {
    padding: 0;
    border: none;
  }

  .trainplace ul.iconlist li ul li {
    font-size: 11px;
  }

  .trainplace ul.iconlist li h5 {
    font-size: 10px;
  }

  .trainplace ul.iconlist li .imgbox {
    max-width: 90px;
  }

  .trainplace ul.iconlist li ul {
    margin-left: 90px;
  }

  .trainplace ul.iconlist li ul li:before {
    top: 6px;
    width: 5px;
    height: 5px;
  }

  .empower .iconbox {
    min-height: 110px;
  }

  .empower .iconbox .icon {
    width: 47px;
    height: 47px;
    padding: 10px;
  }

  .empower .iconbox .subtext {
    font-size: 12px;
  }

  /*.certificate-full p{ padding-bottom: 0; }*/

  .partnerind .owl-carousel {
    margin-top: 20px;
  }

  .grrasint td, .grrasint th {
    padding: 10px;
  }

  .navbar .megamenu a.btn-outline-primary {
    width: 100% !important;
    margin-right: 0;
    text-align: center;
  }

  .navbar .megamenu a.btn-outline-primary:before {
    display: none;
  }

  .available-del ul {
    display: block;
  }

  .available-del ul:before {
    top: 56px;
  }

  .available-del ul li:before {
    top: 52px;
  }

  .available-del ul li {
    width: 24%;
    padding: 0 2px;
    vertical-align: top;
  }

  .available-del ul li .icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  .available-del ul li .icon img {
    width: 25px;
  }

  .available-del ul li h5 {
    font-size: 10px;
    font-weight: 400;
  }

  .redbanner-detail .whbox label {
    font-size: 13px;
  }

  .redbanner-detail .whbox label.form-check-label {
    font-size: 11px;
  }

  .topbodr .btn-red {
    font-size: 12px;
  }

  .coursetab .nav-tabs a {
    font-size: 13px;
  }



}

@media(max-width: 375px) {



  .studentclub .clubbox ul.clublist li {
    padding: 10px;
  }

  .studentclub .clubbox ul.clublist li:nth-child(odd):before {
    width: 23px;
  }

  .studentclub .clubbox ul.clublist li:nth-child(even):before {
    width: 23px;
    left: -22px;
  }

  .studentclub .clubbox ul.clublist:before {
    height: 390px;
  }

  .tradedu .gsbenifit {
    max-width: 45%;
  }



}

@media(max-width: 360px) {

  .studentclub .clubbox ul.clublist li {
    padding: 10px;
  }

  .studentclub .clubbox ul.clublist li:nth-child(odd):before {
    width: 23px;
  }

  .studentclub .clubbox ul.clublist li:nth-child(even):before {
    width: 23px;
    left: -22px;
  }

  .tradedu .edubox {
    width: 38%;
  }

  .workbanner .leftcontent .bluebar ul li {
    padding-left: 5px;
    padding-right: 5px;
  }

  /*.studentclub .clubbox ul.clublist:before{ height: 254px; }*/

  .voicebox {
    min-height: 275px;
  }

  .voicebox .voicecontent {
    min-height: 230px;
  }

  .thesummer ul li {
    height: 140px;
  }

  .success ul li {
    width: 43%;
    height: 220px;
  }

  .whygrras .iconbox {
    min-height: 180px;
  }



  .examcenter h4 {
    font-size: 18px;
  }

  .tradedu .gsbenifit {
    max-width: 44%;
  }

}

/*Search style home page*/



#search-results {

  margin-top: 10px;

  background: aliceblue;

  padding: 10px;



}



.search-result-item {

  margin-bottom: 10px;

}



.search-result-item a {

  color: #0073aa;

  text-decoration: none;

}



.search-result-item a:hover {

  text-decoration: underline;

}



div#search-results {

  display: none;

}

.custom_contant {

  display: -webkit-box;

  /* display: block; */

  -webkit-line-clamp: 7;

  font-size: 16px;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.placement_contant {

  display: -webkit-box;

  /* display: block; */

  -webkit-line-clamp: 5;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.hidden-item {

  display: none;

}


.endcareer2-area a {
  color: #222;
  text-decoration: none;
}

.endcareer2-area:hover {
  background-color: #fff3e3;
  box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
}

.top-fixed {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: auto;
  z-index: 10;
}

.sticky-nav {

  position: -webkit-sticky;

  position: sticky;

  top: 0;

  text-align: center;

  /* z-index: 1000; */

  /* width: 114%; */

  background-color: #fff;

  padding: 10px 0;

  border-bottom: 1px solid #ddd;

  height: auto;

  /* max-width: 369vh; */

}

span.gform-loader {

  display: none !important;

  /*position: absolute !important;*/

  /* top: 86%; */

  /*right: 48%!important;*/

}

.past {

  background: #5770c2;

  font-size: 13px;

  font-weight: 500;

  padding: 5px 22px;

  border-radius: 0px 5px 0px 0px;

  color: #fff;

  display: inline-block;

  text-transform: uppercase;

  position: absolute;

  top: 0px;

  right: 0px;

  z-index: 1;

}

.upcoming {

  background: #1db100;

  font-size: 13px;

  font-weight: 500;

  padding: 5px 22px;

  color: #fff;

  display: inline-block;

  text-transform: uppercase;

  position: absolute;

  top: 0px;

  right: 0px;

  z-index: 1;

  border-top-right-radius: 5px;

}

.stories_like {

  position: sticky;

  top: 0%;

  height: max-content;

}

.bennifit_ {

  display: flex !important;

  justify-content: center !important;

  align-items: center !important;

  flex-direction: column !important;

}

.overview_view {

  position: absolute;

  top: 0;

  right: 0;



}

@media (max-width: 767px) {
  .hearform .blackbg h5 {
    font-size: 16px;

    padding-top: 10px;
    letter-spacing: 1px;
  }

  .hearform .carbox .coname h4 {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .hearform .blackbg img {
    max-height: 50px;
  }

  .redhatpro h3, .peekinto h3, .solution h1 {
    font-size: 20px;
  }

  .recentplacement .owl-carousel .item .cousebox .content .link, .studentsay .item .whbox a,
  .hearform .carbox .coname p {
    font-size: 12px;
  }

  .presence ul.isolist {
    margin-bottom: 0;
  }

  .examcenter p {
    font-size: 12px;
  }

  .examcenter h4 {
    font-size: 14px;
  }

  .contactform .coform .button {
    font-size: 12px !important;
    padding: 10px 20px !important;
  }

  .trainingcourse p {
    padding-bottom: 0;
  }

  .trainingcourse h2 {
    color: #fff;
  }

  .peekinto .subtext {
    padding-top: 0;
  }

  .bestfor p, .careerpath .subtext, .careerpath .subtext {
    font-size: 12px;
  }

  .peekinto .subtext {
    font-size: 16px;
  }

  body.page-template-page-template-about .refer-section .banner-content h1 {
    padding-bottom: 0;
  }

  #industrysection .industry-section .cousebox .name h4 {
    font-size: 16px;
  }

  body.page-template-contact .locate h2 {
    font-size: 20px !important;

  }

  body.single-workshops .workleft p {
    font-size: 12px;
    line-height: 20px;
  }

  #industrysection .industry-section .cousebox .employ .image-box {
    width: 45px;
    height: 45px;
    border-radius: 5px;
  }

  #industrysection .industry-section .cousebox .content h5 {
    font-size: 14px;
  }

  #eventssection .awardbox .image-box, #awardsection .awardbox .image-box {
    text-align: center;
    margin: 0;
  }

  body.page-template-page-template-services .hearform .subtext {
    font-size: 12px;
    padding-top: 10px;
  }

  body.single-internships .hearform .orangebox .content {
    padding: 20px 30px 0;
    min-height: auto;
  }

  .theme-default-tab li {
    width: 100%;
  }

  .theme-default-tab li a {
    font-size: 12px;
  }

  .toggle-more {
    font-size: 12px;
  }

  /* .certificate-full p{
      margin-bottom: 0px;
   } */
  .turnover-detail p {
    padding-left: 0;
    line-height: 17px;
  }

  .course-mobile p {
    min-height: 60px;
    margin-bottom: 0;
  }

  .overview_view {

    position: relative !important;

  }

  .text-center-ms {

    text-align: center !important;

  }

  .text-left-ms {

    text-align: left !important;

    font-size: small !important;

  }

  .top-fixed3 {

    position: relative !important;

  }

  .stories_like {

    position: relative !important;

  }

}

.award .owl-nav {



  display: none !important;

}

.successstory .owl-nav {

  display: none !important;

}

p.gform_required_legend {

  display: none !important;

}

.two_line {

  display: -webkit-box;

  /* display: block; */

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.global-link {

  text-decoration: none !important;

  color: black !important;

}

.owl-carousel.top-company-course.owl-loaded.owl-drag {

  display: none;

}

.tagging-round--item {

  border-radius: 30px;

  border: 1px solid rgba(171, 171, 171, 0.2);

  background-color: #f4f8fc;

  font-size: 0.8125rem;

  color: #666e75;

  padding: 3px 15px 5px 15px;

  display: inline-block;

  margin: 5px;

}

.tagging-round--item {

  border-radius: 30px;

  border: 1px solid rgba(171, 171, 171, 0.2);

  background-color: #f4f8fc;

  font-size: 0.8125rem;

  color: #666e75;

  padding: 3px 15px 5px 15px;

  display: inline-block;

  margin: 5px;

  text-decoration: none;

}

.courses-list a {

  text-decoration: none;

  color: rgba(255, 255, 255, 0.6);

  font-size: 14px;

}

.col-lg-4.g-3.col-md-6.single-content.grid-item.bais>a {

  text-decoration: none;

}

a.readmore {

  text-decoration: none;

  color: #fa8436;

  text-align: center;

  justify-content: center;

  display: flex;

  align-items: center;

  font-weight: 500;

}

.award .item .cousebox p {

  color: #000;

  font-size: 14px;

  padding: 20px;

  padding-top: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

}

@media (max-width: 568px) {

  .award .item .cousebox h4 {

    padding-bottom: 5px;

  }

  .award .item .cousebox p {

    padding: 10px;

    font-size: 11px;

    padding-top: 0px;

  }

  .custom_contant {



    font-size: 13px;



  }

  .partnerind p {



    font-size: 12px;



  }

  /*.recentplacement .owl-carousel .item .cousebox {*/

  /*        height: 208px;*/

  /*}*/

}

.hidden-item {

  display: none;

}



.f-42 {

  font-size: 42px !important;

}

.banner-image-area .avatar-area {

  font-size: 20px;

  bottom: 40px;

  left: -40px;

}

.theme-color-text {

  color: #EF7221;

}

.section-padding {

  padding: 50px 0px;
  background-color: #F2F6F8;

}

.endcareer {
  padding: 50px 0px !important;
}

.videobox iframe, .videobox img {
  border-radius: 5px;
}

.videobox {
  margin-bottom: 18px;
}

.academy-section .banner-content p {

  font-size: 20px;

}

.learner-section .imgbox {

  border-radius: 4px;

  border: solid 1px #EF7220;

}

.learner-section .imgbox .name {

  background-color: #FFEAD4;

}

.learner-grid {

  display: grid;

  gap: 15px;

  grid-template-columns: 5fr 5fr 5fr 5fr 5fr;

}

.info-card .card-icon {

  max-width: 60px;

  height: 60px;

  border: solid 2px #FFEFE4;

  min-width: 60px;

  font-size: 20px
}

.theme-box-shadow {

  box-shadow: 0 2px 10px rgba(0, 0, 0, .05);

}

.info-card .card-icon-sm {

  max-width: 55px;

  height: 55px;

  min-width: 55px;

}

.info-card-hover-item li img {

  max-height: 50px;

}

.info-card-hover-item li:not(:last-child) {

  border-right: solid 1px #A5A5A5;

  padding: 0 10px;

  margin: 0;

}

/* .info-card-hover-item {

   visibility: hidden;

   height: 0;

   opacity: 0;

   transition: all 0.4s ease;

} */

/* .info-card:hover .info-card-hover-item {

   visibility: visible;

   opacity: 1;

   height: auto;

   margin-top: 25px;

} */

.hearform .nav {

  display: block;

}

.hearform .nav a {

  color: #19352D;

  font-size: 16px;

  border: 1px #d1dfe0 solid;

  border-radius: 10px;

  display: block;

  text-align: center;

  padding: 15px;

  margin-bottom: 20px;

}

.hearform .nav a.active {

  background: #ef7221;

  color: #fff;

}

.hearform .orangebox {

  background: #ef7221;

  border-radius: 5px;

}

.hearform .orangebox .content {

  padding: 20px 30px 0;

}

.hearform .orangebox p {

  font-size: 14px;

  color: #fff;

  padding-top: 20px;

  font-weight: 300;

  margin-bottom: 60px;

  min-height: 150px;

}

body.single-internships .hearform .owl-carousel .owl-item .carbox img {
  width: 100% !important;
  max-width: 100% !important;
  display: inline-block;
  object-fit: cover;
  max-height: 315px;
}

body.single-internships .hearform .owl-carousel .owl-item .orangebox img {
  width: auto !important;
}

.hearform .star, .hearform .star-enabled {

  color: #fff;

}

.hearform .blackbg {

  background: #1d1d1d;

  border-radius: 0 0 5px 5px;

  padding: 0 0 20px;

  text-align: center;

}

.hearform .blackbg img {

  margin-top: -42px;

  width: 86px;

  height: 86px;

  border-radius: 50%;

}

.hearform .blackbg h5 {

  color: #fff;

  font-size: 18px;

  text-transform: uppercase;

  font-weight: 300;

  padding-top: 20px;

  letter-spacing: 2px;

}

.hearform .carbox {

  border-radius: 15px;

  position: relative;

  margin-bottom: 20px;

}

.hearform .carbox .bigimg img {

  border-radius: 15px;

  width: 100%;

}

.hearform .carbox .play {

  position: absolute;

  top: 20px;

  right: 20px;

}

.hearform .owl-carousel .owl-item img {

  width: auto;

  max-width: 100%;

  display: inline-block;

}

.hearform .carbox .company {

  position: absolute;

  top: 10px;

  left: 0px;

}

.hearform .carbox .coname {

  position: absolute;

  bottom: 0px;

  left: 0px;

  right: 0;

  border-radius: 0 0 15px 15px;

  background: rgb(0, 0, 0);

  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);

  padding: 30px 20px 15px;

}

.hearform .carbox .coname h4 {

  margin: 0;

  padding: 0;

  font-size: 19px;

  font-weight: 500;

  color: #fff;

}

.hearform .carbox .coname p {

  margin: 0;

  padding: 0;

  font-size: 14px;

  color: #fff;

}

.hearform .reviewbox {

  background: #fff;

  border-radius: 15px;

  padding: 20px 20px 5px;

  min-height: 205px;

  margin-bottom: 27px;

  box-shadow: 0 5px 10px rgba(0, 0, 0, .05);

}

.hearform .reviewbox .content {

  margin-left: 70px;

}

.hearform .reviewbox .content h4 {

  font-size: 14px;

  color: #282828;

}

.hearform .reviewbox .content p {

  font-size: 10px;

  color: rgba(40, 40, 40, .8);

}

.hearform .reviewbox p {

  line-height: 16px;

  font-size: 12px;

}

.hearform .reviewbox img {

  float: left;

  border-radius: 5px;

  width: auto;

  max-width: 50px;

}

.owl-dots {

  text-align: center;

}

.owl-dots .owl-dot.active {

  background: #ef7221 !important;

}

.owl-dots .owl-dot {

  width: 6px;

  height: 6px;

  background-color: #434343 !important;

  border-radius: 50%;

  margin: 0 3px;

}

.image-size170 {

  max-height: 170px;

}

.Newslatter-section .container:before {

  content: "";

  background-color: #FFE8CF;

  width: 100%;

  bottom: 0;

  left: 0;

  right: 0;

  position: absolute;

  height: calc(100% - 120px);

  z-index: -1;

  border-top-left-radius: 10px;

  border-top-right-radius: 10px;

}

.mobile-view .content h4 {

  font-size: 14px;

}

.mobile-view .content span {

  font-size: 11px;

  color: #8D8D8D;

}

.mobile-view .training-area {

  font-size: 14px;

}

.theme-text-light {

  color: #8D8D8D;

}

.theme-text-primary {

  color: #EF7221;

}

.theme-brd-dark {

  border-color: #B9B9B9 !important;

}

.mobile-view .topbox .image-box {

  z-index: 1;

}

.mobile-view .topbox:after {

  content: "";

  position: absolute;

  bottom: 37px;

  left: 0;

  width: 100%;

  height: 1px;

  background-color: #B9B9B9;

}

.help-section:before {

  content: "";

  position: absolute;

  left: 0;

  top: -50px;

  width: 100%;

  height: 51px;

  background-image: url(../grras-child/images/Vector.png);

}

.text-theme-orange {

  color: #ef721f;

  font-size: 15px;

}



.f-14 {

  font-size: 14px;

}



/* Solution Page */
.image-position-right:before, .elementor-image-position-right div:before {
  transform: rotate(90deg) translate(-50%, -100px);
  background-position: top center !important;
  width: 50% !important;
  background-size: contain;
  height: 100% !important;
  top: 50% !important;
}

.banner-content .banner-tags li {

  background-color: #FFE0BF;

  border-radius: 50px;

  padding: 10px;

  display: inline-block;

  margin-bottom: 8px;

  margin-right: 8px;

}

.btnwith-icon-sm .btn-icon {

  width: 35px;

  height: 35px;

}

.menu-area .contentarea:not(.active) {

  display: none;

}

.menu {
  position: sticky;
  top: 0;
  border: solid 1px #EF7220;
  border-radius: 4px;
  margin-top: -34px;
  z-index: 1000;
  max-width: 1170px;
  width: 100%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

/* #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li:last-child{  border: 1px solid #EF7220;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li:last-child a{  padding: 0 30px;
} */
/* ul li.loginButton a.mega-menu-link{
border: 1px solid #EF7220 !important;
    border-radius: 3px !important;
    padding: 0px 20px !important;
    height: 40px !important;
    line-height: 40px !important;
    text-align: center !important;
    background: linear-gradient(90deg, rgba(239, 114, 32, 1), rgba(255, 165, 2, 1)) !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent;
    color: transparent !important;
    font-weight: 600 !important;
} */

.menu.position-fixed {
  margin-top: 0 !important;
}

.menu li {

  font-size: 18px;

  display: inline-block;

  flex-grow: 1;

  text-align: center;

  cursor: pointer;

  border-radius: 4px;

  padding: 8px 8px;

  font-weight: 500;

}

.menu li.active {

  background-color: #EF7220;

  color: #fff;

}

.image-cover {

  object-fit: cover;

}

.trackbox button, .btndefault, .verify-btn {

  background-color: #FFF3E3;

  display: inline-block;

  color: #000;

  font-size: 12px;

  font-weight: 500;

  border: solid 1px #EF7220;

  padding: 7px 15px;

  text-decoration: none;

}

.partner-section .trackbox img {

  max-height: 50px;

}

.corporate-section .imgbox .name {

  border-top: solid 1px #EF7220;

}

.corporate-section .imgbox img {

  min-height: 99px;
  max-height: 99px;
}

.industry-section .cousebox {

  border: 1px #e8e8e8 solid;

  border-radius: 10px;

  margin-top: 10px;

  box-shadow: 4px 4px 5px rgba(0, 0, 0, .08);

  min-height: 350px;

}

.industry-section .cousebox:hover, .awardbox:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 247, 239, 1) 100%);
}

.industry-section .cousebox .employ .image-box {

  background-color: #EDEDED;

  width: 80px;

  height: 80px;

  border-radius: 8px;

}

.awardbox {

  background-color: #FBFBFB;

  color: #333931;

  border-radius: 7px;

  box-shadow: 4px 4px 5px rgba(0, 0, 0, .08);

}

.pagination li a {

  background-color: transparent;

  border: 0;

  border-radius: 50px;

  width: 40px;

  height: 40px;

  text-align: center;

  line-height: 30px;

  color: #EE6A23;

  margin: 0 5px;

}

.pagination li.active a {

  background-color: #EE6A23;

  border-radius: 4px;

}

.pagination li a.prev, .pagination li a.next {

  background-color: #fff;

  border-radius: 50px !important;

  margin-left: 10px;

  box-shadow: 4px 4px 5px rgba(0, 0, 0, .08);

  margin-right: 10px;

}

.exam-course-area .awardbox {

  font-size: 12px;

}



/* Refer Page */

.refer-section:before {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  background-image: url(../images/refer-curve.png);

  width: -webkit-fill-available;

  height: 170px;

  background-repeat: no-repeat;

  background-position: right;

}

.career-block .career-block-count {

  width: 40px;

  height: 40px;

  color: #fff;

  background-color: #272C37;

  border-radius: 50px;

  margin-top: -18px;

}

.faq-section .accordion-plus .accordion-button,

.faq-section .accordion-plus .accordion-item,

.faq-section .accordion-plus .accordion-item .accordion-collapse {

  background-color: transparent !important;

}

.question-block-2 button {

  border-color: rgb(81 86 94 / 29%);

  box-shadow: none;

  box-shadow: 0px 3px 4px rgba(0, 0, 0, .1);

  transition: all 0.4s ease;

}

.question-block-2 button .question-count {

  background-color: #51565E;

  color: #fff;

  border-color: #51565E;

}

#timer {

  background-color: #D9D9D9;

  display: inline-block;

  padding: 0 5px;

  font-weight: 500;

  font-size: 18px;

}

.btnlight {

  color: #000;

  font-size: 18px;

  background-color: #D9D9D9;

}

.btnlight:hover, .btnlight:focus {

  background-color: #c3bfbf;

}

.question-main-area:not(.active) {

  display: none;

}

.question-block-2 button:hover, .question-block-2.active button {

  background-color: #FFDBB7;

  border-color: #FFDBB7;

  box-shadow: none;

}

.question-block-2 button:hover .question-count {

  color: #fff;

}

.outilnestroke-bottom:before {

  content: "";

  position: absolute;

  left: -50%;

  bottom: -1px;

  width: 100%;

  height: 1px;

  background-color: #dee2e6;

  z-index: 1050;

  box-sizing: border-box;

}

.outilnestroke-top:before {

  content: "";

  position: absolute;

  left: -50%;

  top: -1px;

  width: 100%;

  height: 1px;

  background-color: #dee2e6;

  z-index: 1050;

  box-sizing: border-box;

}

.theme-primary-tab li a, .theme-primary-tab li a.active {

  background-color: #FFF3E6;

}

.theme-default-tab li a, .theme-default-tab li a.active {

  background-color: #F9F9F9;

}

.roadmap-block .cardicon {

  width: 55px;

  height: 55px;

  border: dashed 1px #ef7221;

  border-radius: 50px;

}

.roadmap-block h5 {

  font-size: 18px;

}

.roadmap-block ul li {

  position: relative;

  padding-left: 16px;

  padding-bottom: 8px;

}

.roadmap-block ul li:before {

  content: "";

  width: 8px;

  height: 8px;

  background-color: #EF7227;

  position: absolute;

  left: 0;

  top: 7px;

  border-radius: 50px;

}

/* Solution Page */

.image-position-right:before {

  transform: rotate(90deg) translate(-50%, -100px);

  background-position: top center;

  width: 50%;

  background-size: contain;

  height: 100%;

  top: 50%;

}

.banner-content .banner-tags li {

  background-color: #FFE0BF;

  border-radius: 50px;

  padding: 10px;

  display: inline-block;

  margin-bottom: 8px;

  margin-right: 8px;

}

.btnwith-icon-sm .btn-icon {

  width: 35px;

  height: 35px;

}

.menu-area .contentarea:not(.active) {

  display: none;

}

.menu {

  border: solid 1px #EF7220;

  border-radius: 4px;

  margin-top: -34px;

  z-index: 999;

  position: relative;

}

.menu li {

  font-size: 18px;

  display: inline-block;

  flex-grow: 1;

  text-align: center;

  cursor: pointer;

  border-radius: 4px;

  padding: 8px 8px;

  font-weight: 500;

}

.menu li.active {

  background-color: #EF7220;

  color: #fff;

}

.image-cover {

  object-fit: cover;

}

.trackbox button, .btndefault {

  background-color: #FFF3E3;

  color: #000;

  font-size: 12px;

  font-weight: 500;

  border: solid 1px #EF7220;

  padding: 7px 15px;

}

.partner-section .trackbox img {

  max-height: 50px;

}

.corporate-section .imgbox .name {

  border-top: solid 1px #EF7220;

}

.corporate-section .imgbox img {

  min-height: 99px;

}

.industry-section .cousebox {

  border: 1px #e8e8e8 solid;

  border-radius: 10px;

  margin-top: 10px;

  box-shadow: 4px 4px 5px rgba(0, 0, 0, .08);

  min-height: 350px;

}

.industry-section .cousebox .employ .image-box {

  background-color: #EDEDED;

  width: 80px;

  height: 80px;

  border-radius: 8px;

}

.awardbox {

  background-color: #FBFBFB;

  color: #333931;

  border-radius: 7px;

  box-shadow: 4px 4px 5px rgba(0, 0, 0, .08);

}

.pagination li a {

  background-color: transparent;

  border: 0;

  border-radius: 50px;

  width: 40px;

  height: 40px;

  text-align: center;

  line-height: 30px;

  color: #EE6A23;

  margin: 0 5px;

}

.pagination li.active a {

  background-color: #EE6A23;

  border-radius: 4px;

}

.pagination li a.prev, .pagination li a.next {

  background-color: #fff;

  border-radius: 50px !important;

  margin-left: 10px;

  box-shadow: 4px 4px 5px rgba(0, 0, 0, .08);

  margin-right: 10px;

}

.exam-course-area .awardbox {

  font-size: 12px;

}

.bg-theme-light {

  background-color: #FFF7EF;

}

.bg-theme-light-gradient {

  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 247, 239, 1) 100%);

}

.bg-theme-light-gradient-sm {

  background: linear-gradient(0deg, rgba(255, 234, 213, 1) 0%, rgba(255, 193, 131, 1) 100%);

}

.bg-theme-dark-gradient {

  background: linear-gradient(0deg, rgba(255, 247, 239, 1) 0%, rgba(255, 229, 211, 1) 100%);

}

.bglight-sm {

  background-color: #fff5e7 !important;

}

form.Exam-form input.form-control {

  font-size: 13px;

  border-radius: 4px;

  box-shadow: none;

  border-color: #D2D2D2;

}

.tab-big li a {

  padding: 25px 30px;

  border: 0;

  border-radius: 4px;

  background-color: transparent;

  color: #000;

  position: relative;

}

.tab-big li a.active, .tab-big li a:hover {

  background-color: #F9F6F4;

  color: #000;

  font-weight: 500;

}

.tab-big li a .collapseicon-mobile {

  position: absolute;

  right: 15px;

  top: 50%;

  transform: translate(0px, -50%);

}

.exam-course-area {

  background-color: #f9f6f4;

  overflow-y: auto;

  max-height: 600px;

}

.exam-course-area .cobox {

  background-color: #fff;

  border: solid 1px #CCCCCC;

  border-radius: 5px;

}

.exam-course-area.coursesec .imgbox .bestseller {

  top: -12px;

  right: -16px;

}

.exam-course-area .cobox .link {

  color: #ef7221;

  font-size: 10px;

  text-decoration: none;

}

.exam-course-area .cobox .content a {

  color: #2B2b2b;

  text-decoration: none;

}

.exam-course-area .cobox .content p {

  font-size: 12px;

  color: #4C4C4C;

}

.exam-course-area .intcourse .cobox .content ul li {
  color: #4C4C4C;
  font-size: 9px;
  padding: 5px 4px 5px;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 3px;
}

.exam-course-area .question-list li {

  font-size: 13px;

  color: #848484;

}

.exam-course-area .question-list li:not(:last-child) {

  border-bottom: solid 1px rgb(125 125 125 / 20%);

  padding-bottom: 5px;

  margin-bottom: 5px;

}

.exam-course-area .question-list li span:last-child {

  color: #282828;

}

.faqs .accordion-plus .accordion-button::after {

  background: url(../images/plus-theme.png) no-repeat;

  left: auto;

  right: 15px;

  background-size: 14px;

}

.faqs .accordion-plus .accordion-button:not(.collapsed)::after {

  background: url(../images/minus-theme.png) no-repeat;

  transform: translate(0px, 5px);

}

.faqs .accordion-plus {

  max-height: 300px;

  overflow-y: auto;

}

.faqs .accordion-plus::-webkit-scrollbar-thumb {

  background-color: #FFDDBA;

  border-radius: 3px;

}

.faqs .accordion-plus::-webkit-scrollbar {

  width: 10px;

  border-radius: 3px;

}

.faqs .accordion-plus .accordion-button,

.faqs .accordion-plus .accordion-collapse {

  background-color: #f4f4f4 !important;

  padding-left: 0 !important;

  padding-right: 0 !important;

}

.faqs .accordion-plus p {

  padding: 0;

}

.faq-section .left-tab li a:not(.active)+.tab-content {

  display: none;

}

.faq-section .left-tab li a.active+.tab-content {

  display: block;

}

.f12 {

  font-size: 12px !important;

}

.f14 {

  font-size: 14px !important;

}

.exam-section .left-tab li {

  margin-bottom: 5px;

}

.exam-section .left-tab {

  overflow-y: auto;

  max-height: 600px;

}



/* MCQ Detail */

.breadcrumb-arrow .breadcrumb-item+.breadcrumb-item:before {

  width: 24px;

  content: "";

  background: url(../images/arogr.png) no-repeat;

  height: 24px;

  background-position: left;

}

.related-area {

  border-radius: 10px;

  box-shadow: 0 0 20px rgba(0, 0, 0, .1);

}

.related-area ul li a {

  color: #000;

  text-decoration: none;

}

.related-area ul li a:hover {

  color: #24d9d1;

}

.related-area ul li:not(:last-child) {

  padding-bottom: 10px;

  margin-bottom: 10px;

  border-bottom: solid 1px #DFE4E8;

}

.question-block button {

  border: solid 1.5px #FFDBB7;

  box-shadow: 2px 2px 0px #FFDBB7;

  background-color: transparent;

  transition: all 0.4s ease-in-out;

}

.question-block .question-count {

  width: 22px;

  height: 22px;

  border: solid 1.5px #FFDBB7;

  text-align: center;

  font-size: 13px;

  color: #FFDBB7;

  border-radius: 4px;

}

.stickybar {

  position: sticky;

  top: 0;

  background-color: #fff;

  padding: 10px;

  box-shadow: 0 0 20px rgba(0, 0, 0, .1);

}

.color-black {

  color: #000;

}

.score-modal-content ul li {

  max-width: 25%;

  flex: 25%;

}

.score-modal-content ul li:not(:last-child) {

  border-right: solid 1px #B3B3B3;

}

#scoremodal button.btn-close {

  top: 10px;

  right: 10px;

  z-index: 1050;

}

#scoremodal .modal-content:before {

  content: "";

  background-image: url(../images/popup-bg.png);

  background-size: contain;

  background-repeat: repeat;

  width: 100%;

  height: 50%;

  position: absolute;

}

.question-block button.active, .question-block button:hover {

  background-color: #AAE6A9;

  border-color: #AAE6A9;

  box-shadow: 2px 2px 0px #9fd19e;

}

.question-block button.active .question-count,

.question-block button:hover .question-count {

  border-color: #000;

  color: #000;

}

.circle-container {

  position: relative;

  width: 60px;

  height: 60px;

}

.circle-bg, .circle-progress {

  fill: none;

  stroke-width: 5px;

  cx: 25;

  cy: 25;

  r: 22;

}

.circle-bg {

  stroke: #FFD707;

}

.circle-progress {

  stroke: #4caf50;

  stroke-linecap: round;

  transform-origin: center;

  transition: stroke-dashoffset 1s linear;

}

.countdown-text {

  position: absolute;

  top: 50%;

  transform: translate(-50%, -54%);

  font-size: 1.5rem;

  font-weight: bold;

  right: -10px;

  width: 40px;

  height: 40px;

  text-align: center;

  display: flex;

  justify-content: center;

}

/* Refer Page */

.refer-section:before {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  background-image: url(../images/refer-curve.png);

  width: -webkit-fill-available;

  height: 170px;

  background-repeat: no-repeat;

  background-position: right;

}

.career-block .career-block-count {

  width: 40px;

  height: 40px;

  color: #fff;

  background-color: #272C37;

  border-radius: 50px;

  margin-top: -18px;

}

.faq-section .accordion-plus .accordion-button,

.faq-section .accordion-plus .accordion-item,

.faq-section .accordion-plus .accordion-item .accordion-collapse {

  background-color: transparent !important;

}

.question-block-2 button {

  border-color: rgb(81 86 94 / 29%);

  box-shadow: none;

  box-shadow: 0px 3px 4px rgba(0, 0, 0, .1);

  transition: all 0.4s ease;

}

.question-block-2 button .question-count {

  background-color: #51565E;

  color: #fff;

  border-color: #51565E;

}

#timer {

  background-color: #D9D9D9;

  display: inline-block;

  padding: 0 5px;

  font-weight: 500;

  font-size: 18px;

}

.btnlight {

  color: #000;

  font-size: 18px;

  background-color: #D9D9D9;

}

.btnlight:hover, .btnlight:focus {

  background-color: #c3bfbf;

}

.question-main-area:not(.active) {

  display: none;

}

.question-block-2 button:hover, .question-block-2.active button {

  background-color: #FFDBB7;

  border-color: #FFDBB7;

  box-shadow: none;

}

.question-block-2 button:hover .question-count {

  color: #fff;

}

.outilnestroke-bottom:before {

  content: "";

  position: absolute;

  left: -50%;

  bottom: -1px;

  width: 100%;

  height: 1px;

  background-color: #dee2e6;

  z-index: 1050;

  box-sizing: border-box;

}

.outilnestroke-top:before {

  content: "";

  position: absolute;

  left: -50%;

  top: -1px;

  width: 100%;

  height: 1px;

  background-color: #dee2e6;

  z-index: 1050;

  box-sizing: border-box;

}

.theme-primary-tab li a, .theme-primary-tab li a.active {

  background-color: #FFF3E6;

}

.theme-default-tab li a, .theme-default-tab li a.active {

  background-color: #F9F9F9;

}

.roadmap-block .cardicon {

  width: 55px;

  height: 55px;

  border: dashed 1px #ef7221;

  border-radius: 50px;

}

.roadmap-block h5 {

  font-size: 18px;

}

.roadmap-block ul li {

  position: relative;

  padding-left: 16px;

  padding-bottom: 8px;

}

.roadmap-block ul li:before {

  content: "";

  width: 8px;

  height: 8px;

  background-color: #EF7227;

  position: absolute;

  left: 0;

  top: 7px;

  border-radius: 50px;

}

/* Solution Page */

.image-position-right:before {

  transform: rotate(90deg) translate(-50%, -100px);

  background-position: top center;

  width: 50%;

  background-size: contain;

  height: 100%;

  top: 50%;

}

.banner-content .banner-tags li {

  background-color: #FFE0BF;

  border-radius: 50px;

  padding: 10px;

  display: inline-block;

  margin-bottom: 8px;

  margin-right: 8px;

}

.btnwith-icon-sm .btn-icon {

  width: 35px;

  height: 35px;

}

.btnwith-icon .btn-icon {

  width: 48px;

  height: 48px;

  background-color: #FB8132;

}

.menu-area .contentarea:not(.active) {

  display: none;

}

.menu {

  border: solid 1px #EF7220;

  border-radius: 4px;

  margin-top: -34px;

  z-index: 999;

  position: relative;

}

.menu li {

  font-size: 18px;

  display: inline-block;

  flex-grow: 1;

  text-align: center;

  cursor: pointer;

  border-radius: 4px;

  padding: 8px 8px;

  font-weight: 500;

}

.menu li.active {

  background-color: #EF7220;

  color: #fff;

}

.image-cover {

  object-fit: cover;

}

.trackbox button, .btndefault {

  background-color: #FFF3E3;

  color: #000;

  font-size: 12px;

  font-weight: 500;

  border: solid 1px #EF7220;

  padding: 7px 15px;

}

.partner-section .trackbox img {

  max-height: 50px;

}

.corporate-section .imgbox .name {

  border-top: solid 1px #EF7220;

}

.corporate-section .imgbox img {

  min-height: 99px;

}

.industry-section .cousebox {

  border: 1px #e8e8e8 solid;

  border-radius: 10px;

  margin-top: 10px;

  box-shadow: 4px 4px 5px rgba(0, 0, 0, .08);

  min-height: 350px;

}

.industry-section .cousebox .employ .image-box {

  background-color: #EDEDED;

  width: 80px;

  height: 80px;

  border-radius: 8px;

}

.awardbox {

  background-color: #FBFBFB;

  color: #333931;

  border-radius: 7px;

  box-shadow: 4px 4px 5px rgba(0, 0, 0, .08);

}

.pagination li a {

  background-color: transparent;

  border: 0;

  border-radius: 50px;

  width: 40px;

  height: 40px;

  text-align: center;

  line-height: 30px;

  color: #EE6A23;

  margin: 0 5px;

}

.pagination li.active a {

  background-color: #EE6A23;

  border-radius: 4px;

}

.pagination li a.prev, .pagination li a.next {

  background-color: #fff;

  border-radius: 50px !important;

  margin-left: 10px;

  box-shadow: 4px 4px 5px rgba(0, 0, 0, .08);

  margin-right: 10px;

}

.exam-course-area .awardbox {

  font-size: 12px;

}



/* Services */

.checkbox-area {

  display: block;

  position: relative;

  padding-left: 35px;

  margin-bottom: 12px;

  cursor: pointer;

  font-size: 22px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.checkbox-area input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;

}

.checkbox-area .checkmark {

  position: absolute;

  top: 0;

  left: 0;

  height: 20px;

  width: 20px;

  border: solid 1px #BDBDBD;

  border-radius: 2px;

}

/* .checkbox-area:hover input ~ .checkmark {

   background-color: #ccc;

} */

.checkbox-area input:checked~.checkmark {

  background-color: #329339;

  border-color: #329339;

}

.checkbox-area .checkmark:after {

  content: "";

  position: absolute;

  display: none;

}

.checkbox-area input:checked~.checkmark:after {

  display: block;

}

.checkbox-area .checkmark:after {

  left: 6px;

  top: 1px;

  width: 7px;

  height: 14px;

  border: solid white;

  border-width: 0 3px 3px 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}

.bold-counter big {

  font-size: 37px;

  color: #343F52;

  font-weight: 500;

}

.bg-image-none, .bg-image-none:before, .elementor-bg-image-none div:before, .elementor-bg-image-none:before {

  background: none !important;

  background-image: none !important;

}

.bg-image-hide, .bg-image-hide:before, .bg-image-hide:after {

  background-image: none !important;

}

.shape-card .cardicon {

  background-color: #fff7ef;

  padding: 12px;

  display: inline-block;

  border-bottom-left-radius: 8px;

  border-bottom-right-radius: 8px;

}

.explorearea {

  border-radius: 5px;

}

.explorearea .iconarea {

  width: 65px;

  height: 65px;

  border: dashed 1px;

  border-radius: 50px;

}

.explore-1 {

  background-color: #EAF6FF;

}

.explore-1 .iconarea {

  border-color: #1B75E8;

  background-color: rgb(27 117 232 / 10%);

}

.explore-2 {

  background-color: #FEF2F4;

}

.explore-2 .iconarea {

  border-color: #FF6881;

  background-color: rgb(255 104 129 / 10%);

}

.explore-3 {

  background-color: #EEFBF5;

}

.explore-3 .iconarea {

  border-color: #00BC65;

  background-color: rgb(0 188 101 / 10%);

}

.explore-4 {

  background-color: #F7F3FF;

}

.explore-4 .iconarea, .explore-7 .iconarea {

  border-color: #F2A700;

  background-color: #FFF3D9;

}

.explore-5 {

  background-color: #EEFBF5;

}

.explore-5 .iconarea, .explore-8 .iconarea {

  border-color: #4500D0;

  background-color: #DFD4F4;

}

.explore-6 {

  background-color: #FFF0F8;

}

.explore-6 .iconarea {

  border-color: #BB0064;

  background-color: #FFDAF0;

}

.f16 {

  font-size: 16px;

}

.explore-7 {

  background-color: #F8FFEB;

}

.explore-8 {

  background-color: #FFECEC;

}

.explore-9 {

  background-color: #DCF4FF;

}

.explore-9 .iconarea {

  background-color: #9DE0FF;

  border-color: #4753FF;

}

.careerarea .careerarea-icon {

  max-width: 120px;

  margin-left: auto;

}

.careerarea1 .careerarea-icon {

  min-width: 70px;

}

.menu li:not(.active) ul {

  display: none;

}

.menu+.child-item {

  background-color: #DFDFDF;

  padding: 25px;

  margin-top: -47px;

  border: solid 1px #EF7220;

  border-radius: 0px 0px 4px 4px;

  max-width: 1170px;

  width: 100%;

  min-width: 1170px;

}

.menu+.child-item li {

  flex: 1 1 auto;

  margin: 0;

  text-align: center;

}

.menu+.child-item li a {

  color: #22262A;

  text-decoration: none;

  font-size: 18px;

  font-weight: 500;

}

.child-item:not(.active) {

  display: none;

}

.child-item.active {

  display: flex;

}

/* Internship */

.breadcrumb-item+.breadcrumb-item::before {

  content: "»";

}

/*.inten-banner .owl-carousel .item img {

    transform: scale(0.9);

    transition:  all 0.5s ease;

}

.inten-banner .owl-carousel .owl-item.active .item img{

    transform: scale(0.7);

}*/

.custom-coursal-internship .owl-nav {

  display: none;

}

.turnover .icon {

  /* background: #fff; */

  width: 78px;

  height: 78px;

  border-radius: 50%;

  text-align: center;

  padding-top: 18px;

  float: left;

}

.turnover p big {

  font-size: 32px;

  font-weight: 700;

  display: block;

}

.grrasint table {

  background: #fffbf8;

}

.grrasint tr:nth-child(odd) {

  background: #fff0e5;

}

.grrasint th:first-child {

  border-radius: 5px 0 0 0;

}

.grrasint th {

  text-align: center;

  background: #fa8436;

  font-size: 16px;

  color: #fff;

  font-weight: 500;

  padding: 15px 10px;

}

.grrasint td {

  font-size: 16px;

  color: #222;

  font-weight: 500;

  padding: 15px 30px;

  border: none;

}

.bg-white-sm {

  background-color: rgb(255, 255, 255, 50%);

}

.theme-text-dark {

  color: #222 !important;

}

.innovation .owl-carousel .owl-item.active .item img {

  transform: scale(1);

}

.heading-area h1 {
  text-transform: capitalize;
  font-size: 32px;

  font-weight: 500 !important;

}

.brd-dark {

  border-color: #BCBCBC !important;

}

.theme-box-shadowdark {

  box-shadow: 0 4px 10px rgba(0, 0, 0, 16%);

}

.f18 {

  font-size: 18px;

}

/* Internship */

.breadcrumb-item+.breadcrumb-item::before {

  content: "»";

}

.inten-banner .owl-carousel .owl-item.highlight .item img {

  transform: scale(0.9);

  transition: all 0.5s ease;

}

.inten-banner .owl-carousel .owl-item:not(.highlight) .item img {

  transform: scale(0.7);

}

.custom-coursal-internship .owl-nav {

  display: none;

}

.turnover .icon {

  /* background: #fff; */

  width: 78px;

  height: 78px;

  border-radius: 50%;

  text-align: center;

  padding-top: 18px;

  float: left;

}

.turnover p big {

  font-size: 32px;

  font-weight: 700;

  display: block;

}

.grrasint table {

  background: #fffbf8;

}

.grrasint tr:nth-child(odd) {

  background: #fff0e5;

}

.grrasint th:first-child {

  border-radius: 5px 0 0 0;

}

.grrasint th {

  text-align: center;

  background: #fa8436;

  font-size: 16px;

  color: #fff;

  font-weight: 500;

  padding: 15px 10px;

}

.grrasint td {

  font-size: 16px;

  color: #222;

  font-weight: 500;

  padding: 15px 30px;

  border: none;

}

.bg-white-sm {

  background-color: rgb(255, 255, 255, 50%);

}

.theme-text-dark {

  color: #222 !important;

}

.innovation .owl-carousel .owl-item.active .item img {

  transform: scale(1);

}

.heading-area h1 {

  font-size: 32px;

  font-weight: 500 !important;

}

.brd-dark {

  border-color: #BCBCBC !important;

}

.theme-box-shadowdark {

  box-shadow: 0 4px 10px rgba(0, 0, 0, 16%);

}

.f18 {

  font-size: 18px;

}



.bglight {

  background-color: #F4F4F4;

}

.bglight2 {

  background-color: #fff !important;

}



/* Academy Page */

.btn-sm {

  font-size: 12px;

  padding: 13px 30px;

}

.btnwith-icon .btn-icon {

  width: 48px;

  height: 48px;

  background-color: #FB8132;

}

.text-gradient {

  background: linear-gradient(to top right, #FF5D2E, #FF2249, #E52963, #a22fce, #D22D75);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.text-gradient-2 {

  background: linear-gradient(#FF5D2E, #FF2249, #E52963, #a22fce, #D22D75, #3574F6);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.inten-banner .owl-dots {

  display: none;

}

.bg-theme-light {

  background-color: #FFF7EF;

}

.bg-theme-light-gradient {

  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 247, 239, 1) 100%);

}

.bg-theme-light-gradient-sm {

  background: linear-gradient(0deg, rgba(255, 234, 213, 1) 0%, rgba(255, 193, 131, 1) 100%);

}

.bg-theme-dark-gradient {

  background: linear-gradient(0deg, rgba(255, 247, 239, 1) 0%, rgba(255, 229, 211, 1) 100%);

}

.brd-theme {

  border-color: #EF7221 !important;

}

.brd-theme-light {

  border-radius: 6px !important;
  border-style: solid !important;
  border-color: rgba(239, 114, 33, 0.3) !important;
  border-width: 1px !important;
  padding: 17px !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: stretch !important;
  flex-shrink: 0;


}

.faqs-data .brd-theme-light {
  background: #000000;
  color: #fff;
  box-shadow: inset 13px 26px 54px 0px rgba(232, 232, 232, 0.25), inset -13px 26px 54px 0px rgba(232, 232, 232, 0.25);
}

.bg-theme-light-gradient-md {

  background: linear-gradient(0deg, rgba(255, 247, 239, 1) 0%, rgba(239, 114, 32, 30%) 20%, rgba(255, 247, 239, 1) 100%);

}

.f-42 {

  font-size: 42px !important;

}

.banner-image-area .avatar-area {

  font-size: 20px;

  bottom: 40px;

  left: -40px;

}

.theme-color-text {

  color: #EF7221;

}

.academy-section .banner-content p {

  font-size: 20px;

}

.learner-section .imgbox {

  border-radius: 4px;

  border: solid 1px #EF7220;

}

.learner-section .imgbox .name {

  background-color: #FFEAD4;

}

.learner-grid {

  display: grid;

  gap: 15px;

  grid-template-columns: 5fr 5fr 5fr 5fr 5fr;

}

.info-card .card-icon {

  max-width: 60px;

  height: 60px;

  border: solid 2px #FFEFE4;

  min-width: 60px;

  font-size: 20px
}

.theme-box-shadow {

  box-shadow: 0 2px 10px rgba(0, 0, 0, .05);

}

.info-card .card-icon-sm {

  max-width: 55px;

  height: 55px;

  min-width: 55px;

}

.info-card-hover-item li img {

  max-height: 50px;

}

.info-card-hover-item li:not(:last-child) {

  border-right: solid 1px #A5A5A5;

  padding: 0 10px;

  margin: 0;

}

/* 
.info-card-hover-item {

   visibility: hidden;

   height: 0;

   opacity: 0;

   transition: all 0.4s ease;

} */

/* .info-card:hover .info-card-hover-item {

   visibility: visible;

   opacity: 1;

   height: auto;

   margin-top: 25px;

} */

.hearform .nav {

  display: block;

}

.hearform .nav a {

  color: #19352D;

  font-size: 16px;

  border: 1px #d1dfe0 solid;

  border-radius: 10px;

  display: block;

  text-align: center;

  padding: 15px;

  margin-bottom: 20px;

}

.hearform .nav a.active {

  background: #ef7221;

  color: #fff;

}

.hearform .orangebox {

  background: #ef7221;

  border-radius: 5px;

}

.hearform .orangebox .content {

  padding: 20px 30px 0;

}

.hearform .orangebox p {

  font-size: 14px;

  color: #fff;

  padding-top: 20px;

  font-weight: 300;

  margin-bottom: 60px;

  min-height: 150px;

}

.hearform .owl-carousel .owl-item img {

  width: auto;

  max-width: 100%;

  display: inline-block;

}

.hearform .star, .hearform .star-enabled {

  color: #fff;

}

.hearform .blackbg {

  background: #1d1d1d;

  border-radius: 0 0 5px 5px;

  padding: 0 0 20px;

  text-align: center;

}

.hearform .blackbg img {

  margin-top: -42px;

  width: 86px;

  height: 86px;

  border-radius: 50%;

}

.hearform .blackbg h5 {

  color: #fff;

  font-size: 18px;

  text-transform: uppercase;

  font-weight: 300;

  padding-top: 20px;

  letter-spacing: 2px;

}

.hearform .carbox {

  border-radius: 15px;

  position: relative;

  margin-bottom: 20px;

}

.hearform .carbox .bigimg img {

  border-radius: 15px;

  width: 100%;

}

.hearform .carbox .play {

  position: absolute;

  top: 20px;

  right: 20px;

}

.hearform .owl-carousel .owl-item img {

  width: auto;

  max-width: 100%;

  display: inline-block;

}

.hearform .carbox .company {

  position: absolute;

  top: 10px;

  left: 0px;

}

.hearform .carbox .coname {

  position: absolute;

  bottom: 0px;

  left: 0px;

  right: 0;

  border-radius: 0 0 15px 15px;

  background: rgb(0, 0, 0);

  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);

  padding: 30px 20px 15px;

}

.hearform .carbox .coname h4 {

  margin: 0;

  padding: 0;

  font-size: 19px;

  font-weight: 500;

  color: #fff;

}

.hearform .carbox .coname p {

  margin: 0;

  padding: 0;

  font-size: 14px;

  color: #fff;

}

.hearform .reviewbox {

  background: #fff;

  border-radius: 15px;

  padding: 20px 20px 5px;

  min-height: 205px;

  margin-bottom: 27px;

  box-shadow: 0 5px 10px rgba(0, 0, 0, .05);

}

.hearform .reviewbox .content {

  margin-left: 70px;

}

.hearform .reviewbox .content h4 {

  font-size: 14px;

  color: #282828;

}

.hearform .reviewbox .content p {

  font-size: 10px;

  color: rgba(40, 40, 40, .8);

}

.hearform .reviewbox p {

  line-height: 16px;

  font-size: 12px;

}

.hearform .reviewbox img {

  float: left;

  border-radius: 5px;

  width: auto;

  max-width: 50px;

}

.owl-dots {

  text-align: center;

}

.owl-dots .owl-dot.active {

  background: #ef7221 !important;

}

.owl-dots .owl-dot {

  width: 6px;

  height: 6px;

  background-color: #434343 !important;

  border-radius: 50%;

  margin: 0 3px;

}

.image-size170 {

  max-height: 170px;

}

.Newslatter-section .container:before {

  content: "";

  background-color: #FFE8CF;

  width: 100%;

  bottom: 0;

  left: 0;

  right: 0;

  position: absolute;

  height: calc(100% - 120px);

  z-index: -1;

  border-top-left-radius: 10px;

  border-top-right-radius: 10px;

}

.mobile-view .content h4 {

  font-size: 14px;

}

.mobile-view .content span {

  font-size: 11px;

  color: #8D8D8D;

}

.mobile-view .training-area {

  font-size: 14px;

}

.theme-text-light {

  color: #8D8D8D;

}

.theme-text-primary {

  color: #EF7221;

}

.theme-brd-dark {

  border-color: #B9B9B9 !important;

}

.mobile-view .topbox .image-box {

  z-index: 1;

}

.mobile-view .topbox:after {

  content: "";

  position: absolute;

  bottom: 37px;

  left: 0;

  width: 100%;

  height: 1px;

  background-color: #B9B9B9;

}

.help-section:before {

  content: "";

  position: absolute;

  left: 0;

  top: -50px;

  width: 100%;

  height: 51px;

  background-image: url(../images/Vector.png);

}

/*  MCQ Page */

.image-cover {

  background-size: cover;

}

.text-highlight {

  background: linear-gradient(0deg, rgba(219, 86, 0, 1) 0%, rgba(250, 132, 54, 1) 100%);

  color: #fff !important;

  padding: 3px 5px;

  border-radius: 4px;

}

.bglight {

  background-color: #F4F4F4;

}

.bglight2 {

  background-color: #fff !important;

}

.user-block-area {

  transition: all 0.4s ease-in-out;

}

.user-block-area.hover-1:hover {

  background-color: #FEF1E4;

}

.user-block-area.hover-2:hover {

  background-color: #845ef70d;

}

.user-block-area.hover-3:hover {

  background-color: #fff8eca1;

}

.user-block-area.hover-4:hover {

  background-color: #ffd1719e;

}

.mcq-section .owl-nav {

  display: none;

}

.btn-dark {

  background-color: #292929;

}

form.Exam-form input.form-control {

  font-size: 13px;

  border-radius: 4px;

  box-shadow: none;

  border-color: #D2D2D2;

}

.tab-big li a {

  padding: 25px 30px;

  border: 0;

  border-radius: 4px;

  background-color: transparent;

  color: #000;

  position: relative;

}

.tab-big li a.active, .tab-big li a:hover {

  background-color: #F9F6F4;

  color: #000;

  font-weight: 500;

}

.tab-big li a .collapseicon-mobile {

  position: absolute;

  right: 15px;

  top: 50%;

  transform: translate(0px, -50%);

}

.exam-course-area {

  background-color: #f9f6f4;

  overflow-y: auto;

  max-height: 600px;

}

.exam-course-area .cobox {

  background-color: #fff;

  border: solid 1px #CCCCCC;

  border-radius: 5px;

}

.exam-course-area.coursesec .imgbox .bestseller {

  top: -12px;

  right: -16px;

}

.exam-course-area .cobox .link {

  color: #ef7221;

  font-size: 10px;

  text-decoration: none;

}

.exam-course-area .cobox .content a {

  color: #2B2b2b;

  text-decoration: none;

}

.exam-course-area .cobox .content p {

  font-size: 12px;

  color: #4C4C4C;

}

/*.exam-course-area .intcourse .cobox .content ul li {*/

/*   color: #4C4C4C;*/

/*   font-size: 9px;*/

/*   padding: 5px 4px 5px 14px;*/

/*   border-radius: 0;*/

/*   margin-top: 0;*/

/*   margin-bottom: 3px;*/

/*   background-image: url(../images/tag.png);*/

/*   background-repeat: no-repeat;*/

/*   background-position: 2px center;*/

/*   background-size: 10px;*/

/*}*/

.exam-course-area .question-list li {

  font-size: 13px;

  color: #848484;

}

.exam-course-area .question-list li:not(:last-child) {

  border-bottom: solid 1px rgb(125 125 125 / 20%);

  padding-bottom: 5px;

  margin-bottom: 5px;

}

.exam-course-area .question-list li span:last-child {

  color: #282828;

}

.faqs .accordion-plus .accordion-button::after {

  background: url(../images/plus-theme.png) no-repeat;

  left: auto;

  right: 15px;

  background-size: 14px;

}

.faqs .accordion-plus .accordion-button:not(.collapsed)::after {

  background: url(../images/minus-theme.png) no-repeat;

  transform: translate(0px, 5px);

}

.faqs .accordion-plus {

  max-height: 300px;

  overflow-y: auto;

}

.faqs .accordion-plus::-webkit-scrollbar-thumb {

  background-color: #FFDDBA;

  border-radius: 3px;

}

.faqs .accordion-plus::-webkit-scrollbar {

  width: 10px;

  border-radius: 3px;

}

.faqs .accordion-plus .accordion-button,

.faqs .accordion-plus .accordion-collapse {

  background-color: #f4f4f4 !important;

  padding-left: 0 !important;

  padding-right: 0 !important;

}

.faqs .accordion-plus p {

  padding: 0;

}

.faq-section .left-tab li a:not(.active)+.tab-content {

  display: none;

}

.faq-section .left-tab li a.active+.tab-content {

  display: block;

}

.f12 {

  font-size: 12px !important;

}

.f14 {

  font-size: 14px !important;

}

.exam-section .left-tab li {

  margin-bottom: 5px;

}

.exam-section .left-tab {

  overflow-y: auto;

  max-height: 600px;

}



/* MCQ Detail */

.breadcrumb-arrow .breadcrumb-item+.breadcrumb-item:before {

  width: 24px;

  content: "";

  background: url(../images/arogr.png) no-repeat;

  height: 24px;

  background-position: left;

}

.related-area {

  border-radius: 10px;

  box-shadow: 0 0 20px rgba(0, 0, 0, .1);

}

.related-area ul li a {

  color: #000;

  text-decoration: none;

}

.related-area ul li a:hover {

  color: #24d9d1;

}

.related-area ul li:not(:last-child) {

  padding-bottom: 10px;

  margin-bottom: 10px;

  border-bottom: solid 1px #DFE4E8;

}

.question-block button {

  border: solid 1.5px #FFDBB7;

  box-shadow: 2px 2px 0px #FFDBB7;

  background-color: transparent;

  transition: all 0.4s ease-in-out;

}

.question-block .question-count {

  width: 22px;

  height: 22px;

  border: solid 1.5px #FFDBB7;

  text-align: center;

  font-size: 13px;

  color: #FFDBB7;

  border-radius: 4px;

}

.stickybar {

  position: sticky;

  top: 0;

  background-color: #fff;

  padding: 10px;

  box-shadow: 0 0 20px rgba(0, 0, 0, .1);

}

.color-black {

  color: #000;

}

.score-modal-content ul li {

  max-width: 25%;

  flex: 25%;

}

.score-modal-content ul li:not(:last-child) {

  border-right: solid 1px #B3B3B3;

}

#scoremodal button.btn-close {

  top: 10px;

  right: 10px;

  z-index: 1050;

}

#scoremodal .modal-content:before {

  content: "";

  background-image: url(../images/popup-bg.png);

  background-size: contain;

  background-repeat: repeat;

  width: 100%;

  height: 50%;

  position: absolute;

}

.question-block button.active, .question-block button:hover {

  background-color: #AAE6A9;

  border-color: #AAE6A9;

  box-shadow: 2px 2px 0px #9fd19e;

}

.question-block button.active .question-count,

.question-block button:hover .question-count {

  border-color: #000;

  color: #000;

}

.circle-container {

  position: relative;

  width: 60px;

  height: 60px;

}

.circle-bg, .circle-progress {

  fill: none;

  stroke-width: 5px;

  cx: 25;

  cy: 25;

  r: 22;

}

.circle-bg {

  stroke: #FFD707;

}

.circle-progress {

  stroke: #4caf50;

  stroke-linecap: round;

  transform-origin: center;

  transition: stroke-dashoffset 1s linear;

}

.countdown-text {

  position: absolute;

  top: 50%;

  transform: translate(-50%, -54%);

  font-size: 1.5rem;

  font-weight: bold;

  right: -10px;

  width: 40px;

  height: 40px;

  text-align: center;

  display: flex;

  justify-content: center;

}

/* Refer Page */

.refer-section:before {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  background-image: url(../images/refer-curve.png);

  width: -webkit-fill-available;

  height: 170px;

  background-repeat: no-repeat;

  background-position: right;

}

.career-block .career-block-count {

  width: 40px;

  height: 40px;

  color: #fff;

  background-color: #272C37;

  border-radius: 50px;

  margin-top: -18px;

}

.faq-section .accordion-plus .accordion-button,

.faq-section .accordion-plus .accordion-item,

.faq-section .accordion-plus .accordion-item .accordion-collapse {

  background-color: transparent !important;

}

.question-block-2 button {

  border-color: rgb(81 86 94 / 29%);

  box-shadow: none;

  box-shadow: 0px 3px 4px rgba(0, 0, 0, .1);

  transition: all 0.4s ease;

}

.question-block-2 button .question-count {

  background-color: #51565E;

  color: #fff;

  border-color: #51565E;

}

#timer {

  background-color: #D9D9D9;

  display: inline-block;

  padding: 0 5px;

  font-weight: 500;

  font-size: 18px;

}

.btnlight {

  color: #000;

  font-size: 18px;

  background-color: #D9D9D9;

}

.btnlight:hover, .btnlight:focus {

  background-color: #c3bfbf;

}

.question-main-area:not(.active) {

  display: none;

}

.question-block-2 button:hover, .question-block-2.active button {

  background-color: #FFDBB7;

  border-color: #FFDBB7;

  box-shadow: none;

}

.question-block-2 button:hover .question-count {

  color: #fff;

}

.outilnestroke-bottom:before {

  content: "";

  position: absolute;

  left: -50%;

  bottom: -1px;

  width: 100%;

  height: 1px;

  background-color: #dee2e6;

  z-index: 1050;

  box-sizing: border-box;

}

.outilnestroke-top:before {

  content: "";

  position: absolute;

  left: -50%;

  top: -1px;

  width: 100%;

  height: 1px;

  background-color: #dee2e6;

  z-index: 1050;

  box-sizing: border-box;

}

.theme-primary-tab li a, .theme-primary-tab li a.active {

  background-color: #FFF3E6;

}

.theme-default-tab li a, .theme-default-tab li a.active {

  background-color: #F9F9F9;

}

.roadmap-block .cardicon {

  width: 55px;

  height: 55px;

  border: dashed 1px #ef7221;

  border-radius: 50px;

}

.roadmap-block h5 {

  font-size: 18px;

}

.roadmap-block ul li {

  position: relative;

  padding-left: 16px;

  padding-bottom: 8px;

}

.roadmap-block ul li:before {

  content: "";

  width: 8px;

  height: 8px;

  background-color: #EF7227;

  position: absolute;

  left: 0;

  top: 7px;

  border-radius: 50px;

}

.whygrras .iconbox a {
  display: block;
  /* text-decoration: underline !important; */
  font-size: 14px;
  font-weight: 400 !important;
  text-transform: capitalize;
  padding-left: 0 !important;
}

.whygrras .iconbox a:hover {
  color: #282828;
}

.rating-number {
  font-size: 42px;
  border-left: solid 1px #e1e3e4;
}

.jobopen .jobox:hover {
  background-color: #ffd4b9;
  box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
}

.serach-course h4 {
  margin-top: 30px;
  font-weight: 500;
}

.examcenter a:hover h4 {
  color: #ef7220;
}

.examcenter a:hover img {
  box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
}

.workshopfilter .cousebox .content {
  padding-bottom: 8px;
}

.boardof .bordbox:hover {
  background-color: #fff3e3;
  box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
}

.endcareer2-area a.full {
  width: 100%;
}

.looklikep {
  font-size: 13px;
  margin: 0 0 8px;
}

.font-14 {
  font-size: 14px;
}

.toggle-more {
  display: block;
  padding: 0;
}

.cert-content p {
  margin-bottom: 0;
}

body.single-internships .whygrras .iconbox h4 {
  margin-bottom: 6px;
  padding-top: 10px;
}

.flex-auto {
  flex: auto;
}

body.single-internships .hearform .owl-carousel .owl-item .carbox .content {
  height: 100%;
  min-height: 345px;
}

body.single-courses .whyenroll .goalbox h4 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 500;
}

.single-workshops .gform_button {
  background-color: #ef7220 !important;
}

.timeline-item:hover:after {
  background-color: #FFE0BF;
}

.awardbox .content h5 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.awardbox .content p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.awardbox .image-box img {
  max-height: 150px;
}

.exam-course-area .awardbox {
  height: 100%;
}

#industrysection .industry-section .cousebox ul {
  min-height: 90px;
}

#industrysection .industry-section .cousebox+.btndefault {
  background-color: #FFF3E3 !important;
  border-color: #EF7220 !important;
}

.page-template-page-template-services .contactform .coform .button {
  background-color: transparent !important;
  border-color: #ef7220 !important;
  color: #ef7220 !important;
  font-weight: 400 !important;
}

.page-template-page-template-services .contactform .coform .button:hover, .page-template-page-template-services .contactform .coform .button:focus {
  background-color: #ef7220 !important;
  color: #fff !important;
}

#industrysection .industry-section .cousebox+.btndefault:hover {
  background-color: #EF7220 !important;
  color: #fff;
}

.f-12 {
  font-size: 12px;
}

.banner-btn a:before {
  background: none !important;
}

body.page-template-home .exclusive-course .owl-nav, body.page-template-home .blog-slid .owl-nav,
body.page-template-home .choice-course .owl-nav {
  display: none;
}

.bennifit_ .item-content p {
  font-size: 12px;
  text-align: center;
}

.whyenroll .goalbox .goal-row img {
  border: solid 4px #FFF2E1;
  padding: 0px;
  max-height: 50px;
}


.our_global .card_icon {
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eeee;
  border-radius: 5px;
}

.our_global .card {
  border-color: #12141D;
  font-size: 14px;
  color: rgb(0 0 0 / 70%);
}

.our_global .owl-nav {
  display: none;
}

.globalsection {
  background-image: url(https://webnew.grras.com/wp-content/uploads/2025/07/slidebgfull.jpg);
  background-size: cover;
  background-position: center center;
}

.our_global .card h6 {
  color: #000;
}

.locationsection {
  background-image: url(https://webnew.grras.com/wp-content/uploads/2025/07/locationbg-1.jpg);
  background-size: cover;
  background-position: center center;
}

.bglight-sm-light {
  background-color: #F3F2EF;
}

.navbar .megamenu .menuopen:before, .navbar .megamenu .menuopen:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  background-color: #F3F2EF;
  z-index: -1;
  height: 100%;
}

.navbar .megamenu ul li a:after {
  content: ">";
  font-size: 16px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0px, -50%);
  transition: all 0.4s ease;
  opacity: 0;
}

.navbar .megamenu ul li a:hover:after, .navbar .megamenu ul li a.active:after {
  opacity: 1;
}

@media(max-width:575px) {
  .navbar .megamenu .brows .model-header-heading, .navbar .model-header-heading {
    font-size: 12px;
    font-weight: 500;
  }

  .navbar .megamenu .brows {
    font-size: 12px;
    padding: 0;
  }

  .navbar .megamenu .menuopen {
    width: 390px;
  }

  .navbar .megamenu .menuopen:before, .navbar .megamenu .menuopen:after {
    width: 0;
    transform: none;
  }

  .navbar .megamenu .menuopen {
    overflow-y: auto;
    max-height: calc(100% - 80px);
    overflow-x: hidden;
  }

  .navbar .megamenu ul li a:after {
    font-size: 0;
  }
}








.mega-sub-menu .content .star span {
  display: inline-block;
  padding: 0;
}

.mega-sub-menu .content .star {
  display: flex;
  align-items: center;
  line-height: 1;
  padding-top: 5px;
}

ul.mega-sub-menu li h2 {
  font-size: 16px;
  text-transform: uppercase;
  padding: 15px 20px 10px 10px;
  background-color: #F3F2EF;
  width: 100%;
}

ul.mega-sub-menu li .mega-menu-link {
  background-color: #F3F2EF !important;
}

.mega-sub-menu .right-content p:empty {
  display: none;
}

.mega-sub-menu p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 5px 0 0;
}

.mega-menu-horizontal {
  display: flex !important;
  align-items: center;
}

/*.mega-menu-horizontal li:nth-child(9) {*/
/*    margin-left: auto !important;*/
/*}*/
.mega-menu-horizontal li.mega-menu-item-home .mega-menu-link {
  height: auto !important;
  line-height: 1 !important;
  padding: 12px 10px !important;
  border-radius: 5px !important;
}

.mega-menu-horizontal li:not(.mega-menu-flyout) .mega-sub-menu .mega-menu-link:before {
  position: absolute !important;
  right: 0;
  width: 10px !important;
  height: 10px !important;
  line-height: 10px !important;
  background-size: 5px !important;
}

.mega-menu-horizontal li .mega-sub-menu .mega-menu-link {
  position: relative;
  border-radius: 0 !important;
}

ul.mega-sub-menu:after {
  content: "" !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 25%;
  background-color: #f3f2ef;
  display: block !important;
  height: 100%;
  z-index: -1;
}

ul.mega-sub-menu li ul:after {
  background: transparent;
}

.mega-sub-menu .content .star span:not(.star) {
  position: relative;
  top: 1px;
  left: 2px;
}

.addbox h3 {
  font-size: 16px;
}

.f-12 {
  font-size: 12px !important;
}

.max-mega-menu li.mega-coursesmega-menu>.mega-sub-menu {
  transform: translate(0px, 18px) !important;
}

.max-mega-menu li.mega-coursesmega-menu>a:After {
  bottom: -18px !important;
}

.main-header {
  box-shadow: 0px 0px 10px rgb(0 0 0 / 46%);
  margin-bottom: 10px;
}

.home .main-header {
  box-shadow: none;
  margin-bottom: 0px;
}

.mega-menu-horizontal li form.mega-search .search-icon {
  border: solid 1px #a9a9a9;
  border-radius: 30px;
  min-width: 70px;
  min-height: 40px;
  width: auto !important;
  top: -5px !important;
}

.mega-menu-horizontal li form.mega-search.mega-search-open input {
  font-size: 12px;
  border: solid 1px #ccc !important;
  margin-right: 78px !important;
  padding: 20px 9px !important;
}

.mega-menu-horizontal li form.mega-search.mega-search-open .search-icon {
  top: 0px !important;
}

.dashicons-search:before {
  content: "" !important;
  display: inline-block;
  background-image: url('../images/search-icon.svg');
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

@media(min-width:992px) {

  .mega-menu-horizontal li.mega-menu-item-home .mega-sub-menu .mega-menu-link .mega-indicator,
  .mega-menu-horizontal li .mega-sub-menu .mega-menu-link .mega-indicator {
    display: none !important;
  }

  .fullstack .curriculum-botton {
    min-width: 450px;
  }

  ul.mega-sub-menu li h2 {
    width: 100% !important;
  }

  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-3-of-12 {
    width: 65% !important;
  }

}

@media(max-width:991px and min-width:991px) {
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle {
    width: 35px !important;
    border-radius: 5% !important;
  }

  .section {
    padding: 30px 0px !important;
  }

  ul.mega-sub-menu li h2 {
    width: 100% !important;
  }

  .mob-header .mega-sub-menu .mega-insidemenu-data>a+.mega-sub-menu .mega-menu-row {
    height: auto !important;
  }

  

  /* ul li.loginButton a.mega-menu-link{border: none !important; color: #000000 !important; font-weight: 400 !important;} */

  .jobform {
    padding: 0px !important;
  }

  .mega-menu>li {
    border-bottom: solid 1px rgb(0 0 0 / 50%) !important;
  }

  .mega-menu-toggle .mega-toggle-block-1:after {
    margin: 0 !important;
  }

  .mega-menu-toggle {
    width: 35px;
  }

  .mob-header .max-mega-menu {
    padding-top: 40px !important;
  }

  .mob-header .mega-toggle-block:before {
    margin: 0 !important;
    position: relative;
    right: -1px;
  }

  .mega-menu-horizontal li.mega-menu-item-home .mega-sub-menu .mega-menu-link .mega-indicator,
  .mega-menu-horizontal li .mega-sub-menu .mega-menu-link .mega-indicator {
    display: none !important;
  }

  .mega-menu-wrap ul.mega-sub-menu li h2 {
    width: 100%;
  }

  .mega-menu-wrap ul.mega-sub-menu:after {
    width: 0%;
  }

  /*.mega-menu-wrap ul.mega-sub-menu li {*/
  /*    padding: 0 0 5px!important;*/
  /*}*/
  .mega-menu-wrap .max-mega-menu ul.mega-sub-menu {
    transform: translate(0px, 0px) !important;
  }

  .mega-menu-wrap .mega-menu .mega-locationicon>a:before, .mega-menu-wrap .mega-menu .mega-profileicon>a:before {
    background-size: 60px !important;
    width: 60px !important;
    height: 40px !important;
  }

  .mega-menu-wrap .mega-menu {
    display: block !important;
  }

  /*.mega-menu-wrap .mega-menu .mega-locationicon, .mega-menu-wrap .mega-menu .mega-profileicon {*/
  /*    display: inline-flex !important;*/
  /*    margin: 0 !important;*/
  /*}*/
  .mega-menu-wrap .mega-menu .mega-locationicon {
    display: inline-block !important;
  }

  .mega-menu-wrap .mega-menu .mega-profileicon {
    float: right !important;
  }

  /*.mega-menu-wrap .mega-menu > li:not(.mega-mb-3) {*/
  /*    margin-bottom: 5px !important;*/
  /*}*/
  .mega-menu-wrap .mega-menu .mega-searchicon form.mega-search.mega-search-closed input {
    display: none;
  }

  .mega-menu-wrap .mega-menu .mega-locationicon, .mega-menu-wrap .mega-menu .mega-profileicon {
    border: 0 !important;
    margin-top: 10px !important;
  }

  .mega-menu-wrap .mega-menu .mega-searchicon form.mega-search .search-icon {
    min-width: 60px;
    min-height: 36px;
  }

  .mega-menu-wrap .mega-menu .mega-searchicon {
    width: 50% !important;
  }

  .mega-menu-wrap .mega-menu .mega-locationicon.mega-toggle-on>a {
    background-color: transparent !important;
  }

  .mega-menu>li:not(.mega-toggle-on), .mega-menu>li:not(.mega-toggle-on)>a {
    background-color: transparent !important;
    color: #000 !important;
  }

  .mega-menu>li.mega-toggle-on>a .mega-indicator {
    transform: rotate(0deg);
  }

  .mega-menu li .mega-sub-menu li.mega-toggle-on .mega-custom-icon:before {
    transform: rotate(-90deg) translate(0px, -5px);
    margin-top: 0 !important;
  }

  .mega-menu-wrap .mega-menu .mega-profileicon>a:before {
    margin-right: 0 !important;
  }

  .mega-menu-wrap .mega-menu .mega-profileicon>a {
    background-color: transparent !important;
    text-align: right !important;
    padding-right: 0 !important;
  }

  .menu-togglebar button.mega-close {
    left: calc(100% - 43px) !important;
  }

}


.mega-menu-wrap .mega-menu li>a:hover .mega-indicator {
  transform: rotate(180deg) !important;
  transition: all 0.4s ease;
}

body.single-internships p {
  padding-left: 0;
}

.mega-menu>li.mega-toggle-on>a {
  position: relative !important;
}

.mega-menu>li.mega-toggle-on>a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #ef7220;
  display: block !important;
}

.mega-menu>li.mega-coursesmega-menu.mega-toggle-on>a:after {
  bottom: -10px;
}

/*.mega-menu > li.mega-toggle-on > a .mega-indicator {*/
/*    transform: rotate(180deg);*/
/*}*/
.mega-menu-wrap .mega-menu .mega-profileicon li a {
  font-weight: 500 !important;
}

.mega-menu-wrap .mega-menu .mega-profileicon li:not(.pl-none-imp):last-child {
  padding: 0 14px !important;
}

.mega-menu-wrap .mega-menu .mega-profileicon .mega-sub-menu li a:before {
  opacity: 1 !important;
}

.mega-sub-menu .mega-insidemenu-data>a+.mega-sub-menu .mega-menu-row {
  background-color: #fff !important;
  border-radius: 5px !important;
  height: auto !important;
}

.mega-sub-menu .mega-insidemenu-data>a+.mega-sub-menu {
  background-color: #f3f2ef !important;
}

/*.mega-Course-item-row > .row{*/
/*    max-height: 360px !important;*/
/*    overflow-y: auto !important;*/
/*}*/
.mega-Course-item-row .row::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5;
}

.mega-Course-item-row .row::-webkit-scrollbar-thumb {
  border-radius: 10px;
  width: 5px;
  background-color: rgb(0 0 0 / 20%);
}

.mega-sub-menu a .item-title {
  text-transform: capitalize;
}

.mega-sub-menu h4 span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mega-menu-horizontal li .mega-sub-menu .mega-menu-link {
  font-weight: 500 !important;
}

.mega-menu-wrap .mega-menu .mega-profileicon .mega-sub-menu li {
  padding-bottom: 5px !important;
}



.locationmap-area ul li:not(:last-child) button {
  border-top: solid 1px rgb(169 169 169 / 40%);
}

.locationmap-area ul li button {
  padding: 25px 15px;
}

.locationmap-area ul li button:not(.active) {
  background-color: #FFE9D7;
  border-radius: 0;
}

.locationmap-area ul li:first-child button {
  /*border: 0 !important;*/
  border-top-right-radius: 0 !important;
}

.locationmap-area ul.nav-tabs li:first-child button {
  border-top: 0 !important;
}

.locationmap-area ul.nav-tabs li button {
  border-left: 0;
  border-top: solid 1px rgb(169 169 169 / 40%);
  border-right: 0;
  position: relative;
  /*border-color: rgb(169 169 169 / 40%) !important;*/
}

.iconbar-area .iconbar-data h5 {
  color: #444;
  position: relative;
}

.iconbar-area .iconbar img {
  width: 60px;
  border-radius: 50px;
  height: 60px;
}

/*.locationmap-area ul.nav-tabs {*/
/*    max-height: 332px;*/
/*    overflow-y: auto;*/
/*    height: 100vh;*/
/*        overflow-x: hidden;*/
/*    background-color: #ffe9d7;*/
/*}*/
.insidetabarea {
  background-color: #FFE9D7;
  overflow-y: auto;
  max-height: 300px;
  height: 100vh;
}

.insidetabarea li {
  border: 0 !important;
}

.insidetabarea li a {
  color: #444;
  font-weight: 500;
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.insidetabarea li a.active {
  color: #ef7220;
}

.insidetabarea li a:not(.active) svg {
  transform: scale(0);
  transition: all 0.4s ease;
}

.insidetabarea li a.active svg {
  transform: scale(1);
}

.locationmap-area ul.nav-tabs::-webkit-scrollbar-track, .insidetabarea::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
  border: solid 1px rgb(0 0 0 / 10%);
}

.locationmap-area ul.nav-tabs::-webkit-scrollbar-thumb, .insidetabarea::-webkit-scrollbar-thumb {
  border-radius: 10px;
  width: 5px;
  background-color: #ef7220;
}

.locationmap-area ul.nav-tabs::-webkit-scrollbar, .insidetabarea::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5;
}

.locationmap-area ul.nav-tabs li button {
  position: relative;
}

/*.locationmap-area ul.nav-tabs li button.active:before {*/
/*    content: "";*/
/*    border-top: 10px solid transparent;*/
/*    border-bottom: 10px solid transparent;*/
/*    border-right: 10px solid #ffe9d7;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 50%;*/
/*    transform: translate(0px, -50%);*/
/*}*/
.locationmap-area ul.nav-tabs li button.active h5:after {
  content: "";
  background-image: url(https://webnew.grras.com/wp-content/uploads/2025/07/xghzv8gb9tcmcz8h9o5.svg);
  background-size: 15px 15px;
  background-repeat: no-repeat;
  position: absolute;
  right: -25px;
  width: 15px;
  height: 15px;
  top: 50%;
  transform: translate(0px, -50%);
}

.recentarrow .owl-nav .owl-prev img, .recentarrow .owl-nav .owl-next img {
  transform: none;
}

body.page-template-blog .latestblog .blog-content .contentbox h4 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.page-template-blog .latestblog .blog-content .imgbox img {
  max-height: 130px;
  object-fit: cover;
  object-position: center;
  min-height: 130px;
}

.bannersection .elementor-button .elementor-button-icon svg {
  fill: #000;
  transform: rotate(-45deg);
}

.bannersection .elementor-button .elementor-button-icon {
  width: 35px;
  height: 35px;
  border-radius: 0.25rem;
  background-color: #fff;
  justify-content: center;
}

.bannersection .elementor-button .elementor-button-content-wrapper {
  display: inline-flex;
  align-items: center;
}

.tabarea .e-n-tabs-heading {
  border: solid 1px #EF7220;
  border-radius: 4px;
  padding: 0.5rem;
}

.tabarea .e-n-tabs-heading button {
  flex: auto;
}

.loader-container {
  position: relative;
  /* anchor for overlay */
}

.loader-overlay {
  position: absolute;
  inset: 0;
  /* top:0 right:0 bottom:0 left:0 */
  display: none;
  /* hidden by default */
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(1px);
  z-index: 50;
}

.loader-overlay.show {
  display: flex;
}

/* Minimal CSS spinner */
.spinner {
  width: 42px;
  height: 42px;
  border: 4px solid #ddd;
  border-top-color: #000;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

.loader-text {
  margin-left: 12px;
  font-size: 14px;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.owl-carousel .owl-nav button img {
  transform: none;
}

.exam-course-area .cobox {
  min-height: 310px;
  height: 100%;
}

.cobox-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}

.exam-section .cobox {
  min-height: auto !important;
}

.exam-section .cobox .cobox-footer {
  position: relative;
}

.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
  border-left: 1px solid #fff !important;
}

.choices__list--multiple .choices__item {
  background-color: #ef7220 !important;
  border: 1px solid #ef7220 !important;
  color: #fff !important;
}

.exam-section .tab-big li a.active .iconarea svg {
  transform: rotate(180deg) translate(0px, 0px) !important;
}

.exam-section .tab-big li a .iconarea .arrow-area svg {
  transform: rotate(0deg) translate(0px, 5px);
  transition: all 0.4s ease;
}

.qsm-quiz-container.qmn_quiz_container .qsm_retake_button {
  margin-top: 20px;
}

.qmn_quiz_container .qmn_btn.qsm-submit-btn,
.qsm-quiz-container.qmn_quiz_container .qsm_retake_button {
  background-color: #ef7220 !important;
  border-color: #ef7220 !important;
}

.qmn_quiz_container .qmn_btn.qsm-submit-btn {
  margin-left: 10px !important;
}

.qmn_quiz_container .qmn_btn.qsm-submit-btn:hover,
.qmn_quiz_container .qmn_btn.qsm-submit-btn:focus, 7 .qsm-quiz-container.qmn_quiz_container .qsm_retake_button:hover,
.qsm-quiz-container.qmn_quiz_container .qsm_retake_button:focus {
  background-color: #D76013 !important;
  border-color: #D76013 !important;
}

.tabarea .e-n-tabs-heading {
  max-width: 1150px;
  margin: 0 auto;
  width: 100%;
  background-color: #fff;
}

.visionsection .cardblock h6 a {
  border-left: solid 2px #000;
  padding-left: 10px;
}

.visionsection .cardblock h6 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.visionsection .cardblock h6:before {
  content: "";
  background-image: url(https://webnew.grras.com/wp-content/uploads/2024/08/LinkedIn-logo.png);
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  background-size: 22px;
}

.mega-menu-horizontal li:not(.mega-menu-flyout) .mega-sub-menu .mega-menu-link:before {
  opacity: 1 !important;
}

body.single-redhat_courses .whyenroll .goalbox h4 {
  max-width: 100%;
}

body.search-results .coursesec .imgbox {
  min-height: 130px;
  background-color: #ccc;
}

body.archive .latestblog .blog-content .imgbox .imageicon {
  border-radius: 10px;
  width: 58px;
  height: 58px;
  min-width: 58px;
  padding: 7px;
  background-color: #fff;
}

body.archive .latestblog .blog-content .imgbox h4 a {
  margin-left: 18px;
  margin-top: 0;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

body.archive .latestblog .blog-content .contentbox * {
  font-size: 11px;
  color: #000;
}

body.archive .latestblog .blog-content .imgbox {
  position: absolute;
  top: 50%;
  right: 16px;
  left: 16px;
  align-items: center;
  transform: translate(0px, -50%);
}

body.archive .latestblog .blog-content .backimgbox>img {
  width: 100%;
  border-radius: 10px 10px 0 0;
}

.testimonial-content {
  overflow: hidden;
}

.formboxfull-column .gform_fields {
  grid-template-columns: repeat(1, 1fr) !important;
}

.gform-theme .gform-theme-button, .gform-theme .gform-page-footer .button {
  padding: 10px 30px;
  background: linear-gradient(90deg, rgba(239, 114, 32, 1) 0%, rgba(255, 165, 2, 1) 100%);
  color: #fff !important;
  font-size: 12px !important;
  border: 0 !important;
}

.gform-theme .gform-theme-button:hover,
.gform-theme .gform-theme-button:focus {
  background: #d7601
}

.gform-theme .gf_progressbar_wrapper .gf_progressbar_percentage {
  background: linear-gradient(90deg, rgba(239, 114, 32, 1) 0%, rgba(255, 165, 2, 1) 100%);
}

.gform-theme .ginput_container input, .gform-theme .ginput_container {
  width: 100% !important;
}

.gform-theme .gform-page-footer {
  justify-content: end;
}

.line-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  -webkit-line-clamp: 3;
}

.line-clamp-4 {
  -webkit-line-clamp: 4;
}

.line-clamp-6 {
  -webkit-line-clamp: 6;
}

.qsm-answer-data {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  align-items: center;
  color: #000;
}

.hearform .carbox .bigimg img {
  width: 100%;
  max-height: 250px;
  object-fit: cover;
  object-position: top;
}

body.tax-city .intcourse .cobox .content p:not(:empty) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}

.learners .content {
  background: #fff5eb;
  padding: 15px;
  border-radius: 10px;
}

.whyhire .whycont {
  background: #fff;
  border-radius: 10px;
  padding: 15px;
  height: 100%;
}




.subcat {
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
  max-height: 300px;
  overflow-y: auto;
  scrollbar-width: thin;
}

.subcat li a {
  color: #3b3b3b;
  font-size: 12px;
  font-weight: 400;
}

.subcat li:last-child {
  margin-bottom: 0;
}

.subcat li:not(:last-child) {
  border-bottom: solid 1px rgb(0 0 0 / 8%);
  padding-bottom: 8px;
  margin-bottom: 5px;
}

.left-tab-arrow.active {
  transform: rotate(180deg);
}

.left-tab-arrow {
  transition: all 0.4s ease;
}

.subcat li a:hover {
  color: #ef7220;
}