/* style-deferred.min.css v5 — CLEAN SPLIT
   Lines 3423-end of style.min.css
   Contains: slider variants 4-6, counter, about, courses, testimonials,
   blog, contact, footer, modals, and all remaining below-fold styles.
   Load async via preload hack. */

.slider-section-04 {
  background-image: -webkit-linear-gradient(0deg, #e9f6f8 0%, #e8ebf5 100%);
  background-image: -ms-linear-gradient(0deg, #e9f6f8 0%, #e8ebf5 100%);
  position: relative;
  z-index: 1;
}
.slider-section-04 .shape-1 {
  position: absolute;
  width: 90px;
  top: 34%;
  left: 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-section-04 .shape-1 {
    width: 60px;
    top: 15%;
    left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-section-04 .shape-1 {
    top: 5%;
    width: 57px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-section-04 .shape-1 {
    width: 47px;
    left: 45px;
  }
}
@media only screen and (max-width: 575px) {
  .slider-section-04 .shape-1 {
    top: 67%;
  }
}
.slider-images-04 {
  position: relative;
  padding-top: 130px;
  text-align: center;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .slider-images-04 {
    padding-top: 50px;
  }
}
.slider-images-04 .image-shape-01 {
  position: absolute;
  top: 25%;
  left: -4%;
  z-index: -1;
}
.animation-style-01 .slider-content,
.animation-style-01 .slider-content-02 {
  opacity: 1;
}
.animation-style-01 .slider-content > *:nth-child(1),
.animation-style-01 .slider-content-02 > *:nth-child(1) {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animation-style-01 .slider-content > *:nth-child(2),
.animation-style-01 .slider-content-02 > *:nth-child(2) {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animation-style-01 .slider-content > *:nth-child(3),
.animation-style-01 .slider-content-02 > *:nth-child(3) {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animation-style-01 .slider-content > *:nth-child(4),
.animation-style-01 .slider-content-02 > *:nth-child(4) {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.slider-section-05 {
  position: relative;
  background: #f9f1e4;
  overflow: hidden;
  z-index: 1;
  padding-top: 78px;
}
@media only screen and (max-width: 767px) {
  .slider-section-05 {
    padding-top: 65px;
  }
}
.slider-section-05 .image-shape-1 {
  position: absolute;
  right: -16%;
  top: -24%;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-section-05 .image-shape-1 {
    right: -60%;
    top: -42%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-section-05 .image-shape-1 {
    right: -63%;
    top: -25%;
  }
}
@media only screen and (max-width: 767px) {
  .slider-section-05 .image-shape-1 {
    right: -55%;
    top: -30%;
  }
}
@media only screen and (max-width: 575px) {
  .slider-section-05 .image-shape-1 {
    right: -56%;
    top: -40%;
  }
}
.slider-section-05 .image-shape-1 svg {
  width: 1240px;
  height: 1026px;
  fill: #fcc972;
}
@media only screen and (max-width: 575px) {
  .slider-section-05 .image-shape-1 svg {
    width: 750px;
  }
}
.slider-section-05 .image-shape-2 {
  position: absolute;
  left: 49%;
  top: 35%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-section-05 .image-shape-2 {
    left: 8%;
    top: 68%;
  }
}
@media only screen and (max-width: 767px) {
  .slider-section-05 .image-shape-2 {
    left: 6%;
    top: 85%;
  }
}
.slider-section-05 .image-shape-3 {
  position: absolute;
  left: 49%;
  top: 12%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-section-05 .image-shape-3 {
    left: 8%;
    top: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .slider-section-05 .image-shape-3 {
    left: 7%;
    top: 65%;
  }
}
@media only screen and (max-width: 575px) {
  .slider-section-05 .image-shape-3 {
    left: -10%;
  }
}
.slider-section-05 .image-shape-4 {
  position: absolute;
  right: 11%;
  top: 14%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-section-05 .image-shape-4 {
    right: 8%;
    top: 53%;
  }
}
@media only screen and (max-width: 767px) {
  .slider-section-05 .image-shape-4 {
    right: 6%;
    top: 60%;
  }
}
.slider-section-05 .image-shape-5 {
  position: absolute;
  right: 4%;
  top: 40%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-section-05 .image-shape-5 {
    right: 2%;
    top: 70%;
  }
}
@media only screen and (max-width: 767px) {
  .slider-section-05 .image-shape-5 {
    display: none;
  }
}
.slider-section-05 .image-shape-6 {
  position: absolute;
  right: 5%;
  bottom: 9%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .slider-section-05 .image-shape-6 {
    right: 0%;
    bottom: 3%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .slider-section-05 .slider-content-03 {
    padding-top: 70px;
  }
}
.slider-section-05 .slider-content-03 .sub-title {
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
  color: #ffffff;
  padding-left: 65px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 575px) {
  .slider-section-05 .slider-content-03 .sub-title {
    padding-left: 40px;
  }
}
.slider-section-05 .slider-content-03 .sub-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../images/home5/text-shape.png);
  background-repeat: no-repeat;
  background-position: center left;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media only screen and (max-width: 575px) {
  .slider-section-05 .slider-content-03 .sub-title::before {
    background-size: cover;
  }
}
.slider-section-05 .slider-content-03 .title {
  font-size: 72px;
  font-weight: 600;
  color: #29303b;
  line-height: 86px;
  margin-top: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .slider-section-05 .slider-content-03 .title {
    font-size: 60px;
    line-height: 75px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-section-05 .slider-content-03 .title {
    font-size: 48px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-section-05 .slider-content-03 .title {
    font-size: 42px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 575px) {
  .slider-section-05 .slider-content-03 .title {
    font-size: 36px;
    line-height: 48px;
  }
}
.slider-section-05 .slider-content-03 p {
  font-size: 22px;
  line-height: 40px;
  margin-top: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .slider-section-05 .slider-content-03 p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .slider-section-05 .slider-content-03 p {
    font-size: 16px;
    line-height: 30px;
  }
}
.slider-section-05 .slider-content-03 .btn {
  height: 65px;
  line-height: 65px;
  padding: 0 70px;
  font-size: 18px;
  margin-top: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .slider-section-05 .slider-content-03 .btn {
    height: 55px;
    line-height: 55px;
  }
}
@media only screen and (max-width: 575px) {
  .slider-section-05 .slider-content-03 .btn {
    padding: 0 50px;
  }
}
.slider-section-05 .slider-images {
  padding-top: 30px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .slider-section-05 .slider-images {
    padding-top: 60px;
  }
}
.slider-section-05 .slider-images .image {
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-section-05 .slider-images .image {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-section-05 .slider-images .image img {
    width: 400px;
  }
}
.slider-section-06 {
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  position: relative;
  z-index: 5;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .slider-section-06 {
    background-size: cover;
  }
}
.slider-section-06 .shape-1 {
  position: absolute;
  left: 0;
  bottom: -42%;
  z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-section-06 .shape-1 {
    bottom: -36%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-section-06 .shape-1 {
    bottom: -14.5%;
  }
}
@media only screen and (max-width: 767px) {
  .slider-section-06 .shape-1 {
    bottom: -13%;
  }
}
@media only screen and (max-width: 575px) {
  .slider-section-06 .shape-1 {
    bottom: -10%;
  }
}
.slider-section-06 .shape-2 {
  position: absolute;
  right: -50px;
  bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-section-06 .shape-2 {
    width: 600px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-section-06 .shape-2 {
    width: 650px;
    right: 80px;
    bottom: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-section-06 .shape-2 {
    width: 650px;
    right: 5px;
    bottom: -25px;
  }
}
@media only screen and (max-width: 575px) {
  .slider-section-06 .shape-2 {
    right: 5px;
    bottom: -25px;
  }
}
.slider-section-06 .slider-content-04 {
  margin-top: -80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-section-06 .slider-content-04 {
    margin-top: 0;
    padding-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .slider-section-06 .slider-content-04 {
    margin-top: 0;
    padding-top: 140px;
  }
}
.slider-section-06 .slider-content-04 .sub-title {
  font-size: 36px;
  line-height: 44px;
  font-family: "Schoolbell", cursive;
  font-weight: 400;
  color: #086591;
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-section-06 .slider-content-04 .sub-title {
    font-size: 30px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-section-06 .slider-content-04 .sub-title {
    font-size: 28px;
    line-height: 40px;
  }
}
.slider-section-06 .slider-content-04 .title {
  font-size: 84px;
  line-height: 86px;
  font-weight: 600;
  color: #271344;
  margin-top: 30px;
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-section-06 .slider-content-04 .title {
    font-size: 55px;
    line-height: 65px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-section-06 .slider-content-04 .title {
    font-size: 42px;
    line-height: 55px;
  }
}
@media only screen and (max-width: 575px) {
  .slider-section-06 .slider-content-04 .title {
    font-size: 36px;
    line-height: 48px;
  }
}
.slider-section-06 .slider-content-04 p {
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
  color: #292431;
  margin-top: 25px;
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.slider-section-06 .slider-content-04 .hero-btn {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.slider-section-06 .slider-content-04 .hero-btn .btn {
  height: 65px;
  line-height: 65px;
  padding: 0 60px;
  margin-top: 35px;
}
.slider-section-06 .slider-images {
  padding-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .slider-section-06 .slider-images {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-section-06 .slider-images .image {
    text-align: center;
    padding: 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-section-06 .slider-images .image {
    padding: 0 0px;
  }
}
.counter-section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.counter-section .counter-shape-01 {
  border-radius: 50%;
  background-color: #afe0fb;
  position: absolute;
  width: 36px;
  height: 36px;
  z-index: -1;
  left: 6%;
  top: 12%;
}
.counter-section .counter-shape-02 {
  width: 1093px;
  position: absolute;
  z-index: -1;
  top: -150px;
  right: -200px;
  opacity: 0.1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .counter-section .counter-shape-02 {
    width: 893px;
  }
}
.counter-section .counter-shape-02 svg .shape-path {
  fill: #ffc000;
}
.counter-wrapper {
  border-bottom: 1px solid #ebebeb;
  padding-top: 40px;
  padding-bottom: 70px;
}
.counter-wrapper .row .col .single-counter {
  border-right: 1px solid #ebebeb;
}
@media only screen and (max-width: 575px) {
  .counter-wrapper .row .col .single-counter {
    border-right: 0;
  }
}
.counter-wrapper .row .col:last-child .single-counter {
  border-right: 0;
}
.single-counter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
}
@media only screen and (max-width: 575px) {
  .single-counter {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.single-counter .counter-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .single-counter .counter-box .counter-icon img {
    height: 60px;
  }
}
.single-counter .counter-box .counter-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .single-counter .counter-box .counter-content {
    padding-left: 20px;
  }
}
.single-counter .counter-box .counter-content .count {
  font-size: 48px;
  font-weight: 700;
  color: #072f60;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-counter .counter-box .counter-content .count {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .single-counter .counter-box .counter-content .count {
    font-size: 30px;
  }
}
.counter-wrapper-02 .title {
  color: #ffffff;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .counter-wrapper-02 .title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .counter-wrapper-02 .title {
    font-size: 20px;
  }
}
.single-counter-02 {
  text-align: center;
  margin-top: 30px;
}
.single-counter-02 .cont {
  color: #ffc000;
  font-size: 48px;
  font-weight: 600;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-counter-02 .cont {
    font-size: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .single-counter-02 .cont {
    font-size: 30px;
  }
}
.counter-wrapper-03 {
  padding-top: 15px;
}
.single-counter-03 {
  text-align: center;
  margin-top: 30px;
}
.single-counter-03 .cont {
  color: #ffffff;
  font-size: 48px;
  font-weight: 600;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-counter-03 .cont {
    font-size: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .single-counter-03 .cont {
    font-size: 30px;
  }
}
.single-counter-03 p {
  color: #ffffff;
}
.counter-content {
  max-width: 410px;
}
.counter-content .title {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.3;
  margin-top: -6px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .counter-content .title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .counter-content .title {
    font-size: 20px;
  }
}
.counter-content .signechar {
  margin-top: 30px;
}
.counter-content .author {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
}
.counter-content .author .author-images {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.counter-content .author .author-images img {
  width: 90px;
  border-radius: 50%;
}
.counter-content .author .author-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 30px;
}
.counter-content .author .author-content .name {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}
.counter-content .author .author-content p {
  font-size: 14px;
}
.counter-box-wrapper {
  position: relative;
  z-index: 1;
}
.counter-box-wrapper .shape-1 {
  position: absolute;
  width: 115px;
  left: 15%;
  top: 20px;
  z-index: -1;
}
.counter-box-wrapper .row .col:first-child {
  margin-top: 30px;
}
.single-counter-box {
  text-align: center;
  margin-top: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 79px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 79px 0px rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  height: 200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (max-width: 767px) {
  .single-counter-box {
    height: 150px;
  }
}
.single-counter-box .counter-box {
  height: auto;
}
.single-counter-box .cont {
  color: #ffc000;
  font-size: 48px;
  font-weight: 600;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-counter-box .cont {
    font-size: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .single-counter-box .cont {
    font-size: 30px;
  }
}
.single-counter-box p {
  color: #072f60;
}
.courses-wrapper {
  margin-top: 30px;
}
.tab-menu {
  padding-top: 10px;
}
.tab-menu .nav li {
  margin: 0 17px;
  padding-top: 10px;
}
@media only screen and (max-width: 767px) {
  .tab-menu .nav li {
    margin: 0 10px;
  }
}
.tab-menu .nav li button {
  font-size: 16px;
  font-weight: 600;
  color: #a1a1a1;
  border: 0;
  padding: 0;
  background: none;
}
@media only screen and (max-width: 767px) {
  .tab-menu .nav li button {
    font-size: 15px;
  }
}
.tab-menu .nav li button:hover,
.tab-menu .nav li button.active {
  color: #072f60;
}
.courses-tab-content {
  margin-top: 0 !important;
  padding-top: 10px;
}
.single-course {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
  background-color: #ffffff;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  margin-top: 30px;
  position: relative;
}
.single-course .courses-image {
  overflow: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.single-course .courses-image a {
  display: block;
  position: relative;
}
.single-course .courses-image a::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000000;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0;
}
.single-course .courses-image a img {
  width: 100%;
}
.single-course .courses-content {
  padding: 20px 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (max-width: 767px) {
  .single-course .courses-content {
    padding: 15px;
  }
}
.single-course .courses-content .top-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.single-course .courses-content .top-meta .tag {
  border-radius: 5px;
  background-color: rgba(59, 188, 167, 0.071);
  font-size: 14px;
  font-weight: 600;
  color: #008771;
  padding: 0 15px;
  height: 25px;
  line-height: 25px;
}
.single-course .courses-content .top-meta .tag:hover {
  background-color: #ffc000;
  color: #ffffff;
}
.single-course .courses-content .top-meta .price .sale-price {
  font-size: 14px;
  font-weight: 600;
  color: #072f60;
}
.single-course .courses-content .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  margin-top: 15px;
}
.single-course .courses-content .author-name {
  font-size: 14px;
  font-weight: 400;
  color: #838383;
  margin-top: 6px;
}
.single-course .courses-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 30px 15px;
  border-top: 1px solid #ebebeb;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (max-width: 767px) {
  .single-course .courses-meta {
    padding: 10px 15px 15px;
  }
}
.single-course .courses-meta .student {
  font-size: 13px;
  color: #838383;
  margin-top: 5px;
}
.single-course .courses-meta .rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 5px;
}
.single-course .courses-meta .rating .rating-star {
  display: block;
  position: relative;
}
.single-course .courses-meta .rating .rating-star::before {
  content: "\f005 \f005 \f005 \f005 \f005 ";
  font-family: "FontAwesome";
  font-size: 13px;
  color: #b4b4b4;
  letter-spacing: 2px;
}
.single-course .courses-meta .rating .rating-star .rating-active {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.single-course .courses-meta .rating .rating-star .rating-active::before {
  content: "\f005 \f005 \f005 \f005 \f005 ";
  font-family: "FontAwesome";
  font-size: 13px;
  color: #fda000;
  letter-spacing: 2px;
}
.single-course .courses-meta .rating span {
  font-size: 13px;
  color: #838383;
}
.single-course:hover .courses-image a::before {
  opacity: 0.2;
}
#powerTip {
  background-color: transparent;
  border-color: #ffffff;
  color: inherit;
  white-space: normal;
  -webkit-box-shadow: 0px 0px 109px 0px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 0px 109px 0px rgba(0, 0, 0, 0.18);
  background-color: #ffffff;
}
/* ===============================
   COURSE HOVER – FINAL FIX
   =============================== */

#course-hover {
    display: none;
    position: absolute;
    z-index: 9999;
}

/* MAIN CONTAINER */
.course-hover {
    width: 360px;
    max-width: 360px;
    background: #ffffff !important;     /* FORCE WHITE */
    color: #0d2b3e;
    padding: 32px 36px;
    position: relative;
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(0,0,0,0.15);
    box-sizing: border-box;

    /* TEXT SAFETY */
    overflow: hidden;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* ARROW */
.course-hover::before {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background: #ffffff !important;
    left: -7px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

/* TITLE */
.course-hover .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    margin-top: 10px;
    color: #0d2b3e;
}

/* META */
.course-hover .courses-meta {
    display: flex;
    gap: 14px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.course-hover .courses-meta .student {
    font-size: 13px;
    color: #6a7880;
}

/* DESCRIPTION */
.course-hover > p {
    font-size: 14px;
    margin-top: 10px;
    color: #55636a;
    line-height: 1.5;
}

/* FEATURES */
.course-hover .courses-key-future {
    padding-top: 14px;
}

.course-hover .courses-key-future .title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 6px;
}

/* FEATURE LIST */
.course-hover .future-list {
    padding: 0;
    margin: 0;
}

.course-hover .future-list li {
    position: relative;
    padding-left: 22px;
    font-size: 14px;
    line-height: 1.45;
    color: #55636a;

    /* FIX LONG TEXT */
    word-break: break-word;
}

.course-hover .future-list li::before {
    content: "\f00c";
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
    top: 0;
    color: #ffc000;
}

/* BUTTON */
.course-hover .courses-btn {
    padding-top: 18px;
}

.course-hover .courses-btn .btn {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #086591;
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
}

.course-hover .courses-btn .btn:hover {
    background: #064b6d;
}

/* ===============================
   POWER TIP OVERRIDE (IMPORTANT)
   =============================== */

#powerTip,
#powerTip * {
    background-color: transparent !important;
}

.courses-more {
  margin-top: 60px;
  position: relative;
}
.courses-more .shape-1 {
  position: absolute;
  bottom: 0;
  left: 26%;
}
@media only screen and (max-width: 767px) {
  .courses-more .shape-1 {
    left: 5%;
  }
}
.courses-more .shape-2 {
  position: absolute;
  bottom: 20px;
  right: 27%;
}
@media only screen and (max-width: 767px) {
  .courses-more .shape-2 {
    right: 7%;
  }
}
.courses-more p {
  font-size: 18px;
  margin-bottom: 17px;
}
.courses-more p strong {
  color: #072f60;
}
.single-free-course {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  margin-top: 30px;
}
.single-free-course .course-images {
  position: relative;
  z-index: 1;
}
.single-free-course .course-images::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0)),
    to(black)
  );
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0.6;
}
.single-free-course .course-images img {
  width: 100%;
}
.single-free-course .course-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  padding: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-free-course .course-content {
    padding: 20px;
  }
}
.single-free-course .course-content .play {
  border-radius: 50%;
  background-color: #ffffff;
  width: 50px;
  height: 50px;
  line-height: 53px;
  text-align: center;
  font-size: 18px;
  color: #ffc000;
}
.single-free-course .course-content .play:hover {
  background-color: #072f60;
  color: #ffffff;
}
.single-free-course .course-content .title {
  color: #ffffff;
  margin-top: 18px;
}
.course-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: -22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .course-header {
    display: block;
    text-align: center;
  }
}
.course-header .section-title {
  margin-top: 25px;
}
.courses-banner {
  margin-top: 30px;
}
.courses-banner a {
  border-radius: 5px;
  overflow: hidden;
}
.course-list-wrapper {
  margin-top: -50px;
}
.course-top-bar {
  padding-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.course-top-bar .label {
  font-size: 15px;
  font-weight: 400;
  color: #666666;
  white-space: nowrap;
  margin-right: 10px;
}
.course-top-text {
  margin-top: 15px;
}
.course-top-text p span {
  font-weight: 600;
  color: #072f60;
}
.course-top-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.course-top-inner > * {
  margin-right: 30px;
}
.course-top-inner > *:last-child {
  margin-right: 0;
}
.course-top-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 15px;
}
.course-top-menu .nav li {
  margin-right: 10px;
}
.course-top-menu .nav li:last-child {
  margin-right: 0;
}
.course-top-menu .nav li button {
  padding: 0;
  border: 0;
  background-color: transparent;
  color: #666666;
  font-size: 15px;
}
.course-top-menu .nav li button.active {
  color: #ffc000;
}
.course-top-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
  padding: 0 20px;
  border-radius: 5px;
  background-color: #f6f7f9;
  height: 40px;
  line-height: 40px;
}
.course-top-action .nice-select {
  float: none;
  height: auto;
  line-height: 1;
  padding: 0;
  padding-right: 20px;
  border: 0;
  color: #072f60;
  font-weight: 600;
  font-size: 15px;
  background: none;
}
.course-top-action .nice-select::after {
  right: 0;
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #072f60;
  border-right: 1px solid #072f60;
  margin-top: -6px;
}
.course-top-action .nice-select .option {
  line-height: 35px;
  padding-left: 15px;
  padding-right: 22px;
  font-size: 14px;
  font-weight: 500;
}
.course-collapse-btn {
  margin-top: 20px;
}
.course-collapse-btn .btn {
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  background-color: #072f60;
  color: #ffffff;
}
.course-collapse-btn .btn i {
  margin: 0 3px;
}
.course-collapse-btn .btn.collapsed {
  background-color: #ffc000;
}
.course-collapse-btn .btn:hover {
  background-color: #072f60;
}
.single-course-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 50px 0;
}
@media only screen and (max-width: 767px) {
  .single-course-list {
    display: block;
    padding: 30px 0;
  }
}
.single-course-list:first-child {
  padding-top: 30px;
}
.single-course-list:last-child {
  padding-bottom: 0;
}
.single-course-list + .single-course-list {
  border-top: 1px solid #ebebeb;
}
.single-course-list .course-image {
  overflow: hidden;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.single-course-list .course-image a {
  display: block;
  position: relative;
}
.single-course-list .course-image a img {
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .single-course-list .course-image a img {
    width: 100%;
  }
}
.single-course-list .course-content {
  padding-left: 30px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media only screen and (max-width: 767px) {
  .single-course-list .course-content {
    padding-left: 0;
    padding-top: 25px;
  }
}
.single-course-list .course-content .top-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.single-course-list .course-content .top-meta > * {
  margin-right: 20px;
}
.single-course-list .course-content .top-meta > *:last-child {
  margin-right: 0;
}
.single-course-list .course-content .top-meta .tag {
  border-radius: 5px;
  background-color: rgba(59, 188, 167, 0.071);
  font-size: 14px;
  font-weight: 600;
  color: #ffc000;
  padding: 0 15px;
  height: 25px;
  line-height: 25px;
}
.single-course-list .course-content .top-meta .tag:hover {
  background-color: #ffc000;
  color: #ffffff;
}
.single-course-list .course-content .top-meta .price .sale-price {
  font-size: 14px;
  font-weight: 600;
  color: #072f60;
}
.single-course-list .course-content .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 15px;
}
.single-course-list .course-content .author-name {
  font-size: 12px;
  font-weight: 600;
  color: #838383;
}
.single-course-list .course-content p {
  margin-top: 10px;
}
.single-course-list .course-content .bottom-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.single-course-list .course-content .bottom-meta > * {
  margin-right: 20px;
}
.single-course-list .course-content .bottom-meta > *:last-child {
  margin-right: 0;
}
.single-course-list .course-content .bottom-meta .meta-action {
  font-size: 13px;
  color: #838383;
  margin-top: 5px;
  white-space: nowrap;
}
.single-course-list .course-content .bottom-meta .rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 5px;
}
.single-course-list .course-content .bottom-meta .rating .rating-star {
  display: block;
  position: relative;
}
.single-course-list .course-content .bottom-meta .rating .rating-star::before {
  content: "\f005 \f005 \f005 \f005 \f005 ";
  font-family: "FontAwesome";
  font-size: 13px;
  color: #b4b4b4;
  letter-spacing: 2px;
}
.single-course-list
  .course-content
  .bottom-meta
  .rating
  .rating-star
  .rating-active {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.single-course-list
  .course-content
  .bottom-meta
  .rating
  .rating-star
  .rating-active::before {
  content: "\f005 \f005 \f005 \f005 \f005 ";
  font-family: "FontAwesome";
  font-size: 13px;
  color: #fda000;
  letter-spacing: 2px;
}
.single-course-list .course-content .bottom-meta .rating span {
  font-size: 13px;
  color: #838383;
}
.courses-section-02 .courses-wrapper {
  padding-top: 25px;
}
.courses-section-02 .courses-wrapper .course-item {
  margin-bottom: 10px;
}
.courses-section-02 .courses-wrapper .course-item .courses-image {
  overflow: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
}
.courses-section-02 .courses-wrapper .course-item .courses-image a {
  display: block;
  position: relative;
}
.courses-section-02 .courses-wrapper .course-item .courses-image a::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000000;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0;
}
.courses-section-02 .courses-wrapper .course-item .courses-image a img {
  width: 100%;
}
.courses-section-02 .courses-wrapper .course-item .courses-image .top-meta {
  position: absolute;
  top: 40px;
  left: 30px;
}
.courses-section-02
  .courses-wrapper
  .course-item
  .courses-image
  .top-meta
  .price {
  display: inline-block;
  height: 30px;
  font-size: 18px;
  line-height: 32px;
  padding: 0 18px;
  font-weight: 700;
  background: #ffa300;
  border-radius: 5px;
  color: #1e1e1e;
}
.courses-section-02 .courses-wrapper .course-item .courses-content {
  border: 1px solid #cfd9e0;
  border-top: 0;
  padding: 20px 30px 30px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.courses-section-02 .courses-wrapper .course-item .courses-content .category {
  font-size: 13px;
  line-height: 24px;
  color: #f6520a;
}
.courses-section-02 .courses-wrapper .course-item .courses-content .title {
  font-size: 18px;
  line-height: 24px;
  color: #1e1e1e;
}
.courses-section-02
  .courses-wrapper
  .course-item
  .courses-content
  .title:hover
  a {
  color: #f6520a;
}
.courses-section-02 .courses-wrapper .course-item .courses-content .rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
}
.courses-section-02 .courses-wrapper .course-item .courses-content .rating ul {
  margin-right: 8px;
}
.courses-section-02
  .courses-wrapper
  .course-item
  .courses-content
  .rating
  ul
  li {
  display: inline-block;
  font-size: 12px;
  line-height: 28px;
  color: #fcc62a;
}
.courses-section-02
  .courses-wrapper
  .course-item
  .courses-content
  .rating
  .rating-digit {
  font-size: 12px;
  line-height: 24px;
  color: #29303c;
}
.courses-section-02
  .courses-wrapper
  .course-item:hover
  .courses-image
  a::before {
  opacity: 0.2;
}
.courses-02-active .swiper-pagination {
  position: relative;
  bottom: 0;
  height: 18px;
  margin-top: 42px;
}
.courses-02-active
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #f6520a;
}
.category-wrapper {
  padding-top: 30px;
}
.single-category {
  position: relative;
  margin-top: 30px;
}
.single-category .category-image a {
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  display: block;
}
.single-category .category-image a::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0)),
    color-stop(62%, black)
  );
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 62%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 62%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 62%);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0.6;
  z-index: 1;
}
.single-category .category-image a img {
  width: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.single-category .category-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 35px 40px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .single-category .category-content {
    padding: 20px 25px;
  }
}
.trending-post {
    border-top: 1px solid #333d51;
}
.trending-post h4 {
    font-size: 18px;
    padding: 10px 0;
    color: #fff;
}

.trending-post a {
  color: #dad4d4;
  line-height: 38px;
  font-size: 14px;
  font-weight: 400;
  padding-right: 5px;
}

/* ===== FOOTER SPACING FIX 2026===== */

/* Space between footer columns */
.sn-footer-columns > div {
    margin-bottom: 5px;
}

/* Section titles spacing */
.trending-post p,
.trending-post h4 {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Space below each trending block */
.trending-post {
    margin-bottom: 5px;
	padding: 10px 0;
}

/* Nearby cities block spacing */
.nearby-cities-column {
    margin-bottom: 5px;
}

/* Categories block spacing */
.trending-categories-column {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* People also bought spacing */
.people-bought-column {
    margin-top: 5px;
    margin-bottom: 5px;
}

.trending-post {
    border-top: 5px;
    border-bottom: 5px;
    padding: 5px;
}

/* Divider above Other Cities */
.nearby-cities-column {
    border-top: 1px solid rgba(255,255,255,0.15);
    padding-top: 20px;
    margin-top: 20px;
}

.disclaimer {
    padding: 40px 0;
}
#disc_mr, .videosection-right {
    cursor: pointer;
}

.disclaimer ul li {
  color: #cfcfcf;
  line-height: 24px;
  font-size: 14px;
  display: flex;
  padding-bottom: 10px;
}

.disclaimer ul li i{
  margin: 6px 8px 0px 0px;
  font-size: 12px;
}

.copy-right{
	    text-align: center;
    margin-top: 30px;
    color: #fff;
    border-bottom: 1px solid #dddd;
}
.single-category .category-content .category-title .title {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
}
.single-category .category-content .category-title p {
  font-size: 14px;
  color: #ffffff;
}
.single-category .category-content .category-link {
  border-radius: 50%;
  background-color: #ffc000;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
}
.single-category:hover .category-image img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.category-02-section {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-bottom: 180px;
}
.category-02-section
  .category-wrapper
  .single-category
  .category-image
  a::before {
  left: 0;
  bottom: 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(43%, rgba(255, 255, 255, 0)),
    color-stop(63%, rgba(0, 0, 0, 0.509804))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 43%,
    rgba(0, 0, 0, 0.509804) 63%
  );
  background: -o-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 43%,
    rgba(0, 0, 0, 0.509804) 63%
  );
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 43%,
    rgba(0, 0, 0, 0.509804) 63%
  );
  opacity: 1;
}
.category-02-section .category-wrapper .single-category .category-content {
  display: block;
  bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .category-02-section .category-wrapper .single-category .category-content {
    padding: 35px 30px;
  }
}
@media only screen and (max-width: 575px) {
  .category-02-section .category-wrapper .single-category .category-content {
    padding: 35px 40px;
  }
}
.category-02-section
  .category-wrapper
  .single-category
  .category-content
  .category-title
  .title {
  font-size: 24px;
  line-height: 1;
}
.category-02-section
  .category-wrapper
  .single-category
  .category-content
  .category-title
  .title:hover
  a {
  color: #f6520a;
}
.feature-category-wrapper {
  margin-top: 60px;
}
.single-feature-category {
  position: relative;
  text-align: center;
}
.feature-category-box {
  position: relative;
  max-width: 174px;
  width: 100%;
  margin: 0 auto;
  padding-top: 35px;
}
.feature-category-box .box-icon a {
  border-radius: 8px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 62px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 62px 0px rgba(0, 0, 0, 0.05);
  width: 118px;
  height: 118px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.feature-category-box .shape-1 {
  border-radius: 50%;
  background-color: #ffc000;
  opacity: 0.102;
  width: 122px;
  height: 122px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  left: 0px;
  top: 0px;
}
.feature-category-box .shape-2 {
  width: 74px;
  position: absolute;
  top: 15px;
  right: 0;
  z-index: -1;
}
.box-content {
  margin-top: 30px;
}
.box-content .title {
  font-size: 24px;
  font-weight: 600;
}
.feature-category-active {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .feature-category-active .swiper-button-next,
  .feature-category-active .swiper-button-prev {
    display: none;
  }
}
.feature-category-active .swiper-pagination {
  width: 100%;
  margin-top: 30px;
  position: relative;
}
@media only screen and (min-width: 1500px),
  only screen and (min-width: 1200px) and (max-width: 1499px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature-category-active .swiper-pagination {
    display: none;
  }
}
.feature-category-active .swiper-pagination .swiper-pagination-bullet {
  margin: 0 4px;
}
.feature-section {
  margin-top: -114px;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/* ============================================================================
   Feature: Key Outcomes (HTML-only: bold, size, color code)
   ============================================================================
*/

.feature-wrapper {
    background-color: rgba(0, 0, 0, 0.7); /* semi-transparent black */
    padding: 20px;
    border-radius: 12px 12px 0 0;
}

.single-feature {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-feature .feature-icon img {
    height: 58px;
  }
}
.single-feature .feature-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 30px;
}
.single-feature .feature-content .title {
  font-size: 22px;
  font-weight: 600;
  color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-feature .feature-content .title {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .single-feature .feature-content .title {
    font-size: 20px;
  }
}
.single-feature .feature-content p {
  color: #fff;
}
.feature-section-02 {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.feature-section-02 .feature-shape-01 {
  border: 1px solid #ffc000;
  border-radius: 50%;
  width: 1086px;
  height: 1086px;
  position: absolute;
  z-index: -1;
  left: -410px;
  bottom: -680px;
  opacity: 0.3;
}
.feature-section-02 .feature-shape-01::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid #ffc000;
  border-radius: 50%;
  -webkit-transform: scale(0.86);
  -ms-transform: scale(0.86);
  transform: scale(0.86);
}
.feature-section-02 .feature-shape-02 {
  width: 116px;
  position: absolute;
  top: 140px;
  right: 16%;
  z-index: -1;
}
.feature-wrapper-02 {
  padding-top: 20px;
}
.single-feature-02 {
  max-width: 250px;
  margin: 0 auto;
  text-align: center;
  margin-top: 40px;
}
.single-feature-02 .feature-content {
  margin-top: 38px;
}
.single-feature-02 .feature-content .title {
  font-size: 20px;
  font-weight: 700;
  color: #072f60;
}
.single-feature-02 .feature-content p {
  margin-top: 5px;
}
.feature-category-section {
  /*border-bottom: 1px solid #ebebeb;*/
}
.section-title .title_h3 {
    font-size: 28px !important;
    font-weight: 600;
    color: #072f60;
    line-height: 1.2;
    margin-top: 8px;
}

#autocomplete_result p:hover {
    background: #086591;
    color: #fff!important;
}

.feature-category-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: -20px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.feature-category-header .section-title {
  margin-top: 23px;
}
.feature-category-btn {
  margin-top: 20px;
}
.feature-category-btn .btn {
  padding: 0 40px;
}
.feature-category-body {
  padding-top: 20px;
}
.single-category-item {
  margin-top: 30px;
}
.single-category-item a {
  display: block;
  height: 100px;
  line-height: 100px;
  background-color: #f6f7f9;
  position: relative;
  text-align: center;
  border-radius: 5px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (max-width: 767px) {
  .single-category-item a {
    height: 80px;
    line-height: 80px;
    text-align: center;
  }
}
.single-category-item a .item-icon {
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (max-width: 767px) {
  .single-category-item a .item-icon {
    height: 41px;
    left: 20px;
  }
}
.single-category-item a .title {
  font-size: 18px;
  font-weight: 600;
  color: #072f60;
  line-height: 1.3;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (max-width: 767px) {
  .single-category-item a .title {
    font-size: 18px;
  }
}
.single-category-item a:hover {
  background-color: #072f60;
}
.single-category-item a:hover .title {
  color: #ffffff;
}
.single-category-item.category-white a {
  background-color: #ffffff;
}
.single-category-item.category-white a:hover {
  background-color: #072f60;
}
.testimonial-wrapper {
  padding: 40px 110px;
  border-radius: 10px;
  background-color: #fdfaf1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-wrapper {
    padding: 40px 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .testimonial-wrapper {
    padding: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .testimonial-wrapper {
    padding: 20px;
  }
}
.testimonial-author {
  width: 35%;
}
@media only screen and (max-width: 767px) {
  .testimonial-author {
    width: 70%;
    margin: 0 auto;
  }
}
.testimonial-author-wrapper {
  border: 1px solid rgba(255, 211, 77, 0.3);
  border-radius: 50%;
  padding: 30px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .testimonial-author-wrapper {
    padding: 20px;
  }
}
.testimonial-author-wrapper .testimonial-quote {
  position: absolute;
  top: 23px;
  right: 23px;
  border-radius: 50%;
  background-color: #ffc000;
  width: 79px;
  height: 79px;
  line-height: 90px;
  text-align: center;
  font-size: 42px;
  color: #ffffff;
  z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .testimonial-author-wrapper .testimonial-quote {
    width: 59px;
    height: 59px;
    line-height: 70px;
    font-size: 30px;
  }
}
.author-images-wrapper {
  border: 1px solid rgba(255, 211, 77, 0.3);
  border-radius: 50%;
  padding: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .author-images-wrapper {
    padding: 20px;
  }
}
.author-image img {
  border-radius: 50%;
  width: 100%;
}
.testimonial-content {
  width: 65%;
  padding-left: 70px;
  padding-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-content {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-content {
    width: 100%;
    padding-left: 0;
  }
}
@media only screen and (max-width: 575px) {
  .single-testimonial-content {
    text-align: center;
  }
}
.single-testimonial-content p {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.66;
  color: #072f60;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-testimonial-content p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-testimonial-content p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 575px) {
  .single-testimonial-content p {
    font-size: 16px;
  }
}
.single-testimonial-content .name {
  margin-top: 40px;
}
.testimonial-content-active .swiper-pagination {
  position: relative;
  text-align: left;
  bottom: 0;
  margin-top: 25px;
}
@media only screen and (max-width: 575px) {
  .testimonial-content-active .swiper-pagination {
    text-align: center;
  }
}
.testimonial-content-active .swiper-pagination .swiper-pagination-bullet {
  margin: 0 15px 0 0;
}
.testimonial-wrapper-02 {
  margin-top: 60px;
}
.single-testimonial-02 {
  background-color: #f6f7f9;
  padding: 60px;
  padding-top: 80px;
  position: relative;
  margin-top: 60px;
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-testimonial-02 {
    padding: 40px;
    padding-top: 80px;
  }
}
@media only screen and (max-width: 575px) {
  .single-testimonial-02 {
    padding: 30px;
    padding-top: 70px;
  }
}
.single-testimonial-02 .testimonial-thumb {
  width: 120px;
  position: absolute;
  top: -60px;
  left: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 575px) {
  .single-testimonial-02 .testimonial-thumb {
    width: 90px;
    top: -45px;
    left: 30px;
  }
}
.single-testimonial-02 .testimonial-thumb img {
  border-radius: 50%;
}
.single-testimonial-02 .testimonial-text {
  font-size: 22px;
  font-weight: 400;
  color: #072f60;
  max-width: 400px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 575px) {
  .single-testimonial-02 .testimonial-text {
    font-size: 20px;
  }
}
.single-testimonial-02 .testimonial-meta {
  margin-top: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.single-testimonial-02 .testimonial-meta .testimonial-quote {
  border-radius: 50%;
  background-color: #ffc000;
  width: 80px;
  height: 80px;
  line-height: 90px;
  text-align: center;
  font-size: 42px;
  color: #ffffff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .single-testimonial-02 .testimonial-meta .testimonial-quote {
    width: 60px;
    height: 60px;
    line-height: 70px;
    font-size: 30px;
  }
}
.single-testimonial-02 .testimonial-meta .meta-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 575px) {
  .single-testimonial-02 .testimonial-meta .meta-content {
    padding-left: 20px;
  }
}
.single-testimonial-02 .testimonial-meta .meta-content .name {
  font-size: 18px;
}
.testimonial-active-02 .swiper-pagination {
  position: relative;
  bottom: 0;
  height: 18px;
  margin-top: 42px;
}
.testimonial-content-03 {
  text-align: center;
  max-width: 510px;
  margin: 0 auto;
}
.testimonial-content-03 .testimonial-quote {
  border-radius: 50%;
  background-color: #ffc000;
  width: 80px;
  height: 80px;
  line-height: 90px;
  text-align: center;
  font-size: 42px;
  color: #ffffff;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .testimonial-content-03 .testimonial-quote {
    width: 60px;
    height: 60px;
    line-height: 70px;
    font-size: 30px;
  }
}
.testimonial-content-03 > p {
  font-size: 30px;
  font-weight: 600;
  color: #072f60;
  line-height: 1.4;
  margin-top: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-content-03 > p {
    font-size: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .testimonial-content-03 > p {
    font-size: 18px;
  }
}
.testimonial-content-03 .meta-content {
  margin-top: 40px;
}
@media only screen and (max-width: 575px) {
  .testimonial-content-03 .meta-content {
    margin-top: 20px;
  }
}
.testimonial-content-03 .meta-content .name {
  font-size: 18px;
}
.testimonial-active-03 .swiper-pagination {
  position: relative;
  bottom: 0;
  margin-top: 25px;
}
@media only screen and (max-width: 575px) {
  .testimonial-active-03 .swiper-pagination {
    text-align: center;
  }
}
.testimonial-active-03 .swiper-pagination .swiper-pagination-bullet {
  margin: 0 8px;
}
.testimonial-image-01 {
  position: relative;
  z-index: 1;
  padding-bottom: 110px;
  padding-top: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-image-01 {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
.testimonial-image-01 .testimonial-shape {
  background-color: #ffcc66;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  position: absolute;
  right: -30px;
  bottom: 0;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-image-01 .testimonial-shape {
    width: 190px;
    height: 190px;
  }
}
.testimonial-image-01 .image img {
  border-radius: 5px;
}
.testimonial-image-02 {
  position: relative;
  z-index: 1;
  padding-bottom: 110px;
  padding-left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-image-02 {
    padding-bottom: 60px;
  }
}
.testimonial-image-02 .testimonial-shape {
  border-radius: 50%;
  background-color: #afe0fb;
  width: 195px;
  height: 195px;
  position: absolute;
  right: 0px;
  bottom: 0;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-image-02 .testimonial-shape {
    width: 155px;
    height: 155px;
  }
}
.testimonial-image-02 .image img {
  border-radius: 5px;
}
.testimonial-counter {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.testimonial-counter .testimonial-counter-shape-03 {
  border: 1px solid #ffc000;
  border-radius: 50%;
  width: 1286px;
  height: 1286px;
  position: absolute;
  z-index: -1;
  right: -480px;
  top: 100px;
  opacity: 0.302;
}
.testimonial-counter .testimonial-counter-shape-03::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid #ffc000;
  border-radius: 50%;
  -webkit-transform: scale(0.86);
  -ms-transform: scale(0.86);
  transform: scale(0.86);
}
.testimonial-wrapper-04 {
  background-color: transparent;
}
.testimonial-wrapper-04 .testimonial-author-wrapper {
  border: 0;
}
@media only screen and (max-width: 575px) {
  .testimonial-wrapper-04 .testimonial-author-wrapper {
    padding: 0;
  }
}
.testimonial-wrapper-04 .testimonial-author {
  position: relative;
}
.testimonial-wrapper-04 .testimonial-author .shape-1 {
  width: 87px;
  position: absolute;
  top: 40px;
  z-index: 4;
  left: 0;
}
@media only screen and (max-width: 575px) {
  .testimonial-wrapper-04 .testimonial-author .shape-1 {
    width: 50px;
    top: 15px;
  }
}
.testimonial-wrapper-04 .testimonial-author .shape-2 {
  width: 32px;
  position: absolute;
  bottom: 40px;
  right: 40px;
  z-index: 4;
}
@media only screen and (max-width: 575px) {
  .testimonial-wrapper-04 .testimonial-author .shape-2 {
    right: 0;
    bottom: 0;
  }
}
.testimonial-wrapper-04 .author-images-wrapper {
  border-color: #8a7efc;
}
.testimonial-active-04 .swiper-pagination {
  position: relative;
  bottom: 0;
  margin-top: 25px;
}
@media only screen and (max-width: 575px) {
  .testimonial-active-04 .swiper-pagination {
    text-align: center;
  }
}
.testimonial-active-04 .swiper-pagination .swiper-pagination-bullet {
  margin: 0 8px;
}
.testimonial-content-05 {
  text-align: center;
  padding: 0 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-content-05 {
    padding: 0;
  }
}
.testimonial-content-05 .testimonial-quote {
  color: #ffc000;
  font-size: 42px;
  line-height: 1.1;
}
.testimonial-content-05 .testimonial-quote i {
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .testimonial-content-05 .testimonial-quote {
    font-size: 30px;
  }
}
.testimonial-content-05 > p {
  font-size: 22px;
  font-weight: 600;
  color: #072f60;
  line-height: 1.8;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-content-05 > p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .testimonial-content-05 > p {
    font-size: 18px;
  }
}
.testimonial-content-05 .meta-content {
  margin-top: 15px;
}
@media only screen and (max-width: 575px) {
  .testimonial-content-05 .meta-content {
    margin-top: 20px;
  }
}
.testimonial-content-05 .meta-content img {
  width: 90px;
  border-radius: 50%;
}
.testimonial-content-05 .meta-content .name {
  font-size: 18px;
  margin-top: 15px;
}
.testimonial-section-05 {
  padding-bottom: 150px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-section-05 {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-section-05 {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-section-05 {
    padding-bottom: 60px;
  }
}
.testimonial-wrapper-05 .testimonial-content-wrap {
  background: #ffffff;
  border-radius: 10px;
  padding: 65px;
  position: relative;
  margin: 20px 0;
}
@media only screen and (max-width: 575px) {
  .testimonial-wrapper-05 .testimonial-content-wrap {
    padding: 50px 30px;
  }
}
.testimonial-wrapper-05 .testimonial-content-wrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transform: scaleY(1.05) scaleX(0.95);
  -ms-transform: scaleY(1.05) scaleX(0.95);
  transform: scaleY(1.05) scaleX(0.95);
  border-radius: 5px;
}
.testimonial-wrapper-05
  .testimonial-content-wrap
  .single-testimonial
  .testimonial-thumb
  img {
  border-radius: 50%;
  padding: 5px;
  background: #ffa300;
}
.testimonial-wrapper-05
  .testimonial-content-wrap
  .single-testimonial
  .testimonial-text {
  max-width: 795px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.testimonial-wrapper-05
  .testimonial-content-wrap
  .single-testimonial
  .testimonial-text
  .quote {
  position: absolute;
  top: -45px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
.testimonial-wrapper-05
  .testimonial-content-wrap
  .single-testimonial
  .testimonial-text
  .quote
  svg {
  width: 240px;
  height: 211px;
  fill: #ffedcc;
}
.testimonial-wrapper-05
  .testimonial-content-wrap
  .single-testimonial
  .testimonial-text
  p {
  font-size: 26px;
  line-height: 42px;
  font-weight: 500;
  color: #6f6f6f;
  margin-top: 45px;
}
@media only screen and (max-width: 575px) {
  .testimonial-wrapper-05
    .testimonial-content-wrap
    .single-testimonial
    .testimonial-text
    p {
    font-size: 24px;
    line-height: 40px;
  }
}
.testimonial-wrapper-05
  .testimonial-content-wrap
  .single-testimonial
  .testimonial-text
  .name {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #f6520a;
  margin-top: 15px;
}
.testimonial-wrapper-05
  .testimonial-content-wrap
  .single-testimonial
  .testimonial-text
  .designation {
  font-size: 16px;
  line-height: 24px;
  color: #666666;
}
.testimonial-05-active .swiper-pagination {
  position: relative;
  bottom: 0;
  height: 18px;
  margin-top: 25px;
}
.testimonial-05-active .swiper-pagination .swiper-pagination-bullet {
  margin: 0 8px;
}
.testimonial-05-active
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #f6520a;
}
.testimonial-section-06 {
  background: #fff9eb;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
.testimonial-section-06 .shape-1 {
  position: absolute;
  left: 7%;
  top: 16%;
}
.testimonial-slider-wrapper {
  max-width: 1065px;
  margin: 0 auto;
  margin-top: 75px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .testimonial-slider-wrapper {
    margin-top: 50px;
  }
}
.single-testimonial-06 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .single-testimonial-06 {
    display: block;
    text-align: center;
  }
}
.single-testimonial-06 .testimonial-content-06 {
  position: relative;
  margin-left: -110px;
  top: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .single-testimonial-06 .testimonial-content-06 {
    margin-left: 0px;
  }
}
.single-testimonial-06 .testimonial-content-06 .bg-shape svg {
  fill: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .single-testimonial-06 .testimonial-content-06 .bg-shape {
    display: none;
  }
}
.single-testimonial-06 .testimonial-content-06 .shape-1 {
  position: absolute;
  top: -40px;
  left: 85px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-testimonial-06 .testimonial-content-06 .shape-1 {
    left: 175px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .single-testimonial-06 .testimonial-content-06 .shape-1 {
    display: none;
  }
}
.single-testimonial-06 .testimonial-content-06 .testimonial-text {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 40px 90px 0 180px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-testimonial-06 .testimonial-content-06 .testimonial-text {
    padding: 40px 150px 0 190px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-testimonial-06 .testimonial-content-06 .testimonial-text {
    background: #ffffff;
    position: relative;
    padding: 50px 115px;
  }
}
@media only screen and (max-width: 767px) {
  .single-testimonial-06 .testimonial-content-06 .testimonial-text {
    background: #ffffff;
    position: relative;
    padding: 40px 60px 50px 60px;
  }
}
@media only screen and (max-width: 575px) {
  .single-testimonial-06 .testimonial-content-06 .testimonial-text {
    padding: 40px 40px 50px 40px;
  }
}
.single-testimonial-06
  .testimonial-content-06
  .testimonial-text
  .testimonial-author-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .single-testimonial-06
    .testimonial-content-06
    .testimonial-text
    .testimonial-author-wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.single-testimonial-06
  .testimonial-content-06
  .testimonial-text
  .testimonial-author-wrap
  .quote {
  height: 70px;
  width: 70px;
  line-height: 70px;
  border-radius: 50%;
  text-align: center;
  background: #086591;
}
.single-testimonial-06
  .testimonial-content-06
  .testimonial-text
  .testimonial-author-wrap
  .quote
  svg {
  fill: #ffffff;
}
.single-testimonial-06
  .testimonial-content-06
  .testimonial-text
  .testimonial-author-wrap
  .author {
  margin-left: 20px;
}
.single-testimonial-06
  .testimonial-content-06
  .testimonial-text
  .testimonial-author-wrap
  .author
  .name {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #271344;
}
.single-testimonial-06
  .testimonial-content-06
  .testimonial-text
  .testimonial-author-wrap
  .author
  .designation {
  font-size: 16px;
  line-height: 24px;
  color: #838383;
}
.single-testimonial-06 .testimonial-content-06 .testimonial-text p {
  font-size: 30px;
  line-height: 42px;
  color: #343244;
  margin-top: 20px;
}
.testimonial-06-active .swiper-pagination {
  position: relative;
  margin-top: 60px;
}
.testimonial-06-active .swiper-pagination .swiper-pagination-bullet {
  background: #e1e1e1;
  margin: 0 8px;
}
.testimonial-06-active
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #086591;
}
.brand-wrapper {
  border-bottom: 1px solid #ebebeb;
}
.brand-title {
  font-size: 24px;
  font-weight: 400;
  color: #072f60;
  margin-top: -7px;
}
@media only screen and (max-width: 575px) {
  .brand-title {
    font-size: 18px;
  }
}
.brand-title span {
  font-weight: 700;
  color: #ffc000;
}
.brand-active {
  max-width: 780px;
  width: 100%;
  margin: 48px auto 0;
}
.blog-wrapper {
  padding-top: 20px;
}
.blog-wrapper-02 {
  margin-top: -50px;
}
.single-blog {
  margin-top: 30px;
}
.single-blog .blog-image {
  position: relative;
}
.single-blog .blog-image a {
  display: block;
  border-radius: 8px;
  overflow: hidden;
}
.single-blog .blog-image a img {
  width: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.single-blog .blog-image .tags {
  padding: 0 25px;
  height: 30px;
  line-height: 30px;
  background-color: #ffc000;
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  position: absolute;
  display: inline-block;
  border-radius: 50px;
  position: absolute;
  top: 40px;
  left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-blog .blog-image .tags {
    left: 20px;
    top: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .single-blog .blog-image .tags {
    top: 15px;
    left: 10px;
  }
}
.single-blog .blog-content {
  padding-top: 32px;
}
.single-blog .blog-content .meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.single-blog .blog-content .meta a {
  font-size: 14px;
  font-weight: 400;
  color: #838383;
}
.single-blog .blog-content .meta a i {
  margin-right: 3px;
}
.single-blog .blog-content .meta .date {
  color: #ffc000;
}
.single-blog .blog-content .meta .author {
  color: #838383;
  position: relative;
}
.single-blog .blog-content .meta .author::before {
  content: "/";
  font-size: 14px;
  font-weight: 400;
  color: #838383;
  margin: 0 8px;
}
.single-blog .blog-content .title {
  font-size: 24px;
  font-weight: 700;
  color: #072f60;
  line-height: 1.4;
  margin-top: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (max-width: 575px) {
  .single-blog .blog-content .title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-blog .blog-content .title {
    font-size: 20px;
  }
}
.single-blog .blog-content p {
  margin-top: 15px;
}
.single-blog .blog-content .btn {
  margin-top: 25px;
}
.single-blog.single-blog-02 .blog-image a {
  border-radius: 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.single-blog.single-blog-02 .blog-content {
  -webkit-box-shadow: 0px 0px 98px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 0px 98px 0px rgba(0, 0, 0, 0.07);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #ffffff;
  padding: 30px;
}
@media only screen and (max-width: 575px) {
  .single-blog.single-blog-02 .blog-content {
    padding: 20px;
  }
}
.single-blog.blog-list {
  margin-top: 50px;
}
.single-blog.blog-list .blog-content .meta {
  gap: 25px;
}
.single-blog:hover .blog-image a img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.single-blog-3 .blog-image .tags {
  background: #f6520a;
}
.single-blog-3 .blog-content .blog-meta .author {
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  border-radius: 5px;
  background: #ffedcc;
  font-size: 12px;
  font-weight: 600;
  color: #ffa300;
}
.single-blog-3 .blog-content .blog-meta .date {
  font-size: 14px;
  line-height: 24px;
  color: #838383;
  margin-left: 15px;
}
.single-blog-3 .blog-content .title {
  color: #1e1e1e;
}
.single-blog-3 .blog-content .title:hover a {
  color: #f6520a;
}
.single-blog-3 .blog-content p {
  font-size: 16px;
  color: #666666;
}
.call-to-action-wrapper {
  background-color: #ffc000;
  padding: 30px 110px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .call-to-action-wrapper {
    padding: 30px 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .call-to-action-wrapper {
    display: block;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .call-to-action-wrapper {
    padding: 30px 60px;
    display: block;
    text-align: center;
  }
}
@media only screen and (max-width: 575px) {
  .call-to-action-wrapper {
    padding: 25px;
  }
}
.call-to-action-content {
  max-width: 400px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .call-to-action-content {
    margin: 0 auto;
  }
}
.call-to-action-content .title {
  font-size: 36px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.3;
}
@media only screen and (max-width: 575px) {
  .call-to-action-content .title {
    font-size: 28px;
  }
}
.call-to-action-content p {
  font-size: 18px;
  color: #ffffff;
  margin-top: 7px;
}
@media only screen and (max-width: 575px) {
  .call-to-action-content p {
    font-size: 16px;
  }
}
.call-to-action-content .btn {
  padding: 0 35px;
  margin-top: 20px;
}
.call-to-action-image {
  position: relative;
  max-width: 410px;
  width: 100%;
  text-align: center;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .call-to-action-image {
    margin-top: 50px;
  }
}
.call-to-action-image .shape-1 {
  position: absolute;
  width: 264px;
  top: 0;
  left: 0;
  z-index: -1;
}
.call-to-action-image .shape-1 svg .shape-path1 {
  fill: #384c4c;
}
.call-to-action-image .shape-2 {
  position: absolute;
  width: 177px;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}
.call-to-action-image .shape-2 svg .shape-path1 {
  fill: #ffd24d;
}
.call-to-action-image .image {
  padding-left: 30px;
}
.call-to-action-image .image img {
  border-radius: 10px;
}
.call-to-action-bg {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.call-to-action-bg .call-to-action-shape-01 {
  width: 1093px;
  position: absolute;
  z-index: -1;
  top: -150px;
  right: -200px;
  opacity: 0.1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .call-to-action-bg .call-to-action-shape-01 {
    width: 893px;
  }
}
.call-to-action-bg .call-to-action-shape-01 svg .shape-path {
  fill: #ffc000;
}
.call-to-action-bg .call-to-action-shape-02 {
  border-radius: 50%;
  background-color: #afe0fb;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 150px;
  left: 10%;
  z-index: -1;
}
.call-to-action-bg .call-to-action-shape-03 {
  border: 1px solid #ebebeb;
  border-radius: 50%;
  width: 1086px;
  height: 1086px;
  position: absolute;
  z-index: -1;
  left: -440px;
  top: -490px;
}
.call-to-action-bg .call-to-action-shape-03::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid #ebebeb;
  border-radius: 50%;
  -webkit-transform: scale(0.86);
  -ms-transform: scale(0.86);
  transform: scale(0.86);
}
.call-to-action-content-02 ul {
  padding-top: 26px;
}
.call-to-action-content-02 ul li {
  font-size: 16px;
  line-height: 2.25;
  position: relative;
  padding-left: 33px;
}
.call-to-action-content-02 ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\f00c";
  font-family: "FontAwesome";
  color: #ffc000;
}
.call-to-action-content-02 .btn {
  margin-top: 30px;
}
.call-to-action-images-02 {
  position: relative;
  z-index: 1;
}
.call-to-action-images-02 .call-to-images-shape-01 {
  background-color: #ffcc66;
  width: 499px;
  height: 499px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .call-to-action-images-02 .call-to-images-shape-01 {
    width: 350px;
    height: 350px;
  }
}
.call-to-action-images-02 .call-to-images-shape-02 {
  position: absolute;
  width: 115px;
  top: 100px;
  left: 15%;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .call-to-action-images-02 .call-to-images-shape-02 {
    top: 0;
    left: 0;
    z-index: -1;
  }
}
.call-to-action-images-02 .call-to-images-shape-02 svg .shape-path {
  fill: #676767;
}
.call-to-action-section-03 {
  background-color: #116eee;
  padding: 40px 0 70px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.call-to-action-section-03 .shape-01 {
  width: 120px;
  position: absolute;
  top: -30px;
  right: 33%;
}
.call-to-action-section-03 .shape-02 {
  border: 1px solid #ffffff;
  border-radius: 50%;
  width: 1086px;
  height: 1086px;
  position: absolute;
  z-index: -1;
  right: -380px;
  bottom: 170px;
  opacity: 0.3;
}
.call-to-action-section-03 .shape-02::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid #ffffff;
  border-radius: 50%;
  -webkit-transform: scale(0.86);
  -ms-transform: scale(0.86);
  transform: scale(0.86);
}
.call-to-action-image-03 {
  text-align: center;
  position: relative;
  z-index: 1;
  margin-top: 30px;
  padding-top: 30px;
}
.call-to-action-image-03 .call-to-action-shape {
  border-radius: 50%;
  background-color: #ffcc66;
  width: 200px;
  height: 200px;
  position: absolute;
  top: -15px;
  left: 0;
  z-index: -1;
}
.call-to-action-image-03 .image img {
  border-radius: 10px;
}
.call-to-action-content-03 {
  margin-top: 25px;
}
.call-to-action-content-03 .title {
  font-size: 36px;
  font-weight: 700;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .call-to-action-content-03 .title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .call-to-action-content-03 .title {
    font-size: 24px;
  }
}
.call-to-action-btn-03 {
  margin-top: 30px;
}
.call-to-action-btn-03 .btn {
  font-size: 14px;
  letter-spacing: 1px;
  padding: 0 30px;
}
.call-to-action-04 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 575px) {
  .call-to-action-04 {
    background-position: center left;
  }
}
.call-to-action-04::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#151414),
    color-stop(80%, rgba(255, 255, 255, 0))
  );
  background: -webkit-linear-gradient(
    left,
    #f1f6e9 0%,
    rgba(241, 246, 233, 0) 80%
  );
  background: -o-linear-gradient(left, #151414 0%, rgb(255 255 255 / 0%) 80%);
  background: linear-gradient(90deg, #151414 0%, rgb(255 255 255 / 0%) 80%);
  z-index: -1;
}
.next_position::before
{
	content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#15141400),
    color-stop(80%, rgba(255, 255, 255, 0))
  ) !important;
  background: -webkit-linear-gradient(
    left,
    #15141400 0%,
    rgba(241, 246, 233, 0) 80%
  ) !important;
  background: -o-linear-gradient(left, #15141400 0%, rgb(17 14 14 / 69%) 80%) !important;
  background: linear-gradient(90deg, #15141400 0%, rgb(17 14 14 / 69%) 80%) !important;
  z-index: -1;
}
.bottom_text h2{
	    color: #fff;
}
.bottom_text p{
	    color: #fff;
}
.bottom_text_p h2{
	    color: #fff;
}
.section-padding-100 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.bottom_text_p p{
	    color: #fff;
}
.call-to-action-content-04 {
  max-width: 50%;
  margin-top: -8px;
}
@media only screen and (max-width: 767px) {
  .call-to-action-content-04 {
    max-width: 320px;
  }
}
.call-to-action-content-04 .sub-title {
  font-size: 14px;
  font-weight: 600;
  color: #ffc000;
}
.call-to-action-content-04 .title {
  font-size: 30px;
  font-weight: 700;
}
.call-to-action-content-04 p {
  margin-top: 10px;
}
.call-to-action-content-04 .call-to-action-btn-04 {
  margin-top: 38px;
  position: relative;
  padding-right: 70px;
  display: inline-block;
}
.call-to-action-content-04 .call-to-action-btn-04 .shape {
  position: absolute;
  top: 0;
  right: 0;
}
.call-to-action-wrap-05 {
  background: #ffa300;
  border-radius: 15px;
  padding: 150px 180px 165px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: -395px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .call-to-action-wrap-05 {
    padding: 120px 160px 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .call-to-action-wrap-05 {
    padding: 80px 110px 80px;
    margin-bottom: -250px;
  }
}
@media only screen and (max-width: 575px) {
  .call-to-action-wrap-05 {
    padding: 60px 30px;
  }
}
.call-to-action-content-05 {
  max-width: 390px;
  text-align: center;
}
.call-to-action-content-05 .title {
  font-size: 72px;
  line-height: 52px;
  font-weight: 600;
  color: #ffffff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .call-to-action-content-05 .title {
    font-size: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .call-to-action-content-05 .title {
    font-size: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .call-to-action-content-05 .title {
    font-size: 46px;
  }
}
.call-to-action-content-05 .sub-title {
  font-size: 30px;
  line-height: 52px;
  font-weight: 600;
  color: #ffffff;
  margin-top: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .call-to-action-content-05 .sub-title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .call-to-action-content-05 .sub-title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .call-to-action-content-05 .sub-title {
    font-size: 20px;
    margin-top: 5px;
  }
}
.call-to-action-content-05 .btn {
  height: 65px;
  line-height: 65px;
  background: #ffffff;
  color: #1e1e1e;
  margin-top: 35px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.call-to-action-content-05 .btn:hover {
  background: #f6520a;
  color: #ffffff;
}
.call-to-action-06 {
  background: #271344;
  padding-top: 140px;
  padding-bottom: 160px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .call-to-action-06 {
    padding-top: 110px;
    padding-bottom: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .call-to-action-06 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.call-to-action-06 .shape-1 {
  position: absolute;
  top: 16%;
  left: 6%;
  z-index: -1;
}
.call-to-action-06 .shape-2 {
  position: absolute;
  top: 16%;
  left: 21%;
  z-index: -1;
}
.call-to-action-06 .shape-3 {
  position: absolute;
  top: 55%;
  left: 12%;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .call-to-action-06 .shape-3 {
    display: none;
  }
}
.call-to-action-06 .shape-4 {
  position: absolute;
  top: 14%;
  right: 25%;
  z-index: -1;
}
.call-to-action-06 .shape-5 {
  position: absolute;
  top: 53%;
  right: 18%;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .call-to-action-06 .shape-5 {
    top: 70%;
    right: 22%;
  }
}
.call-to-action-06 .shape-6 {
  position: absolute;
  top: 40%;
  right: -3%;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .call-to-action-06 .shape-6 {
    right: -14%;
  }
}
@media only screen and (max-width: 575px) {
  .call-to-action-06 .shape-6 {
    display: none;
  }
}
.call-to-action-content-06 .section-title-3 .title {
  color: #ffffff;
}
.call-to-action-content-06 .number {
  font-size: 54px;
  line-height: 72px;
  font-weight: 700;
  color: #ffc000;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .call-to-action-content-06 .number {
    font-size: 42px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .call-to-action-content-06 .number {
    font-size: 36px;
    line-height: 50px;
  }
}
.newsletter-section {
  background-color: #ffc000;
  padding-top: 50px;
  padding-bottom: 100px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .newsletter-section {
    padding-top: 10px;
    padding-bottom: 60px;
  }
}
.newsletter-section .newsletter-shape-01 {
  position: absolute;
  bottom: -38px;
  left: 6%;
  z-index: -1;
  opacity: 0.1;
}
.newsletter-section .newsletter-shape-01 svg {
  fill: #000000;
  width: 258px;
}
.newsletter-section .newsletter-shape-02 {
  border: 1px solid #ffffff;
  border-radius: 50%;
  width: 795px;
  height: 795px;
  position: absolute;
  z-index: -1;
  right: -140px;
  bottom: 20px;
  opacity: 0.2;
}
.newsletter-section .newsletter-shape-02::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid #ffffff;
  border-radius: 50%;
  -webkit-transform: scale(0.86);
  -ms-transform: scale(0.86);
  transform: scale(0.86);
}
.newsletter-section .newsletter-shape-03 {
  border-radius: 50%;
  background-color: #ffcc66;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 50px;
  right: 13%;
  z-index: -1;
}
@media only screen and (max-width: 575px) {
  .newsletter-section .newsletter-shape-03 {
    right: 3%;
  }
}
.newsletter-content {
  margin-top: 40px;
}
.newsletter-content .title {
  font-size: 36px;
  font-weight: 600;
  color: #ffffff;
}
@media only screen and (max-width: 575px) {
  .newsletter-content .title {
    font-size: 28px;
  }
}
.newsletter-content p {
  font-size: 20px;
  color: #ffffff;
}
@media only screen and (max-width: 575px) {
  .newsletter-content p {
    font-size: 16px;
  }
}
.newsletter-form {
  margin-top: 5px;
  position: relative;
}
.newsletter-form input {
  width: 100%;
      height: 45px;
    font-size: 13px;
    font-weight: 400;
    padding-left: 7px;
    padding-right: 150px;
  border: 0;
  border-radius: 4px;
}
@media only screen and (max-width: 575px) {
  .newsletter-form input {
    padding: 0 20px;
  }
}
.newsletter-form .btn {
      position: absolute;
    height: 45px;
    background-color: #086591;
    color: #ffffff;
    top: 0;
    right: 0;
    padding: 0 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
@media only screen and (max-width: 575px) {
  .newsletter-form .btn {
    position: relative;
    margin-top: 10px;
    width: 100%;
    border-radius: 5px;
  }
}
.banner-wrapper {
  margin-top: -50px;
}
.single-banner {
  position: relative;
  margin-top: 50px;
}
.single-banner .banner-images img {
  width: 100%;
  border-radius: 3px;
}
.single-banner .banner-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 75%;
  padding: 30px;
}
#autocomplete_result p:nth-child(odd) {
    background: #00000024;
}
#autocomplete_result {
    border-top: 0;
    position: absolute;
    z-index: 999999999;
    overflow: auto;
    height: auto;
    cursor: pointer;
    width: 100%;
}
#autocomplete, #autocomplete_result {
    border: 1px solid silver;
    background: #fff;
}
#autocomplete, #autocomplete_result p {
    padding: 20px;
    margin: 0;
    cursor: pointer;
    color: #000;
}
.font_icon
{
	font-size: 55px;
}
.custom-botton
{
	height: 42px !important;
	line-height: 43px !important;
	    font-size: 14px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (max-width: 767px) {
  .single-banner .banner-content {
    padding: 30px;
    width: 73%;
  }
}
@media only screen and (max-width: 575px) {
  .single-banner .banner-content {
    padding: 15px;
  }
}
.single-banner .banner-content .sub-title {
  font-size: 14px;
  font-weight: 700;
  color: #ffc000;
}

.single-banner .banner-content .title {
  font-size: 18px;
  font-weight: 600;
  color: #072f60;
  line-height: 1.3;
}

.single-banner .banner-content p {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  padding-top: 10px;
}

@media only screen and (max-width: 575px) {
  .single-banner .banner-content .title {
    font-size: 16px;
    margin-top: 5px;
  }
}
.single-banner .banner-content .btn {
  margin-top: 25px;
}
@media only screen and (max-width: 575px) {
  .single-banner .banner-content .btn {
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    margin-top: 10px;
  }
}
.banner-section-02 .banner-wrap-02 {
  margin-top: -30px;
}
.banner-section-02 .banner-wrap-02 .single-item {
  background: #ece7e1;
  padding: 55px 55px 65px;
  border-radius: 15px;
  overflow: hidden;
  margin-top: 30px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 575px) {
  .banner-section-02 .banner-wrap-02 .single-item {
    padding: 35px;
  }
}
.banner-section-02 .banner-wrap-02 .single-item .image-1 {
  position: absolute;
  right: -90px;
  top: 50px;
  z-index: -1;
}
.banner-section-02 .banner-wrap-02 .single-item .image-2 {
  position: absolute;
  right: -62px;
  bottom: -10px;
  z-index: -1;
}
.banner-section-02 .banner-wrap-02 .single-item .banner-content .discount {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  color: #f6520a;
}
.banner-section-02 .banner-wrap-02 .single-item .banner-content .title {
  font-size: 38px;
  line-height: 44px;
  font-weight: 600;
  color: #1e1e1e;
  margin-top: 5px;
}
@media only screen and (max-width: 575px) {
  .banner-section-02 .banner-wrap-02 .single-item .banner-content .title {
    font-size: 32px;
    line-height: 42px;
  }
}
.banner-section-02 .banner-wrap-02 .single-item .banner-content .btn {
  margin-top: 30px;
}
.banner-section-02 .banner-wrap-02 .single-item.item-2 {
  background: #adddc7;
}
.banner-section-02
  .banner-wrap-02
  .single-item.item-2
  .banner-content
  .discount {
  color: #ffa300;
}
.banner-section-02 .banner-wrap-02 .single-item.item-2 .banner-content .title {
  color: #ffffff;
}
.banner-section-02 .banner-wrap-02 .single-item.item-2 .banner-content .btn {
  background: #ffa300;
}
.banner-section-02
  .banner-wrap-02
  .single-item.item-2
  .banner-content
  .btn:hover {
  background: #f6520a;
  color: #ffffff;
}
.course-category-wrapper {
  padding-top: 30px;
}
.single-course-category {
  margin-top: 30px;
}
.single-course-category .course-category-image a {
  display: block;
  overflow: hidden;
  border-radius: 5px;
}
.single-course-category .course-category-content {
  margin-top: 20px;
}
.single-course-category .course-category-content .title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
}
.single-course-category .course-category-content p {
  color: #838383;
}
.event-section {
  position: relative;
  z-index: 1;
}
.event-section .event-patan {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0.2;
}
.evenet-wrapper {
  margin-top: 50px;
}
.single-event {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: white;
  -webkit-box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.1);
  padding: 30px;
  margin-top: 20px;
}
@media only screen and (max-width: 575px) {
  .single-event {
    display: block;
    text-align: center;
  }
}
.single-event .event-image {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.single-event .event-image img {
  border-radius: 50%;
}
.single-event .event-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 30px;
  max-width: 320px;
}
@media only screen and (max-width: 575px) {
  .single-event .event-content {
    padding-left: 0;
    padding-top: 25px;
  }
}
.single-event .event-content .date {
  color: #ffc000;
  font-family: "Heebo", sans-serif;
  font-weight: 700;
  font-size: 14px;
}
.single-event .event-content .title {
  font-size: 18px;
  font-weight: 700;
}
.single-event .event-content p {
  margin-top: 5px;
}
.event-content-wrapper {
  padding-top: 30px;
}
.single-event-02 {
  margin-top: 30px;
}
.single-event-02 .event-img {
  position: relative;
  border-radius: 30px;
  overflow: hidden;
}
.single-event-02 .event-img a {
  display: block;
}
.single-event-02 .event-img a img {
  width: 100%;
}
.single-event-02 .event-img .top-meta {
  position: absolute;
  top: 40px;
  left: 45px;
}
.single-event-02 .event-img .top-meta .date {
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  background: #ffc000;
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  border-radius: 50%;
  font-family: "Heebo", sans-serif;
  font-weight: 700;
  display: inline-block;
  text-align: center;
  padding: 28px;
}
.single-event-02 .event-img .top-meta .date span {
  font-size: 30px;
  display: block;
}
.single-event-02 .event-img:hover a img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.single-event-02 .event-content {
  padding-right: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .single-event-02 .event-content {
    padding-right: 30px;
  }
}
.single-event-02 .event-content .place {
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
  margin-top: 30px;
}
.single-event-02 .event-content .place i {
  font-size: 18px;
  color: #086591;
  margin-right: 5px;
}
.single-event-02 .event-content .title {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  color: #271344;
  margin-top: 5px;
}
.single-event-02 .event-content .title:hover a {
  color: #086591;
}
.single-event-02 .event-content .read-more-btn {
  font-size: 14px;
  line-height: 18px;
  font-family: "Heebo", sans-serif;
  font-weight: 700;
  color: #ffc000;
  margin-top: 10px;
  position: relative;
}
.single-event-02 .event-content .read-more-btn::before {
  position: absolute;
  left: 0;
  bottom: -3px;
  height: 2px;
  width: 100%;
  content: "";
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color: #ffc000;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.single-event-02 .event-content .read-more-btn:hover {
  color: #086591;
}
.single-event-02 .event-content .read-more-btn:hover::before {
  background-color: #086591;
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  transform: scale(-1);
}
.single-event-02.color-2 .top-meta .date {
  background: #1ab9ff;
}
.single-event-02.color-2 .event-content .read-more-btn {
  color: #1ab9ff;
}
.single-event-02.color-2 .event-content .read-more-btn::before {
  background-color: #1ab9ff;
}
.single-event-02.color-2 .event-content .read-more-btn:hover {
  color: #086591;
}
.single-event-02.color-2 .event-content .read-more-btn:hover::before {
  background-color: #086591;
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  transform: scale(-1);
}
.single-event-02.color-3 .top-meta .date {
  background: #aed139;
}
.single-event-02.color-3 .event-content .read-more-btn {
  color: #aed139;
}
.single-event-02.color-3 .event-content .read-more-btn::before {
  background-color: #aed139;
}
.single-event-02.color-3 .event-content .read-more-btn:hover {
  color: #086591;
}
.single-event-02.color-3 .event-content .read-more-btn:hover::before {
  background-color: #086591;
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  transform: scale(-1);
}
.about-wrapper {
  margin-top: -30px;
}
.about-images {
  position: relative;
  z-index: 1;
}
.about-images .shape-1 {
  width: 150px;
  position: absolute;
  top: 30px;
  left: 85px;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-images .shape-1 {
    width: 120px;
    left: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .about-images .shape-1 {
    width: 100px;
    left: 50px;
  }
}
.about-images .single-image {
  margin-top: 30px;
}
.about-images .single-image img {
  width: 100%;
  border-radius: 5px;
}

.about-content {
  margin-top: 30px;
  max-width: 520px;
  margin-left: auto;
}

.about-content h4{
  font-size: 20px;
  font-weight: 500;
  padding: 15px 0px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .about-content {
    margin-left: 0;
  }
}
.about-content .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-content .title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .about-content .title {
    font-size: 20px;
  }
}
.about-content p {
  margin-top: 1%;
}
.about-content ul {
  padding-top: 20px;
}
.about-content ul li {
  position: relative;
  padding-left: 35px;
  margin-top: 10px;
}
.about-content ul li::before {
  position: absolute;
  content: "\f00c";
  font-family: "FontAwesome";
  top: 0;
  left: 0;
  color: #086591;
}
.about-content .play {
  margin-top: 30px;
}
.about-content .play i {
  width: 65px;
  height: 65px;
  line-height: 65px;
  border-radius: 50%;
  text-align: center;
  background-color: #086591;
  color: #ffffff;
}
.about-content .play span {
  color: #072f60;
  font-size: 18px;
  font-weight: 600;
  margin-left: 10px;
}
.about-02-section {
  padding-top: 190px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-02-section {
    padding-top: 170px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-02-section {
    padding-top: 150px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .about-02-section {
    padding-top: 140px;
    padding-bottom: 60px;
  }
}
.about-02-section .about-img-02 {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .about-02-section .about-img-02 {
    text-align: center;
  }
}
.about-02-section .about-img-02 .shape-1 {
  position: absolute;
  left: -90px;
  top: -70px;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-02-section .about-img-02 .shape-1 {
    left: -10px;
    top: -70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .about-02-section .about-img-02 .shape-1 {
    left: 0;
  }
}
.about-02-section .about-content-02 {
  padding-left: 40px;
  padding-right: 65px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-02-section .about-content-02 {
    padding-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .about-02-section .about-content-02 {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 50px;
  }
}
.about-02-section .about-content-02 .section-title-2 .sub-title::before {
  display: none;
}
.about-02-section .about-content-02 .section-title-2 .sub-title::after {
  display: none;
}
.about-02-section .about-content-02 p {
  font-size: 16px;
  line-height: 30px;
  color: #525252;
  margin-top: 25px;
}
.about-02-section .about-content-02 .about-list {
  padding-top: 20px;
}
.about-02-section .about-content-02 .about-list li {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #1e1e1e;
  margin-top: 10px;
}
.about-02-section .about-content-02 .about-list li i {
  color: #f6520a;
  margin-right: 15px;
}
.about-02-section .about-content-02 .btn {
  margin-top: 40px;
}
.about-section-03 .about-img {
  text-align: center;
  position: relative;
  z-index: 1;
}
.about-section-03 .about-img .shape-1 {
  position: absolute;
  left: 40px;
  top: 0;
  z-index: -1;
}
.about-section-03 .about-img .shape-2 {
  position: absolute;
  left: 10px;
  bottom: 150px;
  z-index: -1;
}
.about-section-03 .about-img .shape-3 {
  position: absolute;
  right: 0;
  top: 160px;
  z-index: -1;
}
.about-section-03 .about-img .shape-4 {
  position: absolute;
  right: 20px;
  bottom: 50px;
  z-index: -1;
}
.about-section-03 .about-img .image img {
  border-radius: 30px;
}
.about-section-03 .about-content-03 {
  padding-left: 100px;
  padding-right: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-section-03 .about-content-03 {
    padding-left: 40px;
    padding-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .about-section-03 .about-content-03 {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 50px;
  }
}
.about-section-03 .about-content-03 .section-title-3 .title {
  line-height: 1.37;
}
.about-section-03 .about-content-03 p {
  font-size: 16px;
  line-height: 30px;
  color: #525252;
  margin-top: 35px;
}
.about-section-03 .about-content-03 .about-list {
  margin-top: 30px;
}
.about-section-03 .about-content-03 .about-list ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 18px;
  line-height: 36px;
  font-family: "Heebo", sans-serif;
  font-weight: 600;
  color: #271344;
}
.about-section-03 .about-content-03 .about-list ul li .about-list-icon {
  color: #086591;
  margin-right: 15px;
}
.page-banner-section {
  min-height: 0px;
  padding-top: 78px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .page-banner-section {
    min-height: 520px; 
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .page-banner-section {
    min-height: 350px;
  }
}
@media only screen and (max-width: 575px) {
  .page-banner-section {
    min-height: 300px;
  }
}
.page-banner-section .shape-1 {
  position: absolute;
  width: 66px;
  bottom: 110px;
  left: 120px;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .page-banner-section .shape-1 {
    left: 60px;
    bottom: 60px;
    width: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .page-banner-section .shape-1 {
    left: 30px;
    bottom: 30px;
    width: 45px;
  }
}
.page-banner-section .shape-2 {
  position: absolute;
  top: 150px;
  width: 60px;
  left: 30%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .page-banner-section .shape-2 {
    top: 100px;
    width: 50px;
  }
}
.page-banner-section .shape-3 {
  position: absolute;
  width: 66px;
  top: 50%;
  right: 10%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .page-banner-section .shape-3 {
    width: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .page-banner-section .shape-3 {
    width: 45px;
  }
}
.page-banner-section .shape-4 {
  position: absolute;
  top: -80px;
  left: -230px;
  opacity: 0.06;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .page-banner-section .shape-4 {
    width: 750px;
    top: -40px;
    left: -190px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .page-banner-section .shape-4 {
    width: 550px;
    top: 0px;
    left: -100px;
  }
}
.page-banner-section .shape-5 {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.06;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .page-banner-section .shape-5 {
    width: 750px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .page-banner-section .shape-5 {
    width: 550px;
  }
}
.page-banner-content {
  text-align: center;
}
.page-banner-content .title {
  font-size: 48px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .page-banner-content .title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .page-banner-content .title {
    font-size: 30px;
    margin-bottom: 10px;
  }
}
.page-banner-content .breadcrumb .breadcrumb-item {
  font-size: 16px;
  color: #666666;
}
@media only screen and (max-width: 575px) {
  .page-banner-content .breadcrumb .breadcrumb-item {
    font-size: 15px;
  }
}
.page-banner-content .breadcrumb .breadcrumb-item::before {
  color: #ffc000;
}
.page-banner-content .breadcrumb .breadcrumb-item.active {
  color: #ffc000;
}
.instructor-wrapper {
  padding-top: 30px;
}
.instructor-wrapper-02 {
  margin-top: -30px;
}
.single-instructor {
  margin-top: 30px;
  position: relative;
}
.single-instructor .instructor-image a {
  overflow: hidden;
  border-radius: 5px;
  z-index: 1;
  position: relative;
  display: block;
}
.single-instructor .instructor-image a::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.9)),
    color-stop(60%, rgba(0, 0, 0, 0))
  );
  background: -webkit-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.9) 0%,
    rgba(0, 0, 0, 0) 60%
  );
  background: -o-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.9) 0%,
    rgba(0, 0, 0, 0) 60%
  );
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.9) 0%,
    rgba(0, 0, 0, 0) 60%
  );
  top: 0;
  left: 0;
}
.single-instructor .instructor-image a img {
  width: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.single-instructor .instructor-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 40px 20px;
  z-index: 2;
}
.single-instructor .instructor-content .name {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
}
.single-instructor .instructor-content p {
  color: #ffffff;
  font-size: 14px;
}
.single-instructor:hover .instructor-image img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.blog-details-wrapper {
  margin-top: 50px;
}
.blog-details-image {
  position: relative;
}
.blog-details-image a {
  display: block;
  border-radius: 8px;
  overflow: hidden;
}
.blog-details-image a img {
  width: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.blog-details-image .tags {
  padding: 0 25px;
  height: 30px;
  line-height: 30px;
  background-color: #ffc000;
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  position: absolute;
  display: inline-block;
  border-radius: 50px;
  position: absolute;
  top: 40px;
  left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details-image .tags {
    left: 20px;
    top: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .blog-details-image .tags {
    top: 15px;
    left: 10px;
  }
}
.blog-details-content {
  padding-top: 32px;
}
.blog-details-content .meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.blog-details-content .meta a {
  font-size: 14px;
  font-weight: 400;
  color: #838383;
}
.blog-details-content .meta a i {
  margin-right: 3px;
}
.blog-details-content .meta a + a {
  margin-left: 25px;
}
.blog-details-content .meta .date {
  color: #ffc000;
}
.blog-details-content .meta .author {
  color: #838383;
  position: relative;
}
.blog-details-content .meta .author::before {
  content: "/";
  font-size: 14px;
  font-weight: 400;
  color: #838383;
  margin: 0 8px;
}
.blog-details-content .title {
  font-size: 24px;
  font-weight: 700;
  color: #072f60;
  line-height: 1.4;
  margin-top: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (max-width: 575px) {
  .blog-details-content .title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-content .title {
    font-size: 20px;
  }
}
.blog-details-content > p {
  margin-top: 15px;
}
.blog-details-content .blockquote {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 40px 0;
}
.blog-details-content .blockquote .blockquote-icon {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 2px;
}
.blog-details-content .blockquote .blockquote-icon svg {
  fill: #ffc000;
  width: 50px;
}
.blog-details-content .blockquote .blockquote-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 20px;
}
.blog-details-content .blockquote .blockquote-content p {
  font-size: 20px;
  font-weight: 500;
  color: #072f60;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .blog-details-content .blockquote .blockquote-content p {
    font-size: 16px;
    line-height: 1.5;
  }
}
.blog-details-content .btn {
  margin-top: 25px;
}
.blog-tags-social {
  padding-top: 10px;
  border-top: 1px solid rgba(65, 70, 79, 0.14);
  margin-top: 55px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.blog-tags-social .blog-tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 30px;
}
.blog-tags-social .blog-tags .label {
  font-size: 14px;
  font-weight: 700;
  color: #072f60;
  padding-right: 6px;
}
.blog-tags-social .blog-tags ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.blog-tags-social .blog-tags ul li {
  padding: 0 6px;
}
.blog-tags-social .blog-tags ul li a {
  font-size: 14px;
  font-weight: 400;
  color: #072f60;
  padding: 0 13px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background-color: #f6f7f9;
  border-radius: 5px;
}
.blog-tags-social .blog-tags ul li a:hover {
  background-color: #ffc000;
  color: #ffffff;
}
.blog-tags-social .blog-social .social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -3px;
  margin-right: -3px;
  padding-top: 30px;
}
.blog-tags-social .blog-social .social li {
  padding: 0 3px;
}
.blog-tags-social .blog-social .social li a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
  color: #ffffff;
}
.blog-tags-social .blog-social .social li a.facebook {
  background-color: #4867aa;
}
.blog-tags-social .blog-social .social li a.twitter {
  background-color: #1da1f2;
}
.blog-tags-social .blog-social .social li a.pinterest {
  background-color: #bd081b;
}
.blog-details-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #f6f7f9;
  padding: 10px 30px;
  position: relative;
  margin-top: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-pagination {
    padding: 0px 10px;
  }
}
@media only screen and (max-width: 575px) {
  .blog-details-pagination {
    padding: 0 10px;
  }
}
.blog-details-pagination::before {
  position: absolute;
  content: "";
  width: 1px;
  background-color: #e1e1e1;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 30px;
  bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .blog-details-pagination::before {
    width: auto;
    height: 1px;
    left: 30px;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: auto;
  }
}
.blog-details-pagination .previous-post,
.blog-details-pagination .next-post {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .blog-details-pagination .previous-post,
  .blog-details-pagination .next-post {
    width: 100%;
  }
}
.blog-details-pagination .blog-details-post {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-pagination .blog-details-post {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 575px) {
  .blog-details-pagination .blog-details-post {
    padding: 20px 0;
  }
}
.blog-details-pagination .blog-details-post .details-post-thumb {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.blog-details-pagination .blog-details-post .details-post-thumb a i {
  font-size: 20px;
  color: #072f60;
  padding: 0 10px;
}
.blog-details-pagination .blog-details-post .details-post-thumb a img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
}
.blog-details-pagination .blog-details-post .details-post-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 20px;
}
.blog-details-pagination .blog-details-post .details-post-content .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-pagination .blog-details-post .details-post-content .title {
    font-size: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .blog-details-pagination .blog-details-post .details-post-content .title {
    font-size: 15px;
  }
}
.blog-details-pagination .blog-details-post .details-post-content .date {
  color: #ffc000;
  font-size: 13px;
  margin-top: 5px;
  display: block;
}
@media only screen and (min-width: 1500px),
  only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pricing-wrapper .row [class*="col-"]:first-child .single-pricing {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: 0;
  }
}
@media only screen and (min-width: 1500px),
  only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pricing-wrapper .row [class*="col-"]:last-child .single-pricing {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: 0;
  }
}
.pricing-wrapper .tab-content {
  padding-top: 40px;
}
.pricing-btn {
  margin-top: 45px;
}
.pricing-btn li button {
  width: 185px;
  height: 60px;
  border: 1px solid #086591;
  font-size: 16px;
  font-weight: 500;
  color: #072f60;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  background-color: transparent;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .pricing-btn li button {
    font-size: 16px;
    height: 50px;
    width: 145px;
  }
}
@media only screen and (max-width: 575px) {
  .pricing-btn li button {
    height: 45px;
    font-size: 14px;
    width: 135px;
    padding: 10px;
  }
}
.pricing-btn li button.active {
  background-color: #086591;
  color: #ffffff;
}
.pricing-btn li:first-child button {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.pricing-btn li:last-child button {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.custom_li_style li {
    width: 100% !important;
}
.custom_li_style{
	    padding-top: 0px !important;
}
.custom_li_ul{
	    margin-top: 5px !important;
	    padding: 15px !important;
      min-height: 270px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (max-width: 575px) {
  .single-pricing {
    padding: 30px 30px;
  }
}
.single-pricing .pricig-header .title {
  font-size: 20px;
  font-weight: 600;
  color: #072f60;
  text-align: center;
  padding-bottom: 10px;
}
.single-pricing .pricig-header p {
  font-size: 18px;
  font-weight: 600;
  color: #072f60;
  line-height: 1.2;
}
.single-pricing .pricig-header p span {
  font-size: 24px;
}
.single-pricing .pricig-header .btn {
  width: 100%;
  margin-top: 30px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.single-pricing .pricig-body .pricig-list {
  padding-top: 35px;
}
.single-pricing .pricig-body .pricig-list li {
  font-size: 16px;
  color: #666666;
  margin-top: 5px;
}
.single-pricing .pricig-body .pricig-list li span {
  font-weight: 700;
}
.single-pricing.active {
  background-color: #086591;
  border-radius: 10px;
  padding: 10px 10px;
  margin-top: 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (max-width: 575px) {
  .single-pricing.active {
    padding: 60px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .single-pricing.active {
    margin-top: 30px;
  }
}
.single-pricing.active .pricig-header .title {
  color: #ffffff;
}
.single-pricing.active .pricig-header p {
  color: #ffffff;
}
.single-pricing.active .pricig-body .pricig-list li {
  color: #ffffff;
}
.single-faq {
  border: 0;
  margin-top: 10px;
  padding: 20px;
}
@media only screen and (max-width: 767px) {
  .single-faq {
    padding: 20px;
  }
}
.single-faq .accordion-button {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #ffffff;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
  color: #072f60;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .single-faq .accordion-button {
    font-size: 18px;
  }
}
.single-faq .accordion-body {
  padding: 0;
}
.single-faq .accordion-body p {
  padding-top: 15px;
}
.login-register-wrapper {
  margin-top: -50px;
}
.login-register-box {
  border: 1px solid #eeeeee;
  padding: 40px;
  border-radius: 10px;
  margin-top: 50px;
}
.contact-info-wrapper {
  margin-top: -30px;
}
.contact-info-wrapper
  .row
  [class*="col-"]:last-child
  .single-contact-info::before {
  display: none;
}
.single-contact-info {
  text-align: center;
  position: relative;
  padding: 0 30px;
  margin-top: 30px;
}
.single-contact-info::before {
  position: absolute;
  content: "";
  width: 1px;
  background-color: #d7d7d7;
  top: 20px;
  bottom: 20px;
  right: 0;
}
.single-contact-info .info-icon i {
  font-size: 55px;
  line-height: 1;
  color: #ffc000;
}
.single-contact-info .info-content {
  padding-top: 12px;
}
.single-contact-info .info-content .title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}
.single-contact-info .info-content p {
  font-size: 15px;
}
.contact-form-wrapper {
  padding-top: 20px;
}
.contact-map-area #contact-map {
  width: 100%;
  height: 400px;
}
.course-details-banner-content {
  max-width: 700px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .course-details-banner-content {
    padding: 50px 0;
  }
}
.course-details-banner-content .rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 5px;
}
.course-details-banner-content .rating .rating-star {
  display: block;
  position: relative;
}
.course-details-banner-content .rating .rating-star::before {
  content: "\f005 \f005 \f005 \f005 \f005 ";
  font-family: "FontAwesome";
  font-size: 13px;
  color: #c5c2c2;
  letter-spacing: 4px;
}
.course-details-banner-content .rating .rating-star .rating-active {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.course-details-banner-content .rating .rating-star .rating-active::before {
  content: "\f005 \f005 \f005 \f005 \f005 ";
  font-family: "FontAwesome";
  font-size: 13px;
  color: #ffc000;
  letter-spacing: 4px;
}
.course-details-banner-content .rating span {
  font-size: 13px;
  color: #838383;
}
.course-details-banner-content .title {
  font-size: 26px;
  font-weight: 600;
  color: #fff;
  margin-top: 60px;
}
.my_font_view
{
	color: #ffc000;
    font-size: 20px;
}
.meta-name
{
	    color: #fff;
}

.course-details-banner-content > p {
  margin-top: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}
.course-details-banner-content .course-details-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 10px;
}
.course-details-banner-content .course-details-meta > * {
  padding-left: 20px;
  margin-top: 10px;
  position: relative;
}
@media only screen and (max-width: 575px) {
  .course-details-banner-content .course-details-meta > * {
    padding-left: 20px;
  }
}
.course-details-banner-content .course-details-meta > *::before {
  /*position: absolute;
  content: "";
  width: 1px;
  height: 25px;
  background-color: #e1e1e1;
  left: 18px;*/
}

@media only screen and (max-width: 575px) {
  .course-details-banner-content .course-details-meta > *::before {
    left: 8px;
  }
}
.course-details-banner-content .course-details-meta > *:first-child {
  padding-left: 0;
}
.course-details-banner-content .course-details-meta > *:first-child::before {
  display: none;
}
.course-details-banner-content .course-details-meta .label {
  font-size: 15px;
  font-weight: 500;
  color: #072f60;
  white-space: nowrap;
}
.course-details-banner-content .course-details-meta .label span {
  color: #ffc000;
}
.course-details-banner-content .course-details-meta .meta-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 575px) {
  .course-details-banner-content .course-details-meta .meta-action {
    gap: 10px;
  }
}
.course-details-banner-content .course-details-meta .meta-action .meta-author {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.course-details-banner-content
  .course-details-meta
  .meta-action
  .meta-author
  img {
  width: 40px;
  border-radius: 50%;
  padding: 5px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.14);
}
.course-details-banner-content .course-details-meta .meta-action .meta-name {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.course-details-banner-content
  .course-details-meta
  .meta-action
  .meta-name
  .name {
  font-size: 15px;
  font-weight: 500;
  color: #072f60;
  white-space: nowrap;
}
.course-details-wrapper .title {
  font-size: 22px;
  font-weight: 600;
}
.course-details-wrapper p {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: #000e1e;
}
.course-details-wrapper .lessons-time > * {
  margin-right: 30px;
}
.course-details-wrapper .lessons-time > *:last-child {
  margin-right: 0;
}
.course-details-wrapper .course-learn-list {
  background-color: #f6f7f9;
  padding: 20px;
  margin-top: 50px;
  border-radius: 5px;
}
@media only screen and (max-width: 575px) {
  .course-details-wrapper .course-learn-list {
    padding: 30px;
  }
}
.course-details-wrapper .course-learn-list ul {
  padding-top: 26px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.course-details-wrapper .course-learn-list ul li {
  font-size: 14px;
  line-height: 24px;
  position: relative;
  padding-left: 40px;
  padding-right: 10px;
  padding-bottom: 12px;
  width: 50%;
  color: #072f60;
}

@media only screen and (max-width: 767px) {
  .course-details-wrapper .course-learn-list ul li {
    width: 100%;
  }
}
.course-details-wrapper .course-learn-list ul li::before {
  position: absolute;
  top: 0;
  left: 10px;
  content: "\f00c";
  font-family: "FontAwesome";
  color: #086591;
}
.course-details-wrapper .course-lessons {
  margin-top: 50px;
}
.course-details-wrapper .lessons-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.course-details-wrapper .course-instructor {
  border: 1px solid #ebebeb;
  border-radius: 5px;
  padding: 20px;
  margin-top: 50px;
}
@media only screen and (max-width: 575px) {
  .course-details-wrapper .course-instructor {
    padding: 30px;
  }
}
.course-details-wrapper .course-review {
  border: 1px solid #ebebeb;
  border-radius: 5px;
  padding: 20px;
  margin-top: 50px;
}
@media only screen and (max-width: 575px) {
  .course-details-wrapper .course-review {
    padding: 30px;
  }
}
/* 2026 course review hide in mobile*/
@media only screen and (max-width: 575px) {
  .course-details-wrapper .course-review {
    display: none;
  }
}

.course-accordion .accordion-item {
  border-radius: 0;
  margin-top: 10px;
  border: 0;
}
.course-accordion .accordion-item button {
  font-size: 16px;
  font-weight: 600;
  color: #086591;
  width: 100%;
  text-align: left;
  padding: 10px 20px;
  border: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.course-accordion .accordion-item button::before {
  content: "\f068";
  font-family: FontAwesome;
  font-size: 13px;
  font-weight: 300;
  margin-right: 10px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.course-accordion .accordion-item button.collapsed::before {
  content: "\f067";
}
.course-accordion .accordion-item .accordion-body {
  padding-bottom: 15px;
  background-color: #f6f7f9;
}
.course-accordion .accordion-item .accordion-body .lessons-list li a {
  font-size: 16px;
  display: block;
}
.course-accordion .accordion-item .accordion-body .lessons-list li a span {
  display: block;
  float: right;
  white-space: nowrap;
}
.course-accordion .accordion-item .accordion-body .lessons-list li a i {
  margin-right: 5px;
}
.instructor-profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  margin-top: 20px;
}
@media only screen and (max-width: 575px) {
  .instructor-profile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.instructor-profile .profile-images {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.instructor-profile .profile-images img {
  border-radius: 5px;
  width: 190px;
}
.instructor-profile .profile-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.instructor-profile .profile-content .name {
  font-size: 16px;
  font-weight: 600;
}
.instructor-profile .profile-content .profile-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 5px;
}
.instructor-profile .profile-content .profile-meta .rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.instructor-profile .profile-content .profile-meta .rating .rating-star {
  display: block;
  position: relative;
}
.instructor-profile
  .profile-content
  .profile-meta
  .rating
  .rating-star::before {
  content: "\f005 \f005 \f005 \f005 \f005 ";
  font-family: "FontAwesome";
  font-size: 13px;
  color: #c5c2c2;
  letter-spacing: 4px;
}
.instructor-profile
  .profile-content
  .profile-meta
  .rating
  .rating-star
  .rating-active {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.instructor-profile
  .profile-content
  .profile-meta
  .rating
  .rating-star
  .rating-active::before {
  content: "\f005 \f005 \f005 \f005 \f005 ";
  font-family: "FontAwesome";
  font-size: 13px;
  color: #ffc000;
  letter-spacing: 4px;
}
.instructor-profile .profile-content .profile-meta .rating span {
  font-size: 13px;
  font-weight: 700;
  color: #666666;
}
.instructor-profile .profile-content p {
  font-size: 14px;
}
.review-rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
  margin-top: 20px;
}
@media only screen and (max-width: 575px) {
  .review-rating {
    display: block;
  }
}
.review-rating .rating-box {
  text-align: center;
  width: 190px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.08);
  padding: 33px 20px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (max-width: 575px) {
  .review-rating .rating-box {
    margin: 0 auto;
  }
}
.review-rating .rating-box .count {
  display: block;
  font-size: 48px;
  font-weight: 700;
  color: #072f60;
  line-height: 1;
}
.review-rating .rating-box .rating-star {
  display: inline-block;
  position: relative;
}
.review-rating .rating-box .rating-star::before {
  content: "\f005 \f005 \f005 \f005 \f005 ";
  font-family: "FontAwesome";
  font-size: 18px;
  color: #c5c2c2;
  letter-spacing: 4px;
}
.review-rating .rating-box .rating-star .rating-active {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.review-rating .rating-box .rating-star .rating-active::before {
  content: "\f005 \f005 \f005 \f005 \f005 ";
  font-family: "FontAwesome";
  font-size: 18px;
  color: #ffc000;
  letter-spacing: 4px;
}
.review-rating .rating-box p {
  margin-top: 0;
}
.review-rating .rating-percentage {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
@media only screen and (max-width: 575px) {
  .review-rating .rating-percentage {
    margin-top: 30px;
  }
}
.single-rating-percentage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.single-rating-percentage .label {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  white-space: nowrap;
}
.single-rating-percentage .rating-line {
  width: 100%;
  height: 10px;
  background-color: #ebebeb;
  position: relative;
  margin: 0 20px;
}
.single-rating-percentage .rating-line .line-bar {
  position: absolute;
  height: 100%;
  background-color: #fcca45;
}
.review-items {
  padding-top: 30px;
}
.single-review {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  margin-top: 30px;
}
@media only screen and (max-width: 575px) {
  .single-review {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.single-review .review-author {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.single-review .review-author img {
  width: 70px;
  border-radius: 50%;
}
.single-review .review-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.single-review .review-content .review-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: -3px;
}
.single-review .review-content .review-top .name {
  font-size: 18px;
  font-weight: 700;
}
.single-review .review-content .review-top .rating-star {
  display: inline-block;
  position: relative;
  margin-right: auto;
}
.single-review .review-content .review-top .rating-star::before {
  content: "\f005 \f005 \f005 \f005 \f005 ";
  font-family: "FontAwesome";
  font-size: 14px;
  color: #c5c2c2;
  letter-spacing: 4px;
}
.single-review .review-content .review-top .rating-star .rating-active {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.single-review .review-content .review-top .rating-star .rating-active::before {
  content: "\f005 \f005 \f005 \f005 \f005 ";
  font-family: "FontAwesome";
  font-size: 14px;
  color: #ffc000;
  letter-spacing: 4px;
}
.features-content-wrap {
  padding-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .features-content-wrap {
    padding-top: 20px;
  }
}
.features-item {
  background: #aed139;
  padding: 70px 35px 20px;
  margin-top: 30px;
  border-radius: 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features-item {
    padding: 70px 25px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .features-item {
    padding: 50px 35px 20px;
  }
}
.features-item.color-2 {
  background: #1ab9ff;
}
.features-item.color-3 {
  background: #ffc000;
}
.features-item .svg-shape {
  position: absolute;
  left: -98px;
  bottom: -105px;
  z-index: -1;
}
.features-item .shape-1 {
  position: absolute;
  left: 55px;
  top: -25px;
  z-index: -1;
}
.features-item .shape-2 {
  position: absolute;
  left: 20px;
  bottom: 95px;
  z-index: -1;
}
.features-item .shape-3 {
  position: absolute;
  right: -10px;
  bottom: 70px;
  z-index: -1;
}
.features-item .features-img {
  border: 3px dashed #799228;
  border-radius: 29px;
  padding: 20px;
  overflow: hidden;
}
.features-item .features-img a {
  display: block;
}
.features-item .features-img a img {
  border-radius: 25px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.features-item .features-content .title {
  font-size: 36px;
  line-height: 1.2;
  font-weight: 600;
  color: #ffffff;
  margin-top: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .features-item .features-content .title {
    font-size: 32px;
  }
}
.features-item .features-content .title:hover a {
  color: #086591;
}
.features-item .features-content p {
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.features-item:hover {
  padding: 40px 35px 35px;
}
.features-item:hover .features-content p {
  padding-top: 15px;
  opacity: 1;
  visibility: visible;
}
.program-section {
  background: #fff9eb;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
.program-section .shape-1 {
  position: absolute;
  left: 7%;
  top: 16%;
}
.program-wrapper {
  margin-top: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .program-wrapper {
    margin-top: 50px;
  }
}
.program-item {
  background: #ffffff;
  border: 3px dashed #aed139;
  padding: 35px;
  border-radius: 30px;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .program-item {
    padding: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .program-item {
    padding: 25px;
  }
}
.program-item.color-2 {
  border: 3px dashed #1ab9ff;
}
.program-item.color-2 .program-image .program-price .price {
  background: #1ab9ff;
}
.program-item.color-3 {
  border: 3px dashed #ffc000;
}
.program-item.color-3 .program-image .program-price .price {
  background: #ffc000;
}
.program-item .program-image {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
}
.program-item .program-image a {
  display: block;
}
.program-item .program-image a img {
  width: 100%;
}
.program-item .program-image .program-price {
  position: absolute;
  left: 40px;
  top: 20px;
}
.program-item .program-image .program-price .price {
  display: inline-block;
  width: 65px;
  height: 65px;
  line-height: 65px;
  background: #aed139;
  text-align: center;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
}
.program-item .program-content .title {
  font-size: 24px;
  line-height: 34px;
  color: #271344;
  margin-top: 25px;
}
.program-item .program-content .title:hover a {
  color: #086591;
}
.program-item .program-content p {
  font-size: 16px;
  line-height: 30px;
  padding: 0 10px;
  margin-top: 10px;
}
.program-item .program-content .program-meta {
  border-top: 1px solid #e1e1e1;
  margin-top: 35px;
  padding-top: 15px;
}
.program-item .program-content .program-meta ul li {
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
  color: #ff5085;
  position: relative;
}
.program-item .program-content .program-meta ul li + li {
  padding-left: 25px;
  margin-left: 20px;
}
@media only screen and (max-width: 575px) {
  .program-item .program-content .program-meta ul li + li {
    padding-left: 13px;
    margin-left: 13px;
  }
}
.program-item .program-content .program-meta ul li + li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #e1e1e1;
  width: 1px;
  height: 30px;
}
.program-item .program-content .program-meta ul li span {
  font-weight: 700;
  color: #271344;
}
.program-item:hover .program-image img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.program-active .swiper-pagination {
  position: relative;
  margin-top: 60px;
}
.program-active .swiper-pagination .swiper-pagination-bullet {
  background: #e1e1e1;
  margin: 0 8px;
}
.program-active
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #086591;
}
.team-content-wrapper {
  padding-top: 20px;
}
.single-team {
  background: #aed139;
  border-radius: 30px;
  padding: 55px 70px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  margin-top: 120px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .single-team {
    padding: 50px 60px;
  }
}
@media only screen and (max-width: 767px) {
  .single-team {
    padding: 50px 35px;
  }
}
.single-team.color-2 {
  background: #1ab9ff;
}
.single-team.color-3 {
  background: #086591;
}
.single-team.color-4 {
  background: #ffc000;
}
.single-team .team-img {
  margin-top: -135px;
}
.single-team .team-img a img {
  border-radius: 50%;
}
.single-team .team-content .title {
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  margin-top: 25px;
}
.single-team .team-content .title a {
  color: #ffffff;
}
.single-team .team-content .designation {
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}
.single-team .team-content .team-social {
  margin-top: 20px;
}
.single-team .team-content .team-social ul li {
  display: inline-block;
  margin-right: 5px;
}
.single-team .team-content .team-social ul li a {
  height: 30px;
  width: 30px;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  font-size: 16px;
  background: #ffffff;
  color: #271344;
}
.single-team .team-content .team-social ul li a:hover {
  color: #086591;
}
.single-team:hover {
  -webkit-transform: translateY(-5px) translate3d(0, -5px, 0);
  transform: translateY(-5px) translate3d(0, -5px, 0);
}
.gallery-section {
  border-top: 1px solid #e1e1e1;
  overflow: hidden;
}
.gallery-img-wrapper {
  padding-top: 60px;
}
.gallery-img-wrapper .gallery-img {
  position: relative;
}
.gallery-img-wrapper .gallery-img .image {
  position: relative;
  width: 387px;
  height: 387px;
}
.gallery-img-wrapper .gallery-img .image::before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  background-color: #086591;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.gallery-img-wrapper .gallery-img .gallery-plus {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 10%);
  -ms-transform: translate(-50%, 10%);
  transform: translate(-50%, 10%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.gallery-img-wrapper .gallery-img .gallery-plus span {
  width: 50px;
  height: 50px;
  position: relative;
  display: block;
}
.gallery-img-wrapper .gallery-img .gallery-plus span::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.gallery-img-wrapper .gallery-img .gallery-plus span::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 100%;
  background-color: #ffffff;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.gallery-img-wrapper .gallery-img:hover .image::before {
  opacity: 0.85;
  visibility: visible;
}
.gallery-img-wrapper .gallery-img:hover .gallery-plus {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.sidebar-wrap {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}
.sidebar-wrap hr {
  margin: 50px 0 0px;
}
.widget-title {
  font-size: 18px;
  font-weight: 600;
  margin: 10px 0px;
}
.sidebar-widget {
  margin-top: 50px;
}
.sidebar-widget .widget-search {
  position: relative;
}
.sidebar-widget .widget-search .form-control {
  height: 50px;
  padding-right: 45px;
}
.sidebar-widget .widget-search button {
  width: 50px;
  height: 50px;
  top: 0;
  right: 0;
  position: absolute;
  border: 0;
  background-color: transparent;
  font-size: 16px;
  color: #111111;
}
.sidebar-widget .widget-sidebar-link {
  padding-top: 5px;
}
.sidebar-widget .widget-sidebar-link ul li {
  margin-top: 15px;
}
.sidebar-widget .widget-sidebar-link ul li a {
  font-size: 16px;
  color: #29303c;
  line-height: 20px;
  display: block;
}
.sidebar-widget .widget-sidebar-link ul li a span {
  width: 20px;
  height: 20px;
  text-align: center;
  background-color: #e4f2f8;
  border-radius: 50px;
  display: block;
  float: right;
  font-size: 12px;
  font-weight: 400;
  color: #29303c;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.sidebar-widget .widget-sidebar-link ul li a::before {
  content: "\f105 ";
  font-family: "FontAwesome";
  font-size: 14px;
  color: #ffc000;
  margin-right: 10px;
}
.sidebar-widget .widget-sidebar-link ul li a:hover {
  color: #ffc000;
}
.sidebar-widget .widget-sidebar-link ul li a:hover span {
  background-color: #ffc000;
  color: #ffffff;
}
.sidebar-widget .widget-tags {
  padding-top: 15px;
}
.sidebar-widget .widget-tags ul {
  margin-left: -5px;
  margin-right: -5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sidebar-widget .widget-tags ul li {
  padding: 5px;
}
.sidebar-widget .widget-tags ul li a {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  height: 32px;
  line-height: 32px;
  padding: 0 22px;
  border-radius: 4px;
  background-color: #f9f9f9;
}
.sidebar-widget .widget-tags ul li a:hover {
  background-color: #ffc000;
  color: #ffffff;
}
.sidebar-widget .widget-banner a img {
  border-radius: 4px;
}
.single-mini-post {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
}
.single-mini-post .mini-post-image {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.single-mini-post .mini-post-image a {
  display: block;
}
.single-mini-post .mini-post-image a img {
  width: 70px;
  height: 70px;
  border-radius: 4px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.single-mini-post .mini-post-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 20px;
}
.single-mini-post .mini-post-content .title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}
.single-mini-post .mini-post-content .date {
  color: #ffc000;
  font-size: 13px;
  margin-top: 5px;
  display: block;
}
.sidebar-wrap-02 {
  background-color: #f8f8f8;
  border: 1px solid #d7d7d7;
  border-radius: 10px;
  padding: 20px;
  margin-top: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (max-width: 575px) {
  .sidebar-wrap-02 {
    padding: 35px 25px;
  }
}
.course-collapse {
  margin-top: 50px;
  background-color: #f8f8f8;
  border: 1px solid #d7d7d7;
  border-radius: 10px;
  padding: 35px 40px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.sidebar-widget-02 + .sidebar-widget-02 {
  padding-top: 22px;
}
.widget-checkbox {
  margin-top: 18px;
}
.widget-checkbox .checkbox-list li {
  min-height: auto;
  margin-bottom: 0;
  margin-top: 18px;
}
.widget-checkbox .rating {
  position: relative;
  display: inline-block;
}
.widget-checkbox .rating::before {
  content: "\f005 \f005 \f005 \f005 \f005";
  font-family: "FontAwesome";
  color: #dedede;
  font-size: 14px;
  letter-spacing: 2px;
}
.widget-checkbox .rating .rating-on {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
}
.widget-checkbox .rating .rating-on::before {
  content: "\f005 \f005 \f005 \f005 \f005";
  font-family: "FontAwesome";
  color: #fda000;
  font-size: 14px;
  letter-spacing: 2px;
}
.sidebar-details-wrap{
    position: sticky;
    top: 100px;          /* SAME baseline as hero card */
    margin-top: -50px;      /* REMOVE negative stacking */
    z-index: 40;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .sidebar-details-wrap {
    margin-top: 50px;
  }
}

.sidebar-details-course {
  margin-top: 60px;
}
.sidebar-details-title {
  font-size: 22px;
  font-weight: 700;
}
.sidebar-details-courses li {
  padding: 30px 0;
  border-bottom: 1px solid #ebebeb;
}
.sidebar-details-courses li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.sidebar-course-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
}
.sidebar-course-item .item-image {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.sidebar-course-item .item-image img {
  width: 100px;
  height: 100px;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 5px;
}
.sidebar-course-item .item-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 200px;
}
.sidebar-course-item .item-content .title {
  font-size: 16px;
  font-weight: 600;
}
.sidebar-course-item .item-content .price {
  font-weight: 400;
  font-size: 16px;
  color: #838383;
  display: block;
  margin-top: 5px;
}
.sidebar-course-item .item-content .price strong {
  font-weight: 700;
  color: #ffc000;
  font-size: 16px;
}
/* 2026 footer gap reduced 40/80 */
.footer-widget-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .footer-widget-wrapper {
    padding-top: 20px;
    padding-bottom: 60px;
  }
}
.footer-widget {
  margin-top: 15px;
  color: #d9d9d9;
}
.footer-widget-title {
  font-size: 20px;
  font-weight: 700;
}
.widget-info {
  padding-top: 15px;
}
.widget-info p {
  font-size: 16px;
  font-weight: 500;
  color: #666666;
  margin-top: 10px;
}
.widget-info p i {
  color: #1fb984;
  margin-right: 10px;
  line-height: 28px;
  display: inline-block;
}
.widget-info .social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
.widget-info .social li {
  margin-right: 10px;
}
.widget-info .social li:last-child {
  margin-right: 0;
}
.widget-info .social li a {
  width: 35px;
  height: 35px;
  line-height: 33px;
  border: 1px solid #666666;
  text-align: center;
  border-radius: 50%;
  color: #666666;
}
.widget-info .social li a:hover {
  background-color: #ffc000;
  border-color: #ffc000;
  color: #ffffff;
}
.widget-info .social-white li a {
  color: #ffc000;
  border-color: #ffc000;
}
.widget-info .social-white li a:hover {
  color: #ffffff;
}
.widget-info-white p {
  color: #ffffff;
}
.widget-link {
  padding-top: 15px;
}
.widget-link .link li {
  margin-top: 5px;
}
.widget-link .link li a {
  font-size: 16px;
  color: #666666;
}
.widget-link .link li a:hover {
  color: #ffc000;
}
.widget-link-white .link li a {
  color: #ffffff;
}
.widget-link-white .link li a:hover {
  color: #ffc000;
}
.footer-section-04 .footer-widget-wrapper {
  padding-top: 470px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-section-04 .footer-widget-wrapper {
    padding-top: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-section-04 .footer-widget-wrapper {
    padding-top: 285px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-section-04 .footer-widget-wrapper {
    padding-top: 265px;
  }
}
.footer-section-04 .footer-widget .footer-widget-title {
  color: #1e1e1e;
}
.footer-section-04 .footer-widget .widget-info p a:hover {
  color: #f6520a;
}
.footer-section-04 .footer-widget .widget-info p i {
  color: #f6520a;
}
.footer-section-04 .footer-widget .widget-info .social li a:hover {
  background-color: #f6520a;
  border-color: #f6520a;
  color: #ffffff;
}
.footer-section-04 .footer-widget .widget-link .link li a:hover {
  color: #f6520a;
}
.footer-section-05 .footer-widget .widget-info p a:hover {
  color: #086591;
}
.footer-section-05 .footer-widget .widget-info p i {
  color: #086591;
}
.footer-section-05 .footer-widget .widget-info .social li a {
  font-size: 18px;
  border: 0;
  line-height: 35px;
  color: #ffffff;
}
.footer-section-05 .footer-widget .widget-info .social li:nth-child(1) a {
  background-color: #ffc000;
}
.footer-section-05 .footer-widget .widget-info .social li:nth-child(2) a {
  background-color: #aed139;
}
.footer-section-05 .footer-widget .widget-info .social li:nth-child(3) a {
  background-color: #1ab9ff;
}
.footer-section-05 .footer-widget .widget-link .link li a:hover {
  color: #086591;
}
.footer-section {
  background-color: #f8f8f8;
}
.footer-section-02 {
  background-color: #072f60;
}
.footer-section-03 {
  background-color: #151948;
}
.footer-section-05 {
  background: #1d252e;
  position: relative;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.footer-copyright {
  border-top: 1px solid #ebebeb;
  padding: 25px 0;
}
.footer-copyright p {
  font-size: 14px;
}
.footer-copyright-white {
  border-top-color: rgba(255, 255, 255, 0.2);
}
.footer-copyright-white p {
  color: rgba(255, 255, 255, 0.6);
}
.back-btn {
  position: fixed;
  bottom: 20px;
  right: 30px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffc000;
  border: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-size: 16px;
  color: #ffffff;
  z-index: 99;
}
.back-btn:hover {
  background-color: #072f60;
  color: #ffffff;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(255, 255, 255, 0.07);
  box-shadow: 0px 0px 16px 0px rgba(255, 255, 255, 0.07);
}
.back-btn.back-btn-2 {
  background-color: #f6520a;
}
.back-btn.back-btn-2:hover {
  background-color: #ffa300;
}
.back-btn.back-btn-3 {
  background-color: #086591;
}
.back-btn.back-btn-3:hover {
  background-color: #271344;
}
.more_course_content {
    color: #086591 !important;
}
.less_course_content, .more_course_content {
    cursor: pointer!important;
    font-weight: 600!important;
    text-decoration: underline!important;
}
.less_course_content {
    color: #086591 !important;
}




/*home page start */

#aboutUs{
  background-color: #ffffff;
}

.about-right h6{
  font-size: 16px;
  font-weight: 500;
  color: #086591;
}

.about-right h6 i{
  color: #086591;
  margin-right: 8px;
}

.about-right h3 {
  font-size: 28px;
  font-weight: 700;
  color: #072f60;
  padding: 10px 0px;
  line-height: 38px;
}

.about-right p {
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  color: #000e20;
  padding-bottom: 10px;
}

.about-right ul{
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 10px;
}

.about-right ul li{
  font-size: 15px;
  font-weight: 400;
  padding-bottom: 5px;
  color: #000e20;;
}

.about-right ul li i{
  color: #086591;
  font-size: 18px;
  margin-right: 10px;
}

.btn-blue{
  background-color: #086591;
  color: #fff;
  margin-top: 10px;
}

.btn-blue:hover{
  background-color: #ffc000;
  border: 1px solid #ffc000;
  color: #072f60;
}

/* Main Course Css Start */

#mainCourses{
  background-color: #FAF9F6;
  padding: 60px 0px;
}

.main-course-tittle{
  text-align: center;
}

.main-course-tittle h6{
  font-size: 16px;
  font-weight: 500;
  color: #4f536c;
}

.main-course-tittle h6 i{
  color: #4f536c;
  margin-right: 8px;
}

.main-course-tittle h3{
  font-size: 32px;
  font-weight: 700;
  color: #241442;
  padding: 10px 0px;
  line-height: 38px;
}

.main-course-tittle p{
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #4d5765;
  padding-bottom: 10px;
}

.rt-cat-item {
  background: #fff;
  border: 1px solid #e8e8e8;
  padding: 20px 15px;
  position: relative;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 18px;
  z-index: 0;
  overflow: hidden;
  transition: all .21s ease-in-out;
}

.rt-cat-item:hover{
  border: 1px solid #086591;
}

.rt-media {
  position: relative;
}

.rt-icon-1 {
  border: 2px solid #B1A8FF;
  color: #ffffff;
  background-image: linear-gradient(130deg,#7A66FF 0%,#EBDFFF 115%);
  box-shadow: 0 4px 20px #d0d0d0;
  border-radius: 100%;
  font-size: 34px;
  width: 70px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all .41s ease-in-out;
}

.rt-icon-2 {
  border: 2px solid #FF9D95;
  color: #ffffff;
  background-image: linear-gradient(130deg, #F57064 0%, #FFD0CC 115%);
  box-shadow: 0 4px 20px #d0d0d0;
  border-radius: 100%;
  font-size: 34px;
  width: 70px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all .41s ease-in-out;
  
}

.rt-icon-3 {
  border: 2px solid #6CE1DC;
  color: #ffffff;
  background-image: linear-gradient(130deg, #45C8C2 0%, #B6F7F4 115%);
  box-shadow: 0 4px 20px #d0d0d0;
  border-radius: 100%;
  font-size: 34px;
  width: 70px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all .41s ease-in-out;
  
}

.rt-icon-4 {
  border: 2px solid #FBA3E3;
  color: #ffffff;
  background-image: linear-gradient(130deg, #F480D4 0%, #FFD3F3 115%);
  box-shadow: 0 4px 20px #d0d0d0;
  border-radius: 100%;
  font-size: 34px;
  width: 70px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all .41s ease-in-out;
  
}

.rt-icon-5 {
  border: 2px solid #98DF76;
  color: #ffffff;
  background-image: linear-gradient(130deg, #6ADE33 0%, #C8EFB6 115%);
  box-shadow: 0 4px 20px #d0d0d0;
  border-radius: 100%;
  font-size: 34px;
  width: 70px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all .41s ease-in-out;
  
}

.rt-icon-6 {
  border: 2px solid #89DAFD;
  color: #ffffff;
  background-image: linear-gradient(130deg, #3FC6FF 0%, #D7F3FF 115%);
  box-shadow: 0 4px 20px #d0d0d0;
  border-radius: 100%;
  font-size: 34px;
  width: 70px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all .41s ease-in-out;
  
}

.rt-icon-7 {
  border: 2px solid #FEC269;
  color: #ffffff;
  background-image: linear-gradient(130deg, #FFA41F 0%, #FFE3BB 115%);
  box-shadow: 0 4px 20px #d0d0d0;
  border-radius: 100%;
  font-size: 34px;
  width: 70px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all .41s ease-in-out;
  
}

.rt-icon-8 {
  border: 2px solid #F1BBBB;
  color: #ffffff;
  background-image: linear-gradient(130deg, #E69E9E 0%, #F5D9E0 115%);
  box-shadow: 0 4px 20px #d0d0d0;
  border-radius: 100%;
  font-size: 34px;
  width: 70px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all .41s ease-in-out;
  
}

.course-icon-shape {
  position: absolute;
  left: -6px;
  top: 0;
  z-index: -1;
  transition: all .21s ease-in-out;
}

h3.rt-cat-title{
  font-size: 18px;
  font-weight: 500;
}

.rt-cat-title a{
  color: #000;
}

.shapes-1{
  position: absolute;
  background-color: #7A66FF;
  width: 50px;
  height: 50px;
  right: -26px;
  bottom: -30px;
  border-radius: 34px;
}

.shapes-2 {
  position: absolute;
  background-color: #F57064;
  width: 50px;
  height: 50px;
  right: -26px;
  bottom: -30px;
  border-radius: 34px;
}

.shapes-3 {
  position: absolute;
  background-color: #45C8C2;
  width: 50px;
  height: 50px;
  right: -26px;
  bottom: -30px;
  border-radius: 34px;
}

.shapes-4 {
  position: absolute;
  background-color: #F480D4;
  width: 50px;
  height: 50px;
  right: -26px;
  bottom: -30px;
  border-radius: 34px;
}

.shapes-5 {
  position: absolute;
  background-color: #6ADE33;
  width: 50px;
  height: 50px;
  right: -26px;
  bottom: -30px;
  border-radius: 34px;
}

.shapes-6 {
  position: absolute;
  background-color: #3FC6FF;
  width: 50px;
  height: 50px;
  right: -26px;
  bottom: -30px;
  border-radius: 34px;
}

.shapes-7 {
  position: absolute;
  background-color: #FFA41F;
  width: 50px;
  height: 50px;
  right: -26px;
  bottom: -30px;
  border-radius: 34px;
}

.shapes-8 {
  position: absolute;
  background-color: #E69E9E;
  width: 50px;
  height: 50px;
  right: -26px;
  bottom: -30px;
  border-radius: 34px;
}

/* Main Course Css End */

/*Advantage Course Css start **/

#advantageCourse{
  background-color: #072f60;
  padding: 60px 0px;
  margin-bottom: 20px;
}

.advance{
  display: flex;
  align-items: center;
}

.icon-one{
  font-size: 28px;
  color: #45C8C2;
  margin-right: 15px;
}

.icon-two{
  font-size: 28px;
  color: #FFCD1F;
  margin-right: 15px;
}

.icon-three{
  font-size: 28px;
  color: #F57064;
  margin-right: 15px;
}

.advance-right h4{
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}

.advance-right p{
  font-size: 14px !important;
  font-weight: 400;
  color: #dfeeff;
  margin-top: 5px;
}

/*Advantage Course Css End */

/*Why Choose us Css start */

#whyChoose{
  background-color: #072f60;
  padding: 60px 0px;
}

.why-choose h4{
  font-size: 16px;
  font-weight: 500;
  color: #dfeeff;
}

.why-choose h3{
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  padding: 10px 0px;
  line-height: 38px;
}

.why-choose p{
  font-size: 15px;
  font-weight: 400;
  color: #dfeeff;
  padding-bottom: 20px;
}

.why-list{
  display: flex;
  align-items: center;
  
}

.why-list-left{
  margin-right: 30px;
}

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

.why-list-left ul li{
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  line-height: 42px;
}

.why-list-left ul li i{
  color: #fff;
  margin-right: 10px;
}

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

.why-list-right ul li{
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  line-height: 42px;
}

.why-list-right ul li i{
  color: #fff;
  margin-right: 10px;
}

.explore{
  margin-top: 20px;
}

.explore-btn{
  background-color: #fff;
  border-radius: 30px;
  color: #072f60;
  font-size: 15px;
  font-weight: normal;
  padding: 0px 30px;
}

.explore-btn span i {
  position: relative;
  top: 2px;
  right: -12px;
}

.explore-btn:hover{
  background-color: #086591;
  color: #fff;
}

/*Why Choose us Css End */

/* Customer Reviews css start */

#reviews{
	padding: 60px 0px;
	background-color: #fff;
}

.rewvie-title h5{
	font-size: 14px;
	font-weight: 500;
	color: #5035f2;
}

.rewvie-title h5 i{
	margin-right: 8px;
}

.rewvie-title h3{
	font-size: 26px;
	font-weight: 500;
	color: #07060b;
	padding: 10px 0px;
	position: relative;
}

.our-instractor h3::after{
	position: absolute;
	content: "";
	background-color: #5035f2;
	width: 50px;
	height: 2px;
	bottom: 6px;
	left: 0;
}

.custom-review{
	background-color: #fff;
	padding: 15px;
	border-radius: 10px;
	border: 2px solid #e9e9e9;
	position: relative;
	margin-top: 20px;
}

.custom-review:hover{
	border: 2px solid #086591;
}

.custom-review span i {
    position: absolute;
    top: -20px;
    font-size: 22px;
    color: #086591;
    background-color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.coursr-tetail{
	padding: 10px 0px 20px 0px;
	border-bottom: 1px dotted #404040;
}

.coursr-tetail h5{
	font-size: 15px;
	font-weight: 500;
	color: #262626;
}

.coursr-tetail ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}

.coursr-tetail ul li{
	font-size: 16px;
	font-weight: 500;
	color: #f8bc24;
	padding: 10px 0px;
}

.coursr-tetail p{
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
	color: #262626;
  min-height: 140px;
}

.coure-revier{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 10px;
}

.coure-revier-left{
	display: flex;
	align-items: center;
}

.coure-revier-left-human img{
	margin-right: 10px;
}

.coure-revier-left-text h6{
	font-size: 13px;
	font-weight: 500;
	color: #0F121F;
}

.coure-revier-left-text p{
	font-size: 13px;
	font-weight: 400;
	color: #3f3f3f;
}

/* owlCarousel dots & arrow customize css start */

.testimonial-theme .owl-dot span{
	background-color: #5035f2 !important;
}

.testimonial-theme .owl-dot.active span{
	background-color: #f8bc24 !important;
}

.testimonial-theme .owl-nav {
    position: absolute !important;
    top: -40px !important;
    right: 0 !important;
}

.testimonial-theme .owl-next,
.testimonial-theme .owl-prev{
	background-color: transparent !important;
	color: #072f60 !important;
	font-size: 26px !important;
}

/* owlCarousel dots and arrow customize css end */


/* Customer Reviews css end */

	/*Review Course Css start */

	/* #customReview{
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #F2F2F2;
	}

	#customReview .cards .image{
		height: 140px;
		width: 140px;
		border-radius: 50%;
		padding: 3px;
		background-color: #7d2ae8;
	}

	#customReview .cards .image img{
		height: 100%;
		width: 100%;
		object-fit: cover;
		border-radius: 50%;
		border: 3px solid #fff;
	}

	.cards{
		position: relative;
		border-radius: 20px;
		background-color: #fff;
		margin: 20px 0px;
	}

	.cards::before{
		content: "";
		position: absolute;
		height: 40%;
		width: 100%;
		background-color: #7849E4;
		border-radius: 20px 20px 0 0;
	}

	.cards .card-content{
		display: flex;
		flex-direction: column;
		padding: 30px;
		position: relative;
		z-index: 9999;
	} */

	#feedBack{
		padding: 60px 0px;
	}

	.slider{
		margin-bottom: 20px;
		position: relative;
	}

	.slider-card{
		background-color: #fff;
		margin: 50px 15px 90px 15px;
		border-radius: 5px;
		box-shadow: 0px 15px 45px -20px rgba(206, 191, 191, 0.493);
		transform: scale(0.9);
		opacity: 0.5;
		transition: all 0.3s;
	}

	.slider-card img{
		border: 5px 5px 0px 0px;
	}
	.slider-card-fedd{
		background-color: #fff;
		border: 1px solid #f2f2f2;
		padding: 20px;
		border-radius: 10px;
	}

	.student-lesson{
		display: flex;
		align-items: center;
		padding: 20px 0px;
	}

	.student span{
		font-size: 15px;
		font-weight: 400;
		margin-right: 15px;
	}

	.lesson span{
		font-size: 15px;
		font-weight: 400;
		margin-right: 15px;
	}

	.feed-content h4{
		font-size: 24px;
		font-weight: 600;
		color: #241442;
	}

	.feed-content h6{
		font-size: 18px;
		font-weight: 500;
		color: #000;
		padding: 20px 0px;
	}

	.feed-rate-amount{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.rate i{
		font-size: 18px;
		color: #ffcd1f;
	}

	.amount del{
		font-size: 18px;
		color: #b3b3b3;
		font-weight: 400;
	}

	.amount ins{
		font-size: 24px;
		color: #5035F2;
		font-weight: 500;
	}

	.feed-img img{
		border-radius: 10px;
	}

	/*Review Course Css End */

  /* Recomended Courses start */

#recommendCourse{
	padding: 60px 0px;
}

.recommend-course{
	background-color: #fff;
	border: 2px solid #e9e9e9;
	padding: 10px;
	border-radius: 10px;
}

.recommend-course-top h4{
	font-size: 16px;
	font-weight: 500;
	color: #000;
	padding-top: 15px;
}

.recommend-course-top h5{
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	background-color: #086591;
	padding: 5px;
	margin: 10px 0px;
}

.recommend-course-top p {
    font-size: 13px;
    font-weight: 400;
    color: #0F121F;
    padding-bottom: 10px;
}

.recommend-course-btm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e9e9e9;
    padding-top: 10px;
}

.recommend-course-btm-left p{
	font-size: 16px;
	font-weight: 500;
	color: #086591;
}

.recommend-course-btm-left p del{
	font-size: 13px;
	font-weight: 400;
	color: #0F121F;
}

.recommend-course-btm-right p{
	font-size: 14px;
	font-weight: 400;
	color: #0F121F;
}

.recommend-course-btm-right p i{
	color: #086591;
	margin-right: 5px;
}

.recommend-theme .owl-nav {
    position: absolute !important;
    top: -55px !important;
    right: 0 !important;
}

.recommend-theme .owl-next,
.recommend-theme .owl-prev{
	background-color: transparent !important;
	color: #072f60 !important;
	font-size: 26px !important;
}

/* Recomended Courses start */

/*home page end */


/* NEW HOME PAGE START */

#empoweringSkill {
    background: linear-gradient(to left, rgb(228, 242, 254), rgb(255, 238, 254));
    padding: 60px 0 30px;
    margin-top: 100px;
}

.relevant-skills span {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #0080bd;
}

.relevant-skills h1 {
    font-size: 30px;
    font-weight: 600;
    color: #1a2d62;
    line-height: 1.3;
    padding-top: 10px;
}

.relevant-skills h1 span{
  color: #0080bd;
  font-size: 30px;
  font-weight: 600;
  text-transform: capitalize;
}


.relevant-skills p {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 26px;
    padding: 15px 0px;
}

.banner-content {
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

#empoweringSkill .banner-content .form-inner {
    padding: 10px;
    background-color: #fff;
    border-radius: 35px;
    width: 100%;
    border: 0;
    max-width: 740px;
}

#empoweringSkill .banner-content .input-group {
    background: #fff;
    border-radius: 130px;
    padding-left: 12px;
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

#empoweringSkill .banner-content .input-group .search-icon {
    display: flex;
    align-items: center;
    color: #0080bd;
}

#empoweringSkill .banner-content .form-control {
    background: #fff;
    border: 0;
    height: 50px;
    color: #191919;
    font-size: 14px;
    margin-right: 10px;
}

#empoweringSkill .input-group>.form-control, .input-group>.form-floating, .input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

#empoweringSkill .form-control {
    padding: 0.5rem 1rem;
    min-height: 40px;
    display: block;
    font-weight: 400;
    line-height: 1.5;
    appearance: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.banner-content .sub-btn {
    background: #0080bd;
    border-radius: 50px !important;
    font-weight: bold;
    border-color: #0080bd;
    margin: 0px;
    font-size: 16px;
    line-height: 18px;
    padding: 10px 15px;
    color: #fff;
    width: 50px;
}

.banner-content .sub-btn:hover {
    background: #1a2d62 !important;
    border-color: #1a2d62 !important;
}

.trust-user {
    position: relative;
    z-index: 1;
}

.trust-user h5 {
    color: #333;
    font-size: 15px;
    font-weight: 500;
}

.rate-head h2 {
    margin-right: 20px;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 0;
    color: #1a2d62;
}

.rate-head h2 span {
    margin-right: 5px;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 0;
    color: #1a2d62;
}

.trust-rating .rating {
    margin-bottom: 0;
}

.rating h2 {
    font-size: 36px;
    font-weight: 700;
    margin: 0 8px 0 0;
}

.rating i.filled {
    color: #FFB54A;
}

.trust-rating .rating i {
    padding: 0 8px 0 0;
}

.ep-hero__widget {
    display: flex;
    gap: 30px;
    position: relative;
    margin-left: 30px;
}

.ep-hero__widget-column {
    position: relative;
}

.ep-hero__widget-arrow {
    position: absolute;
    top: 28px;
    left: -10px;
}

.ep-hero__widget-arrow a::before {
    position: absolute;
    content: "";
    width: 100px;
    height: 100px;
    background: transparent;
    border-radius: 100%;
    z-index: 1;
    top: 0;
    left: 0px;
}

.ep-hero__widget-arrow a i {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    background: #fec961 !important;
    text-align: center;
    line-height: 70px;
    font-size: 28px;
    color: #1f1c35;
    transform: rotate(-294deg);
    position: relative;
    z-index: 2;
    display: block;
}

.ep-hero__widget-img-one img {
    width: 227px !important;
    height: 400px !important;
    object-fit: contain;
    border-radius: 20px;
}

.ep-hero__widget-img img {
    width: 227px;
    height: 400px;
    object-fit: contain;
    border-radius: 20px;
}

.ep-hero__team {
    display: flex
;
    align-items: center;
    gap: 10px;
    border: 2px solid #fec961 !important;
    border-radius: 45.5px;
    justify-content: center;
    padding: 10px;
    margin-top: 0;
    background: #fff;
    width: 100%;
    position: relative;
    top: -24px;
}

.ep-hero__team-img-list {
    display: flex;
    align-items: center;
}

.ep-hero__team-img-list li {
    margin-left: -10px;
}

.ep-hero__team-img-list li img {
    width: 24px;
    height: 24px;
    object-fit: cover;
    border-radius: 100%;
}

.ep-hero__team-info h5 {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}

.ep-hero__team-info p {
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    color: #1f1c35;
}

.ep-hero__widget-column {
    position: relative;
}

.ep-hero__course {
    background: #57f2d0;
    border-radius: 45.5px;
    display: flex
;
    align-items: center;
    justify-content: center;
    padding: 8px 22px;
    margin-bottom: 0;
    position: relative;
    top: 30px;
    width: 100%;
}

.ep-hero__course span {
    font-size: 30px;
    font-weight: 600;
    line-height: 50.04px;
    text-transform: capitalize;
    color: #1f1c35;
    position: relative;
    margin-right: 20px;
    padding-right: 20px;
}

.ep-hero__course span::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 40px;
    opacity: 0.2;
    background: #1f1c35;
    right: 0;
    top: 5px;
}

.ep-hero__course p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.ep-hero__shape {
    position: absolute;
    left: 36%;
    top: 30%;
    z-index: 1;
}


/* sn home start */

#visionSection {
    background: #0071dc;
    padding: 60px 0;
}

#visionSection .vision-item {
    background: #fff;
    border-radius: 10px;
    padding: 24px;
    display: flex;
    align-items: center;
}

#visionSection .vision-item .vision-icon {
    background: #F8F8F8;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}

#visionSection .vision-item p{
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.border {
    border: 1px solid #E7E7E7 !important;
}

#aboutSection {
    padding: 60px 0 60px;
    position: relative;
}

#aboutSection .section-header {
    margin-bottom: 24px;
}

.text-secondary {
    color: #FF4667 !important;
    opacity: 1;
}

.about-content p {
    margin-bottom: 24px;
}

.about-content .about-img {
    margin-bottom: 24px;
}

.about-content .about-img img {
    border-radius: 10px;
}

.btn.btn-secondary {
    background-color: #FF4667;
    border: 1px solid #FF4667;
    color: #fff;
}

#aboutSection .stylist-gallery {
    position: relative;
    padding-left: 24px;
}

.about-image {
    background: #fff;
    box-shadow: 0px 4px 4px 0px rgba(212, 212, 212, 0.2509803922);
    border-radius: 10px;
    padding: 20px;
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
}

.about-count {
    text-align: center;
}

.about-count .course-img {
    margin-bottom: 24px;
}

.about-image.count-one h4 {
    color: #03C95A;
}

.about-count h4 {
    margin-bottom: 4px;
}

.count-content-three p {
    font-weight: 500;
}

.about-image.count-two h4 {
    color: #FF4667;
}

.about-image.count-three h4 {
    color: #FFC107;
}

.about-image.count-four h4 {
    color: #392C7D;
}

#aboutSection .about-bg .about-02 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 350px;
    height: 350px;
    z-index: -1;
}

#aboutSection .about-bg .about-01 {
    position: absolute;
    left: 0;
    top: 10%;
    width: 96px;
    height: 165px;
    z-index: -1;
}

#aboutSection .about-bg .about-03 {
    position: absolute;
    bottom: 60px;
    right: 30%;
    width: 350px;
    height: 330px;
    z-index: -1;
}

.row-gap-4 {
    row-gap: 1.5rem !important;
}

#topCategory{
  padding: 60px 0px;
}

.common-ctr-tittle p {
    position: relative;
    background-color: #0071dc;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 6px;
    width: 130px;
    border-radius: 20px;
    text-align: center;
}

.common-ctr-tittle h2{
  font-size: 30px;
  padding: 15px 0px;
  font-weight: 600;
}

.common-ctr-tittle h3{
  font-size: 28px;
  padding: 15px 0px;
  font-weight: 600;
}

.main-category {
    display: flex;
    align-items: center;
    padding: 15px;
}

.main-category-left {
    background-color: #fff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin-right: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.main-category-left span.i-blue i {
    color: #0d6efd;
    font-size: 20px;
}

.main-category-right h4{
  font-size: 14px;
  font-weight: 500;
}

.main-category:hover{
  background-color: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.first-clr{
  background-color: #e6f0ff;
}

.second-clr{
  background-color: #e9f8ea;
}

.main-category-left span.i-green i {
    color: #23bd33;
    font-size: 20px;
}

.thrid-clr{
  background-color: #fff3e8;
}

.main-category-left span.i-orange i {
    color: #fd8e1f;
    font-size: 20px;
}

.four-clr{
  background-color: #fbeaec;
}

.main-category-left span.i-pink i {
    color: #dc3545;
    font-size: 20px;
}

/* sn home end */


/* NEW HOME PAGE END */


/*in-house start */

#innerPage {
  padding: 60px 0px;
  background-image: linear-gradient(45deg, #086591 45%, transparent 50%), url(https://d4o96mm9be4bq.cloudfront.net/pmp/inner-bg-5.webp);
  /* background-image: linear-gradient(45deg, #072f60 50%, rgba(59,188,167,0.7) 50%); */
  color: #fff;
  background-size: cover;
  background-position: center;
  position: relative;
  top: 90px;
}

.breadcrumb li.breadcrumb-item a{
  font-size: 15px;
  color: #fff;
  font-weight: normal;
}

.breadcrumb li.breadcrumb-item{
  font-size: 15px;
  color: #fff;
  font-weight: normal;
}

.breadcrumb-item+.breadcrumb-item::before {
  font-size: 10px;
  float: left;
  padding-top: 4px;
  padding-right: 0.5rem;
  color: #999999;
  content: var(--bs-breadcrumb-divider, "/");
}

.inner-pages h3{
  font-size: 24px;
  font-weight: 500;
  color: #fff;
}

#inHouse{
  padding: 60px 0px;
}

.inner-form{
  background-color: #fff;
  padding: 20px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

#inHouse .inner-form .form-control{
  height: 48px;
  font-size: 13px;
}

#inHouse .inner-form .form-control:focus{
  border-color: #086591;
}

#inHouse .inner-form .form-select{
  background-color: #f6f7f9;
  border: 0px;
  color: #666666;
  font-size: 13px;
  font-weight: 400;
  height: 48px;
}

#inHouse .inner-form .form-select:focus {
  box-shadow: none;
}

.form-top-text{
  text-align: center;
  padding: 15px 0px;
}

.form-top-text h4{
  font-size: 18px;
  font-weight: 600;
  color: #072f60;
  padding-bottom: 5px;
}

.form-top-text p{
  font-size: 15px;
  font-weight: 500;
  color: #000;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
}

.inhouse-train h3{
  font-size: 24px;
  font-weight: 600;
  color: #072f60;
  padding-bottom: 10px;
}

.inhouse-train p{
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #110e19;
}

.inhouse-train h5{
  font-size: 16px;
  font-weight: normal;
  color: #110e19;
  padding-top: 10px;
}

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

.inhouse-train ul li{
  font-size: 14px;
  font-weight: lighter;
  line-height: 24px;
  color: #110e19;
}

#createIntel{
  padding: 60px 0px;
  background-color: #f4f4f4;
}

.center-tittle{
  text-align: center;
  padding-bottom: 60px;
  position: relative;
}

.center-tittle p{
  font-size: 16px;
  font-weight: 500;
  color: #086591;
  letter-spacing: 2px;
}

.center-tittle h3{
  font-size: 24px;
  font-weight: 600;
  color: #072f60;
  position: relative;
  padding-bottom: 10px;
}

.center-tittle h3::before {
  background-color: #072f60;
  position: absolute;
  width: 100px;
  height: 3px;
  content: "";
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}

.save-money{
  background-color: #fff;
  padding: 20px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 10px;
  position: relative;
}

.save-money::before{
  background-color: #072f60;
  content: "";
  width: 60px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0px 0px 0px 50px;
}

.save-money h4{
  font-size: 18px;
  font-weight: 500;
  padding: 10px 0px;
  color: #086591;
}

.save-money p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #110e19;
}

#ourPartners{
  background-color: #072f60 !important;
  padding: 60px 0px;
}

.center-tittle-one{
  text-align: center;
  padding-bottom: 60px;
  position: relative;
}

.center-tittle-one p{
  font-size: 16px;
  font-weight: 500;
  color: #3bbca7;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.center-tittle-one h3{
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  position: relative;
  padding-bottom: 10px;
}

.center-tittle-one h3::before {
  background-color: #fff;
  position: absolute;
  width: 100px;
  height: 3px;
  content: "";
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
}

#partnerLogo {
  margin-top: -5%;
  padding-bottom: 60px;
}

.our-partner-logos{
  background-color: #fff;
  padding: 30px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.our-partner ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.our-partner-one ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

#solutionsInclude{
  background-color: #072f60 ;
  padding: 60px 0px;
}

.solutions-includes h3{
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  padding-bottom: 30px;
  position: relative;
}

.solutions-includes h3::before {
  background-color: #fff;
  position: absolute;
  width: 100px;
  height: 3px;
  content: "";
  bottom: 20px;
  left: 0;
}

.tailore-mode{
  background-color: #00234e;
  padding: 15px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.tailore-mode-left {
  max-width: 250px;
  height: auto;
  margin-right: 30px;
}

.values-mode-left{
  max-width: 250px;
  height: auto;
  margin-right: 30px;
}

.tailore-mode-right h4{
  font-size: 18px;
  font-weight: 500;
  color: #3bbca7;
  padding-bottom: 10px;
}

.tailore-mode-right p{
  font-size: 14px !important;
  font-weight: 400;
  color: #fff;
  line-height: 24px;
}

.tailore-mode-left img{
  min-width: 64px;
  min-height: auto;
}

#chooseUs{
  padding: 60px 0px;
}

.choosing-us h3{
  font-size: 24px;
  font-weight: 600;
  color: #072f60;
  padding-bottom: 30px;
  position: relative;
}

.choosing-us h3::before {
  background-color: #072f60;
  position: absolute;
  width: 100px;
  height: 3px;
  content: "";
  bottom: 20px;
  left: 0;
}

.choosing-us p{
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #110e19;
}

.choosing-us h5{
  font-size: 14px;
  font-weight: 500;
  color: #000;
  padding-top: 10px;
}

.choose-steps{
  background-color: #ffff;
  border-radius: 8px;
  padding: 20px 15px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  display: flex;
  align-items: center;
}

.choose-steps-left {
  width: 90px;
  height: auto;
}

.choose-steps-left img{
  width: 55px;
  height: 55px;
  margin-right: 10px;
}

.choose-steps-right h4 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

/*in-house end */

/*About Us start */

#theLeading{
  padding: 60px 0px;
}

.the-leading{
  padding-bottom: 30px;
}

.the-leading h3{
  font-size: 24px;
  font-weight: 600;
  color: #072f60;
  padding-bottom: 24px;
  position: relative;
}

.the-leading h3::before {
  background-color: #072f60;
  position: absolute;
  width: 100px;
  height: 3px;
  content: "";
  bottom: 20px;
  left: 0;
}

.the-leading h4{
  font-size: 20px;
  font-weight:500;
  color: #086591;
  padding-bottom:10px;
}

.the-leading p{
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  color: #110e19;
}

.marketplace{
  text-align: center;
  background-color: #fff;
  padding: 20px;
  border-radius: 6px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.marketplace h5{
  font-size: 24px;
  font-weight: 700;
  color: #072f60;
  padding: 10px 0px 0px 0px;
}

.marketplace p{
  font-size: 15px !important;
  font-weight: 500;
  color: #072f60;
  padding: 5px 0px;
}

#extendedSolutions{
  padding: 60px 0px;
  background-color: #f4f4f4;
}

.abouting-right h6 {
  font-size: 15px;
  font-weight: 500;
  color: #5136f2;
  letter-spacing: 2px;
}

.abouting-right h3{
  font-size: 30px;
  font-weight: 600;
  color: #07060b;
  padding: 20px 0px;
  position: relative;
}

.abouting-right p{
  font-size: 14px;
  font-weight: 400;
  color: #4d5765;
  line-height: 24px;
  padding-bottom: 15px;
}

#ourVision{
  margin-top: 0%;
  padding-bottom: 60px;
  padding-top: 60px !important;
}

.our-mission{
  margin-top: 60px;
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.our-mission h4{
  font-size: 20px;
  font-weight: 500;
  color: #07060b;
  padding: 10px 0px;
}

.our-mission p{
  font-size: 14px;
  font-weight: 400;
  color: #4d5765;
  line-height: 24px;
}

#whoWe{
  background-color: #072f60 !important;
  padding: 60px 0px;
}

.who-we-are h4{
  font-size: 24px;
  font-weight: 600;
  color: #3bbca7;
  padding-bottom: 15px;
}

.who-we-are p{
  font-size: 15px !important;
  font-weight: 400;
  color: #dcdaff;
  padding-bottom: 15px;
}

.who-we-are ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.who-we-are ul li{
  font-size: 15px;
  font-weight: 400;
  color: #dcdaff;
  padding-bottom: 10px;
}

.who-we-are ul li strong{
  color: #3bbca7;
}

.who-we-are ul li i {
  font-size: 14px;
  color: #9d9cae;
  margin: 5px 10px 0px 0px;
}

#ourClients{
  padding: 60px 0px;
  background-color: #fff;
}

.our-trainer{
  display: flex;
  align-items: center;
  background-color: #241442;
  padding: 30px;
  border-radius: 10px;
}

.our-trainer-left img{
  margin-right: 20px;
}

.our-trainer-right h4{
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  padding-bottom: 10px;
}

.our-trainer-right p{
  font-size: 14px;
  font-weight: normal;
  color: #9D9CAE;
  line-height: 24px;
}

.our-trainer-one{
  display: flex;
  align-items: center;
  background-color: #543ee8;
  padding: 30px;
  border-radius: 10px;
}

.our-trainer-left-one img{
  margin-right: 20px;
}

.our-trainer-right-one h4{
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  padding-bottom: 10px;
}

.our-trainer-right-one p{
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  line-height: 24px;
}

#brandsItem{
  background-color: #f4f4f4;
  padding: 60px 0px;
}

#consultancyArea{
  padding: 60px 0px;
  background-color: #072f60 !important;
}

.consultancy-area-tittle h3{
  font-size: 28px;
  font-weight: 600;
  color: #fff;
  padding-bottom: 20px;
}

.our-goal{
  background-color: #062b58;
  padding: 30px;
  border-radius: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.our-goal h4{
  font-size: 20px;
  font-weight: 500;
  color: #3bbca7;
  padding-bottom: 10px;
}

.our-goal p{
  font-size: 14px !important;
  font-weight: 400;
  color: #fff;
  line-height: 24px;
}

.bespoke-training{
  background-color: #271344 !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.bespoke-training img{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.bespoke-training-box{
  padding: 15px;
}

.bespoke-training-box h4{
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  padding: 15px 0px;
}

.bespoke-training-box p{
  font-size: 13px;
  font-weight: normal;
  color: #dcdaff;
  line-height: 28px;
}

#yearSprint{
  padding: 60px 0px;
}

.year-on{
  background-color: #fff;
  padding: 20px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 6px;
  min-height: 300px;
}

.year-on h4{
  font-size: 28px;
  font-weight: 600;
  color: #072f60;
}

.year-on h5{
  font-size: 18px;
  font-weight: 500;
  color: #241442;
  padding: 10px 0px;
}

/*About Us end */

/* Contact us page start */

.enquiries-tittle h3 {
  font-size: 24px;
  font-weight: 600;
  color: #072f60;
  padding-bottom: 30px;
}

.corporate-enqire{
background-color: #fff;
padding: 20px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
text-align: center;
}

.corporate-enqire h4{
font-size: 16px;
font-weight: 500;
color: #0F121F;
padding: 20px 0px;
}

.corporate-enqire a{
font-size: 15px;
font-weight: 500;
color: #072f60;
}

.save-money-contact{
background-color: #fff;
padding: 20px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 10px;
position: relative;
}


.save-money-contact h4{
font-size: 18px;
font-weight: 500;
padding: 10px 0px;
color: #07060b;
}

#registerOffice{
padding: 60px 0px;
}

.register-tittle h3{
font-size: 26px;
  font-weight: 600;
  color: #000;
  padding-bottom: 30px;
}

.register-address{
background-color: #fff;
padding: 20px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.register-address h4{
font-size: 20px;
font-weight: 600;
color: #000;
padding-bottom: 15px;
}

.register-address h5{
font-size: 16px;
font-weight: 500;
color: #25232d;
padding-bottom: 15px;
}

.register-address p{
font-size: 14px;
font-weight: 400;
color: #444444;
padding-bottom: 20px;
}

.register-address h6{
font-size: 16px;
font-weight: 500;
color: #25232d;
padding-bottom: 30px;
}

.register-address a{
font-size: 18px;
font-weight: 500;
color: #072f60;
}

/* Contact us page end */

/* Main Course Css Start */

#mainCourses{
  background-color: #FAF9F6;
  padding: 60px 0px;
}

.main-course-tittle{
  text-align: center;
}

.main-course-tittle h6{
  font-size: 16px;
  font-weight: 500;
  color: #086591;
}

.main-course-tittle h6 i{
  color: #086591;
  margin-right: 8px;
}

.main-course-tittle h3{
  font-size: 24px;
  font-weight: 600;
  color: #072f60;
  padding: 10px 0px;
  line-height: 38px;
}

.main-course-tittle p{
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #343434;
  padding-bottom: 10px;
}

.rt-cat-item {
  background: #fff;
  border: 1px solid #e8e8e8;
  padding: 20px 15px;
  position: relative;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 18px;
  z-index: 0;
  overflow: hidden;
  transition: all .21s ease-in-out;
}

/* .rt-cat-item:hover{
  box-shadow: rgba(191, 191, 248, 0.25) 0px 30px 60px -12px inset, rgba(250, 191, 191, 0.3) 0px 18px 36px -18px inset;
} */

.rt-media {
  position: relative;
}

.rt-icon-1 {
  border: 2px solid #B1A8FF;
  color: #ffffff;
  background-image: linear-gradient(130deg,#7A66FF 0%,#EBDFFF 115%);
  box-shadow: 0 4px 20px #d0d0d0;
  border-radius: 100%;
  font-size: 34px;
  width: 70px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all .41s ease-in-out;
}

.rt-icon-2 {
  border: 2px solid #FF9D95;
  color: #ffffff;
  background-image: linear-gradient(130deg, #F57064 0%, #FFD0CC 115%);
  box-shadow: 0 4px 20px #d0d0d0;
  border-radius: 100%;
  font-size: 34px;
  width: 70px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all .41s ease-in-out;
  
}

.rt-icon-3 {
  border: 2px solid #6CE1DC;
  color: #ffffff;
  background-image: linear-gradient(130deg, #45C8C2 0%, #B6F7F4 115%);
  box-shadow: 0 4px 20px #d0d0d0;
  border-radius: 100%;
  font-size: 34px;
  width: 70px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all .41s ease-in-out;
  
}

.rt-icon-4 {
  border: 2px solid #FBA3E3;
  color: #ffffff;
  background-image: linear-gradient(130deg, #F480D4 0%, #FFD3F3 115%);
  box-shadow: 0 4px 20px #d0d0d0;
  border-radius: 100%;
  font-size: 34px;
  width: 70px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all .41s ease-in-out;
  
}

.rt-icon-5 {
  border: 2px solid #98DF76;
  color: #ffffff;
  background-image: linear-gradient(130deg, #6ADE33 0%, #C8EFB6 115%);
  box-shadow: 0 4px 20px #d0d0d0;
  border-radius: 100%;
  font-size: 34px;
  width: 70px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all .41s ease-in-out;
  
}

.rt-icon-6 {
  border: 2px solid #89DAFD;
  color: #ffffff;
  background-image: linear-gradient(130deg, #3FC6FF 0%, #D7F3FF 115%);
  box-shadow: 0 4px 20px #d0d0d0;
  border-radius: 100%;
  font-size: 34px;
  width: 70px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all .41s ease-in-out;
  
}

.rt-icon-7 {
  border: 2px solid #FEC269;
  color: #ffffff;
  background-image: linear-gradient(130deg, #FFA41F 0%, #FFE3BB 115%);
  box-shadow: 0 4px 20px #d0d0d0;
  border-radius: 100%;
  font-size: 34px;
  width: 70px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all .41s ease-in-out;
  
}

.rt-icon-8 {
  border: 2px solid #F1BBBB;
  color: #ffffff;
  background-image: linear-gradient(130deg, #E69E9E 0%, #F5D9E0 115%);
  box-shadow: 0 4px 20px #d0d0d0;
  border-radius: 100%;
  font-size: 34px;
  width: 70px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all .41s ease-in-out;
  
}

.course-icon-shape {
  position: absolute;
  left: -6px;
  top: 0;
  z-index: -1;
  transition: all .21s ease-in-out;
}

h3.rt-cat-title{
  font-size: 18px;
  font-weight: 500;
}

.rt-cat-title a{
  color: #000;
}

.shapes-1{
  position: absolute;
  background-color: #7A66FF;
  width: 50px;
  height: 50px;
  right: -26px;
  bottom: -30px;
  border-radius: 34px;
}

.shapes-2 {
  position: absolute;
  background-color: #F57064;
  width: 50px;
  height: 50px;
  right: -26px;
  bottom: -30px;
  border-radius: 34px;
}

.shapes-3 {
  position: absolute;
  background-color: #45C8C2;
  width: 50px;
  height: 50px;
  right: -26px;
  bottom: -30px;
  border-radius: 34px;
}

.shapes-4 {
  position: absolute;
  background-color: #F480D4;
  width: 50px;
  height: 50px;
  right: -26px;
  bottom: -30px;
  border-radius: 34px;
}

.shapes-5 {
  position: absolute;
  background-color: #6ADE33;
  width: 50px;
  height: 50px;
  right: -26px;
  bottom: -30px;
  border-radius: 34px;
}

.shapes-6 {
  position: absolute;
  background-color: #3FC6FF;
  width: 50px;
  height: 50px;
  right: -26px;
  bottom: -30px;
  border-radius: 34px;
}

.shapes-7 {
  position: absolute;
  background-color: #FFA41F;
  width: 50px;
  height: 50px;
  right: -26px;
  bottom: -30px;
  border-radius: 34px;
}

.shapes-8 {
  position: absolute;
  background-color: #E69E9E;
  width: 50px;
  height: 50px;
  right: -26px;
  bottom: -30px;
  border-radius: 34px;
}

/* Main Course Css End */


.mar-top-part{
  margin-top: 60px;
}

/*Career Us Start 2026 */
/* ===== FORM CONTAINER ===== */

.snx-form-wrapper{
width:100%;
max-width:360px;
height:500px;            /* CONTROL FORM HEIGHT HERE */
background:#0f5a78;
border-radius:8px;
overflow:visible;
box-shadow:0 12px 40px rgba(0,0,0,0.18);
margin:0 auto;           /* centers the form */
position:relative;
}

/* TOP STRIP */

.snx-form-wrapper::before{
content:"";
display:block;
height:6px;
background:#ffc400;
border-radius:8px;
}

/* ===== HEADER ===== */

.snx-form-header{
text-align:center;
padding:10px 10px 10px;
color:#fff;
}

.snx-form-header h3{
font-size:20px;
font-weight:600;
margin-bottom:4px;
color:#fff;
}

.snx-form-header p{
font-size:14px;
color:#f8bc24;
margin:0;
}

/* ===== BODY ===== */

.snx-form-body{
padding:10px 10px;
display:flex;
flex-direction:column;
gap:12px;
}

/* ===== INPUT BASE ===== */

.snx-field{
position:relative;
}

.snx-field input,
.snx-field select{
width:100%;
height:40px;
border-radius:6px;
border:none;
background:#fff;
padding-left:38px;
font-size:14px;
}

/* ICON */

.snx-field i{
position:absolute;
left:12px;
top:50%;
transform:translateY(-50%);
color:#6b7280;
font-size:14px;
}

/* ===== PHONE ROW ===== */

.snx-phone-row{
display:flex;
gap:2px;
width:100%;
}

.snx-phone-row select{
width:70px;
min-width:70px;
height:44px;
border:none;
border-radius:6px;
background:#fff;
text-align:center;
}

#countryCodeDisplay{
width:60px;
min-width:60px;
height:44px;
border:none;
border-radius:6px;
background:#fff;
text-align:center;
}

#contact_phone_number{
flex:1;
min-width:0;
height:44px;
border:none;
border-radius:6px;
background:#fff;
padding-left:10px;
}

/* ===== MESSAGE ===== */

.snx-message textarea{
width:100%;
height:60px;
border-radius:6px;
border:none;
background:#fff;
padding:10px;
font-size:14px;
resize:none;
}

/* ================================================= */
/* ===== ENTERPRISE COURSE SEARCH DROPDOWN ===== */
/* ================================================= */

.course-select-box{
position:relative;
width:100%;
}

/* visible select field */

#courseDisplay{
width:100%;
height:44px;
border:none;
border-radius:6px;
background:#fff;
padding:0 12px;
font-size:14px;
cursor:pointer;
}

/* dropdown container */

.course-dropdown{
position:absolute;
top:46px;
left:0;
width:100%;
background:#fff;
border-radius:8px;
box-shadow:0 12px 30px rgba(0,0,0,0.18);
display:none;
z-index:9999;
overflow:hidden;
}

/* search input */

.course-search{
width:100%;
height:40px;
padding:0 12px;
border:none;
border-bottom:1px solid #eee;
font-size:14px;
outline:none;
}

/* course list */

.course-options{
max-height:200px;
overflow-y:auto;
}

/* scrollbar */

.course-options::-webkit-scrollbar{
width:6px;
}

.course-options::-webkit-scrollbar-thumb{
background:#cfd8e3;
border-radius:10px;
}

/* option */

.course-option{
padding:10px 14px;
font-size:14px;
color:#374151;
cursor:pointer;
transition:all .15s ease;
}

/* hover style */

.course-option:hover{
background:#ffc400;
color:#0a2540;
padding-left:18px;
}

.snx-error{
color:#ffb3b3;
font-size:12px;
margin-top:4px;
padding-left:6px;
}

@keyframes snxShake{
0%{transform:translateX(0);}
25%{transform:translateX(-4px);}
50%{transform:translateX(4px);}
75%{transform:translateX(-4px);}
100%{transform:translateX(0);}
}

.snx-shake{
animation:snxShake 0.3s;
}
/* ===== BUTTON ===== */

.snx-submit button{
width:100%;
height:42px;
border:none;
border-radius:6px;
background:#f8bc24;
color:#3f3c39;
font-size:16px;
font-weight:600;
cursor:pointer;
transition:all .2s ease;
}

.snx-submit button:hover{
background:#fb8c00;
transform:translateY(-1px);
}

/* ===== CONSENT TEXT ===== */
.snx-consent{
font-size:11px;
color:#dbeafe;
display:flex;
align-items:flex-start;
gap:6px;
line-height:1.3;
margin-top:6px;
}

.snx-consent input{
accent-color:#f8bc24;
margin-top:2px;
flex-shrink:0;
}

.snx-consent a{
color:#ffffff;
text-decoration:underline;
margin:0 2px;
}

.snx-consent span{
display:inline;
}
/*Career Us End  */

.what-we-to{
  background-color: #fff;
  padding: 20px;
  border-radius: 6px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  text-align: center;
}

.what-we-to h5{
  font-size: 20px;
  font-weight: 600;
  color: #07060b;
  padding: 15px 0px 5px 0px;
}

.what-we-to p{
  font-size: 15px;
  font-weight: 400;
  color: #666666;
  padding: 5px 0px;
}

#ourValues{
  background-color: #f4f4f4;
  padding: 60px 0px;
}

.values-includes h3{
  font-size: 32px;
  font-weight: 700;
  color: #072f60;
  padding-bottom: 30px;
  position: relative;
}

.values-includes h3::before {
  background-color: #072f60;
  position: absolute;
  width: 100px;
  height: 3px;
  content: "";
  bottom: 20px;
  left: 0;
}

.values-mode{
  background-color: #fff;
  padding: 15px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.values-mode-left img{
  margin-right: 15px;
}

.values-mode-right h5{
  font-size: 20px;
  font-weight: 600;
  color: #241442;
  padding-bottom: 10px;
}

.values-mode-right p{
  font-size: 15px;
  font-weight: 400;
  color: #666666;
  line-height: 24px;
}

#weHiring{
  padding: 60px 0px;
}

.we-hiring{
  padding: 20px;
  border-radius: 6px;
  background-color: #5035F2;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.we-hiring h4{
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #fff;
}

.we-hiring h4 i{
  margin-right: 10px;
}

#careerForm{
  background-color: #2f1c51;
  padding: 60px 0px;
}

.form-tittle h3{
  font-size: 24px;
  color: #fff;
  padding-bottom: 10px;
  font-weight: 600;
}

.form-tittle p{
  font-size: 15px;
  color: #fff;
  padding-bottom: 20px;
  font-weight: 400;
}

.form-controler{
  padding: 20px;
  background-color: #35215a;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  margin-top: 20px;
}

#careerForm .form-label {
  color: #d0ccd8;
}

#careerForm label {
  color: #d0ccd8;
}

#letsLearning{
  padding-top: 60px;
}

.lets-lern-left h3{
  font-family: "Playfair Display", serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 52px;
  padding-bottom: 20px;
  color: #072f60;
}

.lets-lern-left p{
  font-size: 15px;
  font-weight: 400;
}

#whySterl{
  background-color: #fff ;
  padding: 60px 0px;
}

.why-sterling{
  padding-top: 30px;
}

.inclusive{
  margin: 20px 0px;
  padding-left: 10px;
  border-left: 2px solid #3bbca7;
}

.inclusive h4{
  font-size: 24px;
  font-weight: 600;
  color: #072f60;
}

.inclusive p{
  font-size: 15px;
  font-weight: 400;
  color: #666;
}

/*Career Us end */

	/*Affordable Online Css Start */

	.elementor-widget-container {
		background-image: url('<?php echo base_url(); ?>../images/cta_bg.png');
	}

	.rt-call-action {
		position: relative;
		padding-top: 34px;
	}

	.rt-call-action:after {
		position: absolute;
		content: "";
		left: 0;
		bottom: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		background-color: #072f60;
	}

	.rt-action-item {
		display: flex;
		align-items: center;
		gap: 40px;
		padding-right: 40px;
		position: relative;
		z-index: 0;
	}

	.rt-action-img {
		position: relative;
		width: 270px;
	}

	.rt-action-img .shape {
		position: absolute;
		left: -120px;
		bottom: 0;
		z-index: -1;
	}

	.rt-title {
		flex: 1;
		padding: 24px 0;
		color: #fff;
	}

	a.button-style-1 {
		position: relative;
		background: #ffffff;
		color: #072f60;
		box-shadow: 0 0 6px rgba(0,0,0,2%);
		border-radius: 50px;
		font-size: 16px;
		font-weight: 500;
		padding: 16px 30px;
		line-height: 1.4;
		transition: all .4s ease;
		display: inline-flex;
		align-items: center;
		letter-spacing: .2px;
		overflow: hidden;
		z-index: 1;
	}

	a.button-style-1:hover {
		color: #fff;
		background-color: #086591;
	}

	#ourCorporate{
		padding: 60px 0px;
	}

	.corporate{
		padding-top: 20px;
	  }
	  
	/*Affordable Online Css End */

  /* Course Landing page start */

  .login-register-form {
    padding: 20px;
}

.login-register-form input {
  margin-bottom: 10px;
  padding: 7px;
}

  /* Course Landing page end */

  #marketing-popup .modal-content {
    background-color: transparent;
    border: none;
}

#marketing-popup button.btn-close {
  position: absolute;
  top: 8%;
  right: 16%;
  background-color: #fff;
  z-index: 9999;
}

button.btn-close {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  z-index: 2;
  opacity: inherit;
}



.orange-btn-marketing,
.tab-btn-one .btn-check:checked+.btn-secondary,
.tab-btn-one .btn-check:checked+.btn-secondary:hover,
input[type=radio]:checked+label {
    background-color: #e86515
}


#selectCity label, input[type=radio] {
  padding: 0;
  font-weight: 700;
}

/* input[type=radio], label {
  display: inline-block;
  color: #333d46;
  border: 1px solid transparent;
  padding: 0 8px;
  border-radius: 0.25rem;
} */

/* input, input::placeholder {
  font: 12px/3 sans-serif;
} */

a, button, input, ol, p, ul {
  margin: 0;
  padding: 0;
  outline: 0!important;
  box-shadow: none!important;
  font-family: "Poppins", sans-serif;
  list-style: none;
}

.btn-check:checked+.btn-secondary, .btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle, .tab-btn-one .btn-check:active+.btn-secondary {
  color: #fff;
  background-color: #e86515;
  border-color: #51585e;
}

#marketing-popup .form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 0px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  height: 40px;
}

.country-code {
  display: inline-block;
  width: 100%;
  position: relative;
}

.country-code .form-select-control {
  width: auto;
  float: left;
  position: relative;
  top: 1px;
  left: 2px;
  border: none !important;
  padding-bottom: 0px !important;
}

.country-code .arrow-icon {
  width: 30px !important;
  height: 24px;
  font-size: 14px;
  background: rgba(0,0,0,0);
  float: left;
  border-right: 1px solid #e7e7e7;
  margin-bottom: 0;
  border: none !important;
}

.arrow-icon {
  overflow: visible;
  position: relative;
}

.country-code .arrow-icon-one select {
  width: 150%;
  height: 46px;
  background: #f0f1f2;
  position: relative;
  z-index: 2;
  border: none !important;
}

.country-code .arrow-icon select {
  width: 150%;
  height: 38px;
  background: #f0f1f2;
  position: relative;
  z-index: 2;
  border: none !important;
}

.phoneCodeId {
  display: inline-block;
  float: left;
  left: 18px;
  position: relative;
  vertical-align: middle;
  z-index: 1;
  padding: 0px 10px 0 0;
  color: #000;
  top: 8px;
}

.phone-top{
  top: 36px !important;
}

input#validationCustom02 {
  width: 92%;
  border: none;
  position: relative;
  left: 15px;
}

