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: 80px;

  /* 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;

  width: 100%;

}

.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 {

  height: 90px;

  width: 90px;

  margin: 0 auto;

  object-fit: cover;

  object-position: center;

}

.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: 5px;

  padding: 0;

  z-index: 9;

  display: flex;

  width: 97%;

  border: 0px;

  border-radius: 0;

}

/*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;

}

.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;

  /*border: 1px solid #D4D4D4D4;*/

}

.left-tab li {

  display: block;

}

.left-tab li a.nav-link {

display: block;

    padding: 11.5px 15px;

    font-weight: 500;

    background: #f9f9f9;

    border-bottom: 1px #d4d4d4 solid;

    font-size: 14px;

    color: #3b3b3b;

    border-radius: 0;

}

a.nav-link.toggle-row:last-child {

    border-bottom: none;

}

.left-tab li a.nav-link:hover {

  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;

      filter: invert(1);

}

.faqs-data .left-tab li a.nav-link img:active {

    filter: none;

}

.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: #000;

  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: #fff !important;

    background: #EF7220;

    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 .left-tab li a.nav-link.active img, .faqs-data .left-tab li a.nav-link:hover img {

    filter: none;

}

.faqs-data .faqs-listing {

  border-right: 1px solid #B3B3B338;

}

.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: #000;

}

.faqs-data .roadmap-block p {

  color: #555;

}

/*.faqs .faqs-data .tab-content {*/

/*  height: 100%;*/

/*  background-image: url(../images/crcile.png);*/

/*  background-repeat: no-repeat;*/

/*}*/

/*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;

  }

}

@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;

  }

  .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: 12px;

        font-weight: 500;

        line-height: 16.9px;

        margin-bottom: 0;

  }

  .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;

  }

  .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;

  }

  .certificate-full ul.certification-list li.certification-item .certification-content .certification-number h4 {

    font-size: 14px !important;

  }

  .certificate-full ul.certification-list li.certification-item .certification-content .certification-description p {

    font-size: 12px !important;

    line-height: 1.33 !important;

  }

  .ourhire .whbox {

      background: transparent;

  }

  .left-tab {

      border: none;

  }

  .faqs .faqs-data {

      padding: 12px !important;

  }

}

@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;

  }

  .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;

}

h2 {

  font-size: 32px;

  color: #151924;

  font-weight: 700;

  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;

}

/* 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;

}



.datarea-span-heading {

    color: #555555;

}

.dataarea-h4-heading {

    color: #000;

}



/*faq*/

.faq-section {

  background: #F2F6F8;

  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: #000;

}

.faqs p {

      color: #555555;

}

.faqs #text {

  display: none;

}

.faqs #toggle {

  margin-top: 20px;

}

.faqs .faqs-data {

  background: #fff;

  border-radius: 4px;

  border-style: solid;

  border-color: #7A7A7A47;

  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;

  background-size: contain;

  margin: 0;

}

.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;

}

.redcourse .content a {

  border-radius: 0px;

}

.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;

  min-height: 60px;

}

.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;

}

.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%;

  max-height: 180px;

  object-fit: cover;

}

.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;

  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: #555555;

  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;

      background-color: #FFF;

}

.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 {

  border-radius: 5px;

  padding: 20px;

  padding-bottom: 0;

  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;

  margin-bottom: 0 !important;

}

.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: 3px 0 5px 25px;

  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;

}

.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;

  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-size: cover;

  padding: 50px 0;

  text-align: center;

  background-color: #fff;

}

.ourhire .whbox {

  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; }*/

.starCode {

  min-height: unset !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;

  min-height: unset !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);

}

.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;

  min-height: 350px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.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;

  padding: 10px 15px;

}

.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;

  background-color: #F2F6F8;

}

.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;

  display: flex;

  justify-content: center;

}

