.elementor-kit-1747{--e-global-color-primary:#0D267E;--e-global-color-secondary:#1124F5;--e-global-color-text:#191919;--e-global-color-accent:#3F6AF7;--e-global-color-9811b50:#3E5164;--e-global-color-39ce9e2:#8E8E8E;--e-global-color-850ce3c:#FFD6A8;--e-global-color-0b15b58:#000000;--e-global-color-34eef88:#FFFFFF;--e-global-typography-primary-font-family:"Quicksand";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Mulish";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Mulish";--e-global-typography-accent-font-weight:500;}.elementor-kit-1747 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1340px;}.e-con{--container-max-width:1340px;}.elementor-widget:not(:last-child){margin-block-end: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 */body, html, a, p, strong, b, h1,h2,h3,h4,h5,h6,li,ul,ol {font-family:Mulish;}
.special {font-family:'Condiment';}

/* Course grid container using CSS Grid */
.course {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Individual course box styles */
.course li {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #ecf3f7;
  padding: 20px 10px;
  min-height: 110px;
  min-width: 120px;
  border: 1px solid #fff;
  box-sizing: border-box;
  text-decoration: none;
  transition: all 0.3s ease;
  height: 100%; /* ensures full height fill */
}

/* Import Mulish font */
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400&display=swap');

/* Grid container */
.category-course {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  padding: 0;
  margin: 0;
  list-style: none;
  font-family: 'Mulish', sans-serif;
}

/* Tablet: 2 columns */
@media (min-width: 768px) {
  .category-course {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Desktop: 4 columns */
@media (min-width: 992px) {
  .category-course {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Each card equal height */
.category-course li {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  overflow: hidden;
  text-align: center;
  transition: box-shadow 0.2s ease;
}

/* Image fixed aspect ratio */
.category-course li img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

/* Title link grows naturally */
.category-course li a {
  flex: 1 1 auto; /* allow to grow and shrink */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: #ECF3F7;
  color: #000;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  transition: color 0.2s ease;
}

/* Hover effect */
.category-course li:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.category-course li:hover a {
  color: #007cba;
}/* End custom CSS */