.elementor-870 .elementor-element.elementor-element-5ea7a6a{--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-870 .elementor-element.elementor-element-aa64993.elementor-element{--align-self:center;}.elementor-870 .elementor-element.elementor-element-dda6a49{--display:flex;}.elementor-870 .elementor-element.elementor-element-f71eeae{--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-870 .elementor-element.elementor-element-5153bf0{--display:flex;}.elementor-870 .elementor-element.elementor-element-c9618f0{--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-870 .elementor-element.elementor-element-90174d4{--display:flex;}/* Start custom CSS *//* Container */
.course-container {
  display: flex;
  justify-content: center;
  gap: 25px;
  flex-wrap: wrap;
}

/* Card */
.card {
  background: #fff;
  width: 320px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
  display: flex;
  flex-direction: column;
  transition: 0.3s;
}

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

/* Image Section */
.card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

/* Content */
.card-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center;
}

.card-title {
  font-size: 18px;
  font-weight: 700;
  color: #222;
}

.course-type {
  font-size: 14px;
  color: #666;
}

.price {
  font-size: 20px;
  font-weight: bold;
  color: #ff4d00;
}

/* Button */
.btn {
  margin-top: 10px;
  padding: 10px 20px;
  border: none;
  border-radius: 8px;
  background: #3b5bdb;
  color: white;
  font-size: 14px;
  cursor: pointer;
  transition: 0.3s;

  /* important for <a> tag */
  display: inline-block;
  text-decoration: none;
}

.btn:hover {
  opacity: 0.85;
}

.header {
    display:flex;
    justify-content:center;
    align-items:center;
    height:120px;
    background:linear gradient(135deg, #0f9b0f, #38ef7d );
    position:relative;
    overflow:hidden;
}

/* Floating glow effect */
.header::before{
    content:"";
    position:absolute;
    width:200px;
    height:200px;
    background:rgba(255,255,255,0.2);
    border-radius:50%;
    top:-50px;
    left:-50px;
    filter: blur(30px);
}

.header::after{
    content:"";
    position:absolute;
    width:250px;
    height:250px;
    background:rgba(255,255,255,0.15);
    border-radius:50%;
    bottom:-80px;
    right:-80px;
    filter: blur(40px);
}

/* Title */
.header h1{
    color:Black;
    font-size:42px;
    font-weight: 700;
    letter-spacing:2px;
    position:relative;
    cursor:pointer;
    transition: all 0.3s ease;
}

/* Hover animation */
.header h1:hover{
    transform: scale(1.08);
    text-shadow: 0 10px 20px rgba(0,0,0,0.3);
}

/* Underline animation */
.header h1::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-10px;
    width:0%;
    height:3px;
    background:white;
    transition: all 0.4s ease;
    transform: translateX(-50%);
    border-radius:10px;
}

.header h1:hover::after{
    width:100%;
}

/* Optional small subtitle */
.subtitle{
    position:absolute;
    bottom:10px;
    color:rgba(255,255,255,0.8);
    font-size:14px;
    letter-spacing:1px;
}

/* Heading */
.reiki-heading{
    font-size:70px;
    font-weight:700;
    color:black;
    letter-spacing:6px;
    position:relative;
    cursor:pointer;
    transition: all 0.4s ease;
}

/* Glow layers */
.reiki-heading::before,
.reiki-heading::after{
    content:"REIKI";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-1;
    opacity:0.6;
    transition: all 0.4s ease;
}

.reiki-heading::before{
    color:#00f5d4;
    transform: translate(3px, 3px);
    filter: blur(8px);
}

.reiki-heading::after{
    color:#9b5de5;
    transform: translate(-3px, -3px);
    filter: blur(10px);
}

/* Hover effect */
.reiki-heading:hover{
    transform: scale(1.1);
    letter-spacing:10px;
}

.reiki-heading:hover::before{
    transform: translate(6px, 6px);
    filter: blur(12px);
}

.reiki-heading:hover::after{
    transform: translate(-6px, -6px);
    filter: blur(14px);
}/* End custom CSS */