:root {
    --primary-bg: rgb(251, 251, 251);
    --primary-text: #141414;
    /* --secondary-bg: rgb(255, 92, 92);
    --secondary-text: #ff2d2d; */

        --accent: linear-gradient(90deg, #00205B, #00AEEF, #00C389);
    --accent-solid: #00205B;
    --cta: #F26F21;


}




  .btn-accent {
    background-image: var(--accent);
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
  }

  .btn-accent:hover {
    transform: translateY(-2px);
    opacity: 0.9;
  }

  /* For hero and gradient sections */
  .hero-bg {
    background: linear-gradient(180deg, #538aef 0%, #005C8C 50%, #00C389 100%);
    color: white;
  }

    .hero-bg-2 {
    background: linear-gradient(180deg, #b3cbdac0 0%, #18e93e 100%);

  }

  /* For divider bars or highlights */
  .gradient-bar {
    height: 4px;
    background: linear-gradient(90deg, #00205B, #00AEEF, #00C389);
  }



  .accordion-button {
  background: linear-gradient(90deg, #00205B, #00AEEF, #00C389);
  color: white;
  font-weight: 600;
  transition: all 0.3s ease;
}

.accordion-button:not(.collapsed) {
  background: linear-gradient(90deg, #00AEEF, #00C389);
  color: #fff;
  box-shadow: 0 0 10px rgba(0, 195, 137, 0.3);
}

.accordion-body {
  background-color: #f8f9fa;
  color: #333;
  border-left: 4px solid #00AEEF;
}






[data-theme="dark"] {
    --primary-bg: #1f2a34;
    --primary-text: #ffffffe8;
    /* --secondary-bg: rgb(255, 92, 92);
    --secondary-text: #ff2d2d; */
}


body {


    background-color: var(--primary-bg);
}


/* -------------
    LOGIN 
----------------*/
.toggle_pw_login {
    float: right;
    top: -35px;
    right: 5px;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

/* -------------
    REGISTER 
----------------*/
.toggle_pw_register {

    float: right;
    top: -35px;
    right: 5px;
    position: relative;
    z-index: 2;
    cursor: pointer;

}

/* -------------
    DARK MODE 
----------------*/
.hidden_mode {
    display: none;
}

#mode_switch {
    /* position: relative; */
    color: var(--primary-text);
    cursor: pointer;
}

.mode_bg {

    background-color: var(--primary-bg) !important;
}

.mode_text {
    color: var(--primary-text) !important;
}

.mode_hover_orange:hover {
    color: #FF9500 !important;
}

.mode_text_shadow {
    /* text-shadow: 2px 2px 2px rgba(150, 150, 150, 1); */
    text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);
}

/* -------------
   INPUT
----------------*/



.hide_element {
    visibility: hidden;
}


.gradient{
/* background: linear-gradient(to right, #1CA048, #F7941E); */
background-image: linear-gradient(90deg, #00205B, #00AEEF, #00C389);
/* background: linear-gradient(to right, #1CA048, #76C043, #E53E24, #F7941E); */
}


.gradient-text {
  background: linear-gradient(90deg, #00205B, #00AEEF, #00C389);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-weight: bold;
}


@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {}