.elementor-12576 .elementor-element.elementor-element-311e3fe{--display:flex;--justify-content:center;--overlay-opacity:0.25;}.elementor-12576 .elementor-element.elementor-element-311e3fe:not(.elementor-motion-effects-element-type-background), .elementor-12576 .elementor-element.elementor-element-311e3fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12576 .elementor-element.elementor-element-311e3fe::before, .elementor-12576 .elementor-element.elementor-element-311e3fe > .elementor-background-video-container::before, .elementor-12576 .elementor-element.elementor-element-311e3fe > .e-con-inner > .elementor-background-video-container::before, .elementor-12576 .elementor-element.elementor-element-311e3fe > .elementor-background-slideshow::before, .elementor-12576 .elementor-element.elementor-element-311e3fe > .e-con-inner > .elementor-background-slideshow::before, .elementor-12576 .elementor-element.elementor-element-311e3fe > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-12576 .elementor-element.elementor-element-16151df > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12576 .elementor-element.elementor-element-3a695d7{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-12576 .elementor-element.elementor-element-cb1d9a7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12576 .elementor-element.elementor-element-cb1d9a7.elementor-element{--align-self:center;}.elementor-12576 .elementor-element.elementor-element-cb1d9a7 .elementor-widget-container{text-align:center;}.elementor-12576 .elementor-element.elementor-element-cb1d9a7 .ha-creative-btn{margin:25px;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;box-shadow:0px 0px 10px 0px #01D5FF;}.elementor-12576 .elementor-element.elementor-element-cb1d9a7 .ha-creative-btn, .elementor-12576 .elementor-element.elementor-element-cb1d9a7 .ha-creative-btn.ha-eft--bloom div{border-style:solid;}.elementor-12576 .elementor-element.elementor-element-cb1d9a7 .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:#32CD32;--ha-ctv-btn-bg-clr:#02010100;--ha-ctv-btn-border-clr:#01D5FF;--ha-ctv-btn-txt-hvr-clr:#32CD32;--ha-ctv-btn-bg-hvr-clr:#02010100;--ha-ctv-btn-border-hvr-clr:#01D5FF;}.elementor-12576 .elementor-element.elementor-element-cb1d9a7 .ha-creative-btn:hover{box-shadow:0px 0px 10px 0px #01D5FF;}.elementor-12576 .elementor-element.elementor-element-de8cf3a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12576 .elementor-element.elementor-element-de8cf3a.elementor-element{--align-self:center;}.elementor-12576 .elementor-element.elementor-element-de8cf3a .elementor-widget-container{text-align:center;}.elementor-12576 .elementor-element.elementor-element-de8cf3a .ha-creative-btn{margin:25px;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;box-shadow:0px 0px 10px 0px #01D5FF;}.elementor-12576 .elementor-element.elementor-element-de8cf3a .ha-creative-btn, .elementor-12576 .elementor-element.elementor-element-de8cf3a .ha-creative-btn.ha-eft--bloom div{border-style:solid;}.elementor-12576 .elementor-element.elementor-element-de8cf3a .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:#32CD32;--ha-ctv-btn-bg-clr:#02010100;--ha-ctv-btn-border-clr:#01D5FF;--ha-ctv-btn-txt-hvr-clr:#32CD32;--ha-ctv-btn-bg-hvr-clr:#02010100;--ha-ctv-btn-border-hvr-clr:#01D5FF;}.elementor-12576 .elementor-element.elementor-element-de8cf3a .ha-creative-btn:hover{box-shadow:0px 0px 10px 0px #01D5FF;}.elementor-12576 .elementor-element.elementor-element-b261d34 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12576 .elementor-element.elementor-element-b261d34.elementor-element{--align-self:center;}.elementor-12576 .elementor-element.elementor-element-b261d34 .elementor-widget-container{text-align:center;}.elementor-12576 .elementor-element.elementor-element-b261d34 .ha-creative-btn{margin:25px;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;box-shadow:0px 0px 10px 0px #01D5FF;}.elementor-12576 .elementor-element.elementor-element-b261d34 .ha-creative-btn, .elementor-12576 .elementor-element.elementor-element-b261d34 .ha-creative-btn.ha-eft--bloom div{border-style:solid;}.elementor-12576 .elementor-element.elementor-element-b261d34 .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:#32CD32;--ha-ctv-btn-bg-clr:#02010100;--ha-ctv-btn-border-clr:#01D5FF;--ha-ctv-btn-txt-hvr-clr:#32CD32;--ha-ctv-btn-bg-hvr-clr:#02010100;--ha-ctv-btn-border-hvr-clr:#01D5FF;}.elementor-12576 .elementor-element.elementor-element-b261d34 .ha-creative-btn:hover{box-shadow:0px 0px 10px 0px #01D5FF;}.elementor-12576 .elementor-element.elementor-element-1284bfd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12576 .elementor-element.elementor-element-1284bfd.elementor-element{--align-self:center;}.elementor-12576 .elementor-element.elementor-element-1284bfd .elementor-widget-container{text-align:center;}.elementor-12576 .elementor-element.elementor-element-1284bfd .ha-creative-btn{margin:25px;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;box-shadow:0px 0px 10px 0px #01D5FF;}.elementor-12576 .elementor-element.elementor-element-1284bfd .ha-creative-btn, .elementor-12576 .elementor-element.elementor-element-1284bfd .ha-creative-btn.ha-eft--bloom div{border-style:solid;}.elementor-12576 .elementor-element.elementor-element-1284bfd .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:#32CD32;--ha-ctv-btn-bg-clr:#02010100;--ha-ctv-btn-border-clr:#01D5FF;--ha-ctv-btn-txt-hvr-clr:#32CD32;--ha-ctv-btn-bg-hvr-clr:#02010100;--ha-ctv-btn-border-hvr-clr:#01D5FF;}.elementor-12576 .elementor-element.elementor-element-1284bfd .ha-creative-btn:hover{box-shadow:0px 0px 10px 0px #01D5FF;}#elementor-popup-modal-12576{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-12576 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-12576 .dialog-close-button{display:flex;}#elementor-popup-modal-12576 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:1024px){.elementor-12576 .elementor-element.elementor-element-3a695d7{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-12576 .elementor-element.elementor-element-311e3fe{--width:100%;}}@media(max-width:767px){.elementor-12576 .elementor-element.elementor-element-3a695d7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for shortcode, class: .elementor-element-16151df */.user-info-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    font-family: Arial, sans-serif;
    padding: 2.5px;
    border-radius: 5px;
    position: relative;
}

.user-details {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Ensures the logout link stays on the right */
    width: 100%;
}

.user-avatar {
    display: flex;
    align-items: center; /* Aligns the avatar vertically with the username */
    margin-right: 10px; /* Adjusts space between the avatar and the username */
}

.user-avatar img {
    border-radius: 50%;
}

.user-name {
    font-size: 16px;
    color: #fff;
    flex-grow: 1; /* Allows the username to take up any available space to the left */
}

.membership-container {
    display: flex;
    justify-content: center; /* Centers membership boxes horizontally */
    flex-wrap: wrap; /* Allows boxes to wrap to next line if needed */
    gap: 5px;
    margin-top: 10px;
}

.membership-box {
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 0.9em;
    font-weight: bold;
    cursor: pointer;
    background-image: linear-gradient(to right, #56ab2f, #a8e063); /* Green gradient */
    transition: background-image 0.3s ease; /* Smooth transition for hover effect */
}

.membership-box:hover {
    background-image: linear-gradient(to right, #4CAF50, #8BC34A); /* Slightly different green gradient on hover */
    transform: translateY(-3px); /* Lift effect */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Deeper shadow to enhance the lifting impression */
}

.logout-link {
    background-color: #dc3545;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 0.9em;
}

.logout-link:hover {
    background-color: #c82333;
}


.buy-membership-link {
    display: block;
    background-color: #4CAF50; /* Green to match your membership box style */
    color: white;
    text-align: center;
    padding: 10px;
    margin-top: 10px;
    border-radius: 5px;
    text-decoration: none; /* Removes underline from the link */
    font-weight: bold;
}

.buy-membership-link:hover {
    background-color: #367C39; /* Darker green for hover */
    box-shadow: 0 2px 8px rgba(0,0,0,0.2); /* Soft shadow for hover effect */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-311e3fe */.elementor-popup-modal .dialog-close-button svg {
  fill: #fff;
  height: 45em;
  width: 1em;
}/* End custom CSS */