body {
  font-size: 14px;
  font-family: Poppins light, Arial, Helvetica, sans-serif;
  font-family: inherit;
}

html {
  overflow-x: hidden;
  position: relative;
  min-height: 100%;
}

h5 {
  font-size: 18px;
  font-weight: bold;
}

h6 {
  font-size: 18px;
  font-weight: normal;
}

.bg-primary,
.bg-success,
.bg-info,
.bg-warning,
.bg-danger {
  color: #ffffff;
}

p {
  text-align: justify;
}

#top .carousel-caption {
  left: auto;
  right: auto;
}

.bg-orange {
  background: #f95d34;
}

.btn-danger {
  background: rgb(244, 83, 37);
  background: radial-gradient(
    circle,
    rgba(244, 83, 37, 1) 0%,
    rgba(245, 83, 37, 1) 100%
  );
  border-radius: 10px;
  border: 0;
}

.btn-danger:hover {
  color: #ffffff;
  border: 0;
}

.text-danger {
  color: #d17a61 !important;
}

.text-infolite {
  color: #9ac9fd;
}

.text-blue {
  color: #014380;
}

.bg-lite {
  background: #f8f8f8;
}

.bg-medium {
  background: #a6a7ab;
}

.borderbtm {
  height: 3px;
  width: 100%;
}

.stikeymobile {
  background: #1c92ec;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
  font-size: 28px;
  position: fixed;
  bottom: 24px;
  left: 80px;
  z-index: 9999;
  cursor: pointer;
}

.stikeymobile:hover {
  box-shadow: 2px 2px 11px rgba(0, 0, 0, 0.7);
}

.card {
  -webkit-box-shadow: 0px 0px 8px 0px rgba(130, 130, 130, 1);
  -moz-box-shadow: 0px 0px 8px 0px rgba(130, 130, 130, 1);
  box-shadow: 0px 0px 8px 0px rgba(130, 130, 130, 1);
  border-radius: 10px;
  border: 0;
}

.card .color1 {
  background: #f6f4f4;
  border-radius: 10px;
  color: #131313;
}

.card .color2 {
  background: #f6f4f4;
  border-radius: 10px;
  color: #131313;
}

.card .color31 {
  background: #34a853;
  border-radius: 10px;
  color: #ffffff;
}

.card .color42 {
  background: #ea4335;
  border-radius: 10px;
  color: #ffffff;
}

.card .color3 {
  background: #f6f4f4;
  border-radius: 10px;
  color: #131313;
}

.card .color4 {
  background: #f6f4f4;
  border-radius: 10px;
  color: #131313;
}

.learning-path {
  position: absolute;
  top: 0px;
  left: auto;
}

#why-excelr .border-right {
  border-right: 2px solid #cccccc !important;
  padding-right: 5px;
}

/*.why-excelr {border-left:2px solid #cbcbcb;}*/

#what-learn .bg-altlite {
  background: #f0f0f0;
  border-radius: 10px;
}

.programme .card {
  min-height: 270px;
}

.learning-path {
  background: url(https://excelrindia.b-cdn.net/data_science_course_training/assets/images/process_bg_lp.jpg)
    no-repeat;
  width: 100%;
  padding-top: 15px;
  position: relative;
  min-height: 320px;
  display: block;
  background-size: cover;
}

.video-icon {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.font-500 {
  font-weight: 500;
}

.font-600 {
  font-weight: 600;
}

#myCarousel {
  position: relative;
}

#myCarousel .carousel-control-next {
  position: absolute;
  opacity: 1 !important;
  width: 20px !important;
  height: 20px !important;
  background-color: #ffffff !important;
  display: block !important;
  color: #000000;
  top: 40%;
  font-size: 14px;
  font-weight: bold;
  right: 15px;
}

#myCarousel .carousel-control-prev {
  position: absolute;
  opacity: 1 !important;
  background-color: #ffffff !important;
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  color: #000000;
  top: 40%;
  font-size: 14px;
  font-weight: bold;
  left: 15px;
}

.digitalpro {
  position: relative;
  height: auto;
  background-position: 50%;
  background-size: cover;
  min-height: 350px;
}
.mainbanner {
  width: 100%;
  background: url(../images/BANNER-1.jpg) no-repeat;
  position: relative;
  background-position: center center;
  background-size: cover;
  padding: 58px 0;
  background-attachment: fixed;
}
.classroom{
    background-attachment: fixed;
}
.bdr-rt {
  border-right: 3px solid #000;
}
.mainbanner .container .left{
  color: #fff;
}
.our01 {
  text-align: left;
}
.our-top {
  width: 100%;

  background: url(../images/OUR-ALUMNI-BG.png) no-repeat;
  position: relative;
  background-position: center center;
  background-size: cover;
  height: 0 auto;
  padding: 30px 0;
}

