#guru-component .pagetitle-cartbutton .uk-float-right {
    display: none;
}

#guru-component .gru-mycourses .pagetitle-cartbutton .uk-float-right {
    display: none;
}


.btn-white {

  border: 2px solid #fff;

  color: #fff;

}



.btn-white:hover,

.btn-white:focus,

.btn-white:active {

  background-color: #fff;

  color: #198754;

}



.t4-header {

  z-index: 200;

}



/* HERO SECTION

-------------------------------------------- */


.gru-sub-cat h3 {
    display: inherit!important;}

.gru-hero {

  background-image: url("/images/cover/hero-bg.jpg");

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  padding: 80px 0;

}



@media (min-width: 992px) {

  .gru-hero {

    padding: 140px 0;

  }

}



.gru-hero .container {

  position: relative;

  z-index: 10;

}



.gru-hero h1,

.gru-hero .hero-heading {

  line-height: 1.2;

}



.gru-hero p,

.gru-hero .lead {

  line-height: 1.75;

}



.gru-hero .sub-intro {

  border-radius: 10px;

  box-shadow: 0px 30px 50px rgba(26, 31, 35, 0.07);  

}



@media (min-width: 992px) {

  .gru-hero .sub-intro {

    margin-bottom: -230px;

  }

}



.hero-mask {

  background-color: rgba(0,0,0,0.4);

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

}





/* Features */

.gru-features-list {

  position: relative;

  padding-top: 64px;

  padding-bottom: 64px;

}



@media (max-width: 576px) {

  .gru-features-list {

    padding-top: 0;

    padding-bottom: 0;

  }

}



.gru-features-list .features-cover {

  border-radius: 8px;

  display: none;

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  overflow: hidden;  

}



@media (min-width: 768px) {

  .gru-features-list .features-cover {

    display: block;

  }

}



.gru-features-list .features-content {

  background-color: #fff;

  border-radius: 8px 0 0 8px;

  padding: 64px 24px;

  position: relative;

  z-index: 20;

}



@media (min-width: 992px) {

  .gru-features-list .features-content {

    background-color: rgba(255,255,255,0.95);

    padding: 64px 48px;

  }

}





/* FEATURES COURSE */

.courses-heading .lead {

  width: 100%;

}



@media (min-width: 992px) {

  .courses-heading .lead {

    width: 50%;

  }

}



.guru-module-courses-horizontal .guru-courses-list  {

  grid-template-columns: repeat(1, 1fr);

  grid-gap: 2rem;

}



@media (min-width: 768px) {

  .guru-module-courses-horizontal .guru-courses-list  {

    grid-template-columns: repeat(2, 1fr);

  }

}



@media (min-width: 992px) {

  .guru-module-courses-horizontal .guru-courses-list  {

    grid-template-columns: repeat(3, 1fr);

  }

}



.guru-module-courses-horizontal .guru-courses-list .guru-course-item-inner {

  background: #fff;

  box-shadow: 0px 30px 50px -14px rgba(26, 31, 35, 0.07);

  border-radius: 6px;

  margin-bottom: 0;

  height: 100%;

  padding: 24px 24px 32px 24px !important;

  transition: all 0.25s ease-in-out;

}



.guru-module-courses-horizontal .guru-courses-list .guru-course-item-inner:hover {

  box-shadow: 0px 30px 50px -14px rgba(26, 31, 35, 0.17);

}



.guru-module-courses-horizontal .guru-courses-list .guru-mod--courses__item-title {

  font-size: 1.25rem;

  font-weight: 600;

  display: block;

  margin-bottom: 12px;

}



.guru-module-courses-horizontal .guru-courses-list .guru-mod--courses__item-desc > p {

  font-size: 1rem;

}



.navbar-brand img { height: 60px; width: auto; }



#myTab {

  border-bottom: 2px solid #d1d5db;

  margin-bottom: 8px;

}



#myTab li {

  padding: 0 8px;

}



#myTab .nav-link {

  border: 0;

  border-radius: 0;

  color: var(--body-text-color);

  font-size: 1rem;

  padding: 8px 0;

  position: relative;

  margin-bottom: -2px;

}



#myTab .nav-link::after {

  background: #6b7280;

  content: "";

  display: block;

  position: absolute;

  bottom: 0;

  height: 2px;

  left: 16px;

  opacity: 0;

  right: 16px;

  transition: all 0.25s ease;

}



#myTab .nav-link:hover::after {

  opacity: 1;

  left: 0;

  right: 0;

}



#myTab .nav-link.active {

  background: transparent;

  border: 0;

  color: var(--t4-primary);

}



#myTab .nav-link.active::after {

  background-color: var(--t4-primary);

  opacity: 1;

  left: 0;

  right: 0;

}



.guru-mod--courses__item-title {

  color: var(--body-text-color);

}



.guru-mod--courses__item-title:hover,

.guru-mod--courses__item-title:focus,

.guru-mod--courses__item-title:active {

  color: var(--body-link-hover-color);

}





/* Gru social list */

.gru-social-list {

  list-style: none;

}



.gru-social-list li {

  padding: 0 6px;

}



.gru-social-list li a {

  color: rgba(255,255,255, 1);

  font-size: 18px;

  opacity: .3;

}



.gru-social-list li a:hover,

.gru-social-list li a:focus,

.gru-social-list li a:active {

  opacity: 1;

}



.t4-offcanvas .t4-off-canvas-body .t4-module .module-inner {

  padding-left: 0;

  padding-right: 0;

}



.tag-category .filters {

  flex-wrap: wrap;

}



@media (max-width: 576px) {

  .tag-category .filters .input-group {

    margin-bottom: 16px;

  }

}