body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
      }
      .navbar {
        position: sticky;
        overflow: hidden;
        background-color: #ffffff;
        top: 0;
        width: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        left: 0;
        z-index: 999;
        box-shadow: 0px 5px 5px #ffffff;
        padding: 5px 0;
      }
      .navbar a {
        float: left;
        display: block;
        color: #752e8b;
        text-align: center;
        padding: 5px 16px;
        text-decoration: none;
        font-size: 20px;
      }
      .navbar a:hover {
        font-size: 21px;
      }
      .navbar a.active {
        background-color: white;
        color: white;
      }
      .navbar .icon {
        display: none;
      }
      @media screen and (max-width: 600px) {
        .navbar {
          display: block;
        }
        .navbar a:not(:first-child) {
          display: none;
        }
        .navbar a.icon {
          float: right;
          display: block;
          margin-right: 10%;
        }
      }
      @media screen and (max-width: 600px) {
        .navbar.responsive .icon {
          position: relative;
          right: 0;
          bottom: 0;
        }
        .navbar.responsive a {
          float: none;
          display: block;
          text-align: center;
          margin: 0;
        }
      }
      .sectionheader {
        position: relative;
        height: 700px;
        overflow: hidden;
      }
      .video-background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
      .video-background video {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .fallback-image {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('https://summit.reikirays.com/wp-content/uploads/2025/10/small-screen.png');
        background-size: cover;
        background-position: center;
      }
      .content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        color: #fff;
        width: 100%;
        max-width: 650px;
        display: inline-flex;
    	flex-direction: column;
    	align-content: center;
    	align-items: center;
    	flex-wrap: wrap;
      }
      .content h1 {
		font-weight: bold;
    	font-size: 32px;
    	color: rgb(106 73 125);
    	text-shadow: 2px 2px 4px #f7f4f4;
    	font-family: fantasy;
      }
      .content p {
		font-weight: bold;
    	font-size: 28px;
    	color: rgb(106 73 125);
    	text-shadow: 2px 2px 4px #f7f4f4;
    	font-family: fantasy;
    }
      .cta-button {
        background-image: linear-gradient(to bottom, #6e7cb7, #b676af);
        color: white;
        text-shadow: 2px 2px 4px #000000;
        font-size: 20px;
        font-weight: bold;
        padding: 15px 40px;
        text-decoration: none;
        border-radius: 15px;
      }
      .cta-buttonjoin {
        background-image: linear-gradient(to bottom, #6e7cb7, #6b5c7b);
        color: white;
        text-shadow: 2px 2px 4px #000000;
        font-size: 20px;
        font-weight: bold;
        padding: 15px 40px;
        text-decoration: none;
        border-radius: 15px;
      }
      
      hr.new4 {
        border: 1px solid #b676af;
        width: 50%;
      }
     .content img {
             width: 320px;
          }

      /* Responsive styles */
     
      
      @media (max-width: 600px) {
        .video-background video {
          display: none;
        }
        .sectionheader{
          height: 600px;
          box-shadow: 0px 1px 2px #5054cad6
        }
        .fallback-image {
          display: block;
        }
        .content {
          width: 100%;
        }
        .content h1 {
          font-size: 24px;
          padding: 0 10px;
        }
        .content p {
          font-size: 18px;
          padding: 0 10px;
        }
        .cta-button {
          padding: 10px 30px;
        }
        .cta-buttonjoin {
          padding: 10px 30px;
        }

      }
      .sectionsubheader {
        background-color: #3a0842c7;
      }
      .subsectionsubheader {
        max-width: 1200px;
        padding: 1px 20px;
        margin: auto;
        display: block;
        text-align: center;
      }
      
      .line1 {
        font-size: 24px;
        text-align: center;
        color: #7f0a8f;
        letter-spacing: 0.2px;
        text-shadow: 2px 2px 4px whitesmoke;
      }
      
    .line01 {
        font-size: 24px;
        text-align: center;
        color: white;
        letter-spacing: 0.2px;
      }
      @media (max-width: 600px) {
        .line1 .line01 {
          font-size: 18px;
        }
      }
      .sectiontext1 {
        background-color: #f7f7f7;
        padding: 20px;
        text-align: center;
      }
      .text-line {
        max-width: 1200px;
        margin: 0 auto;
      }
      .text-line .line1 {
        font-family: "Terminal Dosis Light";
        color: #752e8b;
        font-size: 36px;
        font-weight: bold;
        margin: 0 5px;
        letter-spacing: 1px;
      }
       .text-line .line2 {
        font-family: "Terminal Dosis Light";
        color: #b676af;
        font-size: 36px;
        font-weight: bold;
        margin: 0 5px;
        letter-spacing: 1px;
      }

      
      .text-line p {
        font-size: 24px;
        margin-bottom: 20px;
      }
      /* Responsive styles */
      @media (max-width: 768px) {
        .sectionsubheader {
          display: none;
      }
        .text-line .line1 {
          font-size: 28px;
        }
        .text-line .line2 {
          font-size: 28px;
        }
        .text-line p {
          font-size: 16px;
        }
        .text-line {
          padding: 0;
        }
      }
      .d0 {
        max-width: 1080px;
        margin: auto;
        overflow: hidden;
        padding: 10px 0px 20px 0px;
      }
      .d1 {
        display: inline-block;
        margin: auto;
        text-align: center;
        max-width: 500px;
      }
      .d2 {
        float: right;
        margin: auto;
        text-align: center;
        max-width: 500px;
      }
      .vid0 {
        width: 100%;
        border-width: 2px;
        border-style: solid;
        border-radius: 10px;
        color: #e8bee8;
      }
      @media only screen and (max-width: 1080px) {
        .d1,
        .d2 {
          float: none;
          max-width: 500px;
          display: block;
        }
      }
      @media only screen and (min-width : 150px) and (max-width : 800px) {
        .image-beginning {
          float: none;
        }
      }
      .aweber-class {
        display: none;
        border: solid 1px black;
        position: fixed;
        left: 50%;
        top: 50%;
        background-color: #4fa1db;
        z-index: 100;
        height: 350px;
        margin-top: -140px;
        width: 460px;
        margin-left: -230px;
      }
      .close-btn {
        text-align: right;
        color: #41A3B7;
        padding: 5px;
      }
      /*speaker panel*/
      .section1 {
        background: linear-gradient(rgb(255 255 255 / 65%), rgb(255 255 255 / 43%)), url(https://summit.reikirays.com/wp-content/uploads/2025/10/small-screen.png);
        border-radius: 5px;
        box-shadow: 0px 0px 10px 3px #a17c3b2b;
        background-size: cover;
        background-position: top;
        padding-bottom: 20px;
      }
      .reikiauthors {
        text-align: center;
        min-width: 150px;
        max-width: 1200px;
        margin: auto;
        background-color: #62376bad;
        padding: 30px 0px;
        border-radius: 15px;
      }
      .sectiontitle {
        font-family: "Terminal Dosis Light";
        text-align: center;
        color: #7f0a8f;
        font-size: 36px;
        margin-bottom: 30px;
        padding-top: 30px;
        letter-spacing: 1px;
        text-shadow: 2px 2px 4px whitesmoke;
      }
      @media only screen and (max-width: 750px) {
        .sectiontitle {
          font-size: 28px;
        }
      }
      .reikihost {
        text-align: center;
        min-width: 150px;
        max-width: 1200px;
        margin: auto;
        background-color: #d3b1ec45;
        border-radius: 15px;
      }
      .picture {
        display: inline-block;
        vertical-align: top;
        width: auto;
        margin-bottom: 5px;
      }
      .picturehost {
        display: inline-block;
        vertical-align: top;
        width: auto;
        margin-bottom: 5px;
        padding: 20px;
      }
      @media only screen and (max-width: 750px) {
        .picturehost {
          padding: 0;
        }
      }
      .cell1 {
        text-align: center;
        padding: 5px 0;
        width: 100px;
        background-color: white;
        border-radius: 5%;
      }
      .imagine {
        border-radius: 10%;
        width: 180px;
        padding: 10px;
      }
      @media only screen and (max-width: 750px) {
        .imagine {
          width: 160px;
        }
      }
      @media only screen and (max-width: 686px) {
        .imagine {
          width: 140px;
        }
      }

      .authorname {
        text-align: center;
        font-family: palatino;
        font-weight: bold;
        color: #595aa4;
        font-size: 18px;
        line-height: 19px;
        margin-top: 0;
        margin-bottom: 5px;
      }
      .authorhead {
        text-align: center;
        font-family: palatino;
        color: #000000;
        font-size: 14px;
        margin-top: 0;
        padding: 0 5px;
      }
      /*speaker panel end*/
      
            /* explore */
      .sectionexplore {
        max-width: 1200px;
        margin: auto;
        padding: 0 20px 30px;
      }
      
      .sectionetextxplore {
        max-width: 760px;
        margin: auto;
        padding:10px;
      }
      
      .textexplore {
      	font-size: 22px;
    	text-align: left;
    	margin: auto;
    	line-height: 2em;
      }
      
      .textexplore1 {
        line-height: 1.3; 
        font-size: 20px; 
        padding-top: 10px; 
        text-align: center;  
      }
      
      .textexplore2 {
        line-height: 1.3; 
        font-size: 20px; 
        padding-top: 10px; 
        text-align: center; 
        color: #752e8b;
        font-weight:bold;  
      }
      
      @media (max-width: 600px){
	  .textexplore {
        font-size: 18px;
        line-height: 1.5em;
        }
        .textexplore1 {
        font-size: 16px;
        }
        .textexplore2 {
        font-size: 16px;
        }
	  }
      /* explore end */
      
      /* highlights */
      .sectionhighlights {
        background: linear-gradient(rgb(255 255 255 / 0%), rgb(255 255 255 / 25%)), url(https://summit.reikirays.com/wp-content/uploads/2025/10/Background.png);
        background-size: cover;
        background-position: left;
        box-shadow: 0px 0px 10px 3px #efe6ee;
    }
      .highlightsrow {
        display: flex;
        flex-wrap: wrap;
        max-width: 1200px;
        margin: auto;
      }
      .highlightscolumn {
        flex: 20%;
        padding: 20px;
        box-sizing: border-box;
        margin: 10px;
        border-radius: 20px;
        border-style: solid;
        border-width: 1px;
        border-color: #1c1e2130;
        background-color: white;
        text-align: center;
      }
      .highlightstext {
        text-align: center;
        font-size: 16px;
        color: #333;
        margin-top: auto;
      }
      .highlightstitle {
        text-align: center;
        font-size: 22px;
        color: #333;
        margin-top: auto;
        font-weight: bolder;
      }
      @media (max-width: 800px) {
        .highlightscolumn {
          flex: 45%;
        }
      }
      @media (max-width: 600px) {
        .highlightscolumn {
          flex: 100%;
        }
        .highlightstext {
          font-size: 16px;
        }
        .highlightstitle {
          font-size: 20px;
        }
      }
      .sectioniconimg {
        width: 70px;
      }
      /* highlights end */
      
      /* Who is this summit for */
      .sectionfor {
        background-color: white;
        margin: 20px 10px;
      }
      .forrow {
        display: block;
        max-width: 1200px;
        margin: auto;
      }
      .sectionfortitle {
        font-size: 36px;
        color: #752e8b;
        text-align: center;
        margin-bottom: 20px;
      }
      .sectionfortext {
        max-width: 1200px;
        font-size: 24px;
        text-align: center;
        margin: auto;
        line-height: 1.2em;
      }
      hr.for {
        border: 1px solid #b676af;
        width: 40%;
        margin-bottom: 40px;
      }
      .forcolumn {
        display: inline-flex;
        margin: auto;
        width: 32%;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        align-items: flex-end;
        padding: 20px;
        box-sizing: border-box;
        text-align: center;
      }
      .fortext {
        text-align: left;
        font-size: 16px;
        color: #333;
        margin-top: auto;
      }
      .fortitle {
        text-align: center;
        font-size: 22px;
        color: white;
        text-shadow: 2px 2px 4px #1b1919;
        font-weight: bolder;
        border-style: solid;
        border-width: 2px;
        border-color: #1c1e2130;
        background-image: url(https://summit.reikirays.com/wp-content/uploads/2025/10/Untitled-design-5.png);
        background-position: center;
        padding: 20px;
        margin-bottom: 10px;
        border-radius: 4px;
      }
      .forlist {
        margin-left: 40px;
        line-height: 1.5;
        padding: 5px 5px 5px 40px;
        border-style: solid;
        border-width: 2px;
        border-color: #966ac9;
        border-radius: 10px;
        margin-top: 0;
      }
      @media (max-width: 800px) {
        hr.for {
          width: 50%;
        }
        .forcolumn {
          display: block;
          width: 80%;
        }
        .forlist {
          margin: 2px 0px;
        }
        .fortitle {
          margin: auto;
          padding: 15px;
        }
      }
      @media (max-width: 600px) {
        .forcolumn {
          display: block;
          width: 100%;
        }
        
        hr.for {
          width: 70%;
        }
        .sectionfortext {
          font-size: 18px;
        }
        .sectionfortitle {
          font-size: 28px;
        }
      }
      /* Who is this summit for end */

/*carusel start*/

.sectiontestimonial1{
        background-color: white;
        padding: 20px;
        text-align: center;
}

hr.carusel {
        border: 1px solid #b676af;
        width: 80%;
      }
@media (max-width: 800px) {
        hr.for {
          width: 50%;
        }  
}
.sectioncar{
 max-width: 1200px;
 margin: auto;
 text-align: center;
}

    
.csslider {
  -moz-perspective: 1300px;
  -ms-perspective: 1300px;
  -webkit-perspective: 1300px;
  perspective: 1300px;
  display: inline-block;
  text-align: left;
  position: relative;
  margin-bottom: 22px;
}

.csslider > input {
  display: none;
}

.csslider > input:nth-of-type(12):checked ~ ul li:first-of-type {
  margin-left: -1100%;
}

.csslider > input:nth-of-type(11):checked ~ ul li:first-of-type {
  margin-left: -1000%;
}

.csslider > input:nth-of-type(10):checked ~ ul li:first-of-type {
  margin-left: -900%;
}

.csslider > input:nth-of-type(9):checked ~ ul li:first-of-type {
  margin-left: -800%;
}

.csslider > input:nth-of-type(8):checked ~ ul li:first-of-type {
  margin-left: -700%;
}

.csslider > input:nth-of-type(7):checked ~ ul li:first-of-type {
  margin-left: -600%;
}

.csslider > input:nth-of-type(6):checked ~ ul li:first-of-type {
  margin-left: -500%;
}

.csslider > input:nth-of-type(5):checked ~ ul li:first-of-type {
  margin-left: -400%;
}

.csslider > input:nth-of-type(4):checked ~ ul li:first-of-type {
  margin-left: -300%;
}

.csslider > input:nth-of-type(3):checked ~ ul li:first-of-type {
  margin-left: -200%;
}

.csslider > input:nth-of-type(2):checked ~ ul li:first-of-type {
  margin-left: -100%;
}

.csslider > input:nth-of-type(1):checked ~ ul li:first-of-type {
  margin-left: 0%;
}

.csslider > ul {
  position: relative;
  width: 800px;
  height: 420px;
  z-index: 1;
  font-size: 0;
  line-height: 0;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 873px){
 .csslider > ul{
	width: 550px;
	height: 400px;
 }
}

@media only screen and (max-width: 673px){
 .csslider > ul{
	width: 350px;
	height: 390px;
 }
}

@media only screen and (max-width: 473px){
 .csslider > ul{
	width: 250px;
	height: 300px;
 }
}

.csslider > ul > li {
	text-align: center;
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 22px;
  line-height: normal;
  -moz-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
  transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
  vertical-align: top;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: normal;
}

.csslider > ul > li.scrollable {
  overflow-y: scroll;
}

@media only screen and (max-width: 873px){
 .csslider > ul > li{
	font-size: 20px;
 }
}


@media only screen and (max-width: 473px){
 .csslider > ul > li{
	font-size: 15px;
 }
}

.csslider > .navigation {
  position: absolute;
  bottom: -8px;
  left: 50%;
  z-index: 10;
  margin-bottom: -10px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.csslider > .navigation > div {
  margin-left: -100%;
}

.csslider > .navigation label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
  margin: 0 4px;
  padding: 4px;
  background: #3A3A3A;
}

.csslider > .navigation label:hover:after {
  opacity: 1;
}

.csslider > .navigation label:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -6px;
  margin-top: -6px;
  background: #bc89bf;
  border-radius: 50%;
  padding: 6px;
  opacity: 0;
}

.csslider > .arrows {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.csslider.inside .navigation {
  bottom: 10px;
  margin-bottom: 10px;
}

.csslider.inside .navigation label {
  border: 1px solid #7e7e7e;
}

.csslider > input:nth-of-type(1):checked ~ .navigation label:nth-of-type(1):after,
.csslider > input:nth-of-type(2):checked ~ .navigation label:nth-of-type(2):after,
.csslider > input:nth-of-type(3):checked ~ .navigation label:nth-of-type(3):after,
.csslider > input:nth-of-type(4):checked ~ .navigation label:nth-of-type(4):after,
.csslider > input:nth-of-type(5):checked ~ .navigation label:nth-of-type(5):after,
.csslider > input:nth-of-type(6):checked ~ .navigation label:nth-of-type(6):after,
.csslider > input:nth-of-type(7):checked ~ .navigation label:nth-of-type(7):after,
.csslider > input:nth-of-type(8):checked ~ .navigation label:nth-of-type(8):after,
.csslider > input:nth-of-type(9):checked ~ .navigation label:nth-of-type(9):after,
.csslider > input:nth-of-type(10):checked ~ .navigation label:nth-of-type(10):after,
.csslider > input:nth-of-type(11):checked ~ .navigation label:nth-of-type(12):after, 
.csslider > input:nth-of-type(12):checked ~ .navigation label:nth-of-type(13):after{
  opacity: 1;
}

.csslider > .arrows {
  position: absolute;
  left: -31px;
  top: 50%;
  width: 100%;
  height: 26px;
  padding: 0 31px;
  z-index: 0;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.csslider > .arrows label {
  display: none;
  position: absolute;
  top: -50%;
  padding: 13px;
  box-shadow: inset 2px -2px 0 1px #bc89bf;
  cursor: pointer;
  -moz-transition: box-shadow 0.15s, margin 0.15s;
  -o-transition: box-shadow 0.15s, margin 0.15s;
  -webkit-transition: box-shadow 0.15s, margin 0.15s;
  transition: box-shadow 0.15s, margin 0.15s;
}

.csslider > .arrows label:hover {
  box-shadow: inset 3px -3px 0 2px #752e8b;
  margin: 0 0px;
}

.csslider > .arrows label:before {
  content: '';
  position: absolute;
  top: -100%;
  left: -100%;
  height: 100%;
  width: 100%;
}

.csslider.infinity > input:first-of-type:checked ~ .arrows label.goto-last,
.csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(0),
.csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1),
.csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2),
.csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3),
.csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(4),
.csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(5),
.csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(6),
.csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(7),
.csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(8),
.csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(9),
.csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(10){
  display: block;
  left: 0;
  right: auto;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.csslider.infinity > input:last-of-type:checked ~ .arrows label.goto-first,
.csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2),
.csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3),
.csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4),
.csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5),
.csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(6),
.csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(7),
.csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(8),
.csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(9),
.csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(10),
.csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(11){
  display: block;
  right: 0;
  left: auto;
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

::-webkit-scrollbar {
  width: 2px;
  background: rgba(255, 255, 255, 0.1);
}

::-webkit-scrollbar-track {
  background: none;
}

::-webkit-scrollbar-thumb {
  background: rgba(74, 168, 0, 0.6);
}

#slider1 {
  margin: 20px;
  font-family: 'Lato';
}

