.page-section {
   padding: 22px 0px 0px;
}
.section-text{
   padding: 20px 0px 40px;
}
.text-heading {
   color: #000000 !important;
   font-weight: 800;
   font-size: 36px;
   text-align: center;
}
.text-justify {
   text-align: justify;
}
.slider,
.slider>div {
   background-position: center center;
   display: block;
   width: 100%;
   height: 500px;
   position: relative;
   background-size: cover;
   background-repeat: no-repeat;
   background-color: #000;
   overflow: hidden;
   -moz-transition: transform .4s;
   -o-transition: transform .4s;
   -webkit-transition: transform .4s;
   transition: transform .4s;
}

.slider>div {
   position: absolute;
}

.slider>i {
   color: #fc0000;
   position: absolute;
   font-size: 60px;
   margin: 20px;
   top: 40%;
   text-shadow: 0 10px 2px #223422;
   transition: .3s;
   width: 18px;
   padding: 10px 13px;
   cursor: pointer;
   line-height: 0;
   box-sizing: content-box;
   border-radius: 3px;
   z-index: 4;
}

.slider>i svg {
   margin-top: 3px;
}

.slider>.left {
   left: -100px;
}

.slider>.right {
   right: -100px;
}

.slider:hover>.left {
   left: 0;
}

.slider:hover>.right {
   right: 0;
}

.slider>i:hover {
   background: #fff;
   background: rgba(255, 255, 255, .8);
   transform: translateX(-2px);
}

.slider>i.right:hover {
   transform: translateX(2px);
}

.slider>i.right:active,
.slider>i.left:active {
   transform: translateY(1px);
}

.slider:hover>div {
   transform: scale(1.01);
}

.hoverZoomOff:hover>div {
   transform: scale(1);
}

.slider>ul {
   position: absolute;
   bottom: 10px;
   left: 50%;
   z-index: 4;
   padding: 0;
   margin: 0;
   transform: translateX(-50%);
}

.slider>ul>li {
   padding: 0;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   list-style: none;
   float: left;
   margin: 10px 10px 0;
   cursor: pointer;
   border: 1px solid #fff;
   -moz-transition: .3s;
   -o-transition: .3s;
   -webkit-transition: .3s;
   transition: .3s;
}

.slider>ul>.showli {
   background-color: #7EC03D;
   -moz-animation: boing .5s forwards;
   -o-animation: boing .5s forwards;
   -webkit-animation: boing .5s forwards;
   animation: boing .5s forwards;
}

.slider>ul>li:hover {
   background-color: #7EC03D;
}

.slider>.show {
   z-index: 1;
}

.hideDots>ul {
   display: none;
}

.showArrows>.left {
   left: 0;
}

.showArrows>.right {
   right: 0;
}

.titleBar {
   z-index: 2;
   display: inline-block;
   background: rgba(0, 0, 0, .5);
   position: absolute;
   width: 100%;
   bottom: 0;
   transform: translateY(100%);
   padding: 20px 30px;
   transition: .3s;
   color: #fff;
}

.titleBar * {
   transform: translate(-20px, 30px);
   transition: all 700ms cubic-bezier(0.37, 0.31, 0.2, 0.85) 200ms;
   opacity: 0;
}

.titleBarTop .titleBar * {
   transform: translate(-20px, -30px);
}

.slider:hover .titleBar,
.slider:hover .titleBar * {
   transform: translate(0);
   opacity: 1;
}

.titleBarTop .titleBar {
   top: 0;
   bottom: initial;
   transform: translateY(-100%);
}

.slider>div span {
   display: block;
   background: rgba(0, 0, 0, .5);
   position: absolute;
   bottom: 0;
   color: #fff;
   text-align: center;
   padding: 0;
   width: 100%;
}

@keyframes boing {
   0% {
      transform: scale(1.2);
   }

   40% {
      transform: scale(.6);
   }

   60% {
      transform: scale(1.2);
   }

   80% {
      transform: scale(.8);
   }

   100% {
      transform: scale(1);
   }
}

/*  Navs & Tabs For Courses */
.nav-link {
   color: #2a2a2a;
   font-size: 18px;
   font-weight: 600;
   letter-spacing: 0.1px;
}