.banner_number {
  position: relative !important;
  width: 60% !important;
}

input#validationCustom02 {
  margin-top: -2px;
  border: 0px solid #fff !important;
}

#marketingForm input#invalidCheck3 {
  background-color: #024a6c;
}

.enquir-btn{
  background-color: #ffc000;
  color: #000;
}
/* Enquir now 2026 */
#btn_validate_request_call_back_step1 {
    background-color: #ffc107;
    color: #000 !important;
    font-weight: 600;
}

#btn_validate_request_call_back_step1:hover {
    background-color: #e0a800;  /* slightly darker */
    color: #000 !important;
}

.get-in-touch {
  position: relative;
  box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);
  padding: 0;
  background-color: #fffaf7;
  border: 1px solid #c44a002b;
}

.get-in-touch .tittle {
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #000;
  line-height: 48px;
  padding: 15px 0 0 15px;
}

.contact-form .form-filed {
  position: relative;
  margin: 5px 0;
  text-align: left !important;
}

.contact-form .input-text {
  display: block;
  width: 100%;
  height: 40px;
  border-width: 1px;
  border-color: #ced4da;
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  padding-left: 10px;
  background-color: #fff;
  border-radius: 4px;
}

.login-register-form .form-control{
  background-color: #fff;
  padding: 5px 0px !important;
}