#slider1 > ul > li:nth-of-type(3) {
}

#slider1 > input:nth-of-type(3):checked ~ ul #bg {
  width: 80%;
  padding: 22px;
  -moz-transition: 0.5s 0.5s;
  -o-transition: 0.5s 0.5s;
  -webkit-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}

#slider1 > input:nth-of-type(3):checked ~ ul #bg div {
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  -webkit-transform: translate(0);
  transform: translate(0);
  -moz-transition: 0.5s 0.9s;
  -o-transition: 0.5s 0.9s;
  -webkit-transition: 0.5s 0.9s;
  transition: 0.5s 0.9s;
}

#slider1 > input:nth-of-type(6):checked ~ ul #dex-sign {
  -moz-animation: sign-anim 3.5s 0.5s steps(85) forwards;
  -o-animation: sign-anim 3.5s 0.5s steps(85) forwards;
  -webkit-animation: sign-anim 3.5s 0.5s steps(85) forwards;
  animation: sign-anim 3.5s 0.5s steps(85) forwards;
}

#bg {
  padding: 22px 0;
  position: absolute;
  left: 0;
  top: 16%;
  height: 20%;
  width: 0;
  z-index: 10;
  overflow: hidden;
}

#bg:before {
  content: '';
  position: absolute;
  left: -1px;
  top: 1px;
  height: 100%;
  width: 100%;
  z-index: -1;
  background: green;
  -webkit-filter: blur(7px);
  }
  