.nav-link:hover {
   color: #2b7c74;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
   background-color: #2b7c74 !important;
   color: #ffffff !important;
   padding: 7px;
   border-radius: 6px;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
   border: none;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active div {
   background-color: #00b29f !important;
   padding: 7px;
   border-radius: 6px;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active p,
.nav-tabs .nav-link.active h5 {
   color: #ffffff !important;
}

.nav-link p {
   font-size: 16px;
   margin: 0;
}

.nav-link h5 {
   font-size: 14px;
   font-weight: 600;
   margin: 0;
}

.head-signin {
   color: #00b19e !important;
   letter-spacing: 0.1px;
   font-size: 18px;
   font-weight: 1000 !important;
   border-bottom: 2px solid #00b19e !important;
}

.head-signin:hover {
   color: #3b8af2;
   border-bottom: 2px solid #fc0000 !important;
}

.head-tel {
   color: #0fa0da;
   font-size: 34px !important;
   font-weight: 600;
}

.head-wats {
   color: #009f3c;
   font-size: 38px !important;
   font-weight: 600;
}

.demo-btn {
   background-color: #FFFF60;
   color: #000000;
   border: none;
   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
   padding: 6px 20px 8px 26px;
   border-radius: 5px;
   font-weight: 800;
   font-size: 18px;
   letter-spacing: 0.2px;
}

.icon-bar-desktop {
   position: fixed;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
   top: 50%;
   right: 0;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   z-index: 9999;
}

@media (max-width: 769px) {
   .icon-bar-desktop {
      display: none;
   }
}

@media (min-width: 769px) {
   .icon-bar-mobile {
      display: none;
   }
}

.icon-bar a {
   display: block;
   text-align: center;
   padding: 12px 16px;
   transition: all 0.3s ease;
   color: #ffffff;
   font-size: 16px;
   z-index: 9999;
}

.icon-bar a:hover {
   color: #ffffff !important;
}

.facebook {
   background: #3B5998;
   color: #ffffff;
}

.instagram {
   background: #dd4b39;
   color: #ffffff;
}

.twitter {
   background: #55ACEE;
   color: #ffffff;
}

.linkedin {
   background: #007bb5;
   color: #ffffff;
}

.youtube {
   background: #bb0000;
   color: #ffffff;
}

.whatsapp {
   background: #25D366;
   color: #ffffff;
}

.slick-slider {
   margin: auto;
   width: 90%;
}

.slick-slider h3 {
   background: #FFF;
   color: #000;
   font-size: 136px;
   line-height: 200px;
   margin: 10px;
   padding: 2%;
   position: relative;
   text-align: center;
}

.slick-slider .slick-arrow {
   border: solid #FFF;
   border-width: 0 3px 3px 0;
   display: inline-block;
   margin-top: -10px;
   padding: 3px;
}

.slick-slider .slick-arrow::before {
   content: none;
}

.slick-slider .slick-next {
   transform: rotate(-45deg);
}

.slick-slider .slick-prev {
   transform: rotate(135deg);
}

.slick-slider .slick-dots li button {
   background-color: #FFF;
   border-radius: 50%;
}

.slick-slider .slick-dots li button::before {
   display: none;
}

.slick-slider .slick-dots li.slick-active button {
   background: transparent;
   border: 3px solid #FFF;
   border-radius: 50%;
}

.actions {
   margin-bottom: auto;
}

.actions .button {
   margin: 10px;
   width: 100%;
}

@media (min-width: 769px) {
   .actions .button {
      width: auto;
   }
}

/* Arrows */
.slick-prev,
.slick-next {
   position: absolute;
   display: block;
   height: 20px;
   width: 20px;
   line-height: 0px;
   font-size: 0px;
   cursor: pointer;
   background: transparent;
   color: transparent;
   top: 50%;
   -webkit-transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);
   transform: translate(0, -50%);
   padding: 0;
   border: none;
   outline: none;
}

.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
   outline: none;
   background: transparent;
   color: transparent;
}

.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
   opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
   opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
   font-family: "slick";
   font-size: 20px;
   line-height: 1;
   color: white;
   opacity: 0.75;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   /* Icons */
}

@font-face {
   font-family: 'slick';
   font-weight: normal;
   font-style: normal;
   src: url('./fonts/slick.eot');
   src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}

.slick-prev {
   left: -25px;
}

[dir="rtl"] .slick-prev {
   left: auto;
   right: -25px;
}

.slick-prev:before {
   content: "←";
}

[dir="rtl"] .slick-prev:before {
   content: "→";
}

.slick-next {
   right: -25px;
}

[dir="rtl"] .slick-next {
   left: -25px;
   right: auto;
}

.slick-next:before {
   content: "→";
}

[dir="rtl"] .slick-next:before {
   content: "←";
}

/* Dots */
.slick-dotted .slick-slider {
   margin-bottom: 30px;
}

.slick-dots {
   list-style: none;
   display: block;
   text-align: center;
   padding: 0;
   margin: 0 0 20px;
   width: 100%;
}

.slick-dots li {
   position: relative;
   display: inline-block;
   height: 20px;
   width: 20px;
   margin: 0 5px;
   padding: 0;
   cursor: pointer;
}

.slick-dots li button {
   border: 0;
   background: transparent;
   display: block;
   height: 20px;
   width: 20px;
   outline: none;
   line-height: 0px;
   font-size: 0px;
   color: transparent;
   padding: 5px;
   cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
   outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
   opacity: 1;
}

