.action-inner-wraper { 
 background: rgba(0, 0, 0, 0);
  padding: 0.2rem !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.3);
  border: 1px solid rgba(255, 255, 255, 0.3);
    
}

#toggleNavigationOffcanvas {
      background:  linear-gradient(45deg, #19243D 0%, #2A3A5A 50%, #405a90 100%) !important;

}
body {
    background: linear-gradient(45deg, #19243D 0%, #2A3A5A 50%, #405a90 100%) !important;
}

body > react-root:nth-child(33) > div > div > button {
        background: linear-gradient(45deg, #19243D 0%, #2A3A5A 50%, #405a90 100%) !important;

}

body > react-root:nth-child(32) > button {
          background:  linear-gradient(45deg, #19243D 0%, #2A3A5A 50%, #405a90 100%) !important;
border: none;
}




.secondary-menu a {
  color: #ffffff !important;
}



/* Navbar gradient background using #19243D base */
#default_header {
  background: linear-gradient(45deg, #19243D, #2A3A5A) !important;
}

/* Optional: match the offcanvas if needed */
#offcanvasNavbar {
  background: linear-gradient(45deg, #19243D, #2A3A5A) !important;
}

/* Optional: remove or style top border */
#default_header .border-top {
  border-top: none;
}

.border-primary {
    border-color: white !important;
}

#default_header.navbar.primary .vr, #event_header.navbar.primary .vr {
   background-color: white !important;
}

.navbar .navbar-brand img.main-logo {
 max-height: 4rem !important;
}




body > main > div.container-content > div > div > div:nth-child(1) > div > p:nth-child(2)
{
  display:none ;
}
body > main > div.container-content > div > div > div:nth-child(1) > div > p:nth-child(3)
{
    display:none ;
}
#toggleHamburgerOffcanvas > i
{
  color:white ;
}

.footer-main-wraper
{
  display:none !important;
}
/*set up new passwotd invitation*/


/*login*/
#collapseRegisterSocial
{
  display:none !important;
}
#collapseRegisterEmail
{
  display:block !important;
}
#collapseRegisterEmail > div:nth-child(1)
{
  display:none !important;
}
#collapseRegisterEmail > div:nth-child(2) > div > a
{
  display:none !important;
}
#collapseLoginSocial > div:nth-child(1)
{
  display:none;
}
#collapseLoginSocial > div:nth-child(2)
{
  display:none;
}

body > main > div.container-content > div > div > div:nth-child(2) > div.col-12.col-md-6 > div {
    display:none;
}
.support
{
    display:none 
}
body > main > div.container-content > div > div > div:nth-child(2) > div > div.alert.alert-primary.mb-8 > p:nth-child(1)
{
    display:none;
}
body > main > div.container-content > div > div > div:nth-child(2) > div > div.alert.alert-primary.mb-8 > p.mb-0
{
     display:none;
}
#login-with-social
{
  display:none
}
#collapseLoginEmail > div:nth-child(2) > div > a
{
  display:none
}

}
body > main > div.container-content > div > div > div:nth-child(2) > div.col-12.col-md-6 > div
{
  background-color:white;
  border:white;
}


#vlc > div.action-wraper.p-center > div.action-inner-wraper > div.d-flex.justify-content-evenly.align-items-center.w-100 > button.action-btn.allowed.skip
{
  background-color:#ffffff00 !important
}
#vlc > div.action-wraper.p-center > div.action-inner-wraper > div.d-flex.justify-content-evenly.align-items-center.w-100 > button.action-btn.allowed.home
{
  background-color:#ffffff00 !important
}
#vlc > div.action-wraper.p-center > div.action-inner-wraper > div.d-flex.justify-content-evenly.align-items-center.w-100 > button.action-btn.allowed.back.disabled
{
   background-color:#ffffff00 !important
}
#vlc > div.action-wraper.p-center > div.action-inner-wraper > div.d-flex.justify-content-evenly.align-items-center.w-100 > button.action-btn.allowed.back
{
  background-color:#ffffff00 !important
}

/*speed dial*/
body > react-root:nth-child(33) > div > div > button
{
}


#login-form > div.col-12.pt-3 > button {
    background-color: #19243D;
}

#reset-password-form > div.col-12.pt-3 > button {
      background-color: #19243D;
}
#login-with-email {
    background-color: #19243D;}
#default_header > div.container-xl.d-none.d-lg-flex > div > ul:nth-child(2) > li > a {
  display:none;
}
#default_header > div.container-xl.d-none.d-lg-flex > div > ul:nth-child(2) > div.vr.mx-4 {display:none}

#offcanvasNavbarLabel {
    color: white;
}

