.icon-center .elementor-icon-wrapper {
  display: flex;           /* Enables flexbox layout */
  justify-content: center; /* Horizontally centers the icon */
  align-items: center;     /* Vertically centers the icon */
  height: 100%;            /* Ensures the wrapper takes up full height */
}

.icon-center {
  display: flex;           /* Enables flexbox layout */
  justify-content: center; /* Horizontally centers the icon */
  align-items: center;     /* Vertically centers the icon */
  height: 100%;            /* Ensures the link takes up the full height */
}

.icon-bottom .elementor-icon-wrapper {
  display: flex;           /* Enables flexbox layout */
  justify-content: center; /* Horizontally centers the icon */
  align-items: bottom;     /* Vertically centers the icon */
  height: auto;            /* Ensures the wrapper takes up full height */
}

.icon-bottom {
  display: flex;           /* Enables flexbox layout */
  justify-content: center; /* Horizontally centers the icon */
  align-items: bottom;     /* Vertically centers the icon */
  height: auto;            /* Ensures the link takes up the full height */
}

.icon-click .elementor-icon-wrapper {
  cursor: pointer;
}




/* FOOTER  */

.sticky-footer {
  position: fixed;
  bottom: -100%; /* Start hidden */
  width: 100%;
  transition: bottom 0.5s ease; /* Slow down the slide-in animation */
  z-index: 9999;
}

.sticky-footer.slide-in {
  bottom: 0; /* Slide up into view */
}

.sticky-footer.slide-out {
  bottom: -100%; /* Slide down out of view */
}


/* HEADER */

/* Initially hide header2 off the top of the screen */
#header2 {
  position: fixed;
  top: 150;
  left: 0;
  width: 100%;
  transform: translateY(-210%);
  transition: transform 0.4s ease-out;
  z-index: 990; /* Ensure it appears above other content */
}

/* When header2 is active, slide it down */
#header2.active {
  transform: translateY(0);
}

/* Style for the trigger icon */
#toggle-platforms {
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}

/* Rotate the icon by 90 degrees when active */
#toggle-platforms.rotated {
  transform: rotate(90deg);
}






#my_account_mobile_menu {
  overflow-x: auto; /* Enables horizontal scrolling */
  white-space: nowrap; /* Prevents the items from wrapping to the next line */
}

#my_account_mobile_menu .jet-mega-menu-item {
  display: inline-block; /* Ensures that each menu item stays in a single line */
}


#selector {
  overflow-x: auto;
  white-space: nowrap;
}

#selector .elementor-container {
  display: inline-block;
  white-space: nowrap;
}

#selector .elementor-column {
  display: inline-block;
  vertical-align: top;
  float: none;
  width: auto; /* Adjust the width of columns if necessary */
}


.elementor-24 .elementor-element.elementor-element-2b036665 {
  padding: 0;
}

.woo-wallet-my-wallet-container .woo-wallet-content {
  display: block; /* Hide initially */
  width: 100% !important;
}


/* Target the parent container of the radio fields */
.jet-form-builder__fields-group.checkradio-wrap {
  display: flex;
  flex-direction: row; /* Align the items horizontally */
  justify-content: space-between; /* Adjust spacing as needed */
}

/* Adjust the individual radio wrap containers to ensure proper sizing */
.jet-form-builder__field-wrap.radio-wrap.checkradio-wrap {
  flex: 1; /* Allow each radio wrap to take equal space */
  margin-right: 10px; /* Optional: Add some spacing between the items */
}

/* Remove the margin from the last item */
.jet-form-builder__field-wrap.radio-wrap.checkradio-wrap:last-child {
  margin-right: 0;
}



.wp_google_login__button {
  display: flex; /* Use flexbox to align items */
  align-items: center; /* Center items vertically */
  justify-content: center; /* Center items horizontally */

  padding: 10px 20px;
  background-color: white;
  
  text-decoration: none;
  border-radius: 8px;
  border: 2px solid black;
  /* transition for box-shadow instead of transform */
  transition: box-shadow 0.3s ease, background-color 0.3s ease;
  
  color: black !important;
  font-weight: 500 !important;
  font-size: 1.05rem; /* Adjust font size as needed */
  font-family: 'Poppins' !important;

  cursor: pointer; /* Add cursor style for pointer on hover */
  

  margin: 0 auto; /* Center the button within its parent */
  position: relative; /* Ensure positioning context */
  transform-origin: center; /* Ensures scaling occurs from the center */
}

.wp_google_login__button:hover {
  background-color: white;
  color: black;
  /* Add a box-shadow effect */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Even shadow around the box */
}