.slick-dots li button:before {
   position: absolute;
   top: 0;
   left: 0;
   content: "•";
   width: 20px;
   height: 20px;
   font-family: "slick";
   font-size: 6px;
   line-height: 20px;
   text-align: center;
   color: black;
   opacity: 0.25;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
   color: black;
   opacity: 0.75;
}

.button {
   background: #fff;
   border: 0 none;
   border-radius: 30px;
   color: #000;
   cursor: pointer;
   font-weight: bold;
   padding: 10px 40px;
   text-transform: uppercase;
}

.slick-slider .slick-arrow {
   border: solid #000000;
   border-width: 0 3px 3px 0;
   display: inline-block;
   margin-top: -10px;
   padding: 3px;
}

.slick-slider .slick-dots li button {
   background-color: #000000;
   border-radius: 50%;
}

.slick-slider .slick-dots li.slick-active button {
   background: transparent;
   border: 3px solid #fc0000;
   border-radius: 50%;
}

.nav-link {
   text-align: center;
   margin: 0;
}

.nav-link span {
   font-size: 14px;
   margin: 0;
}

.side-btn {
   padding: 0;
}

.side-btn .facebook {
   width: 100%;text-align: center;background-color: #3B5998;margin: 0;padding: 8px 0px;
}

.side-btn .instagram {
   width: 100%;text-align: center;background-color: #dd4b39;margin: 0;padding: 8px 0px;
}

.side-btn .linkedin {
   width: 100%;text-align: center;background-color: #007bb5;margin: 0;padding: 8px 0px;
}

.side-btn .linkedin {
   width: 100%;text-align: center;background-color: bb0000;margin: 0;padding: 8px 0px;
}

.centres-box {
   height: 100% !important;
   border-radius: 6px;
}

.centres-box-inner {
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
   border-radius: 2px 2px 0px 0px;
   margin-bottom: 40px;
}

.centres-text-box {
   padding: 0px 20px 10px;
   text-align: center;
}

.centres-text-box p {
   color: #333333;
   font-weight: bold;
   margin: 0;
}

.courses-box {
   background-color: #f1f1f1 !important;
   padding: 40px 0px;
   box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
   border-radius: 10px;
}
.coursesbtns {
   width: 93%;background-color: transparent;border: 2px solid #2b7c74;border-radius: 8px;margin: auto;text-transform: uppercase;font-size: 22px !important;font-weight: 800;
}
.konwmorebtn {
   background-color: #2b7c74;border: none;padding: 8px 16px;
}
.konwmorebtn a {
   font-weight: 700;text-decoration: none;color: #ffffff;
}
.konwmorebtn a:hover {
   color: #ffffff !important;
}

.paynowbtn {
   background-color: #2b7c74;border: none;padding: 8px 16px;
}
.paynowbtn {
   font-weight: 700;text-decoration: none;color: #ffffff;
}

label {
   font-size: 15px;
   font-weight: 700 !important;
}

label span.mandatory {
   color: #ff0000;
   padding-left: 5px;
}

.teams-box {
   box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
   border-radius: 10px;
   margin-bottom: 25px;
   padding: 8px;
   height: 100%;
}

a .teams-box:hover {
   background-color: #00b29f !important;
   color: #ffffff !important;
}

a .teams-box:hover h5 {
   background-color: #00b29f !important;
   color: #ffffff !important;
}

.tab-content {
   border: none;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px !important;
   padding: 20px;
   border-radius: 10px;
}

.course-details h1,
.course-details h2,
.course-details h3,
.course-details h4,
.course-details h5,
.course-details h6,
.course-details p,
.course-details table tr th,
.course-details table tr td,
.course-details ul li {
   color: #333333;
   text-align: justify;
}

.course-details h6 span {
   font-weight: normal;
}

.course-details ul li {
   list-style: square;
   text-align: justify;
}
.offerings-sidebar ul, .offerings-sidebar ul li, .offerings-sidebar ul li a {
   list-style: none;
   color: #333333;
   font-weight: 700;
   padding: 10px 0px;
   font-size: 18px;
}
.breadcrumb {
   justify-content: center;
}
.breadcrumb-item a {
   color: #333333;
}
.eventsbox {
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
   margin-bottom: 40px;
}
.valuesbox {
   box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
   margin-bottom: 40px;
   border-radius: 10px;
}
.valuesbox img {
   border-radius: 20px;
}

.user-name {
   color: #00b19e !important;
   letter-spacing: 0.1px;
   font-size: 18px;
   font-weight: 1000 !important;
   border-bottom: 2px solid #00b19e !important;
}

.logout-btn {
  color: #fc0000 !important;
  text-align: center;
  width: 100%;
  margin: auto;
  justify-content: center !important;
  align-items: center;
}
@media screen and (max-width: 768px) {
   .testimonials-desktop {
      display: none;
   }
   .slider-desktop {
      display: none;
   }
}
@media screen and (min-width: 768px) {
   .testimonials-mobile {
      display: none;
   }
   .slider-mobile {
      display: none;
   }
}