.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;

  }

  .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;

  }

  .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;

        border: 1px solid #212529;

  }



  .certificate-full ul.certification-list li.certification-item img {

      width: 35px;

    height: 35px;

  }

  .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) {

  .certificate-full ul.certification-list li.certification-item {

    padding-right: 5px;

    padding-left: 5px;

    align-items:center;

  }

  body.post-type-archive-blog .latestblog .blog-content .imgbox img {

    min-height: 100px !important;

  }

  .exam-section .tab-big li>a {

    background-color: #f9f9f9;

  }

  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;

  }

  .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;

    line-height: 1.33;

  }

  .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) {

    .overview .sticky-nav {

        display: none !important;

    }

    .rectangle-3812 {

        height: 100% !important;

    }

    .jobform .courses-review {

    text-align: center;

}

.jobform .upcoming-batch {

    margin-top: 10px;

    justify-content: center;

}



.justify-content-between {

    margin-bottom: 30px;

}

  .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;

  }

  .jobform .tags {

      justify-content: center;

  }

  .jobform ul.courese-benifit {

       justify-content: center;

       margin-bottom: 10px;

  }

  .jobform ul.courese-benifit li {

      margin-bottom: 10px;

      align-items: center;



      p {

          font-size: 11px;

      }

  }

}

@media(max-width: 568px) {

    .fullstack {

        padding: 0;

        background: transparent;

    }

  .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;

    background: white;

  }

  .fullstack .fullstack-left-side p {

    font-size: 12px;

  }

  .fullstack .fullstack-left-side ul li{

      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: 15px;

  }

  .jobform .lang {

    font-size: 12px;

    font-weight: normal;

  }

  .jobform .owl-nav,

  .jobform .owl-dots {

    display: none;

  }.buildicon .iconbox



  /*.jobform .btn-primary{ width: 100%; }*/

  .jobform .formbox {

    padding: 20px;

    border-radius: 4px;

  }

  .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: left;

  }

  .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;

  }

  .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) {

  .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: 50px;

        height: 50px;

  }

  .buildicon .iconbox {

    padding: 8px;

            display: flex;

        align-items: center;

  }

  .buildicon .iconbox p {

font-size: 10px;

        text-align: left;

        text-transform: none;

        max-width: 100%;

        padding-top: 0;

        margin-left: 8px;

  }

  .buildicon {

      padding: 0;

  }

  /*.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;

  }

  /*.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;

  }

  .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: 4;

  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: 80px;

  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;

}

.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: auto;

}

.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(/wp-content/uploads/2025/07/slidebgfull.jpg);

  background-size: cover;

  background-position: center center;

}

.our_global .card h6 {

  color: #000;

}

.locationsection {

  background-image: url(/wp-content/uploads/2025/07/locationbg-1.jpg);

  background-size: cover;

  background-position: center center;

}

.bglight-sm-light {

  background-color: #F3F2EF;

}

.addbox h3 {

  font-size: 16px;

}

.f-12 {

  font-size: 12px !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) {

  .fullstack .curriculum-botton {

    min-width: 450px;

  }

}

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

  .section {

    padding: 30px 0px !important;

  }

  .jobform {

    padding: 0px !important;

  }

}

body.single-internships p {

  padding-left: 0;

}

/*.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%);

}

.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(/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.post-type-archive-blog .latestblog .blog-content .contentbox h4 {

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

body.post-type-archive-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(/wp-content/uploads/2024/08/LinkedIn-logo.png);

  background-repeat: no-repeat;

  width: 22px;

  height: 22px;

  background-size: 22px;

}

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 {

  top: 50%;

  align-items: center;

}

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: 400px;

  overflow-y: auto;

  scrollbar-width: thin;

  scrollbar-color: #FFDDBA #F6F6F6;

}

.subcat li a {

  color: #3b3b3b;

  font-size: 12px;

  font-weight: 400;

}

.subcat li:last-child {

  margin-bottom: 0;

}

.subcat li:not(:last-child) {

  margin-bottom: 5px;

}

.left-tab-arrow.active {

  transform: rotate(0deg);

}

.left-tab-arrow {

  transition: all 0.4s ease;

}

.subcat li a:hover {

  color: #ef7220;

}

/* single courese css for mogule container */

