.title-filter{
    position: absolute;
    left: 0;
    top: -24px;
    width: 100%;
    background-color: #28a745;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
}
.title-filter h6{
    color: white;
    margin-bottom: 0;
}

.mainmenu .dropdown-toggle{
  cursor: pointer;
  display: inline-block;
  padding-right: 34px;
  font-weight: 400;

  color: #1a2b3c;

  text-decoration: none;
  outline: none;

  transition: 0.3s;

  touch-action: manipulation;

  background-color: transparent;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .mainmenu .dropdown-toggle{
    padding-right: 18px
  }
}

@media only screen and (max-width: 767px) {
  .slicknav_menu .dropdown-toggle{
    cursor: pointer;
    padding: 5px 10px;
    margin: 2px 5px;
    width: 100%;
  }
  .slicknav_menu .dropdown-toggle:hover{
    background: rgba(0, 0, 0, 0.15);
  }
}
.splide__arrow{
  transition: all 300ms ease-in-out;
}

.splide__arrow:disabled{
  opacity: 0;
}



/* Bundle Section */
.bundle-section {
  font-size: 90% !important;
}
.bundle-section .card-bundle{
  position: relative;
  background-color: #cfcfcf;
  border-radius: 20px;
  cursor: pointer;
  transition: all 300ms linear;
}
.bundle-section .card-bundle .bundle-img-container{
  display: flex;
  justify-content: center;
  flex-direction: column;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.bundle-section .card-bundle.active{
  background-color: #32AD79;
}
.bundle-section .card-bundle .bundle-img{
  display: flex;
  padding: 7px;
  margin: 0 auto;
  width: 75px;
  height: 75px;
}
.bundle-section .card-bundle .bundle-img-container p{
  color: #999999;
  font-weight: 700;
  line-height: 16px;
}
.bundle-section .card-bundle.active .bundle-img-container p{
  color: #1f2d3d;
}
.bundle-section .card-bundle .bundle-content h4{
  color: #dc3545;
}
.bundle-section .card-bundle.active .bundle-content h4{
  color: #EED66A;
}
.bundle-section .card-bundle .bundle-content .bundle-desc{
  color: #212529;
  line-height: 20px;
}
.bundle-section .card-bundle.active .bundle-content .bundle-desc{
  color: #FFFFFF;
}
.bundle-section .card-bundle .bundle-img .bundle-img-filterig{
  background-image: url('/admin-theme/dist/img/icon_bundling/icon_none_filterig.png');
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
  width: 75px;
  transition: all 300ms linear;
}
.bundle-section .card-bundle.active .bundle-img .bundle-img-filterig{
  background-image: url('/admin-theme/dist/img/icon_bundling/icon_filterig.png');
}
/* ============================= */
.bundle-section .card-bundle .bundle-img .bundle-img-videogold{
  background-image: url('/admin-theme/dist/img/icon_bundling/icon_none_vid.png');
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
  width: 75px;
  transition: all 300ms linear;
}
.bundle-section .card-bundle.active .bundle-img .bundle-img-videogold{
  background-image: url('/admin-theme/dist/img/icon_bundling/icon_gold_vid.png');
}
/* ============================== */
.bundle-section .card-bundle .bundle-img .bundle-img-videoplatinum{
  background-image: url('/admin-theme/dist/img/icon_bundling/icon_none_vid.png');
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
  width: 75px;
  transition: all 300ms linear;
}
.bundle-section .card-bundle.active .bundle-img .bundle-img-videoplatinum{
  background-image: url('/admin-theme/dist/img/icon_bundling/icon_platinum_vid.png');
}
/* ================================ */
.bundle-section .bundle-price{
  padding: 4px 7px;
  background-color: white;
  border-radius: 20px;
}
.bundle-section .bundle-price s{
  color: red;
}
@media only screen and (min-width: 991px) {
  .bundle-section {
    max-width: 800px;
    margin: 0 auto;
  }
}
/* End of bundle section */