.login-register-form select#phoneCode {
  margin-top: 24px;
  border: 1px solid #bfbfbf !important;
  border-radius: 4px 0px 0px 4px;
}

.login-register-form input#classroom_input_number {
  padding-left: 90px;
}

.login-register-form .country-code {
  display: inline-block;
  width: 100%;
  position: relative;
  top: -20px;
}

.log-reg-tittle h3{
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #006a9d;
  padding-bottom: 0px;
}

.classroom_err_span, .download_err_span, .err_span, .lvc_err_span {
  color: red;
  float: left;
  font-size: 12px;
}

.video-popup button span {
  background-color: #c44a00;
  width: 70px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  text-align: center;
  margin-right: 15px;
}

.cards, .maping, .prize, .qeries, .toll-free {
  display: flex;
}

.maping {
  justify-content: end;
  align-items: center;
  position: relative;
  /* top: 106px; */
  right: 25px;
}

.map-left h4 i {
  font-size: 20px;
  color: #086591;
  margin-right: 5px;
}

.map-left h4 span {
  font-size: 16px;
  border-bottom: 1px solid #086591;
  margin-right: 20px;
  color: #086591;
}

.btn-city {
  background: #d8f2ff;
  padding: 6px 30px;
  margin-left: 20px;
  border-radius: 6px;
  color: #000;
  font-weight: 700;
  border: 0px;
}