/* Download Section */

.download-section {

  padding: 1.5rem;

  border-radius: 4px;

  margin-bottom: 2rem;

  display: flex;

  justify-content: space-between;

  align-items: center;

  border: 1px solid #e0e0e0;

}

.download-btn {

  background-color: #ff5722;

  color: white;

  border: none;

  padding: 0.8rem 1.5rem;

  border-radius: 6px;

  cursor: pointer;

  display: flex;

  align-items: center;

  gap: 0.5rem;

  transition: all 0.3s ease;

  position: relative;

  box-shadow: 0 4px 15px rgba(255, 87, 34, 0.2);

}

.download-btn:hover {

  background-color: #ff5722;

  transform: translateY(-2px);

  box-shadow: 0 8px 25px rgba(255, 87, 34, 0.4);

}

/* Modules Container */

.modules-container {

  display: flex;

  flex-direction: column;

  gap: 1rem;

  position: relative;

}

/* Module Styles */

.module {

  border: 1px solid #e0e0e0;

  border-radius: 8px;

  overflow: hidden;

  transition: all 0.3s ease;

}

.module:hover {

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);

}

.hidden-module {

  display: none;

}

.hidden-module.visible {

  display: block;

  animation: fadeIn 0.5s ease-out;

}

.module-header {

  padding: 1.5rem;

  display: flex;

  align-items: center;

  gap: 1rem;

  background: white;

  cursor: pointer;

}

.module-icon {

  display: flex;

  align-items: center;

  justify-content: center;

}

.module-icon img {

  width: 35px;

  height: 35px;

  object-fit: cover;

  object-position: center;

}

.module-info {

  flex: 1;

  padding-left: 2rem;

}

.module-info-content {

  align-items: center;

  display: flex;

}

.module-info-content h4 {

  font-weight: 400;

  font-size: 1rem;

  margin-bottom: 0;

}

/* .module-info h3 {

  font-size: 1.1rem;

} */

.module-meta {

  display: flex;

  align-items: center;

  gap: 1rem;

  font-size: 0.9rem;

}

.duration {

  color: #666;

}

.module-tags {

  display: flex;

  gap: 0.5rem;

}

.tag {

  background: #fff2e1;

  padding: 0.25rem 0.75rem;

  border-radius: 100px;

  font-size: 0.8rem;

  color: #ef7220;

}

/* Expand Button */

.expand-btn {

  background: none;

  border: none;

  cursor: pointer;

  padding: 0.25rem;

}

.chevron {

  width: 30px;

  height: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: transform 0.3s ease;

  background-color: #f2f6f8;

  border-radius: 100%;

}

.chevron img {

  width: 14px;

  height: 12px;

  object-fit: contain;

}

/* Module Content */

.module-content {

  padding: 0;

  max-height: 0;

  overflow: hidden;

  transition: all 0.3s ease-in-out;

}

.objective {

  padding: 1.5rem;

  border-bottom: 1px solid #eee;

}

.objective h4 {

  color: #ff5722;

  margin-bottom: 0.5rem;

  font-weight: 500;

}

.content-elements {

  display: flex;

  flex-direction: column;

  padding: 1.5rem;

}

.mini-project-section {

  margin: 1.5rem;

  padding: 2rem;

  border-radius: 10px;

  background: url("../images/bg-project.png");

  background-size: cover;

  background-position: center;

  color: #fff;

}

