.elementor-kit-377{--e-global-color-primary:#283237;--e-global-color-secondary:#7D30BB;--e-global-color-text:#283237;--e-global-color-accent:#D15868;--e-global-color-bbf52bc:#7D30BB;--e-global-color-5bf7ba7:#F4B942;--e-global-color-0d00e7f:#E14D66;--e-global-color-697dabd:#50B3F1;--e-global-color-dc4ad3d:#34BD84;--e-global-color-099c5f0:#283237;--e-global-color-34befcf:#898989;--e-global-color-12550a0:#283237;--e-global-color-e943f7a:#263238;--e-global-color-d77cbee:#FFFFFF;--e-global-color-9598b1e:#B386D7;--e-global-color-1f249c6:#E14D66;--e-global-color-6a13a70:#F7E6E9;--e-global-color-59b5476:#F4E9FF;--e-global-color-6ba05f1:#EAF8F2;--e-global-typography-primary-font-family:"Raleway";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Raleway";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Raleway";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Raleway";--e-global-typography-accent-font-weight:500;color:#212121;font-family:"Raleway", Sans-serif;font-size:16px;font-weight:600;}.elementor-kit-377 button,.elementor-kit-377 input[type="button"],.elementor-kit-377 input[type="submit"],.elementor-kit-377 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Raleway", Sans-serif;font-size:16px;font-weight:700;text-decoration:none;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:015px 025px 015px 025px;}.elementor-kit-377 button:hover,.elementor-kit-377 button:focus,.elementor-kit-377 input[type="button"]:hover,.elementor-kit-377 input[type="button"]:focus,.elementor-kit-377 input[type="submit"]:hover,.elementor-kit-377 input[type="submit"]:focus,.elementor-kit-377 .elementor-button:hover,.elementor-kit-377 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:#FFFFFF;box-shadow:0px 20px 50px 0px rgba(0, 0, 0, 0.25);}.elementor-kit-377 e-page-transition{background-color:#FFBC7D;}.elementor-kit-377 p{margin-block-end:15px;}.elementor-kit-377 a{color:#7D30BB;font-size:16px;font-weight:700;}.elementor-kit-377 h1{font-family:"Raleway", Sans-serif;font-size:48px;font-weight:700;line-height:56px;}.elementor-kit-377 h2{font-family:"Raleway", Sans-serif;font-size:28px;font-weight:700;line-height:43px;}.elementor-kit-377 h3{font-family:"Raleway", Sans-serif;font-size:20px;font-weight:700;line-height:27.5px;letter-spacing:0.23px;}.elementor-kit-377 h4{color:var( --e-global-color-primary );}.elementor-kit-377 img{border-style:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ✅ 1. Force the entire course grid section to take full width and center contents */
.page-id-342 .elementor-container {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  max-width: 100% !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

/* ✅ 2. Sidebar filter container - hide it completely or shrink */
.page-id-342 .elementor-widget-shortcode {
  display: none !important;
}

/* ✅ 3. The actual grid container - make it full-width and centered */
.eb-my-course.eb_course_cards_wrap {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 30px !important;
  margin: 0 auto !important;
  max-width: 1300px !important;
  padding: 40px 20px !important;
  box-sizing: border-box !important;
}

/* ✅ 4. The course card itself */
.eb-my-course .eb_course_card {
  width: 300px !important;
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

/* ✅ 5. Responsive behavior */
@media (max-width: 1024px) {
  .eb-my-course .eb_course_card {
    width: 45% !important;
  }
}
@media (max-width: 768px) {
  .eb-my-course .eb_course_card {
    width: 100% !important;
  }
}/* End custom CSS */