/* #selectCity .modal-footer {
  padding: 0.75rem 0;
} */

.update-btn {
  display: block;
  text-align: center;
}

.orange-btn-city {
  padding: 8px 0;
  color: #000;
  border: 1px solid #c44a00;
  display: block;
  width: 100%;
}

.toll-free {
  display: flex;
  align-items: center;
  background-color: #241442;
  border-radius: 6px;
  margin: 0px 0px;
  padding: 15px;
}

.toll-left img {
  margin-right: 20px;
}

.toll-right p {
  font-size: 15px;
  font-weight: 500;
  color: #dfd2f7;
}

.toll-right h4 {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}

.toll-free-one {
  display: flex;
  align-items: center;
  background-color: #f8bc24;
  border-radius: 6px;
  margin: 20px 0px 0px 0px;
  padding: 15px;
}

.toll-left-one img {
  margin-right: 20px;
}

.toll-right-one p {
  font-size: 15px;
  font-weight: 500;
  color: #07060b;
}

.toll-right-one h4 {
  font-size: 15px;
  font-weight: 600;
  color: #000;
}

.contact-form .form-filed {
  position: relative;
  margin: 5px 0;
  text-align: center;
}

.contact-form .submit-btn {
  display: inline-block;
  background-color: #c44a00;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 10px;
  width: 100%;
}