#bg:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 20;
  pointer-events: none;
}

#bg div {
  -moz-transform: translate(120%);
  -ms-transform: translate(120%);
  -o-transform: translate(120%);
  -webkit-transform: translate(120%);
  transform: translate(120%);
}

.imgslider{
	width: 100px;
}

@media only screen and (max-width: 873px){
 .imgslider{
	width: 80px;
	}
}

@media only screen and (max-width: 673px){
.imgslider{
	width: 60px;
	}
}

@media only screen and (max-width: 473px){
 .imgslider{
	width: 40px;
	}
}

#dex-sign {
  width: 255px;
  height: 84px;
  position: absolute;
  left: 33%;
  top: 45%;
  opacity: 0.7;
  background: white 0 0 no-repeat;
}

#dex-sign:hover {
  opacity: 1;
  -webkit-filter: invert(30%) brightness(80%) sepia(100%) contrast(110%) saturate(953%) hue-rotate(45deg);
}

@-webkit-keyframes sign-anim {
  to {
    background-position: 0 -7140px;
  }
}

@-moz-keyframes sign-anim {
  to {
    background-position: 0 -7140px;
  }
}

@keyframes sign-anim {
  to {
    background-position: 0 -7140px;
  }
}

/*carusel end*/   

/* Why you should join the Reiki Healing Summit 2023! */