.mini-project-section h3 {

  color: #EF7220;

  font-size: 1.25rem;

  margin-bottom: 1.5rem;

  font-weight: 500;

  padding: 0.25rem 0.5rem;

  width: max-content;

  border: 2px solid transparent;

  border-image-source: linear-gradient(47.69deg,

      rgba(239, 114, 32, 0.31) 23.62%,

      rgba(102, 102, 102, 0.1) 76.38%);

  border-image-slice: 1;

}

.project-list {

  display: flex;

  flex-direction: column;

  gap: 1rem;

}

.project-item {

  display: flex;

  align-items: flex-start;

  gap: 1rem;

}

.project-item svg {

  flex-shrink: 0;

  width: 24px;

  height: 24px;

  margin-top: 2px;

}

.project-item p {

  color: #e0e0e0;

  line-height: 1.6;

  font-size: 0.95rem;

}

.content-elements-content {

  background: #f8f9fa;

  border-radius: 10px;

}

.element {

  display: flex;

  align-items: flex-start;

  flex-wrap: wrap;

  padding: 1rem 1.5rem;

  transition: background-color 0.2s ease;

}

.element:hover {

  background-color: #fff;

}

.element.active {

  background-color: #f0f0f0;

}

.plus-icon,

.minus-icon {

  color: #ff5722;

  margin-right: 1rem;

  font-size: 1.2rem;

  font-weight: bold;

  min-width: 20px;

  text-align: center;

}

.sub-elements {

  width: 100%;

  margin-left: 2.2rem;

  margin-top: 1rem;

  display: none;

}

.element.active .sub-elements {

  display: block;

}

.sub-element {

  display: flex;

  align-items: flex-start;

  gap: 1rem;

  padding: 0.75rem 0;

  color: #666;

  font-size: 0.95rem;

}

.check-circle {

  color: #ff5722;

  font-size: 1.1rem;

  min-width: 20px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

}

.check-circle img {

  width: 20px;

  height: 20px;

}

.element.active>span:first-child {

  color: #ff5722;

}

.element>span:nth-child(2) {

  flex: 1;

  padding-top: 0.2rem;

}

.duration {

  margin-left: auto;

  margin-right: 1rem;

  color: #ff5722;

  font-size: 0.9rem;

  display: flex;

  align-items: center;

}

/* .duration::before {

    content: "▶";

    margin-right: 0.5rem;

    font-size: 0.8rem;

} */

.check-icon {

  margin-left: auto;

  color: #28a745;

  font-weight: bold;

}

/* Active State */

.module.active .module-content {

  padding: 0;

  max-height: 1600px;

  /* Adjust based on content */

}

.module.active .chevron {

  transform: rotate(180deg);

}

/* Load More Section with overlay */

