:root {
  --njoy-primary-color-50: #e3f1f0;
  --njoy-primary-color-100: #b8e3df;
  --njoy-primary-color-200: #8bd5ce;
  --njoy-primary-color-300: #5ec7bd;
  --njoy-primary-color-400: #3dbcb0;
  --njoy-primary-color-500: #538d86;
  --njoy-secondary-color-500:  rgb(232 245 105 / 100%);
 --bg-secondary: #f8f9fa;
 
}

li {
  margin-bottom: 0 !important;
}

main {
  min-height: 100vh;
}

.col.col-mobile-logo img,
#desktop_logo img.logo {
  max-width: 65px;
}

#desktop_logo_footer img{
  max-width: 40px;
}

.njoy-button {
  background-color: rgb(214, 214, 214);
  cursor: pointer;
  border-radius: 20px;
  font-size: 12px;
}

#footer-container-main.footer-style-inline .block-toggle {
  margin: 0;
  padding: 0;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#wrapper {

  color: #333 !important;
}




#header .header-btn-w{
  padding: 0;
}

button{
  border: none;
}

input[type="text"],
input[type="email"]{
  border-radius: 10px !important;
  font-size: 12px;
}


.njoy-button-primary .elementor-button.btn{
  background-color: var( --njoy-secondary-color-500);
  color: #333;
  font-size: 14px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 0.25rem;
  font-weight: 700;
  padding-left: 1rem;
  padding-right: 1rem;
}

.bg-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(232 245 105 / var(--tw-bg-opacity)) !important;
}



.image-presentation_circle__0isZj {
  --tw-shadow: 0px 0px 100px rgba(0, 0, 0, 0.03);
  --tw-shadow-colored: 0px 0px 100px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}

.home-image-event{
  position: absolute;
  max-width: 150px;
  right:0;
}



.home-img-logo img{
  max-width: 100px;
}

.home-image-phone{
  position: relative;
  z-index: 10 ;
  top: -50px;
  max-width: 300px;
  margin: 0 auto;
}

.home-users-plan{
    max-width: 150px;
    position: absolute;
    bottom: 130px;
    left: 0;
}


#cms.cms-id-6 .page-header{
  display: none;
}


.event-card{
  background-color: white;
  border-radius: 10px;
  height: auto;

  
}




.event-image-container{
  height: 100px;
    width: 100px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}




@media (min-width: 768px) {
  .home-users-plan{
    max-width: 150px;
    position: absolute;
    bottom: 130px;
    left: 100px;
}
.home-image-event{
  position: absolute;
  max-width: 150px;
  right:100px;
}

.home-image-doble img{
  max-width: 400px !important;

}


.event-card{
  height: 168px;

  
}

.event-card-title



}