.brochure{
  padding-top: 60px;
}

.course-agenda {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.company-brochure, .course-agenda {
  padding: 20px 10px;
  border-radius: 6px;
}

.call-left {
  width: 100px;
  height: auto;
  margin-right: 20px;
}

.company-brochure {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.company-brochure, .course-agenda {
  padding: 20px 10px;
  border-radius: 6px;
  border: 1px solid #086591;
}

.agenda-btn{
  background-color: #086591 !important;
  color: #fff !important;
  margin-top: 0 !important;
  height: 56px;
  width: 130px;
  align-items: center;
  justify-content: center;
}

.brochure h3{
  padding-bottom: 20px;
}

.call-left i {
  font-size: 24px;
  line-height: 70px;
}

.apply-now, .orange-btn {
  padding: 8px 16px;
  color: #fff;
  border: 1px solid #c44a00;
}

.apply-now, .orange-btn, .orange-btn-city {
  border-radius: 4px;
  text-align: center;
  background-color: #c44a00;
}

.apply-bnr{
  background-color: #271344 !important;
  color: #fff !important;
  font-weight: 600;
}

.apply-yellow{
  background-color: #ffc000 !important;
  color: #000 !important;
  font-weight: 600;
}

.video-toll-mail{
  padding-top: 40px;
}

#videoPopupbtn button.btn.watch_course_intro_video{
  overflow: visible;
  padding: 0px !important;
  height: auto !important;
  margin-top: 8px;
}

.pricig-header h4{
  color: #ffd554;
  text-align: center;
  font-size: 24px;
}

.pricig-header h4 span {
    font-size: 18px;
    color: #fff2cc;
    font-weight: 500;
}

/* .single-pricing{
  margin: 0px 10px !important;
} */

.course-card ul, .coursing-card-list ul, .follow ul, .menu-list ul, .month-list ul, .rating-bars-inner, .rating-overview {
  display: flex;
}



.border-light {
  border-color: #f8f9fa!important;
}

#downloading-brouchre {
  background: 0 0;
}

.down-container {
  width: 100%;
  background-color: #fff;
  position: relative;
  perspective: 2700px;
}

.down-container .cover {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: 50%;
  z-index: 98;
  transition: 1s;
  transform-style: preserve-3d;
  transform-origin: left;
}


form .form-content .tittle-new {
  font-size: 22px;
  font-weight: 500;
  color: #333;
  position: relative;
}

form .form-content .tittle-new::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  height: 3px;
  width: 258px;
  background: #086591;
}

form .form-content .input-boxes {
  margin-top: 30px;
}

form .form-content .input-box {
  height: 50px;
  margin: 10px 0;
  position: relative;
}

.main-banner, form .form-content .input-box {
  width: 100%;
  align-items: center;
  display: block;
}

.main-banner, form .form-content .input-box {
  height: 60px;
  margin: 20px 0;
  position: relative;
}

.form-content .input-box input:focus, .form-content .input-box input:valid {
  border-color: 0px;
  width: 100%;
  padding: 10px;
}

#req_download_landing .form-control{
  background-color: #fff !important;
  border: 1px solid #5c5a5a;
}

#req_download_landing .country-code .arrow-icon select {
  height: 52px;
}

#DownLoadCourseInfo .modal-header{
  border-bottom: 0px !important;
  padding-bottom: 0px !important;
}

.dowmload-btn{
  background-color: #086591;
  color: #fff;
  margin-top: 15px;
}

#selectCity .modal-header{
  border-bottom: 0px !important;
  padding-bottom: 0px !important;
}

#sess_city .form-select{
  border: 1px solid #d7f1fe !important;
  border-radius: 0px !important;
  margin-bottom: 10px;
}

#sess_city .form-select:focus{
  box-shadow: none !important;
}

.btn-classes {
  background-color: #ffc000;
  font-size: 14px;
  font-weight: 500;
  color: #000 !important;
}

.btn-classes:hover,
.custon_botton_course:hover {
  background-color: #f6f7f9;
}

/* =========================================
   ENTERPRISE CTA – PERFECT CENTERED VERSION 2026
   ========================================= */

.sn-btn-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 14px;
}

.custon_botton_course_enroll,
.custon_botton_enroll_now {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 52px !important;
    padding: 0 10px !important;
    margin: 0 !important;

    background: linear-gradient(180deg, #ffc83d 0%, #ffb400 100%) !important;
    color: #111 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
    border-radius: 8px !important;
    border: none !important;
    text-decoration: none !important;
    text-align: center !important;
    white-space: nowrap !important;
    cursor: pointer !important;

    box-shadow:
        0 10px 24px rgba(255,180,0,0.25),
        0 4px 8px rgba(0,0,0,0.06) !important;

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease !important;
}

.custon_botton_course_enroll:hover,
.custon_botton_enroll_now:hover {
    background: #fff !important;
    color: #111 !important;
    transform: translateY(-3px) !important;
    text-decoration: none !important;
    box-shadow:
        0 14px 30px rgba(255,180,0,0.35),
        0 6px 14px rgba(0,0,0,0.08) !important;
}

.custon_botton_course_enroll:active,
.custon_botton_enroll_now:active {
    transform: translateY(0) !important;
}

@media (max-width: 480px) {
    .sn-btn-row {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    .custon_botton_course_enroll,
    .custon_botton_enroll_now {
        font-size: 12px !important;
        height: 48px !important;
        white-space: nowrap !important;
    }
}
.custon_botton_course {
  background-color: #271344;
  color: #fff;
  padding: 10px 6px;
  margin-top: 15px;
  border-radius: 4px;
  position: relative;
  top: 3px;
}

.contact-form .submit-btn {
  display: inline-block;
  background-color: #086591;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 10px;
  width: 100%;
}

.owl-carousel .owl-item .coure-revier-left-human img{
  max-width: 48px;
  max-height: 48px;
}

#shareVideo{
  background-color: #eefffc;
  padding-bottom: 60px;
}

.flipSide-360{
  transition: .5s, color .10s;
      -webkit-transition: .5s, color .10s;
      -moz-transition: .5s, color .10s;
}
.flipSide-360:hover{
  transform: rotateY(360deg);
      -webkit-transform: rotateY(360deg);
      -moz-transform: rotateY(360deg);
}

.jello:hover {
  animation-name: jello;
      -webkit-animation-name: jello;
      -moz-animation-name: jello;
  animation-duration: 1s;
      -webkit-animation-duration: 1s;
      -moz-animation-duration: 1s;
  transform-origin: center;
      -webkit-transform-origin: center;
      -moz-transform-origin: center;
}

  @keyframes jello {
      from,11.1%,to {transform: translate3d(0, 0, 0);}
      22.2% {transform: skewX(-12.5deg) skewY(-12.5deg);}
      33.3% {transform: skewX(6.25deg) skewY(6.25deg);}
      44.4% {transform: skewX(-3.125deg) skewY(-3.125deg);}
      55.5% {transform: skewX(1.5625deg) skewY(1.5625deg);}
      66.6% {transform: skewX(-0.78125deg) skewY(-0.78125deg);}
      77.7% {transform: skewX(0.390625deg) skewY(0.390625deg);}
      88.8% {transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}
  }

  /* affiliate-program page start */


  #whyPatnerprogram{
    padding: 60px 0px;
  }

  .easy-promote{
    background-color: #fff;
    box-shadow: rgba(0, 90, 73, 0.2) 0px 7px 29px 0px;
    padding: 15px;
    border-radius: 10px;
    margin-top: 30px;
  }

  .easy-promote h4 {
    font-size: 18px;
    font-weight: 600;
    color: #072f60;
    padding: 10px 0px;
}

.easy-promote p {
  font-size: 14px;
  font-weight: 400;
  color: #000;
}

.easy-promote:hover{
  background-color: #f4fffd;
}

#joinAffiliate{
  padding: 60px 0px;
  background-color: #effffc;
}

.join-afiliate-left{
  padding: 30px;
  background-color: #086591;
}

.join-afiliate-left h3{
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  padding-bottom: 15px;
  position: relative;
}

.join-afiliate-left p{
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  padding-bottom: 15px;
}

.btn-blue-one{
  background-color: #072f60;
  color: #fff;
  margin-top: 10px;
}

#affilicateWork{
  padding: 60px 0px;
}

.how-to-work-tittle h3{
  font-size: 24px;
  font-weight: 600;
  color: #072f60;
  line-height: 38px;
  padding-bottom: 15px;
}

.join-start{
  background-color: #fff;
  padding: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 4px;
}

.join-start h4 {
  font-size: 18px;
  font-weight: 600;
  color: #072f60;
  padding: 5px 0px;
}

.join-start p {
  font-size: 14px;
  font-weight: 400;
  color: #000;
}

#affilicateFaq{
  background-color: #effffc;
  padding: 60px 0px;
}

.afficate-prgm-faq h3{
  font-size: 24px;
  font-weight: 600;
  color: #072f60;
  line-height: 38px;
  padding-bottom: 15px;
}

#afflicationFAQ .accordion-item {
  background-color: #072f60;
  border-bottom: 2px solid #a9d7ce;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

#afflicationFAQ .accordion-button{
  border-radius: 0px;
}

.afficate-faq-body p{
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}

.afficate-faq-body h6{
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}

.afficate-faq-body ul li{
  font-size: 14px;
  font-weight:400;
  color: #fff;
}

/* affiliate-program page end */

/* Corporate partners start */

#partneringPart{
  padding: 60px 0px;
}

.partnering{
  background-color: #edf9ff;
  padding: 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.partnering h4{
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  padding-bottom: 20px;
}

.partnering ul{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#whatsYou{
  padding-bottom: 60px;
}

.whats-you-tittle h3{
  font-size: 24px;
  font-weight: 600;
  color: #072f60;
  padding-bottom: 20px;
}

.opportunity{
  background-color: #fff;
  padding: 30px;
  border-radius: 6px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  min-height: 196px;
}

.opportunity h4 {
  font-size: 17px;
  font-weight: 500;
  color: #072f60;
  padding-top: 20px;
}

#partnershipOpportunities {
  background-color: #edf9ff;
  padding: 60px 0px;
}

.opportunities-tittle h3{
  font-size: 24px;
  font-weight: 600;
  color: #072f60;
  padding-bottom: 10px;
}

.opportunities-tittle p{
  font-size: 14px;
  font-weight: 400;
  color: #110e19;
  padding-bottom: 20px;
}

.distributors{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  border-radius: 6px;
}

.distributors-top{
  padding: 30px;
  background-color: #cbeaf9;
  border-radius: 6px 6px 0px 0px;
}

.distributors-top h4{
  font-size: 18px;
  font-weight: 500;
  color: #072f60;
}

.distributors-top h4 img{
  margin-right: 10px;
}

.distributors-body{
  padding: 30px;
}

.distributors-body p{
  font-size: 14px;
  font-weight: 400;
  color: #110e19;
}

.your-expert p{
  font-size: 14px;
  font-weight: 400;
  color: #110e19;
  padding: 10px 0px;
}

.your-expert ul li{
  font-size: 14px;
  font-weight: 400;
  color: #110e19;
  line-height: 26px;
  padding-bottom: 10px;
}

.your-expert ul li i{
  margin-right: 5px;
}

.expert-btn{
  font-size: 16px;
  font-weight: 500;
  color: #072f60;
  padding: 10px 20px;
  border-radius: 4px;
  background-color: #cbeaf9;
  margin-top: 10px;
}

.expert-btn:hover{
  color: #072f60;
}

#maximizeExam{
  padding: 60px 0px;
}

.maximize {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  padding: 20px;
  border-radius: 6px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.maximize-left h4{
  font-size: 20px;
  color: #00405e;
  font-weight: 500;
}

.maximize-left h4 img{
  margin-right: 15px;
}

.lern-btn {
  background-color: #00405e;
  padding: 5px 40px;
  line-height: 0px;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
}

.lern-btn:hover{
  background-color: #086591;
  color: #fff;
}

#upSkilling{
  padding: 60px 0px;
  background-color: #edf9ff;
}

.why-main-tittle h2{
    font-size: 24px;
    font-weight: 600;
    color: #072f60;
    padding-bottom: 30px;
    text-align: center;
    position: relative;
}

.why-main-tittle h2::after {
  position: absolute;
  background-color: #3bbca7;
  content: "";
  width: 50px;
  height: 4px;
  top: 40%;
  left: 67%;
}

.why-main-tittle h2::before {
  position: absolute;
  background-color: #3bbca7;
  content: "";
  width: 50px;
  height: 4px;
  top: 40%;
  right: 67%;
}


.opportunities-tittle-one h3{
  font-size: 20px;
  font-weight: 600;
  color: #072f60;
  padding-bottom: 10px;
}

.opportunities-tittle-one p{
  font-size: 14px;
  font-weight: 400;
  color: #110e19;
  padding-bottom: 20px;
}

.distributors-top-one {
  padding: 30px;
  background-color: #cbeaf9;
  border-radius: 6px 6px 0px 0px;
}

.distributors-top-one h4 {
  font-size: 18px;
  font-weight: 500;
  color: #072f60;
}

.distributors-top-one h4 img {
  margin-right: 10px;
}

.distributors-body-one {
  padding: 30px;
}

.distributors-body-one p {
  font-size: 14px;
  font-weight: 400;
  color: #110e19;
  padding-bottom: 10px;
}

.your-expert-one p {
  font-size: 14px;
  font-weight: 400;
  color: #110e19;
  padding: 10px 0px;
}

.your-expert-one ul li {
  font-size: 14px;
  font-weight: 400;
  color: #110e19;
  line-height: 26px;
  padding-bottom: 10px;
}

.your-expert-one ul li i {
  margin-right: 5px;
}

.economic-growth{
  background-color: #fff;
  border-radius: 4px;
  padding: 40px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.economic-grow-main h4{
  font-size: 36px;
  font-weight: 700;
  color: #3bbca7;
}

.economic-grow-main h4 span {
  font-size: 18px;
  font-weight: 500;
  color: #072f60;
  margin-left: 10px;
}

#yourLearners{
  padding: 60px 0px;
  background-color: #fff;
}

.learning-area-main{
  background-color: #086591;
  padding: 30px;
  border-radius: 10px;
}

.your-learner{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.learn-more-detail {
  display: flex;
  align-items: center;
  min-width: 25%;
}

.learn-more-detail-left {
  min-width: 90px;
}

.learn-more-detail-right {
  width: 240px;
}

.learn-more-detail-right h4 {
  margin-left: 10px;
  font-size: 16px;
  color: #f2fbff;
  font-weight: 500;
}

#globalBrands{
  padding: 60px 0px;
  background-color: #edf9ff;
}

.global-partnership{
  padding: 15px 0px;
}

.global-partnership ul{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.global-partnership ul li img{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 10px;
}

.afficate-prgm-faq-one h3{
  font-size: 24px;
  font-weight: 600;
  color: #072f60;
  line-height: 38px;
  padding:40px 0px 20px 0px;
}

/* Corporate partners end */

/* Corporate Training start */

#trustedBy{
  padding: 0px 0px 0px 0px;
}