.reserve {
  width: 100%;

  background: url(../images/Girl.png) no-repeat;
  position: relative;
  background-position: center center;
  background-size: cover;
  height: 0 auto;
  padding: 30px 0;
}
.banner_content {
  z-index: 1010;
  position: relative;
  height: 100%;
}
.banner_content .card {
  height: 100%;
}
.bg_cover {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  z-index: 100;
}
[data-overlay] {
  position: relative;
}

.bg_cover::before {
  background: #07294d none repeat scroll 0 0;
}

[data-overlay]::before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
[data-overlay="3"]::before {
  opacity: 0.3;
}
[data-overlay="4"]::before {
  opacity: 0.4;
}
[data-overlay="5"]::before {
  opacity: 0.5;
}
[data-overlay="6"]::before {
  opacity: 0.6;
}
[data-overlay="7"]::before {
  opacity: 0.7;
}
[data-overlay="8"]::before {
  opacity: 0.8;
}
[data-overlay="9"]::before {
  opacity: 0.9;
}
ul.live-virtual {
  list-style: none;
  padding: 0;
}

ul.live-virtual li:last-child {
  border: 0;
}
ul.live-virtual li:before {
  content: "\f05b"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  font-size: 18px;
  position: absolute;
  left: 5px;
  top: 6px;
  color: #f8b425;
}

h3.dic-amt {
  list-style-type: none;
  position: relative;
  font-size: 20px;
  width: 100px;
}

.disam {
  background: url(https://excelrindia.b-cdn.net/data_science_course_training/assets/images/in2.svg)
    no-repeat;
  background-size: auto;
  top: 8px !important;
  padding: 36px;
  background-size: 100%;
  display: inline-block;
  position: absolute;
  left: 0px;
}

.border-btm {
  background: linear-gradient(
      to left,
      rgba(21, 35, 136, 1) 11%,
      rgba(102, 26, 75, 1) 64%,
      rgba(176, 17, 18, 1) 100%
    )
    left bottom no-repeat;
  background-size: 100% 3px;
  padding-bottom: 10px;
}

.border-btm-lite {
  background: linear-gradient(
      to left,
      rgba(21, 35, 136, 1) 11%,
      rgba(102, 26, 75, 1) 64%,
      rgba(176, 17, 18, 1) 100%
    )
    left bottom #dcdddf no-repeat;
  background-size: 100% 3px;
  padding-bottom: 10px;
}

.clip-path {
  clip-path: polygon(0 0, 88% 0, 100% 100%, 0% 100%);
  width: 60%;
}

.clip-path2 {
  clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%);
  width: 100%;
}

.font-12 {
  font-size: 12px;
}

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

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

.font-18 {
  font-size: 18px;
}

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

.font-24 {
  font-size: 24px;
}

.font-30 {
  font-size: 30px;
}

.font-500 {
  font-weight: 500;
}

.font-600 {
  font-weight: 600;
}

.header-title {
  font-size: 16px;
}
.card-title {
  font-size: 16px;
}

ul.listview {
  list-style: none;
  padding: 0;
}
ul.listview li {
  padding-left: 1.3em;
}
ul.listview li:before {
  content: "\f0da"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1em; /* same as padding-left set on li */
  width: 1em; /* same as padding-left set on li */
}

h3 {
  font-weight: 600;
  text-align: center;
  font-size: 28px;
}
.footer-menu ul {
  display: block;
}

.footer-menu ul li {
  float: left;
  display: block;
}

.footer-menu ul li a {
  float: left;
  display: block;
  color: #000002;
  padding: 5px 15px;
  text-decoration: none;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}

.bg-bluelite {
  background: #1c92ec;
}

#myCarousel2 {
  position: relative;
}

#myCarousel2 .carousel-control-next {
  position: absolute;
  opacity: 1 !important;
  width: 20px !important;
  height: 20px !important;
  background-color: #ffffff !important;
  display: block !important;
  color: #000000;
  top: 50px;
  font-size: 14px;
  font-weight: bold;
  right: 15px;
}

#myCarousel2 .carousel-control-prev {
  position: absolute;
  opacity: 1 !important;
  width: 20px !important;
  height: 20px !important;
  background-color: #ffffff !important;
  display: block !important;
  color: #000000;
  top: 50px;
  font-size: 14px;
  font-weight: bold;
  right: 38px;
  left: auto;
}

