.elementor-568 .elementor-element.elementor-element-4090ffb{--display:flex;--min-height:938px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-568 .elementor-element.elementor-element-4090ffb:not(.elementor-motion-effects-element-type-background), .elementor-568 .elementor-element.elementor-element-4090ffb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.herreraformacion.es/wp-content/uploads/2026/04/Diseno-sin-titulo-60-1.webp");}.elementor-568 .elementor-element.elementor-element-b5a9ad6{width:100%;max-width:100%;}.elementor-568 .elementor-element.elementor-element-b5a9ad6.elementor-element{--align-self:center;}.elementor-568 .elementor-element.elementor-element-0c0c756{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:150px;--padding-left:15px;--padding-right:15px;}.elementor-568 .elementor-element.elementor-element-0c0c756:not(.elementor-motion-effects-element-type-background), .elementor-568 .elementor-element.elementor-element-0c0c756 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.herreraformacion.es/wp-content/uploads/2026/03/Diseno-sin-titulo-32.png");background-position:center center;background-repeat:no-repeat;}.elementor-568 .elementor-element.elementor-element-0c0c756::before, .elementor-568 .elementor-element.elementor-element-0c0c756 > .elementor-background-video-container::before, .elementor-568 .elementor-element.elementor-element-0c0c756 > .e-con-inner > .elementor-background-video-container::before, .elementor-568 .elementor-element.elementor-element-0c0c756 > .elementor-background-slideshow::before, .elementor-568 .elementor-element.elementor-element-0c0c756 > .e-con-inner > .elementor-background-slideshow::before, .elementor-568 .elementor-element.elementor-element-0c0c756 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-568 .elementor-element.elementor-element-1b8c7f0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );}.elementor-568 .elementor-element.elementor-element-e1321a5 .elementor-button{background-color:var( --e-global-color-primary );fill:var( --e-global-color-5f782af );color:var( --e-global-color-5f782af );}.elementor-568 .elementor-element.elementor-element-e1321a5 .elementor-button:hover, .elementor-568 .elementor-element.elementor-element-e1321a5 .elementor-button:focus{background-color:var( --e-global-color-secondary );}.elementor-568 .elementor-element.elementor-element-ea15143{--thim-ekits-course-columns:repeat(2, 1fr);--thim-ekits-course-column-gap:30px;--thim-ekits-course-row-gap:35px;}.elementor-568 .elementor-element.elementor-element-ea15143 > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-archive-course__topbar__result{color:var( --e-global-color-primary );}.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-archive-course__topbar__search input[type="search"]{background-color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );padding-left:calc( 50px / 3 );padding-right:calc( 50px / 3 );}.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-archive-course__topbar__search input[type="search"]:focus{color:#7a7a7a;border-color:#eceeef;}.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-archive-course__topbar__search button{min-width:50px;color:#7a7a7a;}.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-archive-course__topbar__search button:hover{background-color:#eceeef;}.elementor-568 .elementor-element.elementor-element-c0cc977{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-568 .elementor-element.elementor-element-c0cc977::before, .elementor-568 .elementor-element.elementor-element-c0cc977 > .elementor-background-video-container::before, .elementor-568 .elementor-element.elementor-element-c0cc977 > .e-con-inner > .elementor-background-video-container::before, .elementor-568 .elementor-element.elementor-element-c0cc977 > .elementor-background-slideshow::before, .elementor-568 .elementor-element.elementor-element-c0cc977 > .e-con-inner > .elementor-background-slideshow::before, .elementor-568 .elementor-element.elementor-element-c0cc977 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-568 .elementor-element.elementor-element-988d2f7 > .elementor-widget-container{padding:20px 15px 0px 15px;}.elementor-568 .elementor-element.elementor-element-988d2f7 .elementor-icon-wrapper{text-align:center;}.elementor-568 .elementor-element.elementor-element-988d2f7.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-568 .elementor-element.elementor-element-988d2f7.elementor-view-framed .elementor-icon, .elementor-568 .elementor-element.elementor-element-988d2f7.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-568 .elementor-element.elementor-element-988d2f7.elementor-view-framed .elementor-icon, .elementor-568 .elementor-element.elementor-element-988d2f7.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-568 .elementor-element.elementor-element-988d2f7 .elementor-icon{font-size:16px;}.elementor-568 .elementor-element.elementor-element-988d2f7 .elementor-icon svg{height:16px;}.elementor-568 .elementor-element.elementor-element-69b6bd5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 20px 20px 20px;border-radius:16px 16px 16px 16px;}.elementor-568 .elementor-element.elementor-element-c117be8{--display:flex;--min-height:938px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-568 .elementor-element.elementor-element-50c3e5e{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-568 .elementor-element.elementor-element-50c3e5e.e-con{--align-self:center;}.elementor-568 .elementor-element.elementor-element-30fc0df.elementor-element{--align-self:center;}.elementor-568 .elementor-element.elementor-element-ad5479b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-568 .elementor-element.elementor-element-6ba6843{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-568 .elementor-element.elementor-element-6ba6843::before, .elementor-568 .elementor-element.elementor-element-6ba6843 > .elementor-background-video-container::before, .elementor-568 .elementor-element.elementor-element-6ba6843 > .e-con-inner > .elementor-background-video-container::before, .elementor-568 .elementor-element.elementor-element-6ba6843 > .elementor-background-slideshow::before, .elementor-568 .elementor-element.elementor-element-6ba6843 > .e-con-inner > .elementor-background-slideshow::before, .elementor-568 .elementor-element.elementor-element-6ba6843 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-568 .elementor-element.elementor-element-cbf6fe3 > .elementor-widget-container{padding:20px 15px 0px 15px;}.elementor-568 .elementor-element.elementor-element-cbf6fe3 .elementor-icon-wrapper{text-align:center;}.elementor-568 .elementor-element.elementor-element-cbf6fe3.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-568 .elementor-element.elementor-element-cbf6fe3.elementor-view-framed .elementor-icon, .elementor-568 .elementor-element.elementor-element-cbf6fe3.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-568 .elementor-element.elementor-element-cbf6fe3.elementor-view-framed .elementor-icon, .elementor-568 .elementor-element.elementor-element-cbf6fe3.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-568 .elementor-element.elementor-element-cbf6fe3 .elementor-icon{font-size:16px;}.elementor-568 .elementor-element.elementor-element-cbf6fe3 .elementor-icon svg{height:16px;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button{bottom:15px;right:15px;width:50px;height:50px;z-index:9999;opacity:0.7;background-color:#000000;border-radius:5px;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button i{font-size:16px;color:#ffffff;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button svg{width:16px;height:16px;fill:#ffffff;}@media(min-width:768px){.elementor-568 .elementor-element.elementor-element-4090ffb{--width:100%;}.elementor-568 .elementor-element.elementor-element-1b8c7f0{--width:66%;}.elementor-568 .elementor-element.elementor-element-c0cc977{--width:33%;}.elementor-568 .elementor-element.elementor-element-6ba6843{--width:33%;}}@media(max-width:992px) and (min-width:768px){.elementor-568 .elementor-element.elementor-element-1b8c7f0{--width:100%;}}@media(min-width:1025px){.elementor-568 .elementor-element.elementor-element-0c0c756:not(.elementor-motion-effects-element-type-background), .elementor-568 .elementor-element.elementor-element-0c0c756 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-568 .elementor-element.elementor-element-4090ffb{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-568 .elementor-element.elementor-element-0c0c756{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-568 .elementor-element.elementor-element-ea15143{--thim-ekits-course-columns:repeat(2, 1fr);}.elementor-568 .elementor-element.elementor-element-988d2f7{width:initial;max-width:initial;z-index:2;}.elementor-568 .elementor-element.elementor-element-988d2f7 > .elementor-widget-container{padding:20px 15px 0px 15px;}.elementor-568 .elementor-element.elementor-element-988d2f7 .elementor-icon-wrapper{text-align:end;}.elementor-568 .elementor-element.elementor-element-988d2f7 .elementor-icon{font-size:16px;}.elementor-568 .elementor-element.elementor-element-988d2f7 .elementor-icon svg{height:16px;}.elementor-568 .elementor-element.elementor-element-69b6bd5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-568 .elementor-element.elementor-element-cbf6fe3{width:initial;max-width:initial;z-index:2;}.elementor-568 .elementor-element.elementor-element-cbf6fe3 > .elementor-widget-container{padding:20px 15px 0px 15px;}.elementor-568 .elementor-element.elementor-element-cbf6fe3 .elementor-icon-wrapper{text-align:end;}.elementor-568 .elementor-element.elementor-element-cbf6fe3 .elementor-icon{font-size:16px;}.elementor-568 .elementor-element.elementor-element-cbf6fe3 .elementor-icon svg{height:16px;}}@media(max-width:992px){.elementor-568 .elementor-element.elementor-element-4090ffb{--flex-wrap:wrap;}.elementor-568 .elementor-element.elementor-element-0c0c756{--flex-wrap:wrap;}.elementor-568 .elementor-element.elementor-element-e1321a5 > .elementor-widget-container{margin:0px 0px -40px 0px;}.elementor-568 .elementor-element.elementor-element-e1321a5 .elementor-button{border-radius:50px 50px 50px 50px;padding:12px 24px 12px 24px;}.elementor-568 .elementor-element.elementor-element-c117be8{--flex-wrap:wrap;}.elementor-568 .elementor-element.elementor-element-50c3e5e{--flex-wrap:wrap;}.elementor-568 .elementor-element.elementor-element-ad5479b{--flex-wrap:wrap;}}@media(max-width:767px){.elementor-568 .elementor-element.elementor-element-0c0c756:not(.elementor-motion-effects-element-type-background), .elementor-568 .elementor-element.elementor-element-0c0c756 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.herreraformacion.es/wp-content/uploads/2026/03/Diseno-sin-titulo-32.png");}.elementor-568 .elementor-element.elementor-element-0c0c756::before, .elementor-568 .elementor-element.elementor-element-0c0c756 > .elementor-background-video-container::before, .elementor-568 .elementor-element.elementor-element-0c0c756 > .e-con-inner > .elementor-background-video-container::before, .elementor-568 .elementor-element.elementor-element-0c0c756 > .elementor-background-slideshow::before, .elementor-568 .elementor-element.elementor-element-0c0c756 > .e-con-inner > .elementor-background-slideshow::before, .elementor-568 .elementor-element.elementor-element-0c0c756 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.herreraformacion.es/wp-content/uploads/2026/03/Diseno-sin-titulo-32.png");}.elementor-568 .elementor-element.elementor-element-1b8c7f0{--width:100%;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-568 .elementor-element.elementor-element-e1321a5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-568 .elementor-element.elementor-element-e1321a5 .elementor-button{border-radius:50px 50px 50px 50px;padding:12px 24px 12px 24px;}.elementor-568 .elementor-element.elementor-element-ea15143{--thim-ekits-course-columns:repeat(1, 1fr);}.elementor-568 .elementor-element.elementor-element-ea15143 > .elementor-widget-container{margin:0px 20px 0px 10px;}.elementor-568 .elementor-element.elementor-element-c0cc977{--width:100%;}.elementor-568 .elementor-element.elementor-element-988d2f7{z-index:9999;}.elementor-568 .elementor-element.elementor-element-69b6bd5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-568 .elementor-element.elementor-element-6ba6843{--width:100%;}.elementor-568 .elementor-element.elementor-element-cbf6fe3{z-index:9999;}}/* Start custom CSS for container, class: .elementor-element-4090ffb */@media (max-width: 991px) {
    .elementor-568 .elementor-element.elementor-element-4090ffb .elementor-column {
        width: 100% !important;
    }
    .filter-course {
      position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
    max-width: 300px;
    height: 100vh;
        transition: transform 0.25s ease-in-out;
        background-color: #fff;
    padding: 15px 0;
    transition: 0.3s;
    display: block;
    overflow-y: auto;
    transform: translate3d(300px, 0, 0);
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e1321a5 *//* ===== HNL COURSES — Sistema de diseño Herrera Next Level ===== */

/* --- TARJETA base --- */
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__item,
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item {
  background: linear-gradient(180deg, #ffffff 0%, #FCFBF8 100%) !important;
  border: 1px solid rgba(157,140,106,.18) !important;
  border-radius: 26px !important;
  box-shadow: 0 16px 40px rgba(30,30,30,.09) !important;
  overflow: hidden !important;
  transition: transform .28s ease, box-shadow .28s ease !important;
}
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__item:hover,
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 28px 56px rgba(30,30,30,.15) !important;
}
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item .course-thumbnail,
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__item .course-thumbnail {
  position: relative !important;
  overflow: hidden !important;
}
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item .course-thumbnail::after,
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__item .course-thumbnail::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, transparent 45%, rgba(10,10,10,.45) 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item .course-thumbnail img,
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__item .course-thumbnail img {
  transition: transform .5s ease !important;
  width: 100% !important;
  object-fit: cover !important;
}
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item:hover .course-thumbnail img,
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__item:hover .course-thumbnail img {
  transform: scale(1.04) !important;
}
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item .course-category a,
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__item .course-category a {
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 11px !important;
  border-radius: 999px !important;
  background: rgba(157,140,106,.10) !important;
  border: 1px solid rgba(157,140,106,.22) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: #9D8C6A !important;
  text-decoration: none !important;
}
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item .course-content,
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__item .course-content,
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-course-content {
  background: transparent !important;
  padding: 18px 20px 20px !important;
}
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item .course-title,
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item .course-title a,
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__item .course-title,
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__item .course-title a {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;
  letter-spacing: -.025em !important;
  color: #1E1E1E !important;
  text-decoration: none !important;
  margin-bottom: 10px !important;
}
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item .course-title a:hover,
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__item .course-title a:hover {
  color: #9D8C6A !important;
}
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item .course-title::after,
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__item .course-title::after {
  content: "" !important;
  display: block !important;
  width: 36px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #9D8C6A 0%, #CDBD98 100%) !important;
  margin-top: 10px !important;
}
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item .course-author,
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item .course-author a,
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__item .course-author,
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__item .course-author a {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #5F5F5F !important;
  text-decoration: none !important;
}
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item .course-meta,
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item .course-meta span,
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item .course-meta i,
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__item .course-meta span {
  font-size: 11px !important;
  color: #8A8A8A !important;
}
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item .course-price,
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__item .course-price,
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item .course-price * {
  font-family: 'Poppins', sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: -.03em !important;
  color: #1E1E1E !important;
}
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item .course-price .free-price,
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__item .free-price,
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item .lp_course_price_free {
  background: linear-gradient(90deg, #8B7A59 0%, #CDBD98 55%, #9D8C6A 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item .course-readmore a,
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__item .course-readmore a,
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item a.button,
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__item a.button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 10px 20px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #9D8C6A 0%, #B8A784 100%) !important;
  color: #fff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: 0 8px 20px rgba(157,140,106,.28) !important;
  transition: all .22s ease !important;
}
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item .course-readmore a:hover,
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__item .course-readmore a:hover,
.elementor-568 .elementor-element.elementor-element-e1321a5 .course-item a.button:hover,
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__item a.button:hover {
  background: linear-gradient(135deg, #8B7A59 0%, #9D8C6A 100%) !important;
  box-shadow: 0 12px 28px rgba(157,140,106,.38) !important;
  transform: translateY(-1px) !important;
  color: #fff !important;
}
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__sidebar {
  background: linear-gradient(180deg, #fff 0%, #FCFBF8 100%) !important;
  border: 1px solid rgba(157,140,106,.18) !important;
  border-radius: 26px !important;
  box-shadow: 0 16px 40px rgba(30,30,30,.08) !important;
  padding: 26px 22px !important;
  overflow: hidden !important;
}
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__sidebar .widget-title,
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__sidebar h2,
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__sidebar h3 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  color: #9D8C6A !important;
  margin-bottom: 14px !important;
}
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__sidebar label {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #3A3A3A !important;
}
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__sidebar .woof_submit_search_form,
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__sidebar button[type="submit"] {
  border-radius: 999px !important;
  background: linear-gradient(135deg, #9D8C6A 0%, #B8A784 100%) !important;
  color: #fff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  padding: 10px 20px !important;
  border: none !important;
  box-shadow: 0 8px 20px rgba(157,140,106,.25) !important;
  cursor: pointer !important;
}
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-course__sidebar .woof_reset_search_form {
  border-radius: 999px !important;
  background: transparent !important;
  border: 1px solid rgba(157,140,106,.30) !important;
  color: #9D8C6A !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  padding: 10px 20px !important;
  cursor: pointer !important;
}
.elementor-568 .elementor-element.elementor-element-e1321a5 .thim-ekits-archive-course__topbar {
  font-family: 'Poppins', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  color: #8A8A8A !important;
  text-transform: uppercase !important;
  margin-bottom: 18px !important;
}/* End custom CSS */
/* Start custom CSS for thim-ekits-archive-course, class: .elementor-element-ea15143 *//* ===== HNL COURSES — Sistema de diseño Herrera Next Level ===== */
/* ===== HNL COURSES — Sistema de diseño Herrera Next Level ===== */

/* --- TARJETA base (Arquitectura de doble capa) --- */

/* 1. Volver transparente la celda estructural padre (Elimina el cuadrado blanco) */
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item,
.elementor-568 .elementor-element.elementor-element-ea15143 .course-item,
body .learn-press-courses .course-item {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 2. Aplicar el diseño oscuro estrictamente a la capa interna */
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item > div,
.elementor-568 .elementor-element.elementor-element-ea15143 .course-item > div {
    background: #1E1E1E !important; 
    border: 1px solid rgba(157,140,106,.18) !important;
    border-radius: 26px !important;
    box-shadow: 0 16px 40px rgba(0,0,0,.25) !important; 
    overflow: hidden !important;
    transition: transform .28s ease, box-shadow .28s ease !important;
    height: 100% !important;
}

/* 3. Reasignar el efecto de elevación (hover) a la capa interna */
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item:hover > div,
.elementor-568 .elementor-element.elementor-element-ea15143 .course-item:hover > div {
    transform: translateY(-5px) !important;
    box-shadow: 0 28px 56px rgba(0,0,0,.40) !important; 
}

/* --- TARJETA base --- */
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item,
.elementor-568 .elementor-element.elementor-element-ea15143 .course-item {
  background: #1E1E1E !important; 
  border: 1px solid rgba(157,140,106,.18) !important;
  border-radius: 26px !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.25) !important; 
  overflow: hidden !important;
  transition: transform .28s ease, box-shadow .28s ease !important;
}

.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item:hover,
.elementor-568 .elementor-element.elementor-element-ea15143 .course-item:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 28px 56px rgba(0,0,0,.40) !important; 
}

.elementor-568 .elementor-element.elementor-element-ea15143 .course-item .course-thumbnail,
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item .course-thumbnail {
  position: relative !important;
  overflow: hidden !important;
}

.elementor-568 .elementor-element.elementor-element-ea15143 .course-item .course-thumbnail::after,
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item .course-thumbnail::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, transparent 45%, rgba(10,10,10,.45) 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.elementor-568 .elementor-element.elementor-element-ea15143 .course-item .course-thumbnail img,
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item .course-thumbnail img {
  transition: transform .5s ease !important;
  width: 100% !important;
  object-fit: cover !important;
}

.elementor-568 .elementor-element.elementor-element-ea15143 .course-item:hover .course-thumbnail img,
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item:hover .course-thumbnail img {
  transform: scale(1.04) !important;
}

.elementor-568 .elementor-element.elementor-element-ea15143 .course-item .course-category a,
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item .course-category a {
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 11px !important;
  border-radius: 999px !important;
  background: rgba(157,140,106,.10) !important;
  border: 1px solid rgba(157,140,106,.22) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: #9D8C6A !important;
  text-decoration: none !important;
}

.elementor-568 .elementor-element.elementor-element-ea15143 .course-item .course-content,
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item .course-content,
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-course-content {
  background: transparent !important;
  padding: 18px 20px 20px !important;
}

/* Textos de tarjeta invertidos para legibilidad en Modo Oscuro */
.elementor-568 .elementor-element.elementor-element-ea15143 .course-item .course-title,
.elementor-568 .elementor-element.elementor-element-ea15143 .course-item .course-title a,
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item .course-title,
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item .course-title a {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;
  letter-spacing: -.025em !important;
  color: #FFFFFF !important; 
  text-decoration: none !important;
  margin-bottom: 10px !important;
}

.elementor-568 .elementor-element.elementor-element-ea15143 .course-item .course-title a:hover,
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item .course-title a:hover {
  color: #9D8C6A !important;
}

.elementor-568 .elementor-element.elementor-element-ea15143 .course-item .course-title::after,
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item .course-title::after {
  content: "" !important;
  display: block !important;
  width: 36px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #9D8C6A 0%, #CDBD98 100%) !important;
  margin-top: 10px !important;
}

.elementor-568 .elementor-element.elementor-element-ea15143 .course-item .course-author,
.elementor-568 .elementor-element.elementor-element-ea15143 .course-item .course-author a,
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item .course-author,
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item .course-author a {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #E0E0E0 !important; 
  text-decoration: none !important;
}

.elementor-568 .elementor-element.elementor-element-ea15143 .course-item .course-meta,
.elementor-568 .elementor-element.elementor-element-ea15143 .course-item .course-meta span,
.elementor-568 .elementor-element.elementor-element-ea15143 .course-item .course-meta i,
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item .course-meta span {
  font-size: 11px !important;
  color: #B0B0B0 !important; 
}

.elementor-568 .elementor-element.elementor-element-ea15143 .course-item .course-price,
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item .course-price,
.elementor-568 .elementor-element.elementor-element-ea15143 .course-item .course-price * {
  font-family: 'Poppins', sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: -.03em !important;
  color: #FFFFFF !important; 
}

.elementor-568 .elementor-element.elementor-element-ea15143 .course-item .course-price .free-price,
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item .free-price,
.elementor-568 .elementor-element.elementor-element-ea15143 .course-item .lp_course_price_free {
  background: linear-gradient(90deg, #8B7A59 0%, #CDBD98 55%, #9D8C6A 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

.elementor-568 .elementor-element.elementor-element-ea15143 .course-item .course-readmore a,
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item .course-readmore a,
.elementor-568 .elementor-element.elementor-element-ea15143 .course-item a.button,
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item a.button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 10px 20px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #9D8C6A 0%, #B8A784 100%) !important;
  color: #fff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: 0 8px 20px rgba(157,140,106,.28) !important;
  transition: all .22s ease !important;
}

.elementor-568 .elementor-element.elementor-element-ea15143 .course-item .course-readmore a:hover,
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item .course-readmore a:hover,
.elementor-568 .elementor-element.elementor-element-ea15143 .course-item a.button:hover,
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__item a.button:hover {
  background: linear-gradient(135deg, #8B7A59 0%, #9D8C6A 100%) !important;
  box-shadow: 0 12px 28px rgba(157,140,106,.38) !important;
  transform: translateY(-1px) !important;
  color: #fff !important;
}

/* --- SIDEBAR / FILTRO --- */
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__sidebar {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 25px 0 !important;
  overflow: hidden !important;
}

.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__sidebar .widget-title,
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__sidebar h2,
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__sidebar h3 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  color: #9D8C6A !important;
  margin-bottom: 14px !important;
}

.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__sidebar label {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #3A3A3A !important;
}

.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__sidebar .woof_submit_search_form,
.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__sidebar button[type="submit"] {
  border-radius: 999px !important;
  background: linear-gradient(135deg, #9D8C6A 0%, #B8A784 100%) !important;
  color: #fff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  padding: 10px 20px !important;
  border: none !important;
  box-shadow: 0 8px 20px rgba(157,140,106,.25) !important;
  cursor: pointer !important;
  transition: all .22s ease !important;
}

.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-course__sidebar .woof_reset_search_form {
  border-radius: 999px !important;
  background: transparent !important;
  border: 1px solid rgba(157,140,106,.30) !important;
  color: #9D8C6A !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  padding: 10px 20px !important;
  cursor: pointer !important;
  transition: all .22s ease !important;
}

.elementor-568 .elementor-element.elementor-element-ea15143 .thim-ekits-archive-course__topbar {
  font-family: 'Poppins', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  color: #8A8A8A !important;
  text-transform: uppercase !important;
  margin-bottom: 18px !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-988d2f7 */.elementor-568 .elementor-element.elementor-element-988d2f7 {
    position: fixed;
    right: 0px;
    top: 0;
    z-index: 999999;
    cursor: pointer;
    transform: translate3d(350px, 0, 0);
    transition: 0.3s
}
.mobile-filter-open .elementor-568 .elementor-element.elementor-element-988d2f7 {
    transform: none;
}/* End custom CSS */
/* Start custom CSS for wp-widget-learnpress_widget_course_filter, class: .elementor-element-69b6bd5 *//* 1. Degradado monocromático elegante y acento superior */
.elementor-568 .elementor-element.elementor-element-69b6bd5 .learnpress-widget-wrapper,
.elementor-568 .elementor-element.elementor-element-69b6bd5 .lp-form-course-filter {
    background: linear-gradient(145deg, #1E1E1E 0%, #2A2A2A 100%) !important;
    padding: 25px !important;
    border-radius: 8px !important;
    border: 1px solid #333333 !important;
    border-top: 4px solid #9D8C6A !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.4) !important;
    overflow: hidden !important; 
}

.elementor-568 .elementor-element.elementor-element-69b6bd5 h5 {
    font-size: var(--thim-font-h4-font-size);
}

/* 2. Títulos más limpios con borde inferior translúcido */
.elementor-568 .elementor-element.elementor-element-69b6bd5 .lp-form-course-filter__title {
    color: #FFFFFF !important;
    font-family: var(--thim-font-title-font-family);
    font-size: var(--thim-font-h4-font-size);
    font-weight: 600;
    margin-bottom: 15px !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    padding-bottom: 10px !important;
}

/* 3. Textos de categorías con mayor luminosidad */
.elementor-568 .elementor-element.elementor-element-69b6bd5 .lp-form-course-filter__content .lp-course-filter__field label,
.elementor-568 .elementor-element.elementor-element-69b6bd5 .lp-form-course-filter__content span {
    font-weight: var(--thim-font-body-variant);
    color: #E0E0E0 !important;
    transition: color 0.3s ease !important;
    cursor: pointer;
}

.elementor-568 .elementor-element.elementor-element-69b6bd5 .lp-form-course-filter__content .lp-course-filter__field label:hover {
    color: #9D8C6A !important;
}

/* 4. Jerarquía visual de botones (Escritorio) */
.elementor-568 .elementor-element.elementor-element-69b6bd5 .lp-form-course-filter .course-filter-submit {
    background-color: #9D8C6A !important;
    color: #FFFFFF !important;
    border: none !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.elementor-568 .elementor-element.elementor-element-69b6bd5 .lp-form-course-filter .course-filter-reset {
    background-color: transparent !important;
    color: #9D8C6A !important;
    border: 1px solid #9D8C6A !important;
    transition: all 0.3s ease !important;
}

.elementor-568 .elementor-element.elementor-element-69b6bd5 .lp-form-course-filter .course-filter-submit:hover {
    background-color: #837456 !important;
}

.elementor-568 .elementor-element.elementor-element-69b6bd5 .lp-form-course-filter .course-filter-reset:hover {
    background-color: #9D8C6A !important;
    color: #FFFFFF !important;
}

/* 5. Comportamiento base en tablets/móviles */
@media (max-width:880px){
    .elementor-568 .elementor-element.elementor-element-69b6bd5 .elementor-widget-container,
    .elementor-568 .elementor-element.elementor-element-69b6bd5 .learnpress-widget-wrapper {
        background: linear-gradient(145deg, #1E1E1E 0%, #2A2A2A 100%) !important;
    }
}

/* 6. Centrado definitivo de botones en móvil (Sistema Flex Order) */
@media (max-width: 767px) {
    /* Convertimos el formulario entero en una columna estricta */
    .elementor-568 .elementor-element.elementor-element-69b6bd5 .lp-form-course-filter {
        display: flex !important;
        flex-direction: column !important;
    }

    /* 1º: Las categorías y precios arriba del todo */
    .elementor-568 .elementor-element.elementor-element-69b6bd5 .lp-form-course-filter > div {
        width: 100% !important;
        order: 1 !important; 
    }

    /* 2º: El botón Aplicar justo debajo, forzando margen para que NO se solape con la línea */
    .elementor-568 .elementor-element.elementor-element-69b6bd5 .lp-form-course-filter .course-filter-submit {
        display: block !important;
        width: 85% !important;
        margin: 30px auto 15px auto !important; 
        order: 2 !important; 
        position: static !important; /* CRÍTICO: Esto destruye el solapamiento */
    }

    /* 3º: El botón Restablecer debajo de Aplicar */
    .elementor-568 .elementor-element.elementor-element-69b6bd5 .lp-form-course-filter .course-filter-reset {
        display: block !important;
        width: 85% !important;
        margin: 0 auto 15px auto !important;
        order: 3 !important; 
        position: static !important;
    }

    /* 4º: El texto/botón de Cerrar al fondo del todo */
    .elementor-568 .elementor-element.elementor-element-69b6bd5 .lp-form-course-filter__close {
        order: 4 !important; 
        text-align: center !important;
        margin-top: 15px !important;
        width: 100% !important;
        position: static !important;
        color: #888888 !important; /* Gris elegante para el cierre */
    }
}

/* 7. Capa de carga AJAX con transparencia máxima (invisible) */
.elementor-568 .elementor-element.elementor-element-69b6bd5 .lp-widget-loading-change,
.elementor-568 .elementor-element.elementor-element-69b6bd5 .learnpress-widget-wrapper .lp-widget-loading-change,
body .learnpress-widget-wrapper.loading::before,
body .learnpress-widget-wrapper.loading::after,
body .lp-form-course-filter.loading::before,
body .lp-form-course-filter.loading::after,
body .lp-archive-course-loading {
    background-color: rgba(255, 255, 255, 0) !important;
    background: rgba(255, 255, 255, 0) !important;
    background-image: none !important;
    z-index: 9999 !important;
}

/* 8. Eliminar el borde de enfoque nativo del navegador al hacer clic */
.elementor-568 .elementor-element.elementor-element-69b6bd5 .lp-form-course-filter input[type="checkbox"]:focus,
.elementor-568 .elementor-element.elementor-element-69b6bd5 .lp-form-course-filter label:focus {
    outline: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c0c756 */@media (max-width: 991px) {
    .elementor-568 .elementor-element.elementor-element-0c0c756 .elementor-column {
        width: 100% !important;
    }
    .filter-course {
      position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
    max-width: 300px;
    height: 100vh;
        transition: transform 0.25s ease-in-out;
        background-color: #fff;
    padding: 15px 0;
    transition: 0.3s;
    display: block;
    overflow-y: auto;
    transform: translate3d(300px, 0, 0);
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c117be8 */@media (max-width: 991px) {
    .elementor-568 .elementor-element.elementor-element-c117be8 .elementor-column {
        width: 100% !important;
    }
    .filter-course {
      position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
    max-width: 300px;
    height: 100vh;
        transition: transform 0.25s ease-in-out;
        background-color: #fff;
    padding: 15px 0;
    transition: 0.3s;
    display: block;
    overflow-y: auto;
    transform: translate3d(300px, 0, 0);
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50c3e5e */@media (max-width: 991px) {
    .elementor-568 .elementor-element.elementor-element-50c3e5e .elementor-column {
        width: 100% !important;
    }
    .filter-course {
      position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
    max-width: 300px;
    height: 100vh;
        transition: transform 0.25s ease-in-out;
        background-color: #fff;
    padding: 15px 0;
    transition: 0.3s;
    display: block;
    overflow-y: auto;
    transform: translate3d(300px, 0, 0);
    }

}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cbf6fe3 */.elementor-568 .elementor-element.elementor-element-cbf6fe3 {
    position: fixed;
    right: 0px;
    top: 0;
    z-index: 999999;
    cursor: pointer;
    transform: translate3d(350px, 0, 0);
    transition: 0.3s
}
.mobile-filter-open .elementor-568 .elementor-element.elementor-element-cbf6fe3 {
    transform: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad5479b */@media (max-width: 991px) {
    .elementor-568 .elementor-element.elementor-element-ad5479b .elementor-column {
        width: 100% !important;
    }
    .filter-course {
      position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
    max-width: 300px;
    height: 100vh;
        transition: transform 0.25s ease-in-out;
        background-color: #fff;
    padding: 15px 0;
    transition: 0.3s;
    display: block;
    overflow-y: auto;
    transform: translate3d(300px, 0, 0);
    }

}/* End custom CSS */