.trust-byer{
  background-color: #fff;
  padding: 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin-top: -30px;
  position: relative;
}

.trust-byer p{
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 30px;
  text-align: center;
}

.trust-byer ul{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#trainingFeature{
  padding: 60px 0px;
}

#trainingFeature .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: transparent;
}

.training-feature-tittle h2{
    font-size: 24px;
    font-weight: 600;
    color: #072f60;
    padding-bottom: 30px;
    text-align: center;
    position: relative;
}

.training-feature-tittle h2::before {
  position: absolute;
  background-color: #3bbca7;
  content: "";
  width: 50px;
  height: 4px;
  top: 40%;
  right: 71%;
}

.training-feature-tittle h2::after {
  position: absolute;
  background-color: #3bbca7;
  content: "";
  width: 50px;
  height: 4px;
  top: 40%;
  left: 71%;
}

.course-customization-one{
  background-color: #fff;
  padding: 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 6px;
  position: relative;
  left: 15px;
}

.course-customization-one h4{
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  color: #086591;
}

.course-customization-one h4 img{
  margin-right: 10px;
}

.course-customization-one p{
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-align: left;
  padding-top: 10px;
}

.course-customization-two{
  background-color: #fff;
  padding: 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 6px;
  margin: 20px 0px;
}

.course-customization-two h4{
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  color: #086591;
}

.course-customization-two h4 img{
  margin-right: 10px;
}

.course-customization-two p{
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-align: left;
  padding-top: 10px;
}

.course-customization-three{
  background-color: #fff;
  padding: 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 6px;
}

.course-customization-three h4{
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  color: #086591;
}

.course-customization-three h4 img{
  margin-right: 10px;
}

.course-customization-three p{
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-align: left;
  padding-top: 10px;
}

.course-customization-four{
  background-color: #fff;
  padding: 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 6px;
  position: relative;
  left: 15px;
  margin: 20px 0px;
}

.course-customization-four h4{
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  color: #086591;
}

.course-customization-four h4 img{
  margin-right: 10px;
}

.course-customization-four p{
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-align: left;
  padding-top: 10px;
}

.center-feature-key{
  text-align: center;
  padding: 30px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin: 0px 30px;
}

.featured-key-center ul{
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 20px;
}

.featured-key-center ul li{
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 24px;
  display: flex;
  padding-bottom: 10px;
}

.featured-key-center ul li i{
  margin: 5px 8px 0px 0px;
}

#sterlingAdvantage{
  padding: 60px 0px;
  background-color: #edf9ff;
}

.serling-adv-tittle h3{
  font-size: 24px;
  font-weight: 600;
  color: #072f60;
  padding-bottom: 10px;
}

.serling-adv-tittle p {
  font-size: 14px;
  font-weight: 400;
  color: #110e19;
  padding-bottom: 20px;
}

.high-engement{
  padding-top: 20px;
}

.high-engement h4{
  font-size: 18px;
  font-weight: 600;
  padding: 10px 0px;
  color: #000;
  position: relative;
}

.high-engement h4::after {
  position: absolute;
  content: "";
  background-color: #3bbca7;
  width: 40px;
  height: 4px;
  bottom: 0;
  left: 0;
}

.high-engement p {
  font-size: 14px;
  font-weight: 400;
  color: #110e19;
  padding-top: 15px;
}

#trainingNeeds{
  padding: 60px 0px;
}

.imagebox {
  position: relative;
  margin: 10px 0;
}

.imagebox .box-wrapper {
  overflow: hidden;
  position: relative;
  background: #f0f7ff;
}

.box-image img {
  width: auto;
}

.imagebox .box-header {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  padding: 5px 55px 5px 15px;
  min-height: 65px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.imagebox .box-header:before {
  content: "\f054";
  position: absolute;
  font-family: fontawesome;
  text-align: center;
  line-height: 30px;
  right: 15px;
  top: 20px;
  bottom: 5px;
  width: 30px;
  height: 30px;
  color: #fff;
  background-color: #3bbca7;
  text-shadow: 0 1px 1px rgb(0 0 0 / 10%);
  font-weight: 400;
  font-size: 12px;
}

.imagebox .box-header .box-title:after {
  width: 50px;
  height: 3px;
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
}

.imagebox .box-header:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #072f60;
  -webkit-opacity: .85;
  -khtml-opacity: .85;
  -moz-opacity: .85;
  opacity: .85;
}

.imagebox .box-content-one {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  padding: 30px;
  text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
  visibility: hidden;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.imagebox .box-content-one:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #072f60;
  z-index: -1;
  -webkit-opacity: .9;
  -khtml-opacity: .9;
  -moz-opacity: .9;
  opacity: .9;
}
.box-desc {
  display: flex;
  align-items: center;
  height: 100%;
  text-align: center;
  font-size: 13px;
  line-height: 23px;
}

.imagebox:hover .box-content-one {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

h5.box-title{
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

.distributors-top-two{
  padding: 30px;
  background-color: #cbeaf9;
  border-radius: 6px 6px 0px 0px;
}

.distributors-top-two h4{
  font-size: 17px;
  font-weight: 500;
  color: #072f60;
}

.distributors-top-two h4 img{
  margin-right: 10px;
}


.your-expert-two ul li{
  font-size: 13px;
  font-weight: 400;
  color: #110e19;
  line-height: 24px;
  padding-bottom: 10px;
  display: flex;
}

.your-expert-two ul li i{
  margin: 6px 8px 0px 0px;
}

#serviceOffer{
  padding: 60px 0px;
}

#serviceOffer .nav-tabs {
  border-bottom: 0px;
}

#serviceOffer .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #fff !important;
  background-color: #086591;
  border-color: 1px solid #086591;
  font-size: 16px;
  font-weight: 500;
  border-radius: 0px;
}

#serviceOffer .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: #086591 #086591 #086591;
  isolation: isolate;
  border-radius: 0px;
}

#serviceOffer .nav-link {
  color: #072f60;
  font-size: 16px;
  font-weight: 500;
}

.coaching-body{
  padding: 30px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.coaching-body h4{
  font-size: 18px;
  font-weight: 500;
  color: #072f60;
  line-height: 24px;
  padding-bottom: 10px;
}

.coaching-body p {
  font-size: 14px;
  font-weight: 400;
  color: #2c2c2c;
  line-height: 22px;
  padding-bottom: 10px;
}

.coaching-body ul li{
  font-size: 14px;
  font-weight: 400;
  color: #2c2c2c;
  line-height: 26px;
}

.corp_choosebg {
  position: relative;
  background-image: url(https://d4o96mm9be4bq.cloudfront.net/fullwidth.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 2;
}

.corp_choosebg::before {
  content: "";
  position: absolute;
  background: #121212cc;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.corp_choosecntnt {
  padding: 135px 50px;
}

.corp_choosecntnt h3 {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  padding-bottom: 10px;
}

.corp_choosecntnt p {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 24px;
  padding-bottom: 20px;
}

.corp_choosebgclr {
  background: #f9f9f9;
  padding: 30px;
}

a.why-choose-btn{
  background-color: #086591;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  border-radius: 6px;
}

.expert-trainer{
  display: flex;
}

.expert-trainer-left i{
  background-color: #086591;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  margin-right: 10px;
  font-size: 18px;
  color: #fff;
}

.expert-trainer-right h4{
  font-size: 18px;
  font-weight: 600;
  color: #086591;
  padding-bottom: 5px;
}

.expert-trainer-right p{
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
}

#TeamPotential{
  padding: 60px 0px;
}

.empower-dream ul{
  display: flex;
  align-items: center;
}

.empower-dream ul li{
  background-color: #fff;
  padding: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin: 0px 20px 20px 0px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
}

.one-clr{
  border-left: 6px solid #00405e;
}

.two-clr{
  border-left: 6px solid #e44681;
}

.three-clr{
  border-left: 6px solid #e4db46;
}

.four-clr{
  border-left: 6px solid #9fe446;
}

.five-clr{
  border-left: 6px solid #4655e4;
}

.six-clr{
  border-left: 6px solid #d346e4;
}

.seven-clr{
  border-left: 6px solid #e45546;
}

.eight-clr{
  border-left: 6px solid #e49846;
}

.nine-clr{
  border-left: 6px solid #46dee4;
}

.ten-clr{
  border-left: 6px solid #fb040a;
}

.leven-clr{
  border-left: 6px solid #fbc404;
}

.tewel-clr{
  border-left: 6px solid #2704fb;
}

.therty-clr{
  border-left: 6px solid #017d04;
}

.fourty-clr{
  border-left: 6px solid #017d7c;
}

#corporateForm {
  padding: 60px 0px;
  background-image: linear-gradient(to top, #086591 0%, #82dfca 100%);
}

.corpore-form-model{
  background-color: #fff;
  padding: 30px 50px;
}

#corporateFrm .form-control {
  border: 1px solid #ebebeb;
  color: #939393;
  border-radius: 4px;
  background-color: #f6f7f9;
  padding: 10px 20px;
  width: 100%;
  height: 46px;
  font-size: 13px;
  font-weight: 300;
}

.corpore-form-model h3 {
  font-size: 24px;
  font-weight: 600;
  color: #072f60;
  padding-bottom:20px;
}

#corporateFrm label.form-check-label {
  font-size: 13px;
  color: #000;
  padding-bottom: 10px;
}

#corporateFrm .form-check {
  margin-top: 15px;
}

#corporateFrm p.sub-paren{
  font-size: 13px;
  color: #000;
}

.bt-submited {
  margin-top: 15px;
  background-color: #086591;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  float: right;
}

.bt-submited:hover {
  background-color: #3bbca7;
  color: #fff;
}

/* Corporate Training end */

/* Sterlingnext Reviews start */

.trust-byer-one h3{
  font-size: 24px;
  font-weight: 600;
  color: #072f60;
}

.trust-byer-one p{
  font-size: 14px;
  font-weight: 400;
  color: #072f60;
  padding-bottom:20px;
  text-align: left;
}

.users-main{
  display: flex;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
  padding: 15px;
}

.users-main-left i{
  background-color: #3bbca7;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin-right: 20px;
  font-size: 18px;
  color: #fff;
}

.users-main-right h4{
  font-size: 22px;
  font-weight: 600;
  color: #072f60;
}

.users-main-right h5{
  font-size: 17px;
  font-weight: 600;
  color: #0c7e6c;
}

#customerReview{
  padding: 60px 0px;
}

.review-feedback{
  background-color: #fff;
  padding: 20px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  display: flex;
  margin-bottom: 20px;
}

.review-feedback-left{
  min-width: 80px;
}

.review-feedback-left-btm{
  padding: 12px;
}

.review-feedback-center h4{
  font-size: 18px;
  font-weight: 500;
  color: #072f60;
}

.review-feedback-center h5{
  font-size: 16px;
  font-weight: 500;
  color: #086591;
  padding: 5px 0px;
}

.review-feedback-center h6{
  font-size: 15px;
  font-weight: 500;
  color: #086591;
  padding-bottom: 10px;
}

.review-feedback-center h6 a{
  color: #3bbca7;
}

.review-feedback-center ul{
  display: flex;
}

.review-feedback-center ul li i{
  color: #ffc107;
}

.review-feedback-center p{
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 24px;
  padding-bottom: 10px;
}

.review-feedback-center a{
  font-size: 16px;
  font-weight: 400;
  color: #3bbca7;
}

.review-feedback-right{
  min-width: 100px;
  text-align: right;
}

.trending-blog-post h3{
  font-size: 20px;
  font-weight: 600;
  color: #072f60;
  padding-bottom: 10px;
}

.trending-blog-post-list {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin-bottom: 15px;
}

.trending-blog-post-list-left{
  min-width: 120px;
}

.trending-blog-post-list-right p{
  font-size: 14px;
  font-weight: 400;
  color: #000;
}

/*  Reviews end */

/* Terms & Conditions start */

#termsCondition{
  padding: 60px 0px;
}

.terms-condition{
  background-color: #fff;
  padding: 30px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.terms-condition-body h3{
  font-size: 20px;
  font-weight: 600;
  color: #072f60;
  padding-bottom: 15px;
}

.terms-condition-body p{
  font-size: 14px;
  font-weight: 400;
  color: #303030;
  line-height: 26px;
  padding-bottom: 10px;
}

.terms-condition-body p a{
  font-size: 14px;
  font-weight: 400;
  color: #086591;
}

.terms-condition-body h4{
  font-size: 18px;
  font-weight: 500;
  color: #072f60;
  padding-bottom: 10px;
}

.terms-condition-body ul li{
  font-size: 14px;
  font-weight: 400;
  color: #303030;
  line-height: 24px;
  padding-bottom: 10px;
  display: flex;
}

.terms-condition-body ul li a{
  color: #086591;
}

.terms-condition-body ul li i{
  margin: 5px 10px 0px 0px;
}

.terms-condition-body h6{
  padding-bottom: 5px;
  font-size: 15px;
  font-weight: 500;
  color: #072f60;
  margin-bottom: 8px;
  position: relative;
}

.terms-condition-body h6::after {
  position: absolute;
  content: "";
  background-color: #072f60;
  width: 104px;
  height: 2px;
  bottom: 0;
  left: 0;
}

/* Terms & Conditions end */

/* course landing page form start */

#loginRegisterFrm .contact-form .form-filed {
  margin: 0px 0px !important;
}

#loginRegisterFrm .contact-form .input-text {
  display: block;
  width: 100%;
  height: 40px;
  border: 1px solid #dfdfdf;
  font-size: 14px;
  font-weight: 400;
  background-color: #f9f9f9;
  border-radius: 4px;
}

#loginRegisterFrm .country-code {
  display: inline-block;
  width: 100%;
  position: relative;
}

#loginRegisterFrm .form-control {
  background-color: #fff;
  padding: 5px 0px !important;
}

#loginRegisterFrm select#phoneCode {
  border-radius: 4px 0px 0px 4px;
}

#loginRegisterFrm select#phoneCode {
  margin-top: 0px !important;
}

#loginRegisterFrm .country-code .arrow-icon{
  border: 0px !important;
}

/* .country-code .arrow-icon select {
  top: 24px;
} */

#loginRegisterFrm input {
  margin-bottom: 15px;
  padding: 22px;
}

#loginRegisterFrm .country-code .arrow-icon select {
  width: 150%;
  height: 44px;
  background: #f0f1f2;
  position: relative;
  z-index: 2;
  border: none !important;
}

.message-pos{
  position: relative !important;
  top: -16px;
}

#loginRegisterFrm p{
  font-size: 12px !important;
  padding-bottom: 10px !important;
}

#loginRegisterFrm .country-code .arrow-icon select {
    width: 187%;
    height: 46px;
    background: #f9f9f9;
    position: relative;
    z-index: 1;
    top: 25px;
    border-top: 1px solid #dfdfdf !important;
    border-bottom: 1px solid #dfdfdf !important;
    border-left: 1px solid #dfdfdf !important;
    border-radius: 4px 0px 0px 4px;
}

#loginRegisterFrm .country-code .form-select-control {
  width: auto;
  float: left;
  position: relative;
  top: 1px;
  left: 0px;
  border: none !important;
  padding-bottom: 0px !important;
}

/* course landing page form end */

.certification-training h2 strong{
  font-size: 18px;
  font-weight: 700;
}

.certification-training h3 strong{
  font-size: 18px;
  font-weight: 700;
  padding: 10px 0px;
}

.brochure h3{
  font-size: 22px;
  font-weight: 600;
}

.accordion-certificate{
  margin: 20px 0px;
}

.certification-training h4 strong{
  font-size: 18px;
  font-weight: 600;
}


/* #downloading-brouchre .main-banner, form .form-content .input-box {
  width: 100%;
  align-items: center;
  display: block;
} */

.read-more-content{
	display: none;
}
.read-more{
	display: inline-block;
	margin-top: 8px;
}.timeline-info {
	position: relative;
	background: #f3f1f1;
	padding: 24px 20px 18px;
	margin-bottom: 12px;
	border: 1px solid #f3f1f1;
	border-radius: 8px;
	margin-left: 54px;
}

/* ====================
   LEFT PROMO PANEL
==================== */

.left-side-offer{
  background:linear-gradient(135deg,#1e40af,#4f46e5);
  padding:40px 30px;
  border-radius:12px;
  text-align:center;
  color:#fff;
  box-shadow:0 20px 40px rgba(0,0,0,.2);
}

.left-side-offer h4{
  color:#fff;
  font-size:24px;
  font-weight:700;
  padding-bottom:20px;
}

.left-side-offer img{
  max-width:220px;
  border-radius:10px;
  box-shadow:0 8px 18px rgba(0,0,0,.25);
}

.left-side-offer h5{
  color:#fff;
  padding-top:18px;
  font-size:15px;
  font-weight:400;
  line-height:1.4;
}

.left-side-offer h5 span{
  color:#ffd315;
  font-weight:600;
}

 /* NEW POPUP MODAL START  */

 h5#OfferPopup{
  font-size: 15px;
  font-weight: 500;
 }

 #mainPopup h3{
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
 }

 #OfferPopup .modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 0px;
  border-bottom: 0px solid #dee2e6;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
}

#OfferPopup .btn-close {
  background: none !important;
  position: relative;
  top: -10px;
}

#OfferPopup .btn-close i {
    font-size: 16px;
    background: #F49600;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
}


#mainPopup .form-control {
  border: 1px solid #ededed;
  color: #666666;
  background-color: transparent !important;
  padding: 5px 10px;
  width: 100%;
  height: 36px;
  font-size: 14px;
  font-weight: 400;
}

#mainPopup label {
  display: block;
  line-height: 1;
  margin-bottom: 10px;
  font-weight: 300;
  text-transform: capitalize;
  font-size: 12px;
}

#mainPopup .iti{
width:100%;
}

#mainPopup .iti input{
width:100%;
padding-left:42px !important;
}

#mainPopup .iti__flag-container{
left:0;
border:none;
background:#f9fafb;
border-radius:6px 0 0 6px;
}
.form-para p{
  font-size: 12px;
  font-weight: 300;
}

#mainPopup textarea#exampleFormControlTextarea1 {
  height: auto;
  height: 70px !important;
}

.btn-submit-popup {
  background-color: #00266d !important;
  font-size: 15px !important;
  color: #fff !important;
  font-weight: 500 !important;
  border-radius: 2px !important;
  padding: 0 30px !important;
}

.left-side-offer{
  background-color: #00266d;
  padding: 30px;
  border-radius: 10px;
  text-align: center;
}

.left-side-offer h4{
  color: #fff;
  padding-bottom: 26px;
}

.left-side-offer h5 {
  color: #fff;
  padding-top: 20px;
  font-size: 16px;
  font-weight: 400;
}

.left-side-offer h5 span{
  color: #ffd315;
}

.sub-menu-width{
  width: 490px !important;
}

.btn-logins{
  color: #fff !important;
  background-color: #00405e;
  line-height: 32px !important;
  font-weight: 500;
}


/* NEW POPUP MODAL END */

input#offer_phone_number {
    width: 85% !important;
    margin-left: 15%;
}

/* Blog page Start */

#mainSlider {
    background-color: #f8f8f8;
    padding:100px 0px 60px 0px;
    margin-top: 82px;
    position: relative;
}

.main-Slider-left h5 {
    font-size: 15px;
    font-weight: 500;
    color: #0071dc;
}

.main-Slider-left h1 {
    font-size: 30px;
    font-weight: 600;
    color: #252525;
    line-height: 46px;
    padding: 10px 0px;
}

.main-Slider-left h1 span{
  color: #0080bd;
}

.main-Slider-left p {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 24px;
}

.btn-blue {
    background-color: #086591;
    border-radius: 4px;
    border: 2px solid #086591;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin: 20px 0px;
}

#pg-about-section {
    padding: 60px 0;
    background-color: #fff;
}

/* .pg-about-first-section {
    margin-bottom: 80px;
} */

@media (min-width: 992px) {
    .d-lg-block {
        display: block !important;
    }
}

.master-counselling-form-wrapper.sticky-position {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
}

.searching-box{
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 10px;
  padding: 20px;
}

.searching-box h4{
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 10px;
}

.search {
  width: 100%;
  position: relative;
  display: flex;
}

.searchTerm {
  width: 100%;
  border: 2px solid #072f60;
  border-right: none;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #9DBFAF;
  padding: 0px 10px;
}

.searchTerm:focus{
  color: #0071dc;
}

.searchButton {
  width: 40px;
  height: 36px;
  border: 1px solid #072f60;
  background: #072f60;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px;
}

/*Resize the wrap to see the search bar change!*/
/* .wrap{
  width: 30%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} */

.coursing-category{
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 10px;
  padding: 20px;
  margin-top: 20px;
}

.coursing-category h4{
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 10px;
}

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

.coursing-category ul li {
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    padding-bottom: 10px;
    display: flex;
}

.coursing-category ul li i{
  margin-right: 5px;
  color: #072f60;
  margin-top: 4px;
}

.coursing-category ul li a{
  color: #252525;
}

.recent-blog{
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 10px;
  padding: 20px;
  margin-top: 20px;
}

.recent-blog h4{
  font-size: 18px;
  font-weight: 500;
}

.recent-blog-main{
  display: flex;
  margin-top: 15px;
}

.recent-blog-left{
  width: 100px;
}

.recent-blog-left img{
  border-radius: 6px;
}


.recent-blog-right h4 {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    padding-bottom: 5px;
    color: #000000;
}

.recent-blog-right h4:hover{
  color: #0071dc;
}

.recent-blog-right p {
    padding: 0;
    font-size: 13px;
    font-weight: 300;
    color: #333;
}

.recent-blog-right p i{
  color: #5c9fbf;
}

.resources-blog{
  background-color: #fff;
  border: 1px solid #e7e7e7;
  box-shadow: 0px 4px 4px 0px rgba(212, 212, 212, 0.2509803922);
  border-radius: 10px;
  margin-bottom: 1.5rem;
}

.blog-image a img {
    border-radius: 10px 10px 0px 0px;
    min-height: 130px;
}

.blog-item{
  padding: 12px;
}

.blog-item span {
    background-color: #0080bd;
    font-size: 11px;
    padding: 5px;
    color: #fff;
    border-radius: 4px;
}

.blog-item h4{
    font-size: 14px;
    font-weight: 500;
    padding: 10px 0px;
    line-height: 22px;
}

.blog-item h4 a{
    color: #020202;
}

.blog-item p{
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.blog-btm{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
}

.blog-btm-left p img{
  border-radius: 50%;
}

.blog-btm-left p span{
  background-color: transparent;
  color: #000;
  font-size: 12px;
  font-weight: 300;
}

.blog-btm-right p{
  font-size: 12px;
  font-weight: 300;
}

.blog-event{
  padding-bottom: 30px;
}

.blog-event ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

.blog-event ul li{
  padding: 0px 10px;
}

.btn-light-blue{
  background-color: #f5faff;
  color: #000;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
}

.btn-light-blue:hover{
  background-color: #0080bd;
  color: #fff;
}

.blog-event ul li a {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    line-height: 40px;
    height: 40px !important;
}

.blog-event ul li a i{
  margin-left: 5px;
}

.blog-event ul li a:hover i{
  transform: rotate(-268deg);
}

.our-blogs{
  padding-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.our-blogs h2 span{
  font-size: 16px;
}

.our-blogs-right a{
  font-size: 14px;
  font-weight: 500;
}

.ebook-guite{
  background-color: #f6f7f9;
  padding: 30px;
  border-radius: 6px;
}

.ebook-project{
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
}

.ebook-project i{
  font-size: 30px;
  color: #0080bd;
}

.ebook-project p {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    padding: 8px 0px;
    min-height: 74px;
}

.ebook-project a{
  font-size: 13px;
  font-weight: 500;
  color: #fff !important;
}

.ebook-project a i{
  font-size: 13px;
}

.btn-yellows {
    background-color: #0071dc;
    height: 36px !important;
    line-height: 36px;
}

.btn-yellows:hover{
  background-color: #ffc221;
  color: #000;
}

#interviewQuiz{
  padding-top: 30px;
}

.inter-quiz{
  background-color: #fff;
  padding: 15px;
  border: 1px solid #e7e7e7;
  box-shadow: 0px 4px 4px 0px rgba(212, 212, 212, 0.2);
  border-radius: 10px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-bottom: 30px;
}

.inter-quiz img {
    border-radius: 10px;
    overflow: hidden;
    transition: all 1.5s;
    max-height: 200px;
}

.inter-quiz h4 a {
    font-size: 13px;
    font-weight: 500;
    padding-top: 15px;
    color: #020202;
}

.inter-quiz h4 a:hover{
  color: #ffc000;
}

.inter-quiz p {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 0px;
}

.inter-quiz a {
    font-size: 12px;
    font-weight: 500;
    color: #0080bd;
}

.inter-quiz a:hover{
  color: #ffc000;
}

#allNews{
  padding-top: 30px;
}

.news-read{
  background-color: #fff;
  padding: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 10px;
}

.news-all{
  display: flex;
}

.news-pic{
  width: 120px;
  min-width: 120px;
}

.news-pic img{
  height: 120px;
  width: 140px;
  border-radius: 10px;
}

.news-cnt{
  margin-left: 10px;
}

.educate-date{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.educatedate-left p{
  font-size: 13px;
  font-weight: 500;
  color: #0080bd;
}

.educatedate-right p {
    background-color: #efefef;
    font-size: 11px;
    font-weight: 400;
    color: #000;
    padding: 3px 6px;
    border-radius: 4px;
}

.news-cnt h4 {
    font-size: 14px;
    font-weight: 500;
    color: #072f60;
    line-height: 22px;
    padding: 10px 0px 5px 0px;
}

.news-cnt a {
    font-size: 12px;
    font-weight: 500;
    color: #0080bd;
    border-bottom: 1px solid #0080bd;
}

.news-cnt a:hover{
  color: #ffc000;
  border-bottom: 1px solid #ffc000;
}

/* Blog page End */

/* Blog Listing page Start */

.searching{
    width: 100%;
    margin: auto;
    border: 1px solid rgb(242 242 242);
    border-radius: 30px;
    display: flex;
    align-items: center;
    padding: 10px;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 5px;
}
.searching select {
    padding: 10px 20px;
    border: 0;
    outline: none;
    width: 40%;
    cursor: pointer;
    background: #edf4ff;
    border-radius: 30px;
    color: #403f3f;
    font-size: 13px;
}
.searching input{
    width: 50%;
    padding: 0;
    border: none;
    outline:none;
    margin-left: 10px;
    font-size: 13px;
}
.searching button {
    width: 15%;
    padding: 6px 20px;
    border: none;
    margin: auto;
    margin-right: 0;
    color: rgb(255 255 255);
    background: #086591;
    font-size: 13px;
    border-radius: 30px;
}
@media only screen and (max-width: 600px) {
    .searching {
        width: 100%;
        flex-wrap: wrap;
    }
    .searching select {
        width: 100%;
    }
}




.popular-topic h4{
  text-align: center;
  padding-bottom: 20px;
}

.coursing-category-one{
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 10px;
  padding: 20px;
}

.coursing-category-one h4{
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 10px;
}

.bloging-tittle h2{
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 20px;
}

/* #selectTopic{
  position: relative;
  margin-top: -20px;
} */

.popular-topic{
  background-color: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 30px;
  border-radius: 10px;
}

#popularSelect .form-select {
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    color: #212529;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
}

#popularSelect .form-select:focus {
    border-color: #0080bd;
    outline: 0;
    box-shadow: none;
}

#mainTabing .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0080bd;
}

 #mainTabing .nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: 2px;
    font-size: 13px;
    text-align: left;
    color: #252525;
}

 #mainTabing .nav-link {
    padding: 7px 10px;
}

.blog-btm-one{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
}

.blog-btm-left-one p img{
  border-radius: 50%;
  width: 24px;
  height: 24px;
}

.blog-btm-left-one p{
  padding: 0px;
}

.blog-btm-left-one p span {
    background-color: transparent;
    color: #000;
    font-size: 11px;
    font-weight: 400;
}

.blog-btm-right-one {
    background: #edf9ff;
    padding: 2px 6px;
    border-radius: 4px;
}

.blog-btm-right-one p{
  font-size: 11px;
  font-weight: 400;
  padding: 0px;
  color: #000;
}

/*==================================
 Blog page 
 ===================================*/

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.pagenation-design{
  margin-top: 30px;
}

.pagenation-design li.page-item {
    margin: 0px 5px;
}

.pagenation-design .page-link:hover {
    z-index: 2;
    color: #fff;
    background-color: #0080bd;
    border-color: #0080bd;
}

.pagenation-design .page-link {
    position: relative;
    display: block;
    color: #072f60;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.ebook-listed{
  background-color: #fff;
  padding: 10px;
  border: 1px solid #e7e7e7;
  box-shadow: 0px 4px 4px 0px rgba(212, 212, 212, 0.2);
  border-radius: 10px;
  display: flex;
}

.ebook-listed-left{
  width: 50%;
}

.ebook-listed-left img{
  border-radius: 10px;
  height: 115px;
}

.ebook-listed-right{
  width: 60%;
  margin-left: 14px;
}

.ebook-listed-right h4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.ebook-listed-right p {
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    padding: 6px 0px;
    color: #464646;
}

.date-read{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.date-read-left {
    background: #edf9ff;
    padding: 2px 6px;
    border-radius: 4px;
}

.date-read-left p {
    font-size: 11px;
    font-weight: 400;
    padding: 0px;
    color: #000;
}

.date-read-right a {
    font-size: 12px;
    font-weight: 500;
    color: #0080bd;
}

.date-read-right a:hover {
    color: #ffc000;
}

.question-main{
  background-color: #fff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 4px 4px 4px 4px;
}

.question-main img{
  border-radius: 4px 4px 0px 0px;
  border: 1px solid #e7e7e7;
}

.question-cnt{
  padding: 15px;
}

.question-cnt h4 a {
    font-size: 14px;
    font-weight: 500;
    color: #020202;
}

.question-cnt p {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 0px;
}

.date-para {
    background: #edf9ff;
    padding: 2px 6px;
    border-radius: 4px;
    width: 90px;
}

.date-para p {
    font-size: 11px;
    font-weight: 400;
    padding: 0px;
    color: #000;
}

.btn-yellows {
    background-color: #0071dc;
    height: 36px !important;
    line-height: 36px;
    font-size: 13px;
    color: #fff;
    font-weight: 400;
}

.download-curriculam{
  background-color: #fff;
  border-radius: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.download-curriculam-top{
  background-color: #edf4ff;
  padding: 20px;
}

.number-explore{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
}

.number-left {
    width: 34px;
    height: 34px;
    line-height: 34px;
    background-color: #fff;
    text-align: center;
    border-radius: 50%;
}

.number-left p{
  font-size: 13px;
  font-weight: 500;
  color: #000;
}

.explore-right a {
    font-size: 14px;
    font-weight: 500;
    color: #0080c3;
}

.download-curriculam-btm{
  background-color: #fff;
  padding: 20px;
  text-align: center;
}

.ebookings {
    position: relative;
    text-align: center;
    margin-top: -50px;
}

.ebookings img {
    background-color: #fff;
    padding: 15px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 6px;
}

.download-curriculam-btm h4 {
    font-size: 14px;
    font-weight: 500;
    padding: 20px 0px;
    min-height: 106px;
}

.btn-curriculm {
    background-color: #fec63a;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    border-radius: 2px;
}

/* Blog Listing page End */

/* Blog Detail page Start */

.training-outcomes{
  background-color: #0071dc;
  padding: 15px;
  border-radius: 6px;
  margin-top: 20px;
}

.training-outcomes h3{
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  line-height: 30px;
}

.training-outcomes p {
    font-size: 14px;
    font-weight: 400;
    color: #edf6ff;
    line-height: 24px;
    padding: 15px 0px;
}

.yellow-blue {
    background-color: #ffc221;
    color: #000;
    border-radius: 4px;
    border: 2px solid #ffc221;
    font-size: 15px;
    font-weight: 500;
}

.yellow-blue:hover{
  background-color: #00bfad;
  color: #fff;
}

.table-content{
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 10px;
  padding: 20px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.table-content h4{
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 10px;
}

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

.table-content ul li{
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  display: flex;
  padding-bottom: 8px;
}

.table-content ul li i{
  margin-right: 5px;
  color: #0071dc;
  margin-top: 4px;
}

.table-content ul li a{
  color: #252525;
}

.author-detail{
  background-color: #fff;
  padding: 30px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.author-detail h3{
  font-size: 28px;
  font-weight: 600;
  padding-bottom: 15px;
}

.date-share{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
}

.dateing-left p{
  font-size: 14px;
  font-weight: 400;
}

.dateing-left p span{
  font-size: 16px;
  font-weight: 500;
}

.shareing-right ul{
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.shareing-right ul li{
  font-size: 18px;
  font-weight: 500;
  color: #000;
  padding: 0px 4px;
}

.shareing-right ul li a{
  color: #000;
}

.writer-detail{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.writer-detail-left a{
  font-size: 15px;
  font-weight: 500;
  color: #000;
}

.writer-detail-left a i{
  color: #0071dc;
  margin-left: 8px;
}

.writer-detail-left a img{
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.writer-detail-right ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

.writer-detail-right ul  li a{
  font-size: 15px;
  font-weight: 500;
  color: #000;
  padding: 0px 10px;
}

.grand-view{
  background-color: #fff;
  padding: 30px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin: 20px 0px;
}

.grand-view p{
  font-size: 14px;
  font-weight: 400;
  color: #333;
  padding-top: 15px;
}

.main-table{
  background-color: #fff;
  padding: 30px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

#whatDevops{
  padding: 20px 0px;
}

.deving-listed h3{
  font-size: 24px;
  font-weight: 600;
  padding-top: 10px;
}

.deving-listed p{
  font-size: 14px;
  font-weight: 400;
  padding: 10px 0px;
  line-height: 24px;
  color: #333;
}

.deving-listed h4{
  font-size: 20px;
  font-weight: 600;
  padding-top: 10px;
}

.deving-listed ul{
  list-style: none;
  padding-top: 10px;
  margin-left: 15px;
}

.deving-listed ul li{
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #333;
  padding-bottom: 10px;
}

.deving-listed ul li ul{
  padding-left: 15px;
}

.your-career{
  text-align: center;
  padding: 15px;
  margin-top: 20px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 8px;
}

.your-career h4{
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 15px;
}

.video-blog{
  position: relative;
}

.video-blog img{
  margin-top: 20px;
}

.u-video{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#mainSlider .breadcrumb li.breadcrumb-item a {
    font-size: 13px;
    color: #999999;
    font-weight: normal;
}

#mainSlider .breadcrumb li.breadcrumb-item {
    font-size: 13px;
    color: #0080bd;
    font-weight: normal;
}

.faq-view{
  background-color: #fff;
  padding: 30px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin: 20px 0px;
}

#authorDeatail .modal-header{
      border-bottom: none !important;
}

#authorDeatail .modal-header .btn-close {
    padding: 0px !important;
}

#authorDeatail .author-details span {
    font-size: 12px;
    font-weight: 400;
    color: #000;
}

#authorDeatail .author-details h4 {
    font-size: 18px;
    font-weight: 500;
    color: #002d58;
}

#authorDeatail .author-details ul{
  background-color: #fff;
  padding: 15px;
  margin: 8px 0px;
}

#authorDeatail .author-details ul li{
  font-size: 12px;
    font-weight: 400;
}

#authorDeatail .author-details ul li strong{
    font-size: 13px;
    font-weight: 500;
    color: #000;
    margin-right: 6px;
}

#authorDeatail .author-details p{
  font-size: 12px;
    font-weight: 400;
    color: #000;
}

#authorDeatail .modal-inner {
    background-color: #e7f2ff;
    padding: 20px;
    border-radius: 6px;
}

#authorDeatail .auth-img{
  text-align: center;
}

#authorDeatail .shareing-right-one ul{
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

#authorDeatail .shareing-right-one ul li{
  font-size: 18px;
  font-weight: 500;
  color: #000;
  padding: 0px 4px;
}
#authorDeatail .shareing-right-one ul li a{
  color: #000;
}

#authorDeatail .modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
    border-bottom: 0px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
}

#authorDeatail .btn-close {
    background: none !important;
    position: relative;
    top: 15px;
    right: 35px;
}

#authorDeatail .btn-close i {
    font-size: 16px;
    background: #031730;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
}


/* Blog Detail page End */

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

  /* Home page */

  .rt-cat-item{
    margin-bottom: 10px;
  }

  .single-banner {
    margin-top: 10px;
    background-color: #eeeff4 !important;
    height: 300px;
}

.banner-images img{
  display: none;
}

.single-banner .banner-content {
  width: 100%;
}

.why-list {
  display: block;
}

.rt-action-item {
  display: block;
  padding-right: 0px;
  padding-bottom: 30px;
}

h2.rt-title {
  font-size: 16px;
  font-weight: 500;
}

 /* Course page */

 .course-details-banner-content {
  padding: 0px 0 50px 0px;
}

.toll-mail {
  margin-top: 20px;
}

.toll-right h4 {
  font-size: 16px;
}

.maping {
  top: 140px;
  right: 15px;
}

.btn-city {
  padding: 5px 10px;
  margin-left: 12px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
}

.pricing-btn li:first-child button {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 100%;
  margin-bottom: 10px;
}

.pricing-btn li:last-child button {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 100%;
}

.course-details-wrapper .title {
  font-size: 17px;
  font-weight: 500;
  padding: 10px 0px;
}

.single-pricing {
  margin: 0px 0px !important;
}

.single-pricing.active {
  padding: 15px 10px;
  border-radius: 6px;
}

.single-pricing .pricig-header .title {
  font-size: 18px;
}

.course-details-wrapper .course-learn-list ul li {
  font-size: 13px;
  padding-left: 30px;
  padding-right: 0px;
}

.company-brochure, .course-agenda {
  padding: 10px 10px;
  margin-bottom: 20px;
}

.call-left {
  width: 60px;
  margin-right: 10px;
}

 /* Contact page */

 .corporate-enqire{
  margin-bottom: 20px;
 }

 .save-money-contact{
  margin-bottom: 20px;
 }

 .register-address{
  margin-bottom: 20px;
 }

  /* Corporate Training page */

  .training-feature-tittle h2 {
    font-size: 22px;
}