#myCarousel2 .card {
  min-height: 160px;
}

.certificate {
  background: #efedee;
}

@media (max-width: 768px) {
  .navbar {
    padding-left: 0px;
    padding-right: 0px;
  }
  .navbar .navbar-brand img {
    height: 40px;
  }
  .learning-path {
    min-height: 200px;
  }
  .cap-mob h1 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .cap-mob h4 {
    font-size: 16px;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
  }
  .cap-mob h3 {
    font-size: 18px;
    font-weight: bold;
  }
  #topbanner .btn {
    padding: 8px;
    font-size: 16px;
    line-height: 20px;
  }
  #topbanner .carousel-caption {
    margin-bottom: -40px;
  }
  #movies {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
  .impimg {
    min-height: 70px;
  }
  #movies h3 {
    font-size: 18px;
  }
  #movies img.w-100 {
    width: 40% !important;
    margin: 0px auto;
  }
  .bg-orange .border-right {
    border-right: 0px !important;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
  }
  /*#myCarousel2 img {width:120px; height:120px;}*/
  .programme .card {
    min-height: auto;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .learning-path {
    min-height: 240px;
  }
}
.carousel-item img {
  aspect-ratio: 11 / 8 !important;
  object-fit: cover;
  object-position: center;
  background: none;
}
/*********************************************************************/
/* Bootstrap 4 Multiple Item Carousel */
/*********************************************************************/
/* medium - display 2  */
@media (min-width: 768px) {
  #myCarousel .carousel-inner .carousel-item-right.active,
  #myCarousel .carousel-inner .carousel-item-next {
    transform: translateX(50%);
  }

  #myCarousel .carousel-inner .carousel-item-left.active,
  #myCarousel .carousel-inner .carousel-item-prev {
    transform: translateX(-50%);
  }

  #myCarousel2 .carousel-inner .carousel-item-right.active,
  #myCarousel2 .carousel-inner .carousel-item-next {
    transform: translateX(50%);
  }

  #myCarousel2 .carousel-inner .carousel-item-left.active,
  #myCarousel2 .carousel-inner .carousel-item-prev {
    transform: translateX(-50%);
  }
}

/* large - display 3 */
@media (min-width: 992px) {
  #myCarousel .carousel-inner .carousel-item-right.active,
  #myCarousel .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }

  #myCarousel .carousel-inner .carousel-item-left.active,
  #myCarousel .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  }

  #myCarousel2 .carousel-inner .carousel-item-right.active,
  #myCarousel2 .carousel-inner .carousel-item-next {
    transform: translateX(50%);
  }

  #myCarousel2 .carousel-inner .carousel-item-left.active,
  #myCarousel2 .carousel-inner .carousel-item-prev {
    transform: translateX(-50%);
  }
}

@media (max-width: 768px) {
  #myCarousel .carousel-inner .carousel-item > div {
    display: none;
  }

  #myCarousel .carousel-inner .carousel-item > div:first-child {
    display: block;
  }

  #myCarousel2 .carousel-inner .carousel-item > div {
    display: none;
  }

  #myCarousel2 .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}

#myCarousel .carousel-inner .carousel-item.active,
#myCarousel .carousel-inner .carousel-item-next,
#myCarousel .carousel-inner .carousel-item-prev {
  display: flex;
}

#myCarousel .carousel-inner .carousel-item-right,
#myCarousel .carousel-inner .carousel-item-left {
  transform: translateX(0);
}

#myCarousel2 .carousel-inner .carousel-item.active,
#myCarousel2 .carousel-inner .carousel-item-next,
#myCarousel2 .carousel-inner .carousel-item-prev {
  display: flex;
}

#myCarousel2 .carousel-inner .carousel-item-right,
#myCarousel2 .carousel-inner .carousel-item-left {
  transform: translateX(0);
}

/* Responsive adjustments for mobile */
@media (max-width: 992px) {
  .bdr-rt {
    border-right: unset
  }
    
}
@media (max-width: 768px) {
  .our-highlights {
    text-align: center;
  }
  .our01 {
    text-align: center;
  }
}

@media (max-width: 480px) {
  .our-highlights {
    text-align: center;
  }
  .our01 {
    text-align: center;
  }
}

.faqs {
  padding: 30px 0;
}
.accordion .card {
  margin-bottom: 4px;
  border-radius: 0;
  text-align: left;
}

.accordion .card-header {
  cursor: pointer;
  padding: 12px 10px;
  font-size: 14px;
}

