.elementor-2618 .elementor-element.elementor-element-0c2f9b4{--display:flex;--min-height:380px;}.elementor-2618 .elementor-element.elementor-element-1c28206{--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;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2618 .elementor-element.elementor-element-ad1a1b7{--display:flex;}.elementor-2618 .elementor-element.elementor-element-440669a{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#B08D4F33;--border-color:#B08D4F33;--border-radius:5px 5px 5px 5px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-2618 .elementor-element.elementor-element-440669a:not(.elementor-motion-effects-element-type-background), .elementor-2618 .elementor-element.elementor-element-440669a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-465431e );}@media(min-width:768px){.elementor-2618 .elementor-element.elementor-element-ad1a1b7{--width:65%;}.elementor-2618 .elementor-element.elementor-element-440669a{--width:35%;}}/* Start custom CSS for container, class: .elementor-element-0c2f9b4 */.course-single-heading {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 84px 24px 70px;
  border-radius: 0;
  background:
    linear-gradient(135deg, #fcfbf8 0%, #f6f1e7 45%, #ffffff 100%);
  border-bottom: 1px solid #b08d4f;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}

.course-single-heading::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg,
      transparent 0%,
      rgba(176, 141, 79, 0.10) 20%,
      rgba(176, 141, 79, 0.22) 35%,
      rgba(255, 255, 255, 0.0) 50%,
      rgba(176, 141, 79, 0.18) 65%,
      rgba(176, 141, 79, 0.08) 80%,
      transparent 100%);
  background-size: 220% 100%;
  animation: goldMove 6s linear infinite;
  pointer-events: none;
}

.course-single-heading::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(
    90deg,
    #ffffff 0%,
    #b08d4f 20%,
    #f3e2b2 45%,
    #b08d4f 70%,
    #ffffff 100%
  );
  background-size: 200% 100%;
  animation: goldFlow 4s linear infinite;
}

@keyframes goldMove {
  0% { background-position: 0% 50%; }
  100% { background-position: 220% 50%; }
}

@keyframes goldFlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

.course-single-heading .section-label {
  display: inline-block;
  padding: 8px 14px;
  margin-bottom: 16px;
  border-radius: 999px;
  background: rgba(176, 141, 79, 0.10);
  color: #7d6231;
  font-size: 14px;
  font-weight: 600;
}

.course-single-heading h1 {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #111111;
  font-size: clamp(30px, 4vw, 54px);
  font-weight: 800;
  line-height: 1.15;
}

.course-single-heading p {
  position: relative;
  z-index: 1;
  max-width: 760px;
  margin: 14px 0 0;
  color: #333333;
  font-size: 17px;
  line-height: 1.8;
}/* End custom CSS */