.training-feature-tittle h2::before {
  background-color: transparent;
}

.training-feature-tittle h2::after {
  background-color: transparent;
}

.disply-block{
  display: block !important;
}

#trainingFeature .nav-link{
  padding: 0px !important;
}

.course-customization-one h4 img {
  margin-right: 5px;
  width: 24px;
  height: auto;
}

.course-customization-one h4 {
  font-size: 14px;
}

.course-customization-two h4 img {
  margin-right: 5px;
  width: 24px;
  height: auto;
}

.course-customization-three h4 {
  font-size: 14px;
}

.course-customization-three h4 img {
  margin-right: 5px;
  width: 24px;
  height: auto;
}

.course-customization-four h4 {
  font-size: 14px;
}

.course-customization-four h4 img {
  margin-right: 5px;
  width: 24px;
  height: auto;
}

.center-feature-key {
  padding: 10px;
  margin: 20px 10px;
}

.serling-adv-tittle h3 {
  font-size: 22px;
}

.corp_choosecntnt {
  padding: 40px 20px;
}

.empower-dream ul {
  display: block;
}

.opportunities-tittle h3 {
  font-size: 22px;
}

.distributors {
  margin-bottom: 20px;
}

.corp_choosecntnt h3 {
  font-size: 22px;
}

.expert-trainer-left i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 5px;
  font-size: 14px;
}

.expert-trainer-right h4 {
  font-size: 16px;
}

.expert-trainer {
  margin-bottom: 20px;
}

.corpore-form-model h3 {
  font-size: 22px;
}

.corpore-form-model {
  padding: 20px 20px;
}

.bt-submited {
  float: left;
}

.left-side-offer img{
  display: none;
}

#OfferPopup .btn-close {
  background: none !important;
  position: relative;
  top: 20px;
  right: 30px;
}

.left-side-offer h4 {
  padding-bottom: 0;
}

.left-side-offer {
  background-color: #00266d;
  padding: 20px;
  margin-bottom: 10px;
}

/* Blog Detail page start */

#mainSlider {
  padding: 40px 0px 20px 0px;
}

.main-Slider-left h1 {
  font-size: 18px;
  line-height: 30px;
}

#pg-about-section {
  padding: 40px 0;
}

.author-detail {
  padding: 15px;
}

.author-detail h3 {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 10px;
}

.date-share {
  display: block;
}

.writer-detail {
  display: block;
}

.grand-view {
  padding: 15px;
}

.main-table {
  padding: 15px;
}

.deving-listed h3 {
  font-size: 18px;
}

.deving-listed h4 {
  font-size: 16px;
}

.faq-view {
  padding: 15px;
}

.afficate-prgm-faq h3 {
  font-size: 18px;
}


/* Blog Detail page End */

.maping {
    position: static;
  }

.map-left h4 span {
    font-size: 14px;
    margin-right: 10px;
}

.btn-classes {
    width: 100%;
    margin-top: 10px;
}

.custon_botton_course_enroll {
    margin-top: 10px;
    width: 100%;
    text-align: center;
}

}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

  .maping {
    position: static;
  }

  .map-left h4 span {
    font-size: 14px;
    margin-right: 10px;
}

.btn-classes {
    width: 100%;
    margin-top: 10px;
}

.custon_botton_course_enroll {
    margin-top: 10px;
    width: 100%;
    text-align: center;
}

  /* Home page */

  .rt-cat-item{
    margin-bottom: 10px;
  }

  .single-banner {
    margin-top: 10px;
    background-color: #eeeff4 !important;
    height: 300px;
}

.banner-images img{
  display: none;
}

.single-banner .banner-content {
  width: 100%;
}

.why-list {
  display: block;
}

.rt-action-item {
  display: block;
  padding-right: 0px;
  padding-bottom: 30px;
}

h2.rt-title {
  font-size: 16px;
  font-weight: 500;
}

 /* Course page */

 .course-details-banner-content {
  padding: 0px 0 50px 0px;
}

.toll-mail {
  margin-top: 20px;
}

.toll-right h4 {
  font-size: 16px;
}

.maping {
  top: 140px;
  right: 15px;
}

.btn-city {
  padding: 5px 10px;
  margin-left: 12px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
}

.pricing-btn li:first-child button {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 100%;
  margin-bottom: 10px;
}

.pricing-btn li:last-child button {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 100%;
}

.course-details-wrapper .title {
  font-size: 17px;
  font-weight: 500;
  padding: 10px 0px;
}

.single-pricing {
  margin: 5px 0px !important;
}

.single-pricing.active {
  padding: 15px 10px;
  border-radius: 6px;
}

.single-pricing .pricig-header .title {
  font-size: 18px;
}

.course-details-wrapper .course-learn-list ul li {
  font-size: 13px;
  padding-left: 30px;
  padding-right: 0px;
}

.company-brochure, .course-agenda {
  padding: 10px 10px;
  margin-bottom: 20px;
}

.call-left {
  width: 60px;
  margin-right: 10px;
}

 /* Contact page */

 .corporate-enqire{
  margin-bottom: 20px;
 }

 .save-money-contact{
  margin-bottom: 20px;
 }

 .register-address{
  margin-bottom: 20px;
 }

  /* Corporate Training page */

  .training-feature-tittle h2 {
    font-size: 22px;
}

.training-feature-tittle h2::before {
  background-color: transparent;
}

.training-feature-tittle h2::after {
  background-color: transparent;
}

.disply-block{
  display: block !important;
}

#trainingFeature .nav-link{
  padding: 0px !important;
}

.course-customization-one h4 img {
  margin-right: 5px;
  width: 24px;
  height: auto;
}

.course-customization-one h4 {
  font-size: 14px;
}

.course-customization-two h4 img {
  margin-right: 5px;
  width: 24px;
  height: auto;
}

.course-customization-three h4 {
  font-size: 14px;
}

.course-customization-three h4 img {
  margin-right: 5px;
  width: 24px;
  height: auto;
}

.course-customization-four h4 {
  font-size: 14px;
}

.course-customization-four h4 img {
  margin-right: 5px;
  width: 24px;
  height: auto;
}

.center-feature-key {
  padding: 10px;
  margin: 20px 10px;
}

.serling-adv-tittle h3 {
  font-size: 22px;
}

.corp_choosecntnt {
  padding: 40px 20px;
}

.empower-dream ul {
  display: block;
}

.opportunities-tittle h3 {
  font-size: 22px;
}

.distributors {
  margin-bottom: 20px;
}

.corp_choosecntnt h3 {
  font-size: 22px;
}

.expert-trainer-left i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 5px;
  font-size: 14px;
}

.expert-trainer-right h4 {
  font-size: 16px;
}

.expert-trainer {
  margin-bottom: 20px;
}

.corpore-form-model h3 {
  font-size: 22px;
}

.corpore-form-model {
  padding: 20px 20px;
}

.bt-submited {
  float: left;
}

.left-side-offer img{
  display: none;
}

#OfferPopup .btn-close {
  background: none !important;
  position: relative;
  top: 20px;
  right: 30px;
}

.left-side-offer h4 {
  padding-bottom: 0;
}

.left-side-offer {
  background-color: #00266d;
  padding: 20px;
  margin-bottom: 10px;
}

/* Blog Detail page start */

#mainSlider {
  padding: 40px 0px 20px 0px;
}

.main-Slider-left h1 {
  font-size: 18px;
  line-height: 30px;
}

#pg-about-section {
  padding: 40px 0;
}

.author-detail {
  padding: 15px;
}

.author-detail h3 {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 10px;
}

.date-share {
  display: block;
}

.writer-detail {
  display: block;
}

.grand-view {
  padding: 15px;
}

.main-table {
  padding: 15px;
}

.deving-listed h3 {
  font-size: 18px;
}

.deving-listed h4 {
  font-size: 16px;
}

.faq-view {
  padding: 15px;
}

.afficate-prgm-faq h3 {
  font-size: 18px;
}

/* Blog Detail page End */

}


#LvcSchedule {
  margin-top: 160px;
  margin-bottom: 60px;
}

#ClassRoomSchedule{
  margin-top: 160px;
  margin-bottom: 60px;
}


.sidebar-wrap-02 label {
    display: block;
    line-height: 24px;
    margin-bottom: 10px;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 13px;
}

.sidebar-wrap-02 .form-check-input {
    margin-top: 4px;
}

.course-top-action span.label {
    margin-bottom: 0px;
}

.course-top-menu span.label {
    margin-bottom: 0px;
}


.corporate-design {
    background-color: #086591;
    padding: 20px;
    border-radius: 10px;
    margin: 20px 0px 0px 0px;
}

.corporate-design h3{
  font-size: 22px;
  color: #fff;
}

.corporate-design h4{
  font-size: 18px;
  color: #ffd554;
}

.btn-corpate {
    background-color: #ffc000;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    width: 100%;
}

.corpare-list-bg {
    background-color: #07577c;
    padding: 15px;
    margin-top: 15px;
    border-radius: 10px;
}

.corpor-list li{
  color: #fff;
  display: flex;
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 10px;
}

.corpor-list li i {
    font-size: 12px;
    margin-right: 8px;
    margin-top: 8px;
}

/* 1) Hero background (LCP-friendly, no cropping) */
.slider-section-03 .single-slider{
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}


/* 2) Autocomplete (portal) — compact, brand-aligned */
#autocomplete { color: #0b1f2a !important; }
#autocomplete::placeholder { color: #5f6d76 !important; opacity: 1; }
#autocomplete_result.portal {
  position: fixed !important;
  z-index: 2147483647 !important;
  display: none; /* toggled by JS */
  background: #fff;
  border: 1px solid #02496b;
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(2,73,107,0.16);
  max-height: 240px;
  overflow-y: auto;
  padding: 4px 0;
}
#autocomplete_result.portal p {
  margin: 0; padding: 10px 12px; line-height: 1.4;
  color: #0b1f2a; cursor: pointer; background: #fff;
}
#autocomplete_result.portal p:hover,
#autocomplete_result.portal p:focus {
  background: #02496b !important; color: #fff !important; outline: none;
}
/* Optional scrollbar styling */
#autocomplete_result.portal::-webkit-scrollbar { width: 10px; }
#autocomplete_result.portal::-webkit-scrollbar-track { background: #f1f6f9; border-radius: 8px; }
#autocomplete_result.portal::-webkit-scrollbar-thumb {
  background: rgba(2,73,107,0.35); border-radius: 8px; border: 2px solid #f1f6f9;
}
#autocomplete_result.portal::-webkit-scrollbar-thumb:hover { background: rgba(2,73,107,0.5); }

/* 3) Accessibility helpers */
.visually-hidden {
  position: absolute !important; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}
a:focus, button:focus, [role="button"]:focus, input:focus {
  outline: 2px dashed #086591; outline-offset: 3px;
}

/* 4) Section spacing (remove unnecessary gaps) */
.section.section-tight { padding-top: 32px; padding-bottom: 32px; }
#popularTopics, #faq, #resources, #recommendCourse {
  padding-top: 10px !important; margin-top: 0 !important;
}
#popularTopics .main-course-tittle,
#faq .main-course-tittle,
#resources .main-course-tittle,
#recommendCourse .main-course-tittle {
  margin-top: 0 !important; padding-top: 0 !important; margin-bottom: 12px !important;
}
#recommendCourse, #affordableOnline { padding-bottom: 32px !important; }

/* 5) Popular Topics — ultramodern pill grid (SEO-friendly, no JS) */
#popularTopics { content-visibility: auto; contain-intrinsic-size: 520px; }
#popularTopics .tag-cloud {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px; padding-top: 6px;
}
#popularTopics .tag-cloud a {
  --accent: #02496b; --chip: rgba(2,73,107,.10); --chip-border: rgba(2,73,107,.20);
  display: flex; align-items: center; gap: 10px; width: 100%;
  padding: 12px 14px; border-radius: 12px; border: 1px solid #e5e7eb;
  background: linear-gradient(180deg, #ffffff 0%, #f9fbfc 100%);
  color: #0b1f2a; text-decoration: none; font-weight: 600;
  box-shadow: 0 1px 0 rgba(2,73,107,.04);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  position: relative; overflow: hidden;
}
#popularTopics .tag-cloud a::before {
  content: ""; width: 28px; height: 28px; border-radius: 8px;
  background: var(--chip); border: 1px solid var(--chip-border); flex: 0 0 28px;
}
#popularTopics .tag-cloud a::after {
  content: "→"; color: var(--accent); margin-left: auto; transition: transform .16s ease;
}
#popularTopics .tag-cloud a:hover {
  transform: translateY(-2px); border-color: rgba(2,73,107,.25);
  box-shadow: 0 12px 26px rgba(2,73,107,.10);
}
#popularTopics .tag-cloud a:hover::after { transform: translateX(2px); }
#popularTopics .tag-cloud a:focus-visible { outline: 2px solid #02496b; outline-offset: 2px; }
/* Per-tag accents */
#popularTopics .tag-cloud a:nth-child(1) { --accent:#0ea5e9; --chip:rgba(14,165,233,.12); --chip-border:rgba(14,165,233,.24); }
#popularTopics .tag-cloud a:nth-child(2) { --accent:#22c55e; --chip:rgba(34,197,94,.12);  --chip-border:rgba(34,197,94,.24);  }
#popularTopics .tag-cloud a:nth-child(3) { --accent:#a855f7; --chip:rgba(168,85,247,.12); --chip-border:rgba(168,85,247,.24); }
#popularTopics .tag-cloud a:nth-child(4) { --accent:#f59e0b; --chip:rgba(245,158,11,.12);  --chip-border:rgba(245,158,11,.24);  }
#popularTopics .tag-cloud a:nth-child(5) { --accent:#ef4444; --chip:rgba(239,68,68,.12);   --chip-border:rgba(239,68,68,.24);  }
#popularTopics .tag-cloud a:nth-child(6) { --accent:#6366f1; --chip:rgba(99,102,241,.12);  --chip-border:rgba(99,102,241,.24); }
#popularTopics .tag-cloud a:nth-child(7) { --accent:#14b8a6; --chip:rgba(20,184,166,.12);  --chip-border:rgba(20,184,166,.24); }
@media (prefers-reduced-motion: reduce){
  #popularTopics .tag-cloud a { transition: none; }
  #popularTopics .tag-cloud a:hover { transform: none; }
  #popularTopics .tag-cloud a::after { transition: none; }
}

/* 6) FAQ minimal styling */
.faq-item { border-bottom: 1px solid #eee; padding: 12px 0; }
.faq-item h4 { font-size: 18px; margin: 0; }
.faq-answer { margin-top: 8px; color: #444; }

/* 7) Resources — 4-card horizontal carousel (ultramodern + SEO + equal-height) */
#resources { content-visibility: auto; contain-intrinsic-size: 600px; }
/* Padding + GPU hint */
#resources .resources-theme .owl-stage-outer { padding: 6px 0; }
#resources .resources-theme .owl-item { will-change: transform; }
/* Card */
#resources .res-card {
  position: relative; display: flex; flex-direction: column; gap: 10px;
  padding: 16px; border: 1px solid #e5e7eb; border-radius: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #f9fbfc 100%);
  box-shadow: 0 1px 0 rgba(2,73,107,.04);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  min-height: 180px;
}
#resources .res-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(2,73,107,.12);
  border-color: rgba(2,73,107,.25);
}
/* Icon chip */
#resources .res-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; border-radius: 12px;
  background: linear-gradient(135deg, rgba(2,73,107,.12), rgba(2,73,107,.05));
  border: 1px solid rgba(2,73,107,.18); color: #02496b; font-weight: 700; letter-spacing: .2px;
}
/* Title/desc/CTA */
#resources .res-title { margin: 0; font-size: 1rem; line-height: 1.3; color: #0b1f2a; }
#resources .res-title a { color: inherit; text-decoration: none; }
#resources .res-title a:hover { text-decoration: underline; }
#resources .res-desc { margin: 0; color: #475569; font-size: .95rem; }
#resources .res-cta {
  display: inline-flex; align-items: center; gap: 6px; color: #02496b;
  font-weight: 600; text-decoration: none; margin-top: auto;
}
#resources .res-cta:hover { text-decoration: underline; }
#resources .res-arrow { transition: transform .16s ease; }
#resources .res-card:hover .res-arrow { transform: translateX(2px); }
/* Make whole card clickable without harming SEO/a11y */
#resources .stretched-link { position: absolute; inset: 0; z-index: 1; }
#resources .res-cta { position: relative; z-index: 2; }
/* Owl nav styling */
#resources .owl-theme .owl-nav [class*=owl-] {
  color: #02496b; font-size: 18px; line-height: 1;
  background: rgba(2,73,107,.06); border-radius: 999px;
  width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center;
  margin: 0 4px;
}
#resources .owl-theme .owl-nav [class*=owl-]:hover { background: rgba(2,73,107,.12); }
#resources .owl-theme .owl-dots { display: none; }
/* Equal-height (stretch slides to tallest) */
#resources .resources-theme .owl-stage { display: flex; align-items: stretch; }
#resources .resources-theme .owl-item { display: flex; }
#resources .resources-theme .res-card { height: 100%; width: 100%; }
/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  #resources .res-card { transition: none; }
  #resources .res-card:hover { transform: none; }
  #resources .res-arrow { transition: none; }
}

/* 🚫 Prevent hero image download + hide on mobile */
@media (max-width: 767px) {
  .hero-img-desktop {
    display: none !important;
    visibility: hidden !important;
  }
}


/* Fix Lighthouse warning: enforce font-display: swap for FA6 */

/* Solid */
@font-face {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: local("Font Awesome 6 Free");
}

/* Brands */
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local("Font Awesome 6 Brands");
}


/* ✅ Fix for Lighthouse font-display warning */
@font-face {
  font-family: "Font Awesome 6 Free";
  font-display: swap;
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-display: swap;
}

/* ===================================================
   📱 MOBILE RESPONSIVE FIXES FOR HERO / SEARCH AREA
   =================================================== */

/* 1️⃣ Hide only hero background image and shapes — keep search & text visible */
@media only screen and (max-width: 767px) {
  .single-slider.animation-style-05 img,
  .single-slider .slider-shape-01,
  .single-slider .slider-shape-02,
  .single-slider .slider-shape-03,
  .single-slider .slider-bg {
    display: none !important;
  }

}

/* 2️⃣ Adjust hero text and spacing on small screens */
@media only screen and (max-width: 767px) {
  .slider-content-02 {
    padding-top: 40px !important;
    padding-bottom: 30px !important;
    text-align: center !important;
    max-width: 100% !important;
  }

  .slider-content-02 .title {
    font-size: 26px !important;
    line-height: 1.4 !important;
    color: #0a3d62 !important; /* 🔧 darker blue for readability on light bg */
  }

  .slider-content-02 p {
    font-size: 16px !important;
    margin-top: 10px !important;
    color: #003366 !important; /* 🔧 deep blue for text contrast */
  }
}

/* 3️⃣ Ensure decorative hero overlay shapes don't distort layout */
@media only screen and (max-width: 767px) {
  .single-slider .slider-shape-01,
  .single-slider .slider-shape-02,
  .single-slider .slider-shape-03,
  .single-slider .slider-bg {
    display: none !important;
  }
}

/* 4️⃣ Fix search bar and button alignment on mobile */
@media only screen and (max-width: 767px) {
  .search-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 10px !important;
  }

  .search-container input[type="text"],
  .search-container select,
  .search-container button {
    width: 100% !important;
    font-size: 16px !important;
  }
}

/* 5️⃣ Small padding fix for the next section after hero */
@media only screen and (max-width: 767px) {
  section,
  .container,
  .content-area {
    padding-top: 20px !important;
  }
}

/* 6️⃣ Optional fine-tuning for ultra-small screens */
@media only screen and (max-width: 575px) {
  .slider-content-02 .title {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }

  .slider-content-02 p {
    font-size: 15px !important;
  }

  /* Slightly smaller hero height for very small screens */
  .single-slider.animation-style-05 {
    height: 280px !important;
    padding: 25px 8px !important;
  }
}

/* ===================================================
   📱 MOBILE FIX: Hide About Us image on small screens
   =================================================== */
@media only screen and (max-width: 767px) {
  #aboutUs .about-left img {
    display: none !important;
  }

  /* Optional: center text content when image is hidden */
  #aboutUs .col-md-6,
  #aboutUs .about-left {
    text-align: center !important;
  }
}

/* Hide About Us description on mobile only */
@media (max-width: 767px) {
  .about-description {
    display: none !important;
  }
}

/* Hide Advantage section icons on mobile only */
@media (max-width: 767px) {
  #advantageCourse .advance-left {
    display: none !important;
  }
}

/* Hide Programs & Training Approach banner on mobile */
@media (max-width: 767px) {
  #banner {
    display: none !important;
  }
}
/* Hide Why Choose image on mobile only */
@media (max-width: 767px) {
  #whyChoose .why-choose-img {
    display: none !important;
  }
}

/* Hide Recommended Programs section on mobile */
@media (max-width: 767px) {
  #recommendCourse {
    display: none !important;
  }
}

/* Hide CTA image on mobile only */
@media (max-width: 767px) {
  #affordableOnline .rt-action-img {
    display: none !important;
  }
}
/* Hide Testimonials section on mobile */
@media (max-width: 767px) {
  #feedBack {
    display: none !important;
  }
}

/* Hide About Us subheading on mobile only */
@media (max-width: 767px) {
  .about-right h3 {
    display: none;
  }
}

/* Hide hero subtitle on mobile only */
@media (max-width: 767px) {
  .slider-content-02 > p {
    display: none;
  }
}

#zsiq_float {
  contain: layout paint;
}

/* Hide "People also bought" section on mobile */
@media (max-width: 767px) {
    .people-also-bought {
        display: none !important;
    }
}

/* ===================================================
   Hide Counters for 📱 MOBILE 
   =================================================== */
@media only screen and (max-width: 575px) {
  #counters {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .feature-wrapper {
    display: none !important;
  }
}

/* Below search bar course list */
/* Pill Button Style */
.qc-pill {
    display:inline-block;
    background:#ffffff;
    border:1px solid #02496b;
    color:#02496b;
    padding:6px 14px;
    font-size:14px;
    border-radius:50px;
    margin-right:8px;
    text-decoration:none;
    font-weight:600;
    transition:0.2s ease;
}
.qc-pill:hover {
    background:#02496b;
    color:#fff;
}
.quick-course-pills::-webkit-scrollbar {
    height:4px;
}
.quick-course-pills::-webkit-scrollbar-thumb {
    background:#ccc;
    border-radius:10px;
}

/* Wrapper */
.quick-course-pills.auto-scroll {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 18px;
    padding-bottom: 4px;
}

/* Track that moves horizontally */
.pill-track {
    display: inline-flex;
    white-space: nowrap;
    animation: scrollPills 22s linear infinite; /* speed control */
}

/* Animation */
@keyframes scrollPills {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Pause on hover */
.quick-course-pills:hover .pill-track {
    animation-play-state: paused;
}

/* ===== FLOAT WRAPPER ===== */
.scrollbar-share{
    position:fixed;
    top:50%;
    right:8px;
    transform:translateY(-50%);
    z-index:9999;
    display:flex;
    align-items:center;
}

/* MAIN ROUND BUTTON */
.mail-glow.main-share-btn {
    position: relative;
    z-index: 5;                      /* button stays above all glow layers */
    background: #02496b;
    color: #fff;
    width: 46px;
    height: 46px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: visible;
}

/* LAYER 1: INNER SOFT GOLD BLOOM */
.mail-glow.main-share-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(255,220,150,0.65) 0%,      /* smooth luminous core */
        rgba(255,180,80,0.25) 55%,      /* feathered mid zone */
        rgba(255,150,40,0.10) 80%,      /* soft outer feather */
        transparent 100%
    );

    z-index: -2;                        /* below button */
    filter: blur(40px);                  /* real-world diffusion */
    opacity: 0.9;
}

/* LAYER 2: OUTER PROFESSIONAL RING PULSE */
.mail-glow.main-share-btn::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;

    border: 3px solid rgba(254,248,52,1);     /* precise gold ring, modern look */
    transform: scale(1);
    opacity: 0.7;

    animation: proPulse 2.4s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;

    z-index: -3;                        /* furthest back */
    will-change: transform, opacity;
}

/* PROFESSIONAL EXPANSION ANIMATION */
@keyframes proPulse {
    0% {
        transform: scale(1);
        opacity: 0.85;
    }
    60% {
        transform: scale(2.2);          /* large but refined */
        opacity: 0;                     /* fade elegantly */
    }
    100% {
        transform: scale(2.2);
        opacity: 0;
    }
}

/* ===== SHARE PANEL ===== */
.share-panel{
    position:absolute;
    right:60px;
    top:50%;
    transform:translateY(-50%) translateX(10px);
    
    background:#02496b;
    padding:12px 18px;
    border-radius:10px;
    white-space:nowrap;

    opacity:0;
    pointer-events:none;   /* prevent blocking */
    transition:.25s ease;
}

.mail-glow.main-share-btn::before,
.mail-glow.main-share-btn::after{
    pointer-events:none;   /* KEY FIX */
}

/* ===== SHOW ONLY WHEN BUTTON HOVERED ===== */
.main-share-btn:hover + .share-panel,
.share-panel:hover{
    opacity:1;
    transform:translateY(-50%) translateX(0);
    pointer-events:auto;
}

/* ===== LINKS ===== */
.share-panel a{
    display:block;
    color:#fff;
    text-decoration:none;
    padding:4px 0;
    font-size:14px;
    font-weight:600;
}

.share-panel i{
    margin-right:6px;
}

.whatsapp-float-btn {
    position: fixed;
    right: 3px;
    top: 60%;              /* controls vertical position */
    width: 50px;
    height: 50px;
    background: #25D366;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    z-index: 9999;
    text-decoration: none;
}

.whatsapp-float-btn:hover {
    background: #20c45a;
}

.whatsapp-float-btn {
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(37,211,102,0.7); }
  70% { box-shadow: 0 0 0 12px rgba(37,211,102,0); }
  100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}

/* Prevent heavy hero background image on mobile */
@media (max-width: 767px) {
  .slider-section-03 .single-slider {
    background-image: none !important;
    background: #f5f5f5 !important; /* light fallback background */
  }
}

/* Mobile hero layout fix — stable, no overlapping */
@media (max-width: 767px) {
  .single-slider.animation-style-05 {
    padding: 50px 10px 40px !important;
    height: auto !important;
    display: block !important;
    text-align: center !important;
  }
}


/* Fix Font Awesome render blocking: force font-display: swap */
@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-solid-900.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-regular-400.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-brands-400.woff2") format("woff2");
    font-display: swap;
}

/* Fix back to top button */
#backBtn {
    bottom: 90px !important;
    right: 20px !important;
}


/* Hide Key Outcomes on ASUS Zenbook Fold & Surface Pro 7 */
@media screen and (width: 853px) and (height: 1280px),
       screen and (width: 912px) and (height: 1368px), 
	   screen and (width: 768px) and (height: 1024px),
	   screen and (width: 820px) and (height: 1180px){
    #counters {
        display: none !important;
    }
}
@media screen and (width: 1280px) and (height: 853px),
       screen and (width: 1368px) and (height: 912px), 
	   screen and (width: 1024px) and (height: 768px),
	   screen and (width: 1180px) and (height: 820px){
    #counters {
        display: none !important;
    }
}

@media (max-width: 767px) {

  /* Disable animations & transitions */
  * {
    animation: none !important;
    transition: none !important;
  }

}


@media (max-width: 767px) {

  /* 🔴 REMOVE RESERVED HERO HEIGHT */
  .single-slider.animation-style-05 {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  /* Ensure image does not reserve space */
  .single-slider.animation-style-05 picture,
  .single-slider.animation-style-05 img {
    display: none !important;
  }

}

/* Remove animation delay for LCP hero */
.single-slider.animation-style-05 {
  animation: none !important;
  transition: none !important;
  transform: none !important;
  opacity: 1 !important;
}

.single-slider {
  visibility: visible !important;
  will-change: auto !important;
}

/* Reserve space for counter numbers to prevent CLS */
.feature-content p:first-child {
  min-height: 1.8em;
}

.feature-content strong {
  display: inline-block;
  min-width: 4ch; /* enough for 1 Million+ */
  text-align: center;
}

.video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 22px;
    height: 34px;
    border-radius: 50%;
    padding: 8px 20px 18px 18px;
    margin-left: 36px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 55px;
  height: 55px;
  background: #ffc000;
  border-radius: 50%;
  animation: pulse-border 1100ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 60px;
  height: 60px;
  background: #ffc000;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  top: 8px;

}

.video-play-button span i{
  font-size: 24px;
  color: #000;
}

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

.syllabus {
    width: 400px;
    font-size: 16px !important;
    font-weight: 600;
    color: #000 !important;
    position: absolute !important;
    top: 18px !important;
    left: 75px !important;
}


/* New Lead Popup Modal Start */

#leadPopup .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: 0px;
    outline: 0;
}

#leadPopup .modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
    border-bottom: none;
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
}

#leadPopup .modal-lg{
  max-width: 900px;
}

#leadPopup .modal-header .btn-close {
    padding: 0;
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
}

#leadPopup .pad-none{
    padding: 0px;
}

.exlusive-text-top{
    text-align: center;
}

.exlusive-text-top h2{
    text-align: center;
    font-weight: 600;
}

.exlusive-text-top h2 span:first-child {
    font-size: 22px;
    color: #fff;
}

.exlusive-text-top h2 span:nth-child(2) {
    font-size: 28px;
    color: #fff;
    display: block;
    margin: 8px 0px 0px 0px;
}

.exlusive-text-top h2 span:last-child {
    font-size: 42px;
    margin-bottom: 3px;
    color: #7F4EF1;
    font-weight: 700;
}



.exlusive-text-top h4 {
    color: #fff;
    font-weight: 500;
    font-size: 22px;
}

.exlusive-text-top h4 strong{
    color: #fd620e;
    font-weight: 600;
    font-size: 28px;
}

#leadPopup .btn-close{
    background-color: transparent;
    background-image: none !important;
}

#leadPopup .btn-closing {
    background-color: #ffd000 !important;
    width: 30px !important;
    height: 30px;
    position: absolute;
    z-index: 9999;
    right: 0;
    color: #000;
    opacity: 1;
    line-height: 30px;
}

#leadPopup .btn-closing i{
  font-size: 16px;
}

#marketingForm .form-select {
    font-size: 13px !important;
    border-radius: 0;
    padding: .475rem .75rem;
    color: #303030;
}

.orange-btn{
    background-color: #ffd000;
    border: 1px solid #ffd000;
    color: #000;
    width: 100%;
    font-size: 16px;
    border-radius: 0px;
    padding: 0px !important;
}

.orange-btn:hover{
    background-color: #0c1620;
    border: 1px solid #0c1620;
    color: #fff;
}


/* New Lead Popup Modal End */

/* Blog author detail hide in mobile */
@media (max-width: 768px) {
  .author-detail {
    display: none !important;
  }
}

/* ================================
   UNIVERSAL RESPONSIVE CONTAINER
   ================================ */
.container{
  width: 100%;
  max-width: 1360px;
  padding-inline: clamp(16px, 4vw, 40px);
  margin-inline: auto;
}

/* 1440px laptops/desktops */
@media (min-width:1440px){
  .container{
    max-width: 1400px;
  }
}

/* 1920 screens */
@media (min-width:1600px){
  .container{
    max-width: 1440px;
  }
}

/* 2560 screens */
@media (min-width:2000px){
  .container{
    max-width: 1600px;
  }
}

/* 4K */
@media (min-width:2800px){
  .container{
    max-width: 1800px;
  }
}
/* ================================
   FLUID TYPOGRAPHY SYSTEM
   ================================ */

body{
    font-size: clamp(14px, 0.9vw, 16px);
}

h1{
    font-size: clamp(32px, 3vw, 56px);
    line-height: 1.1;
}

h2{
    font-size: clamp(24px, 2vw, 40px);
}

p{
    font-size: clamp(14px, 1vw, 17px);
}

/* ================================
   RESPONSIVE HEADER
   ================================ */

.header-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    flex-wrap:wrap;
}

.header-menu .main-menu{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap: clamp(8px, 1vw, 20px);
}

/* ================================
   RESPONSIVE HERO
   ================================ */

.hero-wrapper{
    display:grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: clamp(24px, 3vw, 64px);
    align-items:center;
}

/* Laptop and below */
@media (max-width:1400px){
    .hero-wrapper{
        grid-template-columns: 1fr;
        text-align:center;
    }
}


/* =====================================================
   STERLINGNEXT – ENTERPRISE MEGA MENU (FINAL) 2026  
===================================================== */

/* ROOT */
.has-mega {
  position: relative;
}

/* =====================
   MEGA CONTAINER
===================== */
.has-mega .mega-menu {
  position: absolute;
  top: 100%;
  left: 0;

  display: flex;              /* flex ONLY for LEFT column */
  align-items: flex-start;

  background: #ffffff;
  border-radius: 8px;
  border-top: 3px solid #0b5d7d;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.14);

  z-index: 9999;
  overflow: visible;

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity 0.18s ease, transform 0.18s ease;
}

/* Hover stability (NO flicker) */
.has-mega:hover .mega-menu,
.has-mega .mega-menu:hover {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Hover bridge */
.has-mega::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 16px;
  background: transparent;
}

/* =====================
   LEFT COLUMN – CATEGORIES
   (HEIGHT CONTROLLER)
===================== */
.mega-categories {
  width: 250px;
  max-height: 520px;
  overflow-y: auto;

  padding: 6px 0;
  background: #ffffff;
  border-right: 1px solid #e9eef2;

  flex-shrink: 0;
  position: relative;
}

/* Scrollbar */
.mega-categories::-webkit-scrollbar {
  width: 6px;
}
.mega-categories::-webkit-scrollbar-thumb {
  background: #667085;
  border-radius: 10px;
}

/* Category row */
.mega-categories li {
  display: flex;
  align-items: center;

  height: 38px;
  padding: 0 16px;
  padding-right: 36px;

  font-size: 15px;
  font-weight: 500;
  line-height: 1;

  color: #2f3034;
  cursor: pointer;
  position: relative;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  transition: background 0.15s ease, color 0.15s ease;
}

/* Arrow */
.mega-categories li::after {
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  right: 14px;
  font-size: 16px;
  color: #ffffff;
}

/* Active / Hover */
.mega-categories li:hover,
.mega-categories li.active {
  background: #086591;
  color: #ffffff;
}

.mega-categories li:hover::before,
.mega-categories li.active::before {
  opacity: 1;
}

/* =====================
   RIGHT COLUMN – COURSES
   (INDEPENDENT HEIGHT)
===================== */
.mega-content {
  position: absolute;          /* 🔥 KEY: removed from flex height */
  top: 0;
  left: 250px;                 /* must match LEFT column width */
  min-height: 520px;   /* SAME AS LEFT COLUMN HEIGHT */

  padding: 12px 20px;
  min-width: 480px;
  max-width: 840px;

  height: auto;
  max-height: none;
  overflow: visible;

  background: #ffffff;
}

/* ENTERPRISE SAFETY (recommended) */
.mega-content {
  max-height: calc(100vh - 120px);
  overflow-y: auto;
}

/* Scrollbar */
.mega-content::-webkit-scrollbar {
  width: 6px;
}
.mega-content::-webkit-scrollbar-thumb {
  background: #667085;
  border-radius: 10px;
}

/* Panel switching */
.mega-panel {
  display: none;
}
.mega-panel.active {
  display: block;
}

/* =====================
   COURSE ITEM
===================== */
.mega-course {
  display: flex;
  align-items: center;
  gap: 14px;

  padding: 6px 4px;
  border-radius: 6px;

  text-decoration: none;
  color: #2f3034;

  transition: background 0.15s ease, transform 0.12s ease;
}
.mega-course:hover {
  background: #086591;
  transform: translateX(2px);
}

/* Icon */
.course-thumb {
  width: 40px;
  height: 40px;
  flex-shrink: 0;

  background-color: #086591;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  border-radius: 6px;
  border: 1px solid #e3eaf0;
}

/* Title */
.course-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  color: #2f3034;
  word-break: break-word;
}
.mega-course:hover .course-title {
  color: #ffffff;
}

/* =====================
   RESPONSIVE SAFETY
===================== */
@media (max-width: 1200px) {
  .has-mega .mega-menu {
    max-width: 96vw;
  }
}

@media (max-width: 991px) {
  .has-mega .mega-menu {
    display: none !important;
  }
}

/* =====================
   Course page 2026 Start
===================== */
/* ===========================================
   ENTERPRISE DOWNLOAD SECTION – STERLINGNEXT
   =========================================== */

.brochure {
    padding-top: 30px;
    padding-bottom: 40px;
}

.brochure .container > p {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #072f60 !important;
    margin-bottom: 25px !important;
    text-align: left;
}

/* Two cards */
.course-agenda,
.company-brochure {
    background: linear-gradient(135deg, #ffffff, #f7f9fc);
    border: 1px solid #e1e7ef;
    border-radius: 14px;
    padding: 20px 22px;
    display: flex;
    align-items: center;
    gap: 18px;
    box-shadow: 0 8px 22px rgba(7,47,96,0.06);
    transition: all 0.25s ease;
    position: relative;
    overflow: hidden;
}

.course-agenda::before,
.company-brochure::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(255,204,0,0.08), rgba(255,204,0,0));
    opacity: 0;
    transition: 0.3s;
}

.course-agenda:hover,
.company-brochure:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 35px rgba(7,47,96,0.12);
    border-color: #ffcc00;
}

.course-agenda:hover::before,
.company-brochure:hover::before {
    opacity: 1;
}

./* Left icons */
.course-agenda .call-left,
.company-brochure .call-left {
    width:100px;
    height:100px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#072f60,#0b4d73);
    border-radius:12px;
    overflow:hidden;
}

.course-agenda .call-left img,
.company-brochure .call-left img {    
    width:100%;
    height:100%;
    object-fit:cover;
}