/* Register Form Styling */
.wp_google_login {
  margin: 0;
}

.wp_google_login__button-container {
  margin-top: 0;
}

body .form-multi-col-no-space.is-layout-flex {
  margin: 0; /*Removes the margin at the bottom of the column on the form*/
}

.form-multi-col-no-space.is-layout-flex {
  gap: 0; /* Ensure no gap between flex items within the column*/
  margin: 0;
  padding: 0;
}

.form-multi-col-no-space .wp-block-column {
  margin: 0; /* Remove any margin */
  padding-right: 10px; /* Add 10px padding to the right of each column */
}

.form-multi-col-no-space .wp-block-column:last-child {
  padding-right: 0; /* Remove padding for the last child */
}


/* Ensure no underline on hover for links within buttons with the class 'button-no-underline' */
.button-no-underline .elementor-button {
  text-decoration: none; /* Remove underline by default */
}

/* Remove underline on hover specifically */
.button-no-underline .elementor-button:hover {
  text-decoration: none; /* Ensure underline is removed on hover */
}

a.elementor-element.no-link {
  text-decoration: none;
}

a.elementor-element.no-link:hover {
  text-decoration: none; /* Ensures no underline on hover */
}

.no-link a:hover {
  text-decoration: none; /* Ensures no underline when a link is hovered */
}


#hero {
  height: calc(100vh - 150px); /* Full viewport height minus header */
  display: flex; /* Optional: Centers content */
  align-items: center; /*Optional: Centers content vertically*/
  justify-content: center; /*Optional: Centers content horizontally*/
  background-repeat: no-repeat;
  background-size: cover;
}

#hero-help {
  height: calc(100vh - 150px); /* Full viewport height minus header */
  display: flex; /* Optional: Centers content */
  padding: calc(20vh) 0 0 0;
  /* align-items: center; Optional: Centers content vertically */
  /* justify-content: center; Optional: Centers content horizontally */
  background-repeat: no-repeat;
  background-size: cover;
}






/* SHORTCODES */
.shortcode-full-center.elementor-widget-shortcode {
  display: flex;
  align-items: center; /* Centers vertically */
  justify-content: center; /* Centers horizontally */
  align-self: center;
  height: 100%; /* Stretches the element to the full height of its parent */
  width: 100%; /* Stretches the element to the full width of its parent */
}

.shortcode-full-center .elementor-shortcode {
  display: flex;
  align-items: center; /* Centers vertically */
  justify-content: center; /* Centers horizontally */
  align-self: center;
  height: 100%; /* Stretches the element to the full height of its parent */
  width: 100%; /* Stretches the element to the full width of its parent */
}

/* Full Centering (both horizontal and vertical) */
.shortcode-center.elementor-widget-shortcode {
  display: flex;
  align-items: center; /* Centers vertically */
  justify-content: center; /* Centers horizontally */
  align-self: center;
  height: 100%; /* Stretches the element to the full height of its parent */
}

.shortcode-center .elementor-shortcode {
  display: flex;
  align-items: center; /* Centers vertically */
  justify-content: center; /* Centers horizontally */
  align-self: center;
  height: 100%; /* Stretches the element to the full height of its parent */
}

/* Vertical Centering Only */
.shortcode-center-vertical.elementor-widget-shortcode {
  display: flex;
  align-items: center; /* Centers vertically */
  justify-content: flex-start; /* Default alignment for horizontal */
  height: 100%; /* Stretches the element to the full height of its parent */
}

/* Horizontal Centering Only */
.shortcode-center-horizontal.elementor-widget-shortcode {
  display: flex;
  align-items: flex-start; /* Default alignment for vertical */
  justify-content: center; /* Centers horizontally */
  width: 100%; /* Stretches the element to the full width of its parent */
}







/* WALLET */
a.woo-wallet-menu-contents {
  font-size: 1.25rem;
  font-weight: 500;
}

a.woo-wallet-menu-contents:hover {
  font-weight: 500;
}



/* TEXT */
li:last-child{
  margin-bottom: 10px;
}

/* Highlight color when the class is added */
.highlight {
  background-color: yellow; /* Highlight color */
  transition: background-color 1s ease-in-out; /* Apply fade-in effect */
}

/* Transition when removing the highlight (fade to white or default color) */
.remove-highlight {
  background-color: white; /* Or set to transparent or any other color you'd like */
  transition: background-color 1s ease-in-out; /* Apply fade-out effect */
}


/* POLICIES & FORMS */
.form-identifier {
  font-size: 10px;
  color: #888;
  text-align: right;
  margin-top: 5px;
}

html {
  scroll-behavior: smooth;
}