body {
    color: #282829!important;
}

iframe {
  width: 100%;
  min-height: 390px;
  margin: auto !important;
}


.height250 {
    height: 250px;
}
.crosell {
    max-height: 400px !important;
}

.course-area.py-120.kcu.kms {
    padding-top: 0px;
}
.course-img {
  height: 230px!important;
  overflow: hidden!important;
}
.filter-btns {
    display: flex;        
    flex-wrap: nowrap;    
    overflow-x: auto;    
    padding: 10px 0; 
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}

.filter-btns li {
  margin-right: 0px;
  list-style: none;
  cursor: pointer;
  white-space: nowrap;
  background: #333;
  padding: 10px 20px;
  border-radius: 10px;
  color: #fff;
}

.filter-btns li.active, .filter-btns li:hover {
  color: #333 !important;
  background: #ddd!important;
}
.filter-btns li::before {
  background: transparent!important;
}
.filter-btns li:last-child {
    margin-right: 0;      
}


    .container {
        max-width: 2000px!important;
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
    }
    .py-120 { 
        margin-top: 0px;
    }   
    .testimonial-area.bg.py-120 {
        margin-top: 0px!important;
    }
    
    .course-area.bg.py-120 {
      padding-top: 0px;
      padding-bottom: 0px;
    }
    .row.align-items-center {
      margin-top: -60px;
      padding-bottom: 0px;
      height: 530px;
    }
    
    .course-area.py-120 {
        padding-top: 0px;
    }
    .hero-single {
        padding-top: 0px!important;
    }
    
    .feature-area2.mt-4 {
        margin-top: -90px !important;
    }
    
    #demo {
        margin-top: -30px;
    }
    
    .sidebar-fixed {
      position: fixed;
      top: 0px;
      width: 32%;
      /*padding: 0px 0px 0px 15px;*/
      transition: ease .3s all;
    }
    
    /*.wrapper {*/
    /*    margin-left: 33%;*/
    /*    padding: 0px 14px 0px 0px;*/
        /*transition: ease .3s all;*/
    /*}*/
    
    
    .course-info {
      margin-top: 0px!important;
    }
    
    #sidebar{
        /* transition: ease .3s all; */
    }
    .cta-area.py-5 {
      background: #1089ff;
    }
    .cta-wrapper {
        padding:30px 0px!important;
        background: transparent!important;
    }
    .course-title {
        font-size: 14px;
    }
    .course-info {
        font-size: 12px;
    }
    .course-area.bg.py-120.pelatiha {
      margin-top: -120px!important;
      padding-top: 0px!important;
      padding-bottom: 0px;
    }
    .course-single {
        margin-top: -70px;
    }

    .course-area.py-120.kcu.kms {
      margin-top: 1px !important;
    }

    .container.mt-5 {
        padding-top: 80px;
    }

  

    /* TEST */
    .course-area.py-120.kcu {
        margin-top: -120px!important;
        margin-bottom: 0px!important;
    }
    .course-area.py-120.kcu.kcu-search {
        margin-top: 0px!important;
        margin-bottom: 0px !important;
    }
    .course-instructor > h6 {
        font-size: 12px;
    }
    .course-item-fix {
        height: 580px;
    }
    .course-item-fix.img-thumbnail {
        max-height: 300px;
        overflow:hidden;
    }
    
    .site-breadcrumb .breadcrumb-title {
        color:#fff!important;
    }
    
    .site-breadcrumb .breadcrumb-menu li {
        color: #fff!important;
    }
    
    .hero-single .hero-content .hero-sub-title {
        color: #fff!important;
    }
    .hero-single .hero-content .hero-title span {
        color: #fff!important;
    }
    
    .hero-single .hero-content p {
        color: #fff!important;
    }
    
    .hero-single .hero-content .hero-title {
        color: #fc01be !important;
    }
    
    .cta-area.py-5 {
        /*background: linear-gradient(100deg, #033, #235390);*/
        background: rgb(252,1,190);
        background: linear-gradient(90deg, rgba(252,1,190,1) 9%, rgba(0,50,255,1) 100%);
    }
    .site-title span {
        color: #15406a;
    }
    .theme-btn {
        background: #15406a;
    }
    .btn-primary, .btn-success {
        background: #15406a;
    }
    .instructor-tag {
        background: #15406a;
    }
    .instructor-social a {
        color: #15406a;
    }
    .course-bottom {
      position: absolute;
      width: 90%;
      bottom: 30px;
      border: 0px solid #ddd!important;
    }
    .navbar-brand img {
      width: 180px;
    }
    span.navbar-toggler-icon > i {
        font-size: 14px;
    }
    
    .faq-area.mt-n5 {
      margin-top: -60px!important;
      position: relative;
      z-index: 10;
    }
    
    .cta-img > img {
      width: 300px;
      height: 300px;
    }
    
    .course-enrolled {
      margin-top: 5px;
      position: absolute;
      margin-left: 10px;
    }
    .course-info {
      margin-top: 45px;
    }
    .course-item {
        height: 460px;
    }
    
    .margin-top-ok {
        margin-top: 200px;
    }
    
    .navbar {
        /*background: linear-gradient(100deg, #033, #235390);*/
        background: rgb(252,1,190);
        background: linear-gradient(90deg, rgba(252,1,190,1) 9%, rgba(0,50,255,1) 100%);
        color: #fff;
        transition: ease all .3s!important;
    }
    .fixed-topp {
        transition: ease all .3s!important;
        margin-top: 50px;
    }
    .navbar {
        border-bottom: 5px solid #ff0000!important;
    }
    .navbar.navbar-expand-lg.fixed-top {
        /*background: linear-gradient(100deg, #033, #235390);!important;*/
        background: rgb(252,1,190);
        background: linear-gradient(90deg, rgba(252,1,190,1) 9%, rgba(0,50,255,1) 100%);
        
    }
    
    .carousel-item::before {
        background: transparent!important;
    }
    .kategori1 {
        background: rgba(103, 201, 56, 0.6);
    }
    .kategori2 {
        /*background: #1b4264 ;*/
        background: rgba(35, 34, 74, 0.4);
        
    }
    
    .category-item-icon {
        background: transparent;
        color:#eee;
    }
    
    .category-item-content span {
        color: #eee;
    }
    .category-item-content h4 {
        color: #eee;
    }
    
    .category-item.kategori1:hover {
       background: rgba(103, 201, 56, 1);
    }
    .category-item.kategori2:hover {
         background: rgba(35, 34, 74, 1);
        
    }
    
    .py-120 { 
        padding: 0px 0px;
    }
    
    .kms-item {
        height: 420px;
    }
    .kms-bottom {
      bottom: 15px;
    }
    .kms-info {
      margin-top: 60px;
    }
    .bottom-0 > ul > li {
      float: left;
      padding: 0px 10px 0 0px;
    }
    .bottom-0 > ul > li > i {
      padding: 0 4px 0px 0px;
    }
    .footer-area {
        /*background: linear-gradient(100deg, #033, #235390);*/
        background: rgb(252,1,190);
        background: linear-gradient(90deg, rgba(252,1,190,1) 9%, rgba(0,50,255,1) 100%);
    }
    
    
    
    .navbar {
        transition: top 0.3s;
    }
    
    .course-single-sidebar-wrapper {
        background: #ecedf1 !important;
        background-color:#ecedf1 !important;
        border-radius: 8px;
        padding: 0px;
        box-shadow: 0px 0px 0px 0px rgb(1 11 60 / 10%)!important;
    }
    
    .mt-6 {
      margin-top: 80px;
    }
    .course-single-content {
        margin-top : 0px!important;
    }
    
    .course-instructor {
        /*max-width: 45px!important;*/
        gap: 15px!important;
    }
    
    img.height33.img-float {
        max-height: 45px !important;
    }
    
    .course-instructor > img {
        max-height: 50px;
    }
    .course-instructor > h6 {
        font-size: 15px!important;
    }
    
    .play-btn.popup-youtube {
      display: none;
    }
    
    .widget .widget-title::before {
        border-bottom: 3px solid #fc01be;
    }
    
    .widget .widget-title::after {
        border-bottom: 3px solid #fc01be;
    }
    .widget .category-list a i {
        color: #fc01be!important;
    }
    .widget .category-list a:hover {
        color: #fc01be!important;
    }
    
    .course-lecture i {
        color: #fc01be!important;
    }
    .pagination .page-link:hover, .pagination .page-item.active .page-link {
        background: #9B17D2!important;
    }
    .hero-search button {
        background: #382CDA!important;
    }
    
    .course-tag-1 {
        background: #382CDA!important;
    }
    .course-tag-3 {
        background: #fc01be!important;;
    }
    .course-tag-2 {
        background: #9B17D2;
    }
    .badge.badge-primary.bg-primary.badge-pill {
      background: #FC00BE !important;
    }
    
    #searchButton {
      background: #525499;
      border: #525499;
    }
    
    .card-header {
      background: #282829;
      color: #fff;
    }
    
    .bg {
      background-color: #FBFBFB !important;
    }
    
    .instructor-area.py-120 {
      background: #DDDCE1!important;
    }
    
    .blog-area.pt-120 {
       background: #DDDCE1!important;
    }
    
    .btn-primary, .btn-success {
      background: #525499!important;
    }
    .btn:hover {
        background: #382CDA!important;
    }
    /*.filter-btns li.active, .filter-btns li:hover {*/
    /*    color: #382CDA!important;*/
    /*}*/
    /*.filter-btns li::before {*/
    /*    background: #382CDA!important;*/
    /*}*/
    .site-title span {
      color: #382CDA;
    }
    
    .testimonial-quote-icon {
        color: #525499!important;
    }
    
    .testimonial-area .owl-dots .owl-dot.active span {
        background-color: #525499!important;
    }
    .testimonial-area .owl-dots .owl-dot span {
        background-color: #525499!important;
    }
    
    .theme-btn {
        background: #525499!important;
    }
    
    .header-btn {
        background: #282829!important;
    }
    .header-btn {
      padding: 5px 30px !important;
    }
    
    #scroll-top {
        background: #FC00BE!important;
    }
    
    .card-header > .title-1 > h6.course-single-title {
      color: #FBFBFB!important;
    }
    
    .card-header > h5.course-single-title {
      color: #FBFBFB!important;
    }
    .card-body.bg-white > .title-1 > h6.course-single-title {
      color: #333 !important;
    }
    
    .btn.btn-success.btn-lg.bg-success {
      border: 0px solid #ddd;
    }

    @media only screen and (max-width: 1366px) {
        .course-info {
          margin-top: -20px!important;
        }
        .pt-120 {
          padding-top: 0px!important;
        }
        .pb-80 {
          padding-bottom: 0px!important;
        }
        /*.sidebar-fixed {*/
        /*    width: 31.88888888%!important;*/
        /*}*/
    }
    
    @media (min-width: 1200px) {
        .container, .container-sm, .container-md, .container-lg, .container-xl {
            max-width: 1320px;
        }
        .pt-120 {
          padding-top: 0px!important;
          /* margin-top: -250px!important; */
        }
        
        .pb-80 {
          padding-bottom: 0px!important;
        }
    }
    
    @media only screen and (max-width: 1199px) {
        .hero-single {
            padding-top: 0px;
            padding-bottom: 0px;
        }
        .sidebar-fixed {
            width: 25%!important;
        }
        .course-bottom > a {
            display: none;
        }
        
        .course-bottom {
          position: absolute;
          width: 100%;
          bottom: 20px;
        }
        .course-price > span > a {
          width: 100%;
        }
        
        .navbar-brand > img {
            max-width: 150px;
        }
        
        .navbar-brand {
            padding: 0px;
        }
        .course-info {
            /*display:none;*/
        }
        
        .kms-item {
            max-height: 420px;
        }
        .course-item {
            height: 420px;
        }
        
        .faq-area.mt-n5 {
            margin-top: 20px !important;
        }
        
        .course-info {
          display: none !important;
        }
        .course-item-fix {
          height: 330px!important;
        }
        .text-nowrap {
          font-size: 12px!important;
        }
        
        .mt-3.card {
          margin-bottom: 30px!important;
        }
        
        .cta-img {
            display: none;
        }
        
        .video-container {
          width: 100%; /* Adjust width for smaller screens */
          margin-top: 100px!important;
    
        }
        
        .row.align-items-center {
          padding-top: 150px;
        }
        .course-area.py-120.kcu {
            margin-top: 0px!important;
        }
        
        .site-breadcrumb.hero-single {
          padding-top: 0px !important;
        }
        
        .sidebar-fixed {
            width: 30.88899999999% !important;
         }

    }
    
    @media only screen and (max-width: 800px) {
        .hero-single {
            padding-top: 100px!important;
            padding-bottom: 0px;
          }
          
        .sidebar-fixed {
            position: relative!important;
            width: 100%!important;
            top: 0px!important;
        }
        .wrapper {
            margin-left: 0!important;
        }
        #main_nav > ul > li > a {
            color: #333 !important;
        }
        
        .header-btn {
            margin-left: -20px;
        }
        .hero-content {
          padding-top: 25px;
        }
        
        .faq-area.mt-n5 {
            margin-top: 20px !important;
        }
        
        .margin-top-ok {
            margin-top: 0px!important;
        }
        
        /*.cta-img {*/
        /*    display: none;*/
        /*}*/
        
        .site-breadcrumb.hero-single {
          padding-top: 100px !important;
        }

    }
    
@media (max-width: 600px) {
    .video-container {
      width: 100%; /* Adjust width for smaller screens */
      margin-top: 100px;
      margin-bottom: 20px;

    }
    
    .cta-img {
        display: none;
    }
    
    .course-area.bg.py-120 {
      display: none;
    }
    
    .py-120 {
      margin-top: 0px;
    }
    
    .instructor-item {
        height: 480px;
    }
    
    a.header-btn {
        width: 100vw;
        color: #fff;
    }
    
    /*.site-breadcrumb.hero-single {*/
    /*  padding-top: 100px !important;*/
    /*  padding-bottom: 50px;*/
    /*}*/
    
    /*.course-area.py-120.kcu {*/
    /*    margin-top: -450px !important;*/
    /*}*/
    .widget.category {
      width: 400px;
      margin-left: -50px;
    }
    
    
}