.navbar .menu-items .nav-item .nav-link {
    color: white;
}

/* Flip card panels background */
  .tick-flip-panel {
    background-color: #1A253F !important;
  }



#default_header > div.container-xl.d-none.d-lg-flex > div > ul:nth-child(1) 
  a.nav-link.link-primary:hover,
#default_header > div.container-xl.d-none.d-lg-flex > div > ul:nth-child(1) 
  a.nav-link.link-primary:focus {
  color: gray !important;
}

#default_header .dropdown-menu.show {
  background-color: #19243D !important;
}


.link-primary:hover,
.link-primary:focus {
  color: gray !important;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
    background-color: gray !important;}

.action-inner-wraper {
    height: 3rem !important;
}

.action-btn.navigation {
    width: 3rem;
    min-width: 2.5rem;
    max-width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    max-height: 2.5rem;
}


body > react-root:nth-child(33)
  > div
  > div.S0e7ORfPQqtWe0CJ23jIrQ\=\=.undefined
  > div.AtZjzny-\+hLypEvTh1PcPw\=\=
  > div
  > button {
  background: linear-gradient(
    45deg,
    #19243D 0%,
    #2A3A5A 50%,
    #405a90 100%
  ) !important;
  color: #fff !important;           /* ensure text stays legible */
  border: none !important;          /* remove any default border */
  border-radius: 4px !important;    /* optional */
  box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important; /* optional */
}

body > react-root:nth-child(33)
  > div
  > div.S0e7ORfPQqtWe0CJ23jIrQ\=\=.undefined
  > div._6Y8DDYrsaih1bEAg\+Go\+MA\=\=
  > button {
  background: linear-gradient(
    45deg,
    #19243D 0%,
    #2A3A5A 50%,
    #405a90 100%
  ) !important;
  color: #fff !important;            /* ensure text is legible */
  border: none !important;           /* remove default border */
     /* adjust for size */
  border-radius: 4px !important;     /* optional rounding */
  box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important; /* subtle lift */
}

body > react-root:nth-child(33)
  > div
  > div.S0e7ORfPQqtWe0CJ23jIrQ\=\=.undefined {
  /* frosted-glass background */
  background: rgba(255, 255, 255, 0.1) !important;
  -webkit-backdrop-filter: blur(15px) !important;
  backdrop-filter: blur(15px) !important;

  /* frame styling */
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;


  /* clip children to rounded corners */
  overflow: hidden !important;
}

.mobile-menu-bottom-item .sidebar-toggler {
    display: none;
}
#offcanvasNavbar > div.offcanvas-header > button {
    color: white !important;
    
}

.fa-bars:before, .fa-navicon:before {
    color: #19243D;
    }
body > main > div.container-content > div > div > div:nth-child(2) > div.col-12.col-md-6 > form > div.col-12.pt-3 > button {
    background-color: #19243D;
}

body > main{
  background:  linear-gradient(45deg, #19243D 0%, #2A3A5A 50%, #405a90 100%) !important;}
.breadcrumb-nav {
    color:white !important;
}

body > react-root:nth-child(33) > div > div{
    display:none !important;
}

/* login button */
#event_header .btn-outline-primary, #default_header .btn-outline-primary {
--bs-btn-color: white !important;
    --bs-btn-border-color: white !important;
    --bs-btn-hover-bg:#19243D !important;
    --bs-btn-hover-border-color: #2A3A5A !important;
   
}
@media (max-width: 767.98px) {
  /* make all navbar links white by default */
  .navbar-nav .nav-link,
  .navbar-nav .dropdown-item {
    color: white !important;
  }
    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link:focus,
    .navbar-nav .dropdown-item:hover,
    .navbar-nav .dropdown-item:focus {
  background-color: gray !important;
    }
    
 
  }
    
    @media (max-width: 768px) {
  .action-inner-wraper {
    background: rgba(255, 255, 255, 0.1); /* semi-transparent white */
    backdrop-filter: blur(10px); /* blur effect */
    -webkit-backdrop-filter: blur(10px); /* Safari support */
    padding: 0.2rem !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.3);
  }
}



#offcanvasBottomNavigation > div > div > div > div.mobile-menu-bottom-item.home
{
  display:none;
}


body > main > div.container-content-inbound > div > section.h-page-section.cta-section.text-start.section-text-dark > div > div > div > a
{
  width:100% !important;
  padding-top:20px;
  padding-bottom:20px;
  background-color:white;
     border: 5px solid white;
    font-size:30px;
}
body > main > div.container-content-inbound > div > section.h-page-section.cta-section.text-start.section-text-dark > div > div > div{
  width:100% !important;
}