.elementor-2715 .elementor-element.elementor-element-e3a1b5f{--display:flex;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2715 .elementor-element.elementor-element-99bf978 > .elementor-widget-container{margin:16px 0px 10px 0px;}.elementor-2715 .elementor-element.elementor-element-99bf978{text-align:center;}.elementor-2715 .elementor-element.elementor-element-99bf978 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:600;color:#FFFFFF;}.elementor-2715 .elementor-element.elementor-element-9067449{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2715 .elementor-element.elementor-element-1532ce2{text-align:center;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-2715 .elementor-element.elementor-element-5a9248f{--display:flex;--border-radius:10px 10px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2715 .elementor-element.elementor-element-5a9248f:not(.elementor-motion-effects-element-type-background), .elementor-2715 .elementor-element.elementor-element-5a9248f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#344064;}.elementor-2715 .elementor-element.elementor-element-e849ca1 > .elementor-widget-container{margin:15px 0px 5px 0px;}.elementor-2715 .elementor-element.elementor-element-e849ca1{text-align:center;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-2715 .elementor-element.elementor-element-a2900c2 > .elementor-widget-container{margin:0px 300px 0px 300px;}.elementor-2715 .elementor-element.elementor-element-3696954 > .elementor-widget-container{margin:0px 300px 0px 300px;}.elementor-2715 .elementor-element.elementor-element-8de5c78 > .elementor-widget-container{margin:0px 300px 15px 300px;}.elementor-2715 .elementor-element.elementor-element-d583895{--display:flex;}body.elementor-page-2715:not(.elementor-motion-effects-element-type-background), body.elementor-page-2715 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#22252E;}@media(max-width:767px){.elementor-2715 .elementor-element.elementor-element-99bf978 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-2715 .elementor-element.elementor-element-99bf978{text-align:center;}.elementor-2715 .elementor-element.elementor-element-99bf978 .elementor-heading-title{font-size:30px;}.elementor-2715 .elementor-element.elementor-element-1532ce2 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-2715 .elementor-element.elementor-element-1532ce2{text-align:center;font-size:16px;}.elementor-2715 .elementor-element.elementor-element-5a9248f{--width:473px;--border-radius:10px 10px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2715 .elementor-element.elementor-element-e849ca1 > .elementor-widget-container{margin:15px 0px 10px 0px;}.elementor-2715 .elementor-element.elementor-element-e849ca1{text-align:center;font-size:16px;}.elementor-2715 .elementor-element.elementor-element-a2900c2 > .elementor-widget-container{margin:-10px 0px 10px 0px;}.elementor-2715 .elementor-element.elementor-element-3696954 > .elementor-widget-container{margin:-10px 0px 10px 0px;}.elementor-2715 .elementor-element.elementor-element-8de5c78 > .elementor-widget-container{margin:-10px 0px 10px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-a2900c2 *//* Unlock Button Styles */
.mayo-button {
  background-color: #F4F4F4;
  color: #000000;
  padding: 15px;
  border: none;
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  width: 100%;
  position: relative;
  border-radius: 100px;
  border-bottom: 5px solid #F4F4F4;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  cursor: pointer;
}

/* Container for the button content (image + text) */
.mayo-button .button-content {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 15px;
}

/* Image Styles */
.mayo-button .button-image {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
}

/* Button Text */
.mayo-button .button-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.mayo-button .button-title {
  font-weight: bold;
}

.mayo-button .button-description {
  font-size: 14px;
  color: #666;
  margin-top: 8px;
  text-align: left;
}

/* Button States */
.mayo-button.waiting_button {
  border-bottom: 5px solid #F4F4F4 !important;
}

.mayo-button.completed_button {
  border-bottom: 4px solid #2ec94f !important;
}

.mayo-button.closed_button {
  border-bottom: 5px solid #FF0000;
}

/* Spinner / State Icons */
.mayo-button::before {
  content: "\279C";
  font-size: 32px;
  position: absolute;
  top: 50%;
  right: 22px;
  transform: translateY(-50%);
}

.mayo-button.waiting_button::before {
  content: "";
  animation: spin 0.8s linear infinite;
  width: 32px;
  height: 32px;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-radius: 50%;
}

.mayo-button.completed_button::before {
  content: "\2714";
}

.mayo-button.closed_button::before {
  content: "\21BB";
}

/* Spinner Animation */
@keyframes spin {
  0% {
    transform: translateY(-50%) rotate(0deg);
  }
  100% {
    transform: translateY(-50%) rotate(360deg);
  }
}

/* Mobile Optimization */
@media (max-width: 767px) {
  .mayo-button {
    font-size: 16px;
    padding: 10px;
  }

  .mayo-button .button-image {
    width: 40px;
    height: 40px;
  }

  .mayo-button .button-text .button-title {
    font-size: 15px;
  }

  .mayo-button .button-description {
    font-size: 12px;
  }

  .mayo-button::before,
  .mayo-button.closed_button::before {
    font-size: 23px;
    right: 14px;
  }

  .mayo-button.completed_button::before {
    color: #000000;
    background-color: #F4F4F4 !important;
  }

  .mayo-button.waiting_button::before {
    width: 23px;
    height: 23px;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
  }
}

/* Prevent hover/focus/active style changes */
.mayo-button:hover,
.mayo-button:focus,
.mayo-button:active {
  background-color: #F4F4F4 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8de5c78 */#button-locked-199 {
  background-color: transparent;
  color: #F4F4F4;
  background-color: #2ec94f;
  border: solid 1px;
  border-radius: 100px;
  border-color: #F4F4F4 !important;
  padding: 15px;
  border-color: #2ec94f; 
  font-size: 20px;
    font-family: poppins;
  width: 100%;
  position: relative;
  transition: background-color 0.3s ease;
  display: block !important;
  margin: 0 auto !important;
}

#button-locked-199:disabled {
  background-color: transparent;
  color: #B4B4B4;
  border-color: #B4B4B4 !important;
  cursor: not-allowed;
  animation: border-loading 1.5s infinite linear; /* Adding loading animation */
}

/* Loading animation effect for the border */
@keyframes border-loading {
  0% {
    border-color: #B4B4B4;
  }
  50% {
    border-color: #2ec94f; /* This creates a back-and-forth effect */
  }
  100% {
    border-color: #B4B4B4;
  }
}

@media (max-width: 767px) {
  #button-locked-199 {
    font-size: 18px;
    width: 100%;
  }
}/* End custom CSS */