.accordion .card-header:before {
  font-family: "FontAwesome";
  content: "\f106";
  float: right;
  font-size: 15px;
}

.accordion .card-header.collapsed:before {
  /* symbol for "collapsed" panels */
  content: "\f107";
}
.accordion .card-header:hover {
  color: #0069d9;
}

.accordion .card-body {
  font-size: 13px;
}

ul.live-virtual li {
  padding: 8px 1px 5px 29px;
  font-size: 15px;
  color: #818181;
  position: relative;
}
ul.live-virtual li:before {
  content: "\f05b";
  font-family: FontAwesome;
  display: inline-block;
  font-size: 18px;
  position: absolute;
  left: 5px;
  top: 6px;
  color: #5072a7;
}
.explore {
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  background: #0086ff;
  width: 250px;
  padding: 5px 5px;
  color: #ffff;
}
.jana02 {
  font-size: 20px;
  color: #ffff;
  font-weight: 500;
  text-align: center;
}
.btn-danger {
  background: #ffa52c;
  color: black;
  border-radius: 1px;
}
.btn-danger:hover {
  background: #ffa52c;
  color: black;
}
.btn-group-lg > .btn,
.btn-lg {
  padding: 10px 15px;
}
.whatis {
  background: #f9fafc;
}
.btn-link {
  font-weight: 400;
  color: #007bff;
  background-color: transparent;
  text-decoration: none;
}

.stikeywhatsup {
  background: #44c554;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
  font-size: 28px;
  position: fixed;
  bottom: 24px;
  left: 20px;
  z-index: 9999;
  cursor: pointer;
}

.stikeywhatsup:hover {
  box-shadow: 2px 2px 11px rgba(0, 0, 0, 0.7);
}

.certificationsBtn {
  position: absolute;
  right: -14px;
  top: -19px;
  background: #fff !important;
  border-radius: 50%;
  padding: 4px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer {
  padding: 20px 0;
  background-color: #072047;
}
.ft-li {
  margin-bottom: 0;
  margin-left: 0;
}
.ft-li li {
  list-style-type: none;
  padding: 10px 20px;
  display: inline;
  color: #fff;
  text-align: center;
}
.ft-li li a {
  color: #fff;
}
.ft-li li a:hover {
  color: #0d6efd;
}
ul,
p {
  letter-spacing: 0.5px;
  font-size: 16px;
}
a {
  text-decoration: none !important;
  outline: none;
}
.hrsep {
  width: 240px;
  height: 3px;
  background: #000;
  margin: 0px auto 30px auto;
}
.hrsep1 {
  width: 240px;
  height: 3px;
  background: #000;
}
.hrsep2 {
  width: 140px;
  height: 3px;
  background: #000;
  margin: 0px auto 30px auto;
}

.carousel-item {
  align-items: top !important;
}

ul.live-virtual li:before {
  content: "\f05b";
  font-family: FontAwesome;
  display: inline-block;
  font-size: 18px;
  position: absolute;
  left: 5px;
  top: 6px;
  color: #f8b425;
}
.showDiv {
  display: none;
}
.btnClr,
#showMore1,
#showMore2{
  background-color: #222269;
border-color: #222269;
box-shadow: unset;
color:#fff;
}
.btn-primary:hover, 
.btn.focus, .btn:focus,
.btnClr:focus,
#showMore1:focus,
#showMore2:focus,
.btnClr:active,
#showMore1:active,
#showMore2:active,
.btnClr:hover,
#showMore1::hover,
#showMore2::hover
{
    background-color: unset;
    border: unset;
    box-shadow: none;
}
.toolsAndTechnologies p,
#Projects p{
    font-weight:600;
}

.title {
  font-size: 38px;
  font-weight: 700;
}
.para {
  line-height: 1.1;
}
.mainbanner h4 {
  font-size: 20px;
  font-weight: 400;
}
.attendDemo a{
    display: inline-block;
    background: url(../images/DEMO-BUTTON.png) no-repeat;
    width: 140px;
    height: 54px;
    background-size: contain;
    background-position: center;
}
.courseOverview .right{}
.th, td {color:#000;}
@media (max-width: 998px) {
  .mainbanner .left {
    padding: 0 33px;
  }
  .mainbanner .title {
    font-size: 45px;
  }
  .mainbanner .h2 {
    font-size: 26px;
  }
  .mainbanner h4 {
    font-size: 25px;
  }
  .courseOverview .right{
      margin-top:28px;
  }
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
  .mainbanner .title {
    font-size: 24px;
  }
  .mainbanner h4 {
    font-size: 17px;
  }
}