.elementor-3111 .elementor-element.elementor-element-1b860bc{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3111 .elementor-element.elementor-element-f1b5bc3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.ee-tooltip.ee-tooltip-bbd059f.to--top,
							 .ee-tooltip.ee-tooltip-bbd059f.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-bbd059f.to--left,
							 .ee-tooltip.ee-tooltip-bbd059f.to--right{margin-top:0px;}.elementor-3111 .elementor-element.elementor-element-1883fde{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3111 .elementor-element.elementor-element-eb521dd .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-3111 .elementor-element.elementor-element-b1030a6{font-size:24px;line-height:39px;color:var( --e-global-color-text );}.elementor-3111 .elementor-element.elementor-element-250e5b2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.ee-tooltip.ee-tooltip-5cce330.to--top,
							 .ee-tooltip.ee-tooltip-5cce330.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-5cce330.to--left,
							 .ee-tooltip.ee-tooltip-5cce330.to--right{margin-top:0px;}.elementor-3111 .elementor-element.elementor-element-6635499 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-3111 .elementor-element.elementor-element-a2f9579{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3111 .elementor-element.elementor-element-e85d0ed{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3111 .elementor-element.elementor-element-8012e20{--display:flex;}.ee-tooltip.ee-tooltip-b9dd97a.to--top,
							 .ee-tooltip.ee-tooltip-b9dd97a.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-b9dd97a.to--left,
							 .ee-tooltip.ee-tooltip-b9dd97a.to--right{margin-top:0px;}.elementor-3111 .elementor-element.elementor-element-b9dd97a img{width:100%;border-radius:0px 0px 0px 0px;}.elementor-3111 .elementor-element.elementor-element-ea0ceda{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:0px;}.elementor-3111 .elementor-element.elementor-element-6d8a307{text-align:left;}.elementor-3111 .elementor-element.elementor-element-6d8a307 .elementor-heading-title{font-family:"bio-sans", Sans-serif;font-size:42px;font-weight:600;color:var( --e-global-color-text );}.elementor-3111 .elementor-element.elementor-element-a3b5491{--display:flex;}.elementor-3111 .elementor-element.elementor-element-22e826c{--display:grid;--min-height:328px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-3111 .elementor-element.elementor-element-54e4a32{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3111 .elementor-element.elementor-element-3500946{--display:flex;}.ee-tooltip.ee-tooltip-89139bd.to--top,
							 .ee-tooltip.ee-tooltip-89139bd.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-89139bd.to--left,
							 .ee-tooltip.ee-tooltip-89139bd.to--right{margin-top:0px;}.elementor-3111 .elementor-element.elementor-element-89139bd img{width:100%;border-radius:0px 0px 0px 0px;}.elementor-3111 .elementor-element.elementor-element-f697589{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:0px;}.elementor-3111 .elementor-element.elementor-element-78bfac0{text-align:left;}.elementor-3111 .elementor-element.elementor-element-78bfac0 .elementor-heading-title{font-family:"bio-sans", Sans-serif;font-size:42px;font-weight:600;color:var( --e-global-color-text );}.elementor-3111 .elementor-element.elementor-element-01f7a4c{--display:flex;}.elementor-3111 .elementor-element.elementor-element-8cd6a72{--display:grid;--min-height:328px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-3111 .elementor-element.elementor-element-0907979{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3111 .elementor-element.elementor-element-efb2f57{--display:flex;}.ee-tooltip.ee-tooltip-4461bd4.to--top,
							 .ee-tooltip.ee-tooltip-4461bd4.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-4461bd4.to--left,
							 .ee-tooltip.ee-tooltip-4461bd4.to--right{margin-top:0px;}.elementor-3111 .elementor-element.elementor-element-4461bd4 img{width:100%;border-radius:0px 0px 0px 0px;}.elementor-3111 .elementor-element.elementor-element-ee60728{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:0px;}.elementor-3111 .elementor-element.elementor-element-8d42ea4{text-align:left;}.elementor-3111 .elementor-element.elementor-element-8d42ea4 .elementor-heading-title{font-family:"bio-sans", Sans-serif;font-size:42px;font-weight:600;color:var( --e-global-color-text );}.elementor-3111 .elementor-element.elementor-element-18a0e87{--display:flex;}.elementor-3111 .elementor-element.elementor-element-0ac6d89{--display:grid;--min-height:328px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3111 .elementor-element.elementor-element-42e65a0{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3111 .elementor-element.elementor-element-b58f7c6{--display:flex;}.ee-tooltip.ee-tooltip-997d1ad.to--top,
							 .ee-tooltip.ee-tooltip-997d1ad.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-997d1ad.to--left,
							 .ee-tooltip.ee-tooltip-997d1ad.to--right{margin-top:0px;}.elementor-3111 .elementor-element.elementor-element-997d1ad img{width:100%;border-radius:0px 0px 0px 0px;}.elementor-3111 .elementor-element.elementor-element-1f7b9a6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:0px;}.elementor-3111 .elementor-element.elementor-element-d8e832b{text-align:left;}.elementor-3111 .elementor-element.elementor-element-d8e832b .elementor-heading-title{font-family:"bio-sans", Sans-serif;font-size:42px;font-weight:600;color:var( --e-global-color-text );}.elementor-3111 .elementor-element.elementor-element-84a23f2{--display:flex;}.elementor-3111 .elementor-element.elementor-element-97a9f43{--display:grid;--min-height:328px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3111 .elementor-element.elementor-element-d3cec26{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3111 .elementor-element.elementor-element-72995cb{--display:flex;}.ee-tooltip.ee-tooltip-b44cf22.to--top,
							 .ee-tooltip.ee-tooltip-b44cf22.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-b44cf22.to--left,
							 .ee-tooltip.ee-tooltip-b44cf22.to--right{margin-top:0px;}.elementor-3111 .elementor-element.elementor-element-b44cf22 img{width:100%;border-radius:0px 0px 0px 0px;}.elementor-3111 .elementor-element.elementor-element-3133abe{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:0px;}.elementor-3111 .elementor-element.elementor-element-79cc29f{text-align:left;}.elementor-3111 .elementor-element.elementor-element-79cc29f .elementor-heading-title{font-family:"bio-sans", Sans-serif;font-size:42px;font-weight:600;color:var( --e-global-color-text );}.elementor-3111 .elementor-element.elementor-element-850a7b7{--display:flex;}.elementor-3111 .elementor-element.elementor-element-60344f1{--display:grid;--min-height:328px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3111 .elementor-element.elementor-element-82588c4{--display:flex;}@media(max-width:1024px){.elementor-3111 .elementor-element.elementor-element-22e826c{--grid-auto-flow:row;}.elementor-3111 .elementor-element.elementor-element-8cd6a72{--grid-auto-flow:row;}.elementor-3111 .elementor-element.elementor-element-0ac6d89{--grid-auto-flow:row;}.elementor-3111 .elementor-element.elementor-element-97a9f43{--grid-auto-flow:row;}.elementor-3111 .elementor-element.elementor-element-60344f1{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-3111 .elementor-element.elementor-element-f1b5bc3{--width:42%;}.elementor-3111 .elementor-element.elementor-element-1883fde{--width:58%;}.elementor-3111 .elementor-element.elementor-element-8012e20{--width:30%;}.elementor-3111 .elementor-element.elementor-element-ea0ceda{--width:70%;}.elementor-3111 .elementor-element.elementor-element-3500946{--width:30%;}.elementor-3111 .elementor-element.elementor-element-f697589{--width:70%;}.elementor-3111 .elementor-element.elementor-element-efb2f57{--width:30%;}.elementor-3111 .elementor-element.elementor-element-ee60728{--width:70%;}.elementor-3111 .elementor-element.elementor-element-b58f7c6{--width:30%;}.elementor-3111 .elementor-element.elementor-element-1f7b9a6{--width:70%;}.elementor-3111 .elementor-element.elementor-element-72995cb{--width:30%;}.elementor-3111 .elementor-element.elementor-element-3133abe{--width:70%;}}@media(max-width:767px){.elementor-3111 .elementor-element.elementor-element-b9dd97a img{width:100%;height:236px;object-fit:cover;object-position:top center;}.elementor-3111 .elementor-element.elementor-element-ea0ceda{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3111 .elementor-element.elementor-element-6d8a307 .elementor-heading-title{font-size:31px;}.elementor-3111 .elementor-element.elementor-element-22e826c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3111 .elementor-element.elementor-element-89139bd img{width:100%;height:236px;object-fit:cover;object-position:top center;}.elementor-3111 .elementor-element.elementor-element-f697589{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3111 .elementor-element.elementor-element-78bfac0 .elementor-heading-title{font-size:31px;}.elementor-3111 .elementor-element.elementor-element-8cd6a72{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3111 .elementor-element.elementor-element-4461bd4 img{width:100%;height:236px;object-fit:cover;object-position:top center;}.elementor-3111 .elementor-element.elementor-element-ee60728{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3111 .elementor-element.elementor-element-8d42ea4 .elementor-heading-title{font-size:31px;}.elementor-3111 .elementor-element.elementor-element-0ac6d89{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3111 .elementor-element.elementor-element-997d1ad img{width:100%;height:236px;object-fit:cover;object-position:top center;}.elementor-3111 .elementor-element.elementor-element-1f7b9a6{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3111 .elementor-element.elementor-element-d8e832b .elementor-heading-title{font-size:31px;}.elementor-3111 .elementor-element.elementor-element-97a9f43{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3111 .elementor-element.elementor-element-b44cf22 img{width:100%;height:236px;object-fit:cover;object-position:top center;}.elementor-3111 .elementor-element.elementor-element-3133abe{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3111 .elementor-element.elementor-element-79cc29f .elementor-heading-title{font-size:31px;}.elementor-3111 .elementor-element.elementor-element-60344f1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for image, class: .elementor-element-5cce330 */.elementor-3111 .elementor-element.elementor-element-5cce330 {
  /* wrapper styles */
  display: block;
  margin: 2rem auto;
  max-width: 90%;
  border: 6px solid #A66FCF;      /* purple accent */
  border-radius: 12px;
  background-color: #f5f8ff;      /* light brand background */
  padding: 0.5rem;
  box-shadow: 0 8px 16px rgba(0,0,0,0.25);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* lift + deepen shadow on hover */
.elementor-3111 .elementor-element.elementor-element-5cce330:hover {
  transform: scale(1.03);
  box-shadow: 0 12px 24px rgba(0,0,0,0.35);
}

/* ensure the actual <img> fills the wrapper and keeps rounded corners */
.elementor-3111 .elementor-element.elementor-element-5cce330 img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b9dd97a */.elementor-3111 .elementor-element.elementor-element-b9dd97a img {
  transition: transform 0.3s ease;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.elementor-3111 .elementor-element.elementor-element-b9dd97a img:hover {
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07f9256 *//* Card shell */
.course-card{
  background:#0d2240;
  color:#fff;
  border-radius:18px;
  padding:22px;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
  display:flex;
  flex-direction:column;
  gap:12px;
  max-width: 520px;
}

/* Icon + title + badge */
.course-icon{ font-size:32px; line-height:1; }
.course-title{ margin:0; font-size:1.35rem; line-height:1.2; }
.course-badge{
  display:inline-block;
  background:#243a63;
  color:#ffffff;
  padding:8px 14px;
  border-radius:999px;
  font-weight:700;
  letter-spacing:.2px;
}

/* Rows */
.course-details,
.course-schedule{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  font-size:0.98rem;
}
.course-dates{ margin-top:4px; font-size:0.98rem; }

/* Button */
.course-card .learn-more{
  margin-top:auto;
  display:inline-block;
  background:#5b78ff;
  color:#fff;
  text-decoration:none;
  padding:10px 16px;
  border-radius:12px;
  font-weight:700;
  transition:transform .08s ease, box-shadow .2s ease, background .2s ease;
}
.course-card .learn-more:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(91,120,255,.35);
}

/* Small screens */
@media (max-width:480px){
  .course-card{ padding:18px; border-radius:16px; }
  .course-details, .course-schedule{ gap:12px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22e826c *//* Adjusted card styling for visibility + brand consistency */
.course-card {
  background-color: #0033a0; /* matched to header */
  color: white;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s, box-shadow 0.2s;
}

.course-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

/* Make title readable */
.course-card h3 {
  color: white;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 12px;
}

/* Badge Style */
.course-badge {
  display: inline-block;
  background: white;
  color: #0033a0;
  font-size: 0.75rem;
  padding: 6px 12px;
  border-radius: 999px;
  font-weight: bold;
  margin-bottom: 14px;
  text-transform: uppercase;
}

/* Layout for each row of details */
.course-details {
  display: flex;
  justify-content: space-between;
  font-size: 0.95rem;
  padding: 5px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.course-dates {
  margin-top: 12px;
  font-size: 0.9rem;
}

/* Button styling */
.learn-more {
  display: inline-block;
  margin-top: 18px;
  padding: 10px 20px;
  background-color: white;
  color: #0033a0;
  font-weight: bold;
  border-radius: 8px;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
}

.learn-more:hover {
  background-color: #001f60;
  color: white;
}

@media (max-width: 768px) {
  .course-details {
    flex-direction: column;
    gap: 4px;
  }

  .course-card {
    padding: 16px;
  }

  .learn-more {
    width: 100%;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3b5491 */.course-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  padding: 2rem;
}

.course-card {
  background-color: #0D2240;
  color: #fff;
  padding: 1.5rem;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* This is new */
  min-height: 440px; /* ← consistent height for all cards */
  height: 100%;
}

.course-card:hover {
  transform: translateY(-8px);
}

.course-icon {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}

.course-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #ffffff;
}

.course-badge {
  background-color: #1E3A8A;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.8rem;
  margin-bottom: 1rem;
  display: inline-block;
}

.course-details,
.course-schedule {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}

.course-dates {
  font-size: 0.85rem;
  margin: 1rem 0;
}

.learn-more {
  margin-top: auto;
  background-color: #2563EB;
  color: #fff;
  text-decoration: none;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  font-weight: bold;
  transition: background-color 0.3s ease;
  align-self: flex-start;
}

.learn-more:hover {
  background-color: #1D4ED8;
}

@media (max-width: 600px) {
  .course-details,
  .course-schedule {
    flex-direction: column;
    gap: 0.25rem;
  }.hvac-hero-image {
  width: 100%;
  max-width: 800px;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 12px;
}
.elementor-3111 .elementor-element.elementor-element-a3b5491 img {
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.elementor-3111 .elementor-element.elementor-element-a3b5491 img:hover {
  transform: scale(1.03);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-89139bd */.elementor-3111 .elementor-element.elementor-element-89139bd img {
  transition: transform 0.3s ease;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.elementor-3111 .elementor-element.elementor-element-89139bd img:hover {
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8cd6a72 *//* Adjusted card styling for visibility + brand consistency */
.course-card {
  background-color: #0033a0; /* matched to header */
  color: white;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s, box-shadow 0.2s;
}

.course-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

/* Make title readable */
.course-card h3 {
  color: white;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 12px;
}

/* Badge Style */
.course-badge {
  display: inline-block;
  background: white;
  color: #0033a0;
  font-size: 0.75rem;
  padding: 6px 12px;
  border-radius: 999px;
  font-weight: bold;
  margin-bottom: 14px;
  text-transform: uppercase;
}

/* Layout for each row of details */
.course-details {
  display: flex;
  justify-content: space-between;
  font-size: 0.95rem;
  padding: 5px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.course-dates {
  margin-top: 12px;
  font-size: 0.9rem;
}

/* Button styling */
.learn-more {
  display: inline-block;
  margin-top: 18px;
  padding: 10px 20px;
  background-color: white;
  color: #0033a0;
  font-weight: bold;
  border-radius: 8px;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
}

.learn-more:hover {
  background-color: #001f60;
  color: white;
}

@media (max-width: 768px) {
  .course-details {
    flex-direction: column;
    gap: 4px;
  }

  .course-card {
    padding: 16px;
  }

  .learn-more {
    width: 100%;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-01f7a4c */.course-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  padding: 2rem;
}

.course-card {
  background-color: #0D2240;
  color: #fff;
  padding: 1.5rem;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* This is new */
  min-height: 440px; /* ← consistent height for all cards */
  height: 100%;
}

.course-card:hover {
  transform: translateY(-8px);
}

.course-icon {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}

.course-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #ffffff;
}

.course-badge {
  background-color: #1E3A8A;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.8rem;
  margin-bottom: 1rem;
  display: inline-block;
}

.course-details,
.course-schedule {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}

.course-dates {
  font-size: 0.85rem;
  margin: 1rem 0;
}

.learn-more {
  margin-top: auto;
  background-color: #2563EB;
  color: #fff;
  text-decoration: none;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  font-weight: bold;
  transition: background-color 0.3s ease;
  align-self: flex-start;
}

.learn-more:hover {
  background-color: #1D4ED8;
}

@media (max-width: 600px) {
  .course-details,
  .course-schedule {
    flex-direction: column;
    gap: 0.25rem;
  }.hvac-hero-image {
  width: 100%;
  max-width: 800px;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 12px;
}
.elementor-3111 .elementor-element.elementor-element-01f7a4c img {
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.elementor-3111 .elementor-element.elementor-element-01f7a4c img:hover {
  transform: scale(1.03);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4461bd4 */.elementor-3111 .elementor-element.elementor-element-4461bd4 img {
  transition: transform 0.3s ease;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.elementor-3111 .elementor-element.elementor-element-4461bd4 img:hover {
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ac6d89 *//* Adjusted card styling for visibility + brand consistency */
.course-card {
  background-color: #0033a0; /* matched to header */
  color: white;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s, box-shadow 0.2s;
}

.course-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

/* Make title readable */
.course-card h3 {
  color: white;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 12px;
}

/* Badge Style */
.course-badge {
  display: inline-block;
  background: white;
  color: #0033a0;
  font-size: 0.75rem;
  padding: 6px 12px;
  border-radius: 999px;
  font-weight: bold;
  margin-bottom: 14px;
  text-transform: uppercase;
}

/* Layout for each row of details */
.course-details {
  display: flex;
  justify-content: space-between;
  font-size: 0.95rem;
  padding: 5px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.course-dates {
  margin-top: 12px;
  font-size: 0.9rem;
}

/* Button styling */
.learn-more {
  display: inline-block;
  margin-top: 18px;
  padding: 10px 20px;
  background-color: white;
  color: #0033a0;
  font-weight: bold;
  border-radius: 8px;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
}

.learn-more:hover {
  background-color: #001f60;
  color: white;
}

@media (max-width: 768px) {
  .course-details {
    flex-direction: column;
    gap: 4px;
  }

  .course-card {
    padding: 16px;
  }

  .learn-more {
    width: 100%;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18a0e87 */.course-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  padding: 2rem;
}

.course-card {
  background-color: #0D2240;
  color: #fff;
  padding: 1.5rem;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* This is new */
  min-height: 440px; /* ← consistent height for all cards */
  height: 100%;
}

.course-card:hover {
  transform: translateY(-8px);
}

.course-icon {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}

.course-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #ffffff;
}

.course-badge {
  background-color: #1E3A8A;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.8rem;
  margin-bottom: 1rem;
  display: inline-block;
}

.course-details,
.course-schedule {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}

.course-dates {
  font-size: 0.85rem;
  margin: 1rem 0;
}

.learn-more {
  margin-top: auto;
  background-color: #2563EB;
  color: #fff;
  text-decoration: none;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  font-weight: bold;
  transition: background-color 0.3s ease;
  align-self: flex-start;
}

.learn-more:hover {
  background-color: #1D4ED8;
}

@media (max-width: 600px) {
  .course-details,
  .course-schedule {
    flex-direction: column;
    gap: 0.25rem;
  }.hvac-hero-image {
  width: 100%;
  max-width: 800px;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 12px;
}
.elementor-3111 .elementor-element.elementor-element-18a0e87 img {
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.elementor-3111 .elementor-element.elementor-element-18a0e87 img:hover {
  transform: scale(1.03);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-997d1ad */.elementor-3111 .elementor-element.elementor-element-997d1ad img {
  transition: transform 0.3s ease;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.elementor-3111 .elementor-element.elementor-element-997d1ad img:hover {
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-97a9f43 *//* Adjusted card styling for visibility + brand consistency */
.course-card {
  background-color: #0033a0; /* matched to header */
  color: white;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s, box-shadow 0.2s;
}

.course-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

/* Make title readable */
.course-card h3 {
  color: white;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 12px;
}

/* Badge Style */
.course-badge {
  display: inline-block;
  background: white;
  color: #0033a0;
  font-size: 0.75rem;
  padding: 6px 12px;
  border-radius: 999px;
  font-weight: bold;
  margin-bottom: 14px;
  text-transform: uppercase;
}

/* Layout for each row of details */
.course-details {
  display: flex;
  justify-content: space-between;
  font-size: 0.95rem;
  padding: 5px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.course-dates {
  margin-top: 12px;
  font-size: 0.9rem;
}

/* Button styling */
.learn-more {
  display: inline-block;
  margin-top: 18px;
  padding: 10px 20px;
  background-color: white;
  color: #0033a0;
  font-weight: bold;
  border-radius: 8px;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
}

.learn-more:hover {
  background-color: #001f60;
  color: white;
}

@media (max-width: 768px) {
  .course-details {
    flex-direction: column;
    gap: 4px;
  }

  .course-card {
    padding: 16px;
  }

  .learn-more {
    width: 100%;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84a23f2 */.course-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  padding: 2rem;
}

.course-card {
  background-color: #0D2240;
  color: #fff;
  padding: 1.5rem;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* This is new */
  min-height: 440px; /* ← consistent height for all cards */
  height: 100%;
}

.course-card:hover {
  transform: translateY(-8px);
}

.course-icon {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}

.course-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #ffffff;
}

.course-badge {
  background-color: #1E3A8A;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.8rem;
  margin-bottom: 1rem;
  display: inline-block;
}

.course-details,
.course-schedule {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}

.course-dates {
  font-size: 0.85rem;
  margin: 1rem 0;
}

.learn-more {
  margin-top: auto;
  background-color: #2563EB;
  color: #fff;
  text-decoration: none;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  font-weight: bold;
  transition: background-color 0.3s ease;
  align-self: flex-start;
}

.learn-more:hover {
  background-color: #1D4ED8;
}

@media (max-width: 600px) {
  .course-details,
  .course-schedule {
    flex-direction: column;
    gap: 0.25rem;
  }.hvac-hero-image {
  width: 100%;
  max-width: 800px;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 12px;
}
.elementor-3111 .elementor-element.elementor-element-84a23f2 img {
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.elementor-3111 .elementor-element.elementor-element-84a23f2 img:hover {
  transform: scale(1.03);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b44cf22 */.elementor-3111 .elementor-element.elementor-element-b44cf22 img {
  transition: transform 0.3s ease;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.elementor-3111 .elementor-element.elementor-element-b44cf22 img:hover {
  transform: scale(1.03);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60344f1 *//* Adjusted card styling for visibility + brand consistency */
.course-card {
  background-color: #0033a0; /* matched to header */
  color: white;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s, box-shadow 0.2s;
}

.course-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

/* Make title readable */
.course-card h3 {
  color: white;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 12px;
}

/* Badge Style */
.course-badge {
  display: inline-block;
  background: white;
  color: #0033a0;
  font-size: 0.75rem;
  padding: 6px 12px;
  border-radius: 999px;
  font-weight: bold;
  margin-bottom: 14px;
  text-transform: uppercase;
}

/* Layout for each row of details */
.course-details {
  display: flex;
  justify-content: space-between;
  font-size: 0.95rem;
  padding: 5px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.course-dates {
  margin-top: 12px;
  font-size: 0.9rem;
}

/* Button styling */
.learn-more {
  display: inline-block;
  margin-top: 18px;
  padding: 10px 20px;
  background-color: white;
  color: #0033a0;
  font-weight: bold;
  border-radius: 8px;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
}

.learn-more:hover {
  background-color: #001f60;
  color: white;
}

@media (max-width: 768px) {
  .course-details {
    flex-direction: column;
    gap: 4px;
  }

  .course-card {
    padding: 16px;
  }

  .learn-more {
    width: 100%;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-850a7b7 */.course-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  padding: 2rem;
}

.course-card {
  background-color: #0D2240;
  color: #fff;
  padding: 1.5rem;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* This is new */
  min-height: 440px; /* ← consistent height for all cards */
  height: 100%;
}

.course-card:hover {
  transform: translateY(-8px);
}

.course-icon {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}

.course-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #ffffff;
}

.course-badge {
  background-color: #1E3A8A;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.8rem;
  margin-bottom: 1rem;
  display: inline-block;
}

.course-details,
.course-schedule {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}

.course-dates {
  font-size: 0.85rem;
  margin: 1rem 0;
}

.learn-more {
  margin-top: auto;
  background-color: #2563EB;
  color: #fff;
  text-decoration: none;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  font-weight: bold;
  transition: background-color 0.3s ease;
  align-self: flex-start;
}

.learn-more:hover {
  background-color: #1D4ED8;
}

@media (max-width: 600px) {
  .course-details,
  .course-schedule {
    flex-direction: column;
    gap: 0.25rem;
  }.hvac-hero-image {
  width: 100%;
  max-width: 800px;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 12px;
}
.elementor-3111 .elementor-element.elementor-element-850a7b7 img {
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.elementor-3111 .elementor-element.elementor-element-850a7b7 img:hover {
  transform: scale(1.03);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e4e0447 *//* Smooth scroll */
html { scroll-behavior: smooth; }

/* TOC */
.wde-faq-toc{
  position: sticky; top: 10px; z-index: 5;
  display: flex; flex-wrap: wrap; gap: 10px;
  align-items: center;
  max-width: 980px; margin: 0 auto 18px; padding: 10px 12px;
  background: #ffffff; border: 1px solid #E5EAF3; border-radius: 12px;
  box-shadow: 0 6px 18px rgba(12,60,141,.06);
  font-family: system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
.wde-faq-toc strong{ color:#0C3C8D; font-weight: 800; margin-right: 4px; }
.wde-faq-toc a{
  color:#0C3C8D; text-decoration:none; font-weight:600;
  padding: 6px 10px; border-radius: 8px; border:1px solid transparent;
}
.wde-faq-toc a:hover, .wde-faq-toc a:focus{
  background:#F3F6FC; border-color:#d9e2f3; outline:none;
}
.wde-faq-toc a.is-active{
  background:#0C3C8D; color:#fff; border-color:#0C3C8D;
}

/* FAQ section wrapper */
.wde-faqs{
  max-width: 980px; margin: 40px auto; padding: 0 16px;
  font-family: system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
.wde-faqs &gt; h2{
  margin: 0 0 24px; text-align: center;
  color: #0C3C8D; font-size: 2rem; font-weight: 800; letter-spacing: .2px;
}
.wde-faqs &gt; h2::after{
  content:""; display:block; width: 86px; height: 4px; margin: 12px auto 0;
  border-radius: 999px; background: #0C3C8D; opacity: .85;
}

/* FAQ cards */
.wde-faqs .faq-item{
  background:#fff; border:1px solid #E5EAF3; border-radius:14px;
  padding:16px 20px; margin:14px 0;
  box-shadow:0 6px 18px rgba(12,60,141,.06);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.wde-faqs .faq-item:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(12,60,141,.1);
  border-color:#d9e2f3;
}

/* Questions */
.wde-faqs .faq-item h3{
  margin:0 0 8px; color:#0C3C8D;
  font-size:1.125rem; font-weight:700; line-height:1.35;
}

/* Answers + links */
.wde-faqs .faq-item p{ margin:0; color:#475569; line-height:1.65; }
.wde-faqs a{ color:#0C3C8D; text-decoration:underline; text-underline-offset:2px; }
.wde-faqs a:hover{ opacity:.85; }

/* Back to top */
.wde-faqs .back-top{ margin:16px 0 0; text-align:right; }
.wde-faqs .back-top a{ color:#0C3C8D; font-weight:700; text-decoration:none; }
.wde-faqs .back-top a:hover{ text-decoration:underline; }

/* Mobile */
@media (max-width:600px){
  .wde-faq-toc{ gap:8px; padding:8px 10px; }
  .wde-faq-toc a{ padding:6px 8px; }
  .wde-faqs .faq-item{ padding:14px 16px; }
}/* End custom CSS */