/* Right content */
.course-agenda .call-right,
.company-brochure .call-right {
    flex: 1;
}

.course-agenda .call-right p,
.company-brochure .call-right p {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #072f60 !important;
    margin-bottom: 8px !important;
}

/* Download buttons */
.course-agenda .agenda-btn,
.company-brochure .agenda-btn {
    background: linear-gradient(135deg, #ffcc00, #ffb800);
    color: #072f60 !important;
    font-weight: 700;
    border-radius: 8px;
    padding: 10px 18px;
    border: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 6px 14px rgba(255,204,0,0.4);
    transition: all 0.25s ease;
}

.course-agenda .agenda-btn i,
.company-brochure .agenda-btn i {
    font-size: 14px;
}

.course-agenda .agenda-btn:hover,
.company-brochure .agenda-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(255,204,0,0.55);
    background: linear-gradient(135deg, #ffdb4d, #ffc400);
}

/* =========================
   MOBILE FIX
========================= */
@media (max-width:768px){

    /* make columns full width */
    .brochure .col-md-6{
        width:100% !important;
        max-width:100% !important;
        flex:0 0 100% !important;
    }

    /* center cards */
    .brochure .row{
        justify-content:center !important;
    }

    /* card styling */
    .course-agenda,
    .company-brochure{
        flex-direction:column;
        align-items:center;
        text-align:center;
        width:100%;
        max-width:320px; /* keeps nice card size */
        margin:auto;
    }
}

/* ================================
   STERLINGNEXT 3D CTA SYSTEM
   ================================ */

.sn-hero-cta{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    margin-top:26px;
    max-width:720px;
}

/* reset wrappers */
.sn-hero-cta .meta-action,
.sn-hero-cta .rating{
    background:none!important;
    padding:0!important;
    margin:0!important;
}

/* base button */
.sn-hero-cta button{
    width:100%;
	max-width:310px;
    height:50px;
    border-radius:16px;
    font-size:16px;
    font-weight:700;
    border:none;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    cursor:pointer;
    color:#fff;
    transform-style:preserve-3d;
    transition:.25s ease;
}

/* ---------- PRIMARY – YELLOW ---------- */
.sn-hero-cta .apply-bnr{
    background:linear-gradient(#ffd84d,#f2b600);
    color:#072f60;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.65),
        inset 0 -4px 0 rgba(0,0,0,.15),
        0 10px 0 #c99d00,
        0 18px 30px rgba(0,0,0,.25);
}

/* ---------- SECONDARY – BLUE ---------- */
.sn-hero-cta .apply-yellow{
    background:linear-gradient(#129adf,#044c77);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.35),
        inset 0 -4px 0 rgba(0,0,0,.35),
        0 10px 0 #032f4f,
        0 18px 30px rgba(0,0,0,.45);
		color: #ffffff !important;
}

/* hover lift */
.sn-hero-cta button:hover{
    transform:translateY(-4px);
}

/* press down */
.sn-hero-cta button:active{
    transform:translateY(6px);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.4),
        inset 0 -2px 0 rgba(0,0,0,.3),
        0 4px 0 rgba(0,0,0,.4);
}

/* Advisor breathing attention */
.sn-hero-cta .apply-yellow{
    animation: advisorPulse 3s infinite ease-in-out;
}

@keyframes advisorPulse{
    0%,100%{
        filter:brightness(1);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.35),
            inset 0 -4px 0 rgba(0,0,0,.35),
            0 10px 0 #032f4f,
            0 18px 30px rgba(0,0,0,.45);
    }
    50%{
        filter:brightness(1.15);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.45),
            inset 0 -4px 0 rgba(0,0,0,.4),
            0 10px 0 #032f4f,
            0 22px 42px rgba(0,200,255,.6);
    }
}

/* mobile */
@media(max-width:768px){
    .sn-hero-cta{grid-template-columns:1fr;}
}

/* ---------- Read More-Read Less Adjustment---------- */
/* Create real space under About text when Read Less is visible */
.about-course-content.expanded{
    padding-bottom: 20px;   /* pushes the next section down */
}

/* Also move the button itself slightly down */
.about-course-content.expanded .read-more-btn{
    bottom: -6px;
}
/* ================================
   STERLINGNEXT STICKY COURSE NAV
================================ */
#courseTabsWrapper{
    width:100%;
    background:#ffffff;
    border-bottom:1px solid #e6e9ef;
    box-shadow:0 6px 18px rgba(0,0,0,.04);
    z-index:9999;
	isolation: isolate;
}

#courseTabs{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 0;
}

.tab-links{
    display:flex;
    gap:32px;
}

.tab-links a{
    text-decoration:none;
    font-weight:600;
    font-size:14px;
    color:#4a5568;
    padding-bottom:8px;
    border-bottom:2px solid transparent;
    transition:.25s;
}

.tab-links a:hover{
    color:#0a4d78;
}

.tab-links a.active{
    color:#0a4d78;
    border-bottom:2px solid #0a4d78;
}

/* Sticky */
.stickyTabs{
    position:fixed;
    top:0;
    left:0;
    right:0;
    background:#fff;
    box-shadow:0 6px 18px rgba(0,0,0,0.08);
}

/* ================================
   STERLINGNEXT ENTERPRISE TAB BAR
================================ */

/* Layout */
.sn-tabs{
    display:flex;
    align-items:center;
    gap:12px;
    padding:8px 0;
    overflow-x:auto;
}
#courseTabs{
    max-width: 1320px;
    margin: 0 auto;
    padding-left: 15px;  /* move right */
    padding-right: 15px;
}

/* Base tab */
.sn-tab{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px 18px;
    border-radius:10px;
    font-size:14px;
    font-weight:600;
    color:#475569;
    background:#f7f9fc;
    border:1px solid #e2e8f0;
    text-decoration:none;
    transition:all .25s ease;
    white-space:nowrap;
}


/* Hover */
.sn-tab:hover{
    background:#fff;
    color:#086591;
    border-color:#c7d7e6;
    box-shadow:0 6px 18px rgba(10,77,120,.08);
}

/* Active */
.sn-tab.active{
    background:#086591;
    color:#fff;
    border-color:#0a4d78;
    box-shadow:0 8px 24px rgba(10,77,120,.15);
}


/* Active indicator bar */
.sn-tab.active::after{
    content:"";
    position:absolute;
    left:14px;
    right:14px;
    bottom:-6px;
    height:3px;
    background:#0a4d78;
    border-radius:3px;
}

/* Enquire CTA */
.sn-enquire{
    margin-left:auto;
    background:linear-gradient(135deg,#0a4d78,#06385c);
    color:#ffffff !important;
    border:none;
    font-weight:700;
    box-shadow:0 10px 28px rgba(10,77,120,.35);
}

/* Enquire hover */
.sn-enquire:hover{
    background:linear-gradient(135deg,#0b5f95,#07456f);
    box-shadow:0 14px 36px rgba(10,77,120,.45);
}

/* Active state should NOT show underline for CTA */
.sn-enquire::after{
    display:none!important;
}

/* Mobile */
@media(max-width:900px){
    .sn-tabs{
        gap:10px;
    }
    .sn-tab{
        padding:8px 14px;
        font-size:13px;
    }
}

/* CTA */
.enquire-btn{
    background:#0a4d78;
    color:#fff!important;
    padding:10px 26px;
    border-radius:6px;
    font-weight:600;
    font-size:14px;
    text-decoration:none;
    transition:.25s;
}

.enquire-btn:hover{
    background:#06385c;
}

/* Precise anchor offset for smooth scroll */
#mode-training,
#about-course,
#course-content,
#participant-reviews,
#faqQuestions {
    scroll-margin-top: 90px;
}

/* Kill theme sticky header on course pages */
body.course-page .header.sticky,
body.course-page .sticky-header,
body.course-page .main-header {
    position: relative !important;
    top: auto !important;
    transform: none !important;
    box-shadow: none !important;
}


/* Only allow sticky header on NON-course pages */
body:not(.course-page) .header.sticky {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* =========================================================
   MODAL SAFETY LAYER — COURSE PAGES ONLY
========================================================= */

body.modal-open {
    overflow: hidden !important;
}

/* Disable course sticky nav while modal is open */
body.modal-open #courseTabsWrapper {
    position: static !important;
    z-index: 1 !important;
    box-shadow: none !important;
}

/* Prevent it from catching clicks */
body.modal-open #courseTabsWrapper,
body.modal-open #courseTabsWrapper * {
    pointer-events: none !important;
}

/* Kill floating UI that sits above modal */
body.modal-open .zsiq_float,
body.modal-open .zsiq_theme1,
body.modal-open .sn-floating,
body.modal-open .sn-chat,
body.modal-open .floating-icons,
body.modal-open .scroll-top,
body.modal-open .chat-widget,
body.modal-open .call-widget,
body.modal-open .sticky-cta {
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Modal must always win */
.modal {
    z-index: 100000 !important;
}

.modal-backdrop {
    z-index: 99999 !important;
}

/* Restore clicking inside modal */
body.modal-open .modal,
body.modal-open .modal * {
    pointer-events: auto !important;
}

/* ============================================
   COURSE PAGE – HEADER HIDE WHEN TABS STICK
============================================ */

/* Ensure tabs stay at very top */
body.course-page #courseTabsWrapper.stickyTabs {
    top: 0 !important;
    z-index: 9999;
}

/* Allow mobile swipe for course tabs */
.sn-tabs{
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.sn-tabs::-webkit-scrollbar{
    display: none;
}

/* TRUSTPILOT SLIDER */
.sn-tp-carousel{
    position:relative;
    overflow:hidden;
}

.sn-tp-track{
    display:flex;
    gap:20px;
    transition:transform .6s ease;
}

.sn-review-card{
    min-width:320px;
    background:#fff;
    border-radius:14px;
    padding:20px;
    border:1px solid #e2e8f0;
    box-shadow:0 8px 24px rgba(0,0,0,.05);
    text-decoration:none;
    color:#1e293b;
}

.sn-review-card:hover{
    transform:translateY(-4px);
    box-shadow:0 16px 40px rgba(10,77,120,.15);
}

.sn-stars{
    color:#00b67a;
    font-size:18px;
}

.sn-tp-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:42px;
    height:42px;
    border-radius:50%;
    background:#0a4d78;
    color:#fff;
    border:none;
    font-size:22px;
    cursor:pointer;
    z-index:5;
    box-shadow:0 10px 28px rgba(10,77,120,.4);
}

.sn-tp-nav.left{ left:-10px; }
.sn-tp-nav.right{ right:-10px; }

/* Anchor hero so we can float into empty space */
.course-details-banner-content{
    position: relative;
}

/* course page tabs mobile fix */
/* =========================================
   ENTERPRISE MOBILE CTA BAR (FINAL CLEAN)
========================================= */
@media (max-width: 768px) {

  /* kill layout conflicts */
  #courseTabs {
    display: block !important;
    padding: 0 !important;
  }

  .sn-tabs {
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    width: 100%;
  }

  /* hide everything except CTA */
  .sn-tab,
  .sn-enquire {
    display: none !important;
  }

  /* wrapper = slim controlled bar */
  #courseTabsWrapper {
    background: #ffffff !important;
    padding: 10px 12px;

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

    display: flex;
    justify-content: center;
    align-items: center;
  }

  /* 🔴 CTA — PERFECT CENTER */
  .sn-download {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;

    width: auto !important;
    min-width: 220px;
    max-width: 90%;

    padding: 10px 20px;
    border-radius: 999px;

    font-size: 14px;
    font-weight: 600;

    margin: 0 auto !important;

    background: linear-gradient(135deg, #ff3b30, #d32f2f);
    color: #fff !important;

    box-shadow: 0 8px 18px rgba(255, 59, 48, 0.4);
  }

}
/* ==========================================
   ENTERPRISE HERO LAYOUT – STERLINGNEXT
========================================== */

.page-banner-section .container{
    display:grid !important;
    grid-template-columns: minmax(0, 1.35fr) 420px;
    align-items:center;
    gap:48px;
}

/* Left content */
.course-details-banner-content{
    max-width:100%;
}

/* Right review panel */
.sn-hero-right{
    display:flex;
    justify-content:flex-end;
}

@media (min-width:1600px){
    .page-banner-section .container{
        max-width:1400px;
        margin-left:auto;
        margin-right:auto;
    }
}

@media (max-width:900px){
    .page-banner-section .container{
        grid-template-columns:1fr;
    }

    .sn-hero-right{
        justify-content:center;
        margin-top:32px;
    }
}

/* =========================================
   HERO RIGHT PANEL – LEFT / RIGHT CONTROL
========================================= */

/* Desktop default – pull it slightly LEFT */
@media (min-width: 901px){
    .sn-hero-right{
        justify-content:flex-start !important;
        padding-left:0;   /* how far from center */
        padding-right:80px;
    }
}

/* Large screens – give more breathing space */
@media (min-width: 1400px){
    .sn-hero-right{
        padding-left:80px;
    }
}

/* Ultra wide */
@media (min-width: 1800px){
    .sn-hero-right{
        padding-left:120px;
    }
}

/* Mobile – center it */
@media (max-width:900px){
    .sn-hero-right{
        justify-content:center !important;
        padding-left:0;
        padding-right:0;
    }
}

/* ======================================================
   ENTERPRISE TRUST PANEL – STERLINGNEXT
====================================================== */

/* =========================================
   SNX TRUST (PREMIUM SINGLE CARD)
========================================= */

/* Wrapper */
.sn-trust-original {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 12px 0;
  margin-top: 80px;
}

/* Container */
.sn-trust-true.trust {
  display: flex;
  justify-content: center;
  align-items: center;

  background: linear-gradient(135deg, #0b6b94, #086591);
  padding: 16px;
  border-radius: 16px;

  box-shadow: 0 12px 30px rgba(8, 101, 145, 0.35);
}

/* Card */
.sn-trust-item.trust {
  display: flex;
  align-items: center;
  gap: 14px;

  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(6px);

  padding: 22px 26px;
  border-radius: 14px;

  border: 1px solid rgba(255,255,255,0.6);
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);

  text-decoration: none;
  transition: all 0.3s ease;
}

/* Hover effect */
.sn-trust-item.trust:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 12px 28px rgba(0,0,0,0.15);
}

/* Logo */
.sn-trust-item.trust img {
  width: 82px;
  height: auto;
}

/* Text block */
.sn-trust-item.trust div {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

/* Rating number */
.sn-trust-item.trust strong {
  font-size: 20px;
  font-weight: 800;
  color: #0f172a;
}

/* Stars */
.sn-trust-item.trust span {
  font-size: 14px;
  color: #f59e0b;
  letter-spacing: 1px;
}

/* Label */
.sn-trust-item.trust p {
  font-size: 13px;
  color: #64748b;
  margin: 2px 0 0;
  font-weight: 500;
}

/* Subtle glow on hover */
.sn-trust-item.trust:hover strong {
  color: #086591;
}

.sn-review-title{
    color:#ffc000;
    font-size:18px;
    font-weight:700;
    margin-bottom:14px;
    text-align:center;
}




/* Training card full width */
.sn-trust-wide{
    grid-column:span 2;
}

/* Mobile */
@media(max-width:900px){
    .sn-review-panel{
        max-width:100%;
    }
    .sn-trust-grid{
        grid-template-columns:1fr;
    }
    .sn-trust-wide{
        grid-column:auto;
    }
}
/* Hide Trust / Review panel on mobile and tablets (including iPad) */
@media (max-width: 1024px) {
    .sn-hero-right.sn-review-panel {
        display: none !important;
    }
}

.city-context-section {
    background: #ffffff;
	padding-bottom: 30px;
}
.city-context-card {
    background: #F6F7F9;
    border: 0px solid #e5e7eb;
    border-radius: 8px;
    padding: 12px 10px;
}

.city-context-title {
    font-size: 24px;
    font-weight: 700;
    color: #0b2e4f;
    margin-bottom: 16px;
    line-height: 1.35;
    letter-spacing: -0.3px;
}

.city-context-title::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background: #f4b400;
    margin-top: 10px;
}


.city-context-content {
    font-size: 15px;
    line-height: 1.75;
    color: #333;
	
}

.city-context-content p {
    margin-bottom: 4px;
}

.city-context-content strong {
    font-weight: 600;
    color: #0b2e4f;
}

.city-context-content ul {
    padding-left: 18px;
    margin: 12px 0;
}

.city-context-content ul li {
    margin-bottom: 8px;
}

.city-context-content {
    font-size: 15px;
    line-height: 1.0;
}

/* =====================
   Course page 2026 End
===================== */

/* FAQ Accordion Wrapper */
.faq-accordion-item {
    border: 1px solid #e6e9ef;
    border-radius: 8px;
    margin-bottom: 0;
    overflow: hidden;
    background: #fff;
}

/* Question row */
.faq-question {
    width: 100%;
    background: #ffffff;
    border: none;
    padding: 16px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #072f60;
    cursor: pointer;
    text-align: left;
}

/* Arrow icon */
.faq-icon {
    width: 10px;
    height: 10px;
    border-right: 2px solid #072f60;
    border-bottom: 2px solid #072f60;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
}

/* Answer hidden by default */
.course-faq .faq-answer {
    display: none;
    padding: 0 18px 16px;
    font-size: 14px;
    color: #444;
    line-height: 1.6;
}

/* Active state */
.faq-accordion-item.active .faq-answer {
    display: block;
}

.faq-accordion-item.active .faq-icon {
    transform: rotate(-135deg);
}

/* ================================
   ENTERPRISE CITY SELECTOR – CENTERED 2026
   ================================ */

.maping {
    display: inline-flex;              /* ⬅ KEY CHANGE */
    align-items: center;
    justify-content: center;

    gap: 10px;                          /* replaces column-gap */
    width: auto;                        /* prevent stretch */

    background: linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%);
    border: 1px solid #0b4d73;          /* thinner border */
    border-radius: 20px;

    padding: 4px 8px;                   /* ⬅ reduced */
    box-shadow: 0 4px 8px rgba(11, 77, 115, 0.12);
}

.city-line {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    font-size: 14px;     /* ⬅ smaller */
    font-weight: 600;
    margin: 0;
}

.city-name {
    font-weight: 700;
    font-size: 16px;
    white-space: nowrap;
}

.btn-city {
    padding: 8px 10px;          /* ⬅ big win */
    font-size: 16px;
    font-weight: 600;
	background: #0b4d73;
    border: 1px solid #0b4d73;
    color: #ffffff;

    border-radius: 20px;
}
.col-md-6:last-child {
    display: flex;
    justify-content: flex-end;   /* ⬅ aligns pill to right */
}

/* =========================
   COMPACT HEADER – CLEAN
========================= */

/* Header container */
.header{
    padding: 6px 0 !important;
}

/* Top strip */
.header-top{
    padding: 6px 0 !important;
}

/* Make header row align properly */
.header .container,
.header-wrapper{
    display:flex;
    align-items:center;
}

/* Logo */
.header-logo{
    display:flex;
    align-items:center;
}

.header-logo img{
    max-height:48px !important;
    width:auto;
    display:block;
    position:relative;
    top:4px; /* micro adjustment only */
}

/* Space between logo and menu */
.header-logo{
    margin-right: 120px; /* adjust as needed */
}
/* Menu items */
.header-menu .main-menu{
    display:flex;
    align-items:center;
}

.header-menu .main-menu li{
    padding:6px 10px !important;
}

.header-menu .main-menu li a{
    font-size:16px;
    line-height:1.2;
    padding:6px 0;
}

/* Right side (login area) */
.header-meta{
    display:flex;
    align-items:center;
    gap:16px;
    padding:0;
}

/* Login button sizing */
.header-meta .btn{
    height:38px;
    padding:0 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
}

/* Sticky state */
.sticky .header-menu .main-menu li{
    padding:6px 10px !important;
}

/* Mobile */
@media(max-width:991px){

    .header{
        padding:6px 0 !important;
    }

    .header-logo img{
        max-height:38px !important;
        top:2px;
    }

    .header-menu .main-menu li a{
        font-size:14px;
    }
}

/* Exit Form 2026 */
#snx_exit_overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}

#snx_exit_modal {
  background: #fff;
  width: 420px;
  max-width: 92vw;          /* prevents overflow on small screens */
  padding: 25px;
  border-radius: 10px;
  text-align: center;
  position: relative;
  max-height: 90vh;         /* prevents modal taller than screen */
  overflow-y: auto;         /* scroll if content overflows */
}

#snx_exit_modal input,
#snx_exit_modal select,
#snx_exit_modal textarea {
  width: 100%;
  margin: 8px 0;
  padding: 10px;
  box-sizing: border-box;   /* prevents inputs from overflowing the modal */
}

#snx_exit_modal form button[type="submit"] {
  background: #ff6a00;
  color: white;
  border: none;
  padding: 12px;
  width: 100%;
  font-weight: bold;
  cursor: pointer;
  margin-top: 8px;
  border-radius: 6px;       /* matches modal rounding */
}

#snx_exit_modal form button[type="submit"]:hover {
  background: #e05a00;      /* subtle hover feedback */
}

#snx_exit_modal form button[type="submit"]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

#snx_exit_close {
  position: absolute;
  right: 15px;
  top: 10px;
  width: 34px;
  height: 34px;
  border: none;
  background: transparent;
  color: #ff6a00;
  font-size: 28px;
  line-height: 1;
  font-weight: 700;
  cursor: pointer;
  z-index: 9999;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#snx_exit_close:hover {
  color: #c94e00;
}

/* =========================
   CITY MODAL STYLE
========================= */

#selectCity .modal-content{
border-radius:16px;
border:none;
padding:10px 10px 8px;
background:#ffffff;
box-shadow:0 30px 70px rgba(0,0,0,0.18);
position:relative;
animation:snModalFade .25s ease;
}

@keyframes snModalFade{
from{opacity:0;transform:translateY(-10px);}
to{opacity:1;transform:translateY(0);}
}

/* top accent */

#selectCity .modal-content{
border:6px solid #086591 !important;
border-radius:16px;
}

/* close icon */

#selectCity .btn-close{
opacity:.7;
transition:.25s;
}

#selectCity .btn-close:hover{
opacity:1;
transform:scale(1.05);
}


/* =========================
   FIELD LABELS
========================= */

#selectCity .modal-body label{
display:block;
font-size:14px;
font-weight:600;
color:#0a4d78;
margin-bottom:6px;
letter-spacing:.2px;
}

/* =========================
   COUNTRY SELECT
========================= */

#selectCity select.form-select{
width:100%;
height:56px;
border-radius:8px;
border:1px solid #e2e6ea;
background:#f9fbfc;
padding:0 44px 0 16px;
font-size:16px;
font-weight:600;

transition:.25s;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;

/* custom arrow */

background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230a4d78' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 5.646a.5.5 0 0 1 .708 0L8 11.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");

background-repeat:no-repeat;
background-position:right 14px center;
background-size:14px;
}

/* focus */

#selectCity select.form-select:focus{
outline:none;
border-color:#0a4d78;
background:#fff;
box-shadow:0 0 0 3px rgba(10,77,120,0.12);
}

/* =========================
   CITY SEARCH (SELECT2)
========================= */

.select2-container{
width:100% !important;
}

/* main city field */

.select2-container--default .select2-selection--single{

height:60px;
border-radius:8px;
border:1px solid #e2e6ea;
background:#f9fbfc;

display:flex;
align-items:center;

padding-left:18px;

font-size:18px;
font-weight:600;

}

.select2-container--default .select2-selection--single .select2-selection__rendered{

font-size:16px;
font-weight:500;
color:#0f2b3a;

line-height:60px;

}

#selectCity form > div + div{
margin-top:20px;
}


/* arrow */

.select2-selection__arrow{
height:100% !important;
right:10px !important;
}

/* dropdown panel */

.select2-dropdown{
border-radius:10px;
border:none;
box-shadow:0 18px 40px rgba(0,0,0,.20);
padding:6px;
}

/* search input */

.select2-search__field{
border-radius:6px;
border:1px solid #d7dde3;
padding:8px;
font-size:15px;
margin-bottom:6px;
}

/* scrollable list */

.select2-results__options{
max-height:480px !important;
overflow-y:auto !important;
}

/* options */

.select2-results__option{

padding:12px 16px;

font-size:16px;
font-weight:400;
border-radius:6px;
}

/* hover highlight */

.select2-results__option--highlighted{
background:#0a4d78 !important;
color:#fff;
}

/* hover */

.select2-results__option:hover{
background:#eef4f7;
}

/* =========================
   UPDATE BUTTON-
========================= */
#selectCity .city_update{
width:180px;
height:46px;
background:#0a4d78;
border:none;
border-radius:10px;
font-weight:500;
font-size:16px;
color:#fff;
transition:.25s;
}

#selectCity .city_update:hover{
background:#083c5e;
transform:translateY(-1px);
box-shadow:0 10px 20px rgba(0,0,0,.18);
}

/* footer */

#selectCity .modal-footer{
border:none;
justify-content:flex-start;
padding-top:8px;
}

.select2-container{
width:100% !important;
}

.select2-dropdown{
z-index:999999 !important;
}

#selectCity .modal-body{
display:flex;
flex-direction:column;
gap:14px;
}

.select2-results__options::-webkit-scrollbar{
width:6px;
}

.select2-results__options::-webkit-scrollbar-thumb{
background:#c5d3dc;
border-radius:6px;
}

/* footer contact bar april 2026 start */

:root {
  --ico-call:  20px;
  --ico-wa:    22px;
  --ico-quote: 19px;
  --ico-chat:  20px;
  --ico-call-m:  16px;
  --ico-wa-m:    18px;
  --ico-quote-m: 15px;
  --ico-chat-m:  16px;
}

.qb-wrap {
  position: fixed;
  left: 0; bottom: 0; width: 100%;
  z-index: 999999;
  pointer-events: none;
}

.qb-bar {
  display: flex;
  align-items: stretch;
  background: #111827;
  border-top: 1px solid #1f2937;
  box-shadow: 0 -2px 12px rgba(0,0,0,.4);
  pointer-events: auto;
  width: 100%;
}

.qb-desktop {
  height: 64px;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity .3s ease, transform .3s ease;
}
.qb-desktop.show { opacity: 1; transform: translateY(0); }

.qb-bar a {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 16px;
  text-decoration: none !important;
  border-right: 1px solid #1f2937;
  cursor: pointer;
  transition: background .15s;
}
.qb-bar a:last-child { border-right: none; }
.qb-bar a:hover { background: #1f2937; }

.qb-chip {
  width: 36px; height: 36px;
  border-radius: 8px;
  background: #1f2937;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.qb-chip svg {
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.qb-call  .qb-chip svg { width: var(--ico-call);  height: var(--ico-call);  stroke: #f472b6; }
.qb-wa    .qb-chip svg { width: var(--ico-wa);    height: var(--ico-wa);    stroke: #4ade80; }
.qb-quote .qb-chip svg { width: var(--ico-quote); height: var(--ico-quote); stroke: #fb923c; }
.qb-chat  .qb-chip svg { width: var(--ico-chat);  height: var(--ico-chat);  stroke: #38bdf8; }

.qb-txt  { display: flex; flex-direction: column; gap: 2px; }
.qb-main { font-size: 14px; font-weight: 500; color: #f9fafb; white-space: nowrap; line-height: 1.2; }
.qb-sub  { font-size: 11px; color: #ffffff; white-space: nowrap; }

.qb-live { display: flex; align-items: center; gap: 5px; margin-bottom: 2px; }
.qb-dot  { width: 10px; height: 10px; border-radius: 50%; background: #4ade80; animation: qbp 2s ease infinite; }
@keyframes qbp { 0%,100%{opacity:1} 50%{opacity:.3} }
.qb-live-lbl { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #4ade80; }

.qb-mobile {
  display: none;
  height: 56px;
  opacity: 1 !important; transform: none !important;
}
.qb-mobile a { flex-direction: column; gap: 4px; padding: 8px 4px; height: 56px; }
.qb-mobile .qb-chip { width: 26px; height: 26px; border-radius: 6px; background: #1f2937; }
.qb-mobile .qb-call  .qb-chip svg { width: var(--ico-call-m);  height: var(--ico-call-m);  stroke: #f472b6; }
.qb-mobile .qb-wa    .qb-chip svg { width: var(--ico-wa-m);    height: var(--ico-wa-m);    stroke: #4ade80; }
.qb-mobile .qb-quote .qb-chip svg { width: var(--ico-quote-m); height: var(--ico-quote-m); stroke: #fb923c; }
.qb-mobile .qb-chat  .qb-chip svg { width: var(--ico-chat-m);  height: var(--ico-chat-m);  stroke: #38bdf8; }
.qb-mobile .qb-chip svg { fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.qb-mobile .qb-main { font-size: 9px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: #d1d5db; }

@media (max-width: 960px) { .qb-sub { display: none; } .qb-bar a { padding: 0 12px; } }
@media (max-width: 768px) {
  .qb-desktop { display: none !important; }
  .qb-mobile  { display: flex !important; }
  body { padding-bottom: 56px; }
}

/* footer contact bar april 2026 End */

/* Enquire Now april 2026 Start */
#marketing-popup .modal-dialog { max-width: 350px; margin: 1.5rem auto; }

#marketing-popup .modal-content {
  border: none;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,.22);
  position: relative !important; /* ← close button anchors here */
}

/* ── CLOSE — anchored to modal-content, sits over header ── */
#marketing-popup .btn-close-popup {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  transform: none !important;
  width: 26px !important;
  height: 26px !important;
  background: rgba(255,255,255,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' d='M3 3l10 10M13 3L3 13'/%3E%3C/svg%3E") center/11px no-repeat !important;
  border: none !important;
  border-radius: 6px !important;
  opacity: 1 !important;
  cursor: pointer !important;
  z-index: 100 !important;
  transition: background-color .15s;
}
#marketing-popup .btn-close-popup:hover {
  background-color: rgba(255,255,255,.32) !important;
}

/* ── LAYOUT RESETS ── */
#marketing-popup .modal-body { padding: 0; }
#marketing-popup .container  { padding: 0; max-width: 100%; }
#marketing-popup .row        { margin: 0; }
#marketing-popup .col-md-10  { flex: 0 0 100%; max-width: 100%; padding: 0; }
#marketing-popup .banner-right-form { background: #fff; }

/* ── HEADER ── */
#marketing-popup .banner-right-form h3 {
  background: #0f2d5e !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin: 0 !important;
  padding: 18px 52px 16px 22px !important; /* right gap for close btn */
  line-height: 1.2 !important;
  border-bottom: 3px solid #0da9a9;
  position: static !important;
}
#marketing-popup .banner-right-form h3::after {
  content: "We'll respond within 24 hours";
  display: block;
  font-size: 11.5px;
  font-weight: 400;
  color: rgba(255,255,255,.45);
  margin-top: 4px;
}

/* ── COLLAPSE HIDDEN FIELDS GAP ── */
#marketing-popup .mb-3 {
  margin: 0 !important; padding: 0 !important;
  height: 0 !important; overflow: hidden !important;
}

/* ── FORM BODY ── */
#marketing-popup .myForm     { padding: 14px 18px 18px !important; gap: 0 !important; }
#marketing-popup .col-md-12,
#marketing-popup .col-12     { padding: 0 !important; margin-bottom: 10px !important; }
#marketing-popup .mt-3       { margin-top: 0 !important; }

/* ── STANDARD INPUTS (NOT banner_number) ── */
#marketing-popup input[type="text"]:not(.banner_number),
#marketing-popup input[type="email"] {
  height: 40px !important;
  border: 1.5px solid #dde3ee !important;
  border-radius: 7px !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  color: #0f2d5e !important;
  background: #fff !important;
  box-shadow: none !important;
  width: 100% !important;
  display: block !important;
  transition: border-color .15s, box-shadow .15s !important;
}
#marketing-popup input[type="text"]:not(.banner_number)::placeholder,
#marketing-popup input[type="email"]::placeholder { color: #b0bec5 !important; }
#marketing-popup input[type="text"]:not(.banner_number):focus,
#marketing-popup input[type="email"]:focus {
  border-color: #0da9a9 !important;
  box-shadow: 0 0 0 3px rgba(13,169,169,.1) !important;
  outline: none !important;
}

/* ══════════════════════════════════════
   PHONE FIELD FIX — replace this block
══════════════════════════════════════ */

#marketing-popup .country-code {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 6px !important;
  height: 40px !important;
  flex-wrap: nowrap !important;
}

/* wrapper chain — ALL must match same width */
#marketing-popup .country-code .form-select-control,
#marketing-popup .country-code .arrow-icon {
  flex: 0 0 52px !important;
  width: 52px !important;
  height: 40px !important;
  display: block !important;
  overflow: hidden !important;
}

/* select — same 52px, no overflow */
#marketing-popup #apply_now_phoneCode {
  width: 46px !important;
  height: 40px !important;
  border: 1.5px solid #dde3ee !important;
  border-radius: 7px !important;
  padding: 0 0 0 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #0f2d5e !important;
  background: #f1f5f9 !important;
  box-shadow: none !important;
  cursor: pointer !important;  
  display: block !important;
  overflow: hidden !important;
}
#marketing-popup #apply_now_phoneCode:focus {
  border-color: #0da9a9 !important;
  box-shadow: 0 0 0 3px rgba(13,169,169,.1) !important;
  outline: none !important;
}

/* +Code pill */
#marketing-popup span.phoneCodeId {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  height: 40px !important;
  min-width: 46px !important;
  width: 46px !important;
  padding: 0 8px !important;
  background: #f1f5f9 !important;
  border: 1.5px solid #dde3ee !important;
  border-radius: 7px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #0f2d5e !important;
  white-space: nowrap !important;
  position: static !important;
  visibility: visible !important;
  overflow: visible !important;
  pointer-events: none !important;
}


/* number input wrapper div — flex fill */
#marketing-popup .country-code > div.form-control {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 40px !important;
  padding: 0 !important;
  border: 1.5px solid #dde3ee !important;
  border-radius: 7px !important;
  background: #fff !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}
#marketing-popup .country-code > div.form-control:focus-within {
  border-color: #0da9a9 !important;
  box-shadow: 0 0 0 3px rgba(13,169,169,.1) !important;
}

/* actual number input — no own border */
#marketing-popup input.banner_number {
  height: 38px !important;
  width: 100% !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  color: #0f2d5e !important;
  background: transparent !important;
  box-shadow: none !important;
  display: block !important;
  outline: none !important;
}
#marketing-popup input.banner_number::placeholder { color: #b0bec5 !important; }
#marketing-popup input.banner_number:focus {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
/* ── CHECKBOX ── */
#marketing-popup .form-check {
  display: flex !important; align-items: flex-start !important;
  gap: 8px !important; padding: 0 !important; margin-bottom: 8px !important;
}
#marketing-popup .form-check-input {
  width: 14px !important; height: 14px !important; min-width: 14px !important;
  margin: 2px 0 0 !important; flex-shrink: 0;
  border: 1.5px solid #cbd5e0 !important; border-radius: 3px !important;
  box-shadow: none !important; accent-color: #0f2d5e; cursor: pointer;
}
#marketing-popup .form-check-label {
  font-size: 11px !important; color: #64748b !important; line-height: 1.5 !important;
}

/* ── SUBMIT ── */
#marketing-popup .enquir-btn {
  height: 44px !important;
  background: #0f2d5e !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  width: 100% !important;
  margin-top: 4px !important;
  cursor: pointer !important;
  transition: background .15s !important;
  letter-spacing: .02em !important;
}
#marketing-popup .enquir-btn:hover { background: #0da9a9 !important; }

/* ── ERRORS ── */
#marketing-popup span[class*="_error"] {
  font-size: 11px !important; color: #e53e3e !important;
  margin-top: 3px !important; display: block !important;
}

/* ── PRIVACY NOTE ── */
#marketing-popup .d-grid { display: flex !important; flex-direction: column; gap: 8px; }
#marketing-popup .d-grid::after {
  font-size: 11px; color: #94a3b8; text-align: center;
}
/* Enquire Now april 2026 End */


/* ================================
   SNX Contact Contact us buttons 2026
================================ */

.snx-page-contact section.course-banner {
  margin-top: 40px;
}

.snx-page-contact section.video-block {
	margin-top: 40px;
}

.snx-contact-fm {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* Desktop alignment */
@media (min-width: 768px) {
  .snx-contact-fm {
    justify-content: flex-start;
  }
}

/* ================================
   Base Button (Scoped)
================================ */
.snx-contact-fm .snx-btn {
  appearance: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  font-size: 14.5px;
  line-height: 1;
  padding: 14px 22px;
  border-radius: 8px;
  transition: all 0.25s ease;
  text-align: center;
  min-width: 180px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;

  white-space: nowrap;
}

/* ================================
   Primary Button
================================ */
.snx-contact-fm .snx-btn--primary {
  background: linear-gradient(135deg, #ff7a18, #ff4d00);
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(255, 77, 0, 0.25);
}

.snx-contact-fm .snx-btn--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(255, 77, 0, 0.35);
}

/* ================================
   Secondary Button
================================ */
.snx-contact-fm .snx-btn--secondary {
  background: transparent;
  color: #ff4d00;
  border: 2px solid #ff4d00;
}

.snx-contact-fm .snx-btn--secondary:hover {
  background: #ff4d00;
  color: #ffffff;
  transform: translateY(-2px);
}

/* ================================
   Active State
================================ */
.snx-contact-fm .snx-btn:active {
  transform: translateY(0);
  box-shadow: none;
}

/* ================================
   Mobile Optimization
================================ */
@media (max-width: 767px) {
  .snx-contact-fm {
    flex-direction: column;
  }

  .snx-contact-fm .snx-btn {
    width: 100%;
    min-width: 100%;
    padding: 15px;
  }
}
/* ================================
   SNX Contact Contact us buttons 2026
================================ */



.snx-zoho-trigger {
  cursor: pointer;
  transition: all 0.25s ease;
}

.snx-zoho-trigger:hover {
  transform: translateY(-3px);
  box-shadow: rgba(0,0,0,0.15) 0px 8px 20px;
}


/* May 2026 New course Page */