.load-more-wrapper {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  height: 100px;

  background: linear-gradient(180deg,

      rgba(255, 255, 255, 0) 0%,

      rgba(255, 255, 255, 0.9) 50%,

      #ffffff 65%);

  display: flex;

  align-items: center;

  justify-content: center;

  pointer-events: none;

  transition: opacity 0.3s ease;

}

.load-more-wrapper.hidden {

  opacity: 0;

  pointer-events: none;

}

.load-more-btn {

  display: inline-block;

  background: linear-gradient(180deg, #ff7a3d 0%, #f4511e 100%);

  color: #fff;

  border: 1px solid rgba(255, 255, 255, 0.18);

  padding: 0.95rem 2rem;

  border-radius: 999px;

  cursor: pointer;

  font-weight: 700;

  font-size: 1rem;

  letter-spacing: 0.02em;

  box-shadow: 0 12px 30px rgba(244, 81, 30, 0.18),

    inset 0 -6px 18px rgba(0, 0, 0, 0.06);

  transition: transform 0.18s ease, box-shadow 0.18s ease;

  text-align: center;

  min-width: 250px;

  line-height: 1;

  outline: none;

  position: relative;

  pointer-events: auto;

  margin-top: 0

}

.load-more-btn:hover {

  transform: translateY(-4px);

  box-shadow: 0 24px 48px rgba(244, 81, 30, 0.28),

    inset 0 -6px 20px rgba(0, 0, 0, 0.05);

}

.load-more-btn:active {

  transform: translateY(0);

  box-shadow: 0 10px 22px rgba(244, 81, 30, 0.18),

    inset 0 3px 10px rgba(255, 255, 255, 0.06);

}

/* Responsive adjustments for the pill button */

@media (max-width: 1199px) {

  .load-more-btn {

    font-size: 1.4rem;

    padding: 0.9rem 3rem;

    min-width: 280px;

  }

}

@media (max-width: 767px) {

  .load-more-wrapper {

    height: 250px;

  }

  .load-more-btn {

    width: calc(100% - 2rem);

    min-width: auto;

    font-size: 1.1rem;

    padding: 0.8rem 1.25rem;

    margin-top: 30px;

  }

}

/* Animations */

@keyframes fadeIn {

  from {

    opacity: 0;

    transform: translateY(10px);

  }

  to {

    opacity: 1;

    transform: translateY(0);

  }

}

.module {

  animation: fadeIn 0.5s ease-out;

}

/* Responsive Design */

/* Desktop (1200px and above) */

@media (min-width: 1200px) {

  .curriculum-container {

    padding: 3rem;

    max-width: 1200px;

  }

  .module-header {

    padding: 1.5rem 2rem;

  }

  .module-icon {

    width: 56px;

    height: 56px;

    background: linear-gradient(90deg, rgb(255 255 255 / 0%) -30%, #dbdbdb 70%);

    border-radius: 4px;

  }

  .module-tags {

    gap: 1rem;

  }

}

/* Tablet (768px to 1199px) */

@media (min-width: 768px) and (max-width: 1199px) {

  .curriculum-container {

    padding: 2rem;

    margin: 1rem;

  }

  .module-header {

    padding: 1.25rem;

  }

  .module-icon {

    width: 48px;

    height: 48px;

  }

  .module-meta {

    flex-wrap: wrap;

    gap: 0.75rem;

  }

  .module-tags {

    flex-wrap: wrap;

  }

  .tag {

    font-size: 0.75rem;

  }

  .element {

    padding: 1rem;

  }

  .sub-elements {

    margin-left: 1.8rem;

  }

}

/* Mini Project Section Responsive Styles */

@media (max-width: 1199px) {

  .mini-project-section {

    padding: 1.75rem;

  }

  .mini-project-section h3 {

    font-size: 1.2rem;

  }

}

@media (max-width: 991px) {

  .mini-project-section {

    padding: 1.5rem;

  }

}

/* Mobile (767px and below) */

@media (max-width: 767px) {

  .curriculum-container {

    padding: 1.25rem;

    margin: 0;

  }

  .mini-project-section {

    margin: 1rem;

    padding: 1.25rem;

  }

  .mini-project-section h3 {

    font-size: 1.1rem;

    margin-bottom: 1.25rem;

  }

  .project-item {

    gap: 0.75rem;

  }

  .project-item svg {

    width: 20px;

    height: 20px;

  }

  .project-item p {

    font-size: 0.9rem;

  }

  h1 {

    font-size: 1.5rem;

  }

  .description {

    font-size: 0.9rem;

  }

  .download-section {

    flex-direction: column;

    gap: 1rem;

    text-align: center;

    padding: 1.25rem;

  }

  .download-btn {

    width: 100%;

    justify-content: center;

  }

  .module {

    margin-bottom: 1rem;

  }

  .modules-container {

    gap: 0;

  }

  .module-header {

    padding: 1rem;

    flex-wrap: wrap;

    gap: 0.75rem;

  }

  .module-icon {

    width: 40px;

    height: 40px;

    font-size: 20px;

  }

  .module-icon img {

    width: 40px;

    height: 40px;

  }

  .module-info {

    padding-left: 0;

  }

  .module-info h3 {

    font-size: 1rem;

    margin-bottom: 0.5rem;

  }

  .module-info-content h4 {

    font-size: 12px !important;

    width: 60%;

    margin-bottom: 0.425rem;

  }

  .duration {

    font-size: 0.7em;

    margin-right: 0.25rem;

  }

  .chevron {

    width: 20px;

    height: 20px;

  }

  .chevron img {

    width: 10px;

    height: 8px;

  }

  .module-meta {

    flex-direction: column;

    align-items: flex-start;

    gap: 0.5rem;

  }

  .module-tags {

    flex-wrap: wrap;

    gap: 0.5rem;

  }

  .tag {

    padding: 0.2rem 0.5rem;

    font-size: 8px;

  }

  .element {

    padding: 1rem;

  }

  .plus-icon,

  .minus-icon {

    font-size: 1rem;

    margin-right: 0.75rem;

  }

  .sub-elements {

    margin-left: 1.5rem;

    margin-top: 0.75rem;

  }

  .sub-element {

    padding: 0.5rem 0;

    font-size: 0.85rem;

    gap: 0.75rem;

  }

  .check-circle {

    font-size: 1rem;

  }

  .load-more-btn {

    width: 100%;

    padding: 0.875rem;

    font-size: 0.9rem;

  }

}

/* Small Mobile (375px and below) */

@media (max-width: 375px) {

  .curriculum-container {

    padding: 1rem;

  }

  .module-header {

    padding: 0.875rem;

  }

  .module-icon {

    width: 36px;

    height: 36px;

    font-size: 18px;

  }

  .module-info h3 {

    font-size: 0.9rem;

  }

  .tag {

    font-size: 0.7rem;

  }

  .element {

    padding: 0.875rem;

  }

  .sub-elements {

    margin-left: 1.25rem;

  }

  .sub-element {

    font-size: 0.8rem;

  }

}

/* Fix for landscape orientation on mobile */

@media (max-height: 500px) and (orientation: landscape) {

  .curriculum-container {

    margin: 0.5rem;

  }

  .module-header {

    padding: 0.875rem 1rem;

  }

  .module-meta {

    flex-direction: row;

    flex-wrap: wrap;

  }

}

/* Ensure smooth transitions across all screen sizes */

@media (prefers-reduced-motion: no-preference) {

  .module-content,

  .sub-elements,

  .element,

  .download-btn,

  .plus-icon,

  .minus-icon,

  .chevron {

    transition-duration: 0.3s;

  }

}

/* Homepage Banner CSS - Jai*/

.video-section-setup {

  width: auto;

}

.backgroundSetting {

  box-shadow: inset 13px 26px 54px 0px rgba(232, 232, 232, 0.3), inset -13px 26px 54px 0px rgba(232, 232, 232, 0.25);

  border-radius: 4px;

  border-style: solid;

  border-color: #7a7a7a;

  border-width: 1px;

}

.overview-nav {

  width: 100%;

  background: #fff;

  /* Ensure background is white so content doesn't show through */

  z-index: 999;

  /* Ensure it sits on top of other content */

  transition: all 0.3s ease;

  /* Smooth transition */

  display: flex;

  justify-content: center;

}

.overview-nav.is-sticky {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

  /* Adds a shadow when sticky */

  animation: slideDown 0.3s ease-in-out;

}

/* Animation to make it slide down smoothly */

@keyframes slideDown {

  from {

    transform: translateY(-100%);

  }

  to {

    transform: translateY(0);

  }

}

/* Adjust tab padding when sticky to look better */

.overview-nav.is-sticky ul {

  margin-bottom: 0;

  padding: 10px 0;

  justify-content: center;

  /* Optional: Center the items when sticky */

}

@media (max-width: 767px) {

  .available-del {

    display: block !important;

  }

}

.box-accordian {
    border: 1px solid #D4D4D4D4;
    border-radius: 4px;
}