.sectionjoin{
    padding: 20px;
    text-align: center;
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),url(https://summit.reikirays.com/wp-content/uploads/2025/10/Untitled-design-5-copy.png);
    background-size: cover;
    background-position: center;
}

.sectionwhystar {
    max-width: 1200px;
	margin: auto;
}

.sectionwhytext {
	max-width: 1200px;
	margin: auto;
	padding: 50px 10px;
}

.sectionwhy {
	max-width: 1200px;
	margin: auto;
	padding: 10px 10px 10px 10px;
	display: flex;
	flex-wrap: wrap;
	border-radius: 20px;
    background: linear-gradient(26deg,#595aa4c7 , #40396e99);
    background-position: top;
}

.whyto {
	width: 50%;
}
.why {
   float: left;
    width: 60%;
    vertical-align: top;
    text-align: center;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: flex-start;
    padding: 20px 0;
}
.why1 {
   float: left;
    width: 40%;
    vertical-align: top;
    text-align: center;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: flex-start;
    padding: 20px 0;
}

.titlewhy{
	font-family: palatino;
    font-size: 48px;
    font-weight: bold;
	margin:10px 0;
	color: white;
    text-shadow: 2px 2px 4px #000000;
}
@media only screen and (max-width: 673px) {
    .titlewhy {
	    font-size: 28px;
	}
	.why1 {
	    padding: 10px 0;
	}
	.why {
	    padding:0;
	}
}

.textwhy {
    font-size: 18px;
    font-family: palatino;
    text-align: center;
    line-height: 1.6;
    color: white;
    text-shadow: 2px 2px 4px #000000;
}
@media only screen and (max-width: 673px) {
   .textwhy {
	font-size: 16px;
	}
}
.tile-sectionwhy {
    color: #0059b3;
    font-family: palatino;
    font-size: 38px;
    font-weight: bold;
}
.textstar{
    font-size: 13px;
    font-family: palatino;
    padding-left: 10px;
    text-align: left;
    color: white;
    text-shadow: 2px 2px 4px #000000;
    
}
@media only screen and (min-width: 150px) and (max-width: 1080px){
 .why  {
    float: none;
    width: 100%;
 }
}


@media only screen and (min-width: 150px) and (max-width: 1080px){
 .why1 {
    float: none;
    width: 100%;
 }
}


@media only screen and (min-width: 150px) and (max-width: 375px){
 .whyto{
    margin: auto;
 }
}

@media only screen and (min-width: 150px) and (max-width: 1080px){
 .sectionwhystar{
    margin-top: 0;
    padding-top: 0;
 }
}
/* Why you should join the Reiki Healing Summit 2023! end */

/*sposor flip1*/

.flip1-box {
  background-color: transparent;
  width: 180px;
  height: 180px;
  perspective: 1000px;
  display: inline-block;
  margin-bottom: 20px;
}

@media only screen and (max-width: 500px){
 .flip1-box {
  width: 150px;
  height: 150px;
 }
}

.flip1-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip1-box:hover .flip1-box-inner {
  transform: rotateY(180deg);
}

.flip1-box-front, .flip1-box-back {
  position: absolute;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip1-box-front {
  color: black;
}

.flip1-box-back {
  color: white;
  transform: rotateY(180deg);
}
.sponsorflip1{
width: 100%;
}

.sectionsponsorflip1{
 max-width: 1200px;
 margin: auto;
 text-align: center;
 padding-top: 20px;
}

.textflip1 {
  font-size: 30px;
  font-family: palatino;
  line-height: 1.2;
  text-align: center;
  color: #0059b3;
  margin: 0;
}

@media only screen and (max-width: 500px){
 .textflip1 {
  font-size: 20px;
 }
}
/*sposor flip1 end*/

/*sposor flip*/

.flip-box {
  background-color: transparent;
  width: 175px;
  height: 175px;
  perspective: 1000px;
  display: inline-block;
}

@media only screen and (max-width: 600px){
 .flip-box {
  width: 100px;
  height: 100px;
 }
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
  color: black;
}

.flip-box-back {
  color: white;
  transform: rotateY(180deg);
}
.sponsorflip{
width: 100%;
}

.sectionsponsorflip{
 max-width: 1200px;
 margin: auto;
 text-align: center;

}

.textflip {
  font-size: 30px;
  font-family: palatino;
  line-height: 1.2;
  text-align: center;
  color: #0059b3;
  margin: 0;
}

@media only screen and (max-width: 500px){
 .textflip {
  font-size: 20px;
 }
}
/*sposor flip end*/

 /*about*/
 
 .jurnal{
    max-width: 650px;
    width: 100%;
    text-align: center;
    min-width: 300px;
 }
 
    .about {
	max-width: 1200px;
    margin: auto;
    text-align:center;
    padding: 20px;
    }

    .presentationText3 { 
        font-size: 20px;
        font-family: palatino; 
        text-align: left;
        line-height: 1.6;
        padding-left: 10px;
    }
    .presentationText31 {
        font-size: 20px;
        font-family: palatino;
        text-align: center;
        line-height: 1.6;
        padding-left: 10px;
    }
    
    .cta-buttonabout {
    background-image: linear-gradient(to bottom, #6e7cb7, #b676af);
    color: white;
    text-shadow: 1px 1px 1px #000000;
    font-size: 20px;
    font-weight: bold;
    padding: 12px 45px;
    text-decoration: none;
    border-radius: 15px;
}
    
    .cta-buttonabout:hover {
    background: linear-gradient(to top, #c16cb1, #c16cb1);
    box-shadow: 0 0 0 2px #7F0A98;
}

    .cta-button:hover {
    background: linear-gradient(to top, #b676af, #b676af);
    box-shadow: 0 0 0 2px #7F0A98;
}
    .cta-buttonjoin:hover {
    background: linear-gradient(to top, #6e7cb7, #6b5c7b);
    box-shadow: 0 0 0 2px #7F0A98;
}

    
@media only screen and (max-width: 673px){
    .presentationText3 {
        font-size: 16px;
    }
    .presentationText31 {
        font-size: 16px;
    }
    .cta-buttonabout {
        padding: 10px 30px;
    }
}
/*about end*/

/* testimonials */

.testimonial{
    text-align: center;
}
.feedback{
	max-width: 1200px;
	margin: auto;
	padding: 20px 10px 10px 10px;
	display: inline-block;
}

.star{
    text-align: center;
    padding-top: 15px;
    letter-spacing: 4px;
}
.star1{
    text-align: center;
    padding-top: 5px;
    letter-spacing: 4px;
}

.feedbackcell{
	float: left;
    width: 30.2%;
    padding: 10px;
    vertical-align: top;
    margin: 5px;
    text-align: left;
    border-style: solid;
    border-width: 1px;
    border-color: #1c1e2130;
    box-shadow: 0 0 10px 5px #b676af26;
}
.feedbackline{
    padding: 10px;
    margin: 10px;
    font-size: 20px;
    font-family: palatino;
    text-align: left;
    line-height: 1.6;
}

@media only screen and (max-width: 673px) {
   .feedbackline {
	font-size: 16px;
	}
}

.tile-sectionfeedback {
    color: #0059b3;
    font-family: palatino;
    font-size: 38px;
    font-weight: bold;
    padding-bottom: 30px;
    line-height: 1.2;
}
@media only screen and (min-width: 150px) and (max-width: 1080px){
 .feedbackcell{
    float: none;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 0;
 }
}
/* testimonials end */

/*Raven section*/
.raven{
    background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)), url('https://summit.reikirays.com/wp-content/uploads/2023/08/FAQ-header.png');
    background-size: cover;
    background-position: center;
    box-shadow: 0px 0px 10px 3px #9a46966e;
}

.raventitle {
    font-family: "Terminal Dosis Light";
    text-align: center;
    color: white;
    font-size: 36px;
    margin-bottom: 30px;
    margin-top: 10px;
    letter-spacing: 1px;
    text-shadow: 2px 2px 4px #000000;
      }
      @media only screen and (max-width: 750px) {
        .raventitle {
          font-size: 28px;
        }
      }

.ravenpicture {
    margin: auto;
    display: inline-flex;
    align-items: center;
}

@media only screen and (max-width: 850px) {
  .ravenpicture .ravenpicturename {
      text-align: center;
  }
}

.ravenpicture img {
    margin: auto;
    float: none;
    display: block;
    width: 210px;
    border-radius: 20%;
  }

.sectionraven {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding: 16px;
  }

.tile-ravencontainer {
    color: #0059b3;
    font-family: palatino;
    font-size: 38px;
    font-weight: bold;
    padding-bottom: 30px;
    margin: auto;
    max-width: 800px;
    
}  

.ravenpictureline {
    font-size: 18px;
    font-family: palatino;
    text-align: left;
    line-height: 1.6;
    color: white;
    text-shadow: 2px 2px 4px #000000;
}

@media only screen and (max-width: 750px) {
        .ravenpictureline {
          font-size: 16px;
        }
      }

.ravenpictureline1{
    padding: 10px;
    margin: 10px;
    font-size: 26px;
    font-family: palatino;
    text-align: center;
    line-height: 1.6;
    color: white;
    text-shadow: 2px 2px 4px #000000;
}

@media only screen and (max-width: 750px) {
        .ravenpictureline1 {
          font-size: 18px;
        }
      }

.ravenpicturename{
    font-family: palatino;
    text-align: center;
    line-height: 1.6;
    font-size: 18px;
    color: white;
    text-shadow: 2px 2px 4px #000000;
    font-weight: bold;
    margin: 0;
}

@media only screen and (max-width: 750px) {
        .ravenpicturename {
          font-size: 16px;
        }
      }

.ravenpicturetext{
	width: 75%;
    margin: auto;
    float: right;
} 

.ravenpictureimg{
	margin: auto;
	}

.ravencontainer{
    max-width: 1200px;
    padding: 10px;
    margin: auto;
    text-align: center;
  }
  
@media only screen and (max-width: 850px) {
  .ravenpicture {
      text-align: center;
      display: block;
  }
}
  	
@media only screen and (max-width: 850px) {
 .ravenpicturetext {
      width: 100%;
      float: none;
  }	
  .ravenpictureimg{
  		width: 100%;
  }
} 
/*Raven section end*/

/*By joining  section*/

  .sectionjoining {
  	max-width: 1200px;
    margin: auto;
    padding: 20px;
  }

  .joiningrow {
    display: flex;
    flex-direction: row;
    justify-content: center;
    column-gap: 40px;

  }
  
  .column1 {
  	width: 50%
  
  }
  .column2 {
  	width: 50%;
  	float: right;
  }

@media (max-width: 768px) {
    .column2 {
      width: 100%;
  	  float: none;
    }
    .column1 {
      width: 100%;
    }
    .joiningrow {
    display: block;
    }
  }

  .itemrow {
  	display: flex;
  	align-items: baseline;
  	margin: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgb(124 151 211 / 64%);
    text-align: left;
    background: linear-gradient(26deg, #866791fa, #866791ab);
    border-radius: 10px;
    }
    
    .textrow {
    padding-left: 10px;
    font-size: 20px;
    color: white;
    text-shadow: 2px 2px 4px #000000;
    }
 @media (max-width: 768px) {
    .textrow {
      font-size: 16px;
    }
 }
 
 hr.joining {
        border: 1px solid #b676af;
        width: 80%;
        margin-bottom: 40px;
      }
 
/*By joining  section end*/

/*Timer*/

  .countdown {
  max-width: 1080px;
  display: block;
  align-items: center;
  justify-content: center;
  font-family: Roboto, 'Helvetica Neue', Arial, sans-serif;
  text-align: center;
  margin: auto;
  padding: 5px;
}
.timertitle {
  font-size: 3rem;
  margin-top: 0;
}
.timerul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 1rem;
  justify-content: center;
}
.timerli {
  border-radius: 5px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  color: white;
  text-shadow: 2px 2px 4px #000000;
  box-shadow: 0px 1px 20px #0073b345;
  background:linear-gradient(26deg,#595aa4 , #40396e82);
}
.timerli span {
  font-size: 2rem;
}

  
  .sectiontimer {
  	max-width: 1200px;
    margin: auto;
    text-align: center;
  }

  .timerrow {
    display: flex;
    flex-direction: row;
    justify-content: center;
    column-gap: 40px;
    padding: 40px;
    align-items: center;
  }
  
  .columnt1 {
  	width: 50%
  
  }
  .columnt2 {
  	width: 50%;
  	float: right;
  	padding-top: 30px;
  }

@media (max-width: 768px) {
    .columnt2 {
      width: 100%;
  	  float: none;
  	  padding-top: 20px;
    }
    .columnt1 {
      width: 100%;
    }
    .timerrow {
    display: block;
    margin: auto;
    text-align: center;
    padding: 0;
    }
  }

  .itemtimerrow {
  	display: flex;
  	align-items: center;
  	margin: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-align: left;
    background-color: beige;
    border-radius: 10px;
    }
    .texttimerrow{
    padding-left: 10px;
    }
   .navigationlink2 {
    color: white;
    text-decoration: none;
    font-weight: normal;
    background-color: #fe0000;
    padding: 15px 70px;
    border-radius: 20px;
    font-size: 1.6em;
}

.navigationlink2:hover {
  background-color: #0059b3;
}

.line11 {
	line-height:1.2;
    text-align: center;
    font-size: 24px;
    color: white;
    text-shadow: 2px 2px 4px #000000;
}
/*Timer end*/

 /* footer */

.sectionfooter {
    margin: auto;
    display: block;
    text-align: center;
    background-color: #3a0842c7;
}
.footer {
  max-width: 1200px;
  padding: 0 10px 10px; 
  margin: auto; 
  display: block; 
  text-align: center;
  color:white;
}
.disclaimer {
  font-size: 16px;
  font-family: palatino;
  text-align: justify;
  line-height: 1.6;
  color:white;
  text-shadow: 2px 2px 4px #000000;
}
.navigationlink4 {
  color:white;
}
  .sectionshare {
  	max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    padding: 10px 0 0 0;
  }

  .columnf1 {
  	width: 30%;
  
  }
  .columnf2 {
  	width: 30%;
  	float: right;
  }

  .columnf3 {
  	width: 30%;
  	float: right;
  }
@media (max-width: 768px) {
    .columnf2 {
      width: 100%;
  	  float: none;
    }
    .columnf3 {
      width: 100%;
  	  float: none;
    }
    .columnf1 {
      width: 100%;
    }
    .sectionshare{
    display: block;
    }
  }
        /* footer end */
  /*sponsor carusel*/
  
        .carousel-container {
            width: 100%;
            max-width: 1200px; /* Lățimea maximă a containerului */
            height: 150px; /* Înălțimea containerului este 150px, să se potrivească imaginilor */
            display: flex;
            justify-content: flex-start; /* Începem din marginea stângă */
            align-items: center;
            overflow: hidden;
            position: relative;
            margin: 0 auto; /* Centrare pe orizontală */
        }

        .carousel {
            display: flex;
            animation: slide 40s linear infinite; /* Animație continuă */
        }

        .carousel-image {
            width: 150px; /* Lățimea imaginii */
            height: 150px; /* Înălțimea imaginii */
            object-fit: cover;
        }

        /* Definim animatia pentru un scroll continuu de la stanga la dreapta */
        @keyframes slide {
            0% {
                transform: translateX(-50%); /* Începem de la marginea stângă */
            }
            100% {
                transform: translateX(0%); /* Mutăm caruselul complet la dreapta */
            }
        }

        /* Oprim animația la hover */
        .paused {
            animation-play-state: paused; /* Oprește animația când e hover */
        }
  /*sponsor carusel end*/