/* NEW CSS STARTS  */
/* General css */
#limitless-timeline-container {
  margin-top: 20px;
  text-align: center;
  background-color: var(--bg-container);
}
.eta-bold {
  font-weight: bold;
}
.eta-underline {
      text-decoration: underline;
}
.eta-italics {
      font-style: italic;
}
.eta-heading {
      font-size: var(--heading-size, 14px);
      margin-bottom: 10px;
      color: var(--heading-color, #000);
}
.eta-label {
      color: var(--label-color, #000) !important;
      font-size: var(--label-size, 16px);
}
.eta-days {
      color: var(--days-color, #000);
      font-size: var(--days-size, 14px);
      line-height: normal;
}

.eta-label {
      line-height: normal;
      margin-bottom: 2px;
}
.eta-icon {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: auto;
      margin-bottom: 6px;
      background-color: var(--icons-bg);
      border-radius: 200px;
      align-content: center;
      width: 60px;
      height: 60px;
    }
    .eta-icon img{
    max-width: 100%;
    }  
.eta-icon svg{
      fill: var(--icons-color);
      height: 60%;
    max-width: 60%;
}
#limitless-timeline-container h2 {
  line-height: normal;
  margin-bottom: 10px;
  font-size: var(--heading-size);
}

/* Template css */

/* template 1 */
.pulseTemplate_1 {
  width: 100%;
  margin: auto;
  margin: 10px 0px;
}
.pulseTemplate_1 .eta-heading {
      border: 1px solid var(--border-color);
      border-bottom: 0px;
      margin:0px;
}
.pulseTemplate_1 .eta-timeline {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: 1px solid var(--border-color);
}
.pulseTemplate_1 .eta-step {
  flex: 1;
  position: relative;
  border: 1px solid var(--border-color);
  border-width: 0px 1px 0px 0px;
  padding: 10px;
}
.pulseTemplate_1 .eta-step:last-child {
  border-right: none !important;
}
.pulseTemplate_1 .eta-step:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -11px !important;
  width: 20px;
  height: 20px;
  background: var(--bg-container);
  border: 1px solid var(--border-color);
  border-width: 0 1px 1px 0;
  transform: translateY(-50%) rotate(-45deg);
}

.pulseTemplate_1 .eta-label {
  margin-top: 0px;
}

/* Template 2  */
.pulseTemplate_2 {
  width: 100%;
  margin: auto;
  margin: 10px 0px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
}
.pulseTemplate_2 .eta-heading {
      padding: 6px 0px;
      margin:0px;
}
.pulseTemplate_2 .eta-timeline {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.pulseTemplate_2 .eta-step {
  flex: 1;
  position: relative;
  padding: 10px;
}

.pulseTemplate_2 .eta-label {
  margin-top: 0px;
}
.pulseTemplate_2 .eta-icon{
  border: 2px solid var(--border-color);
  border-radius: 10px;
  z-index: 99999999999;
    position: relative;
}
.pulseTemplate_2 .eta-icon svg{
  height: 50%;
}
.pulseTemplate_2 .eta-step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 34%;
  left: 50%;
  width: 100%;
  height: 2px;
  background-color: var(--border-color, black);
  color: var(--border-color);
  transform: translateY(-50%);
  /* z-index: 1; */
}


/* .pulseTemplate_2 .eta-step:not(:first-child)::before {
  content: "\003E";
  position: absolute;
  font-size: 22px;
  font-weight: 900;
  top: 34%;
  left: 8%;
  color: var(--border-color, #555);
  transform: translateY(-50%);
  z-index: 3;
} */


/* template 3 */
.pulseTemplate_3 {
  width: 100%;
  margin: auto;
  margin: 10px 0px;
  padding: 10px 0px;
  background-color: transparent!important;
  border: 1px solid var(--border-color);
  border-radius: 15px;
}
.pulseTemplate_3 .eta-timeline{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  max-width: 100%;
}
.pulseTemplate_3 .eta-step {
  width: 30%;
text-align: center;
padding: 10px;
/* border: 2px solid var(--border-color); */
border-radius: 15px;
position: relative;
background-color: var(--bg-container,#eeeeee);
}

.pulseTemplate_3 .eta-step:not(:last-child)::after {
display: flex;
justify-content: center;
position: absolute;
top: 50%;
right: -30px;
transform: translateY(-50%);
width: 50px;
height: 50px;
background: white;
border: 10px solid  var(--bg-container,#eeeeee);
border-radius: 50%;
z-index: 9;
align-content: center;
flex-wrap: wrap;
font-weight: 900;
color: #000;
}
.pulseTemplate_3 .eta-step1:after{
content: "1";
}
.pulseTemplate_3 .eta-step2:after{
content: "2";
}
@media only screen and (max-width:767px) {

.pulseTemplate_3 .eta-step:not(:last-child)::after{
  right: -20px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border: 3px solid var(--bg-container, #eeeeee);
}
}
.pulseTemplate_3 .eta-icon{
  margin-bottom: 0px!important;
}
/* Template 4  */
.pulseTemplate_4 {
  width: 100%;
  margin: auto;
  margin: 10px 0px;
  border: 1px solid var(--border-color);
}
.pulseTemplate_4 .eta-heading {
      padding: 6px 0px;
      margin:0px;
}
.pulseTemplate_4 .eta-timeline {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.pulseTemplate_4 .eta-step {
  flex: 1;
  position: relative;
  padding: 10px;
}

.pulseTemplate_4 .eta-label {
  margin-top: 0px;
}
.pulseTemplate_4 .eta-icon{
  border: 2px solid var(--border-color);
}
.pulseTemplate_4 .eta-icon svg{
  height: 50%;
}
.pulseTemplate_4 .eta-step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 34%;
  left: 75%;
  width: 40%;
  height: 2px;
  background-color: var(--border-color , #555);
  transform: translateY(-50%);
  z-index: 1;
}


.pulseTemplate_4 .eta-step:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 34%;
  left: 10%;
  width: 10px;
  height: 10px;
  background-color:var(--border-color , #555);
  border-radius: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

/* template 5 */
.pulseTemplate_5 {
  width: 100%;
  margin: auto;
  margin: 10px 0px;
}
.pulseTemplate_5 .eta-heading {
      border: 1px solid var(--border-color);
      padding: 6px 0px;
      border-bottom: 0px;
      margin:0px;
}
.pulseTemplate_5 .eta-timeline {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: 1px solid var(--border-color);
}
.pulseTemplate_5 .eta-step {
  flex: 1;
  position: relative;
  border: 1px solid var(--border-color);
  border-width: 0px 1px 0px 0px;
  padding: 10px;
}
.pulseTemplate_5 .eta-step:last-child {
  border-right: none !important;
}

.pulseTemplate_5 .eta-label {
  margin-top: 0px;
}
.pulseTemplate_5 .eta-icon svg{
  height: 50%;
}

/* template 6 */
.pulseTemplate_6 {
  width: 100%;
  margin: auto;
  margin: 10px 0px;
  background-color: transparent!important;
}
.pulseTemplate_6 .eta-heading {
      border: 1px solid var(--border-color);
      padding: 6px 0px;
      margin:0px;
      margin-bottom: 6px;
  background-color: var(--bg-container);

}
.pulseTemplate_6 .eta-timeline {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: 1px solid var(--border-color);
  background-color: var(--bg-container);
}
.pulseTemplate_6 .eta-step {
  flex: 1;
  position: relative;
  padding: 10px;
}
.pulseTemplate_6 .eta-step:last-child {
  border-right: none !important;
}

.pulseTemplate_6 .eta-label {
  margin-top: 0px;
}
.pulseTemplate_6 .eta-icon svg{
  height: 50%;
}

/* template 7 */
.pulseTemplate_7 {
  width: 100%;
  margin: auto;
  margin: 10px 0px;
  border: 1px solid var(--border-color);
}
.pulseTemplate_7 .eta-heading {
      padding: 6px 0px;
      margin:0px;
}
.pulseTemplate_7 .eta-timeline {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.pulseTemplate_7 .eta-step {
  flex: 1;
  position: relative;
  padding: 10px;
}

.pulseTemplate_7 .eta-label {
  margin-top: 0px;
}
.pulseTemplate_7 .eta-icon svg{
  height: 50%;
}
/* template 8 */
.pulseTemplate_8 {
  width: 100%;
  margin: auto;
  margin: 10px 0px;
  border: 1px solid var(--border-color);
}
.pulseTemplate_8 .eta-heading {
      padding: 6px 0px;
      margin:0px;
}
.pulseTemplate_8 .eta-timeline {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}
.pulseTemplate_8 .eta-step {
  flex: 1;
  position: relative;
  padding: 10px;
  display: flex;
  gap:10px;
}
.pulseTemplate_8 .eta-content{
text-align: left;
}

.pulseTemplate_8 .eta-label {
  margin-top: 0px;
}
.pulseTemplate_8 .eta-icon{
  width: 40px;
  height: 40px;
  margin: 0px 4px;
}
.pulseTemplate_8 .eta-icon svg{
  height: 80%;
}

/* template 14 */
.pulseTemplate_14 {
  background: var(--bg-container);
  width: 100%;
  margin: auto;
  border: 2px solid #555;
  padding: 10px;
}
.pulseTemplate_14 .eta-heading{
  display: none;
}
.pulseTemplate_14 #inner-heading{
  display: inline;
  align-self: center;
  margin-bottom: 0px;
}
.pulseTemplate_14  .eta-timeline{
  display: flex;
      width: fit-content;
      gap: 10px;
}
.pulseTemplate_14  .eta-icon{
  width:40px;
  height:40px;
  background:transparent!important;
  margin-bottom: 0px;
}
/* template 15 */
.pulseTemplate_15 {
  background: var(--bg-container);
  width: 100%;
  margin: auto;
  border: 1px solid var(--border-color);
  padding: 10px;
}
.pulseTemplate_15 .eta-heading{
  display: none;
}
.pulseTemplate_15 #inner-heading{
  display: inline;
  align-self: center;
  margin-bottom: 0px;
  font-weight:600;
}
.pulseTemplate_15  .eta-timeline{
  display: flex;
      width: fit-content;
      gap: 10px;
}
.pulseTemplate_15  .eta-icon{
  width:40px;
  height:40px;
  background:transparent!important;
  margin-bottom: 0px;
}
/* template 16 */
.pulseTemplate_16 {
  background: var(--bg-container);
  width: 100%;
  margin: auto;
  border: 1px solid var(--border-color);
  padding: 10px;
}
.pulseTemplate_16 .eta-heading{
  display: none;
}
.pulseTemplate_16 #inner-heading{
  display: inline;
  align-self: center;
  margin-bottom: 0px;
}
.pulseTemplate_16  .eta-timeline{
  display: flex;
      width: fit-content;
      gap: 10px;
}
.pulseTemplate_16  .eta-icon{
  width:40px;
  height:40px;
  background:transparent!important;
  margin-bottom: 0px;
}