.container, 
.container-fluid, 
.container-lg, 
.container-md, 
.container-sm, 
.container-xl, 
.container-xxl {
    --lev-gutter-x: 4rem
}

.bg-gradient-dark {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%) }

/* header {
  position: absolute !important;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  background: #FFF
}     */

header.navbar { box-shadow: 0 .75rem 5rem rgba(20,76,92,.1)!important; z-index: 5;  }

header .nav-link { color: var(--lev-dark) }

header .nav-link:hover,
header .nav-link.active { color: var(--lev-secondary) !important }

.navbar-toggler { 
  border: 0;
  width: 48px;
  height: 48px;
  display: flex;
  gap: .375rem;
  flex-direction: column;
  justify-content: center;
  font-size: 100%;
  padding: .75rem .5rem }

.navbar-toggler .navbar-toggler-icon { 
  width: 100%;
  display: block;
  height: .25rem;
  border-radius: 4px;
  background: var(--lev-dark) !important }

@media(max-width:1199.98px){
    header .navbar-brand img {
      max-width: 60vw;
      max-height: calc(2.5rem + 1.75vw) }
}
  
@media(max-width:991.98px){
    header [class*="container"] { padding: 0 1rem  !important }
  
    header .navbar-collapse { 
      background: var(--lev-dark);
      width: 100%;
      position: fixed;
      z-index: 100000;
      top: 0;
      left: 0  }
  
    header .navbar-nav {
      justify-content: center;
      width: 100%;
      height: 100vh }  
  
    header .nav-link { 
      text-align: center;
      color: var(--lev-white);
      padding: .75rem 3rem !important; 
      width: 100%;
      font-size: 120% }
  
    header .nav-link:hover,
    header .nav-link:active,
    header .nav-link:focus { color: var(--lev-secondary) !important }
  
    header .nav-item .btn { font-size: 120% }
}

#hero .ratio{ --lev-aspect-ratio: calc(9 / 21 * 100%) }

@media (max-width: 991.98px) {
  #hero .ratio{ --lev-aspect-ratio: 100% }
}

#crm article {
  position: relative;
  transition: 300ms all }

#crm article:hover {
  z-index: 1;
  transform: scale(1.15);
  background: var(--lev-secondary) !important }

#segments article {
  position: relative;
  transition: 300ms all }

#segments article:hover {
  z-index: 1;
  box-shadow: 0 .75rem 1rem rgba(20,76,92,.075)!important; 
  background: var(--lev-white) !important }


  
@media(min-width:572px){

  .timeline-year {
      width: 160px;
      line-height: .8;
      word-break: break-all }

  #timeline article .timeline-year:before {
      content: " ";
      z-index: 1;
      background: var(--lev-light);
      border-radius: 100%;
      width: 1.5rem;
      height: 1.5rem;
      border: .25rem solid var(--lev-secondary);
      position: absolute;
      right: -.625rem }

  #timeline article .timeline-year:after {
      content: " ";
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      width: .25rem;
      background: var(--lev-secondary);
  }
  
  #timeline article:first-of-type .timeline-year:after {
      height: 50%;
      top: 50%
  }
  
  #timeline article:last-of-type .timeline-year:after {
      height: 50%;
      top: 0
  }

}

.btn-whatsapp,
.btn-whatsapp:hover,
.btn-whatsapp:active,
.btn-whatsapp:focus { 
    color: #FFF !important;
    border-color: #03B35B; 
    background: #03B35B;
}

.shadow { box-shadow: 0 .75rem 1rem rgba(20,76,92,.075)!important; }
/* .text-secondary { text-shadow: 1px 1px 0 rgba(20,76,92,.5) } */

@media(min-width:1024px){
  .ls-n3 { letter-spacing: -3px }
}

strong { font-weight: bold }



/* ANIMATION: DELAY / DURATION
//////////////////////////////////////////////////////////////////////////////////////////*/
.delay1   { animation-delay: 500ms !important }
.delay2   { animation-delay: 1000ms !important }
.delay3   { animation-delay: 1500ms !important }
.delay4   { animation-delay: 2000ms !important }
.delay5   { animation-delay: 2500ms !important }
.delay6   { animation-delay: 3000ms !important }
.delay7   { animation-delay: 3500ms !important }
.delay8   { animation-delay: 4000ms !important }
.delay9   { animation-delay: 4500ms !important }
.delay10  { animation-delay: 5000ms !important }
.delay11  { animation-delay: 6000ms !important }

.duration100  { animation-duration: 100ms !important }
.duration200  { animation-duration: 200ms !important }
.duration300  { animation-duration: 300ms !important }
.duration400  { animation-duration: 400ms !important }
.duration500  { animation-duration: 500ms !important }
.duration600  { animation-duration: 600ms !important }
.duration700  { animation-duration: 700ms !important }
.duration800  { animation-duration: 800ms !important }
.duration900  { animation-duration: 900ms !important }
.duration1000 { animation-duration: 1000ms !important }
.duration2000 { animation-duration: 2000ms !important }
.duration3000 { animation-duration: 3000ms !important }
.duration4000 { animation-duration: 4000ms !important }
.duration5000 { animation-duration: 5000ms !important }
.duration6000 { animation-duration: 6000ms !important }
.duration7000 { animation-duration: 7000ms !important }
.duration8000 { animation-duration: 8000ms !important }
.duration9000 { animation-duration: 9000ms !important }
.duration10000 { animation-duration: 10000ms !important }
.duration20000 { animation-duration: 20000ms !important }
.duration30000 { animation-duration: 30000ms !important }

.my-card {
  box-shadow:  20px 20px 60px #bebebe,
             -20px -20px 60px #ffffff;
}
html,body{ height:100%; font-family:"Poppins" }

/* main{ min-height:100% } */

.lev-card{
  border:1px solid #ccc;
  position:relative;
  transition: all .1s ease-in-out;
}

.card-parceiros {
  transition: all .1s ease-in-out;
  border:1px solid #ccc;
  position:relative;
}

.card-parceiros:hover{
  transition-duration: 0.2s;
  transform: scale(1.05);
  background-color: #e1fcee;
}

.lev-card::before{
  content:"";
  position:absolute;
  rounded:2rem;
  background-image: linear-gradient(
  225deg,
  hsl(0deg 0% 0%) 0%,
  hsl(248, 94%, 6%) 5%,
  hsl(248, 100%, 7%) 9%,
  hsl(249, 100%, 8%) 14%,
  hsl(251, 100%, 10%) 18%,
  hsl(242, 100%, 11%) 23%,
  hsl(245, 100%, 12%) 27%,
  hsl(249, 100%, 13%) 32%,
  hsl(243, 100%, 14%) 36%,
  hsl(247, 100%, 16%) 41%,
  hsl(246, 79%, 19%) 45%,
  hsl(245, 64%, 22%) 50%,
  hsl(249, 57%, 25%) 55%,
  hsl(249, 50%, 28%) 59%,
  hsl(240, 46%, 31%) 64%,
  hsl(244, 67%, 46%) 68%,
  hsl(237, 41%, 35%) 73%,
  hsl(245, 55%, 33%) 77%,
  hsl(246, 49%, 36%) 82%,
  hsl(235, 55%, 39%) 86%,
  hsl(244, 54%, 42%) 91%,
  hsl(246, 76%, 56%) 95%,
  hsl(236, 82%, 64%) 100%
);
  z-index:-1;
  width:100%;
  height:30%;
}

.lev-card:hover{
  transition-duration: 0.2s;
  transform: scale(1.05);
}

.lev-card-header{
  margin-top:-50px;
}

.text-lev{
  color:#144C5C;
}

.lev-shadow{
  box-shadow:  20px 20px 60px #bdbdbd,
             -20px -20px 60px #ffffff;
}

.flex-card-mask{
  background: linear-gradient(145deg, rgb(169 199 255 / 25%), rgb(0 69 255 / 25%));
    backdrop-filter: url();
    z-index: 1;
  }
  
  .flex-shadow{ box-shadow: 1px 49px 98px -25px rgba(89,89,89,0.75);
  -webkit-box-shadow: 1px 49px 98px -25px rgba(89,89,89,0.75);
  -moz-box-shadow: 1px 49px 98px -25px rgba(89,89,89,0.75); }
  
  .flex-card-body{ margin-top:-48px; padding-top:80px; }
  
  .btn-grad {
    background-image: linear-gradient(to right, #001665 0%, #0039FF  51%, #001665  100%);
    padding: 1rem 2rem;
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    border-radius: .375rem;
    display: inline-block;
  }
  
  .btn-grad:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
  }

.events-collapse{
  border-left-width: 5px;
  border-left-style: solid;
  border-image: linear-gradient(to right, var(--lev-secondary), var(--lev-dark)) 1;
}

.collapse-group{
  box-shadow: none;
  transition: all .1s ease-in-out;
}

.collapse-group .events-collapse-header i{
  color: var(--lev-secondary);
  transition: all .3s ease-in-out;
}

.collapse-group .events-collapse-header:has(> div > a[aria-expanded="false"]){
  background-color: #fff;
  transition: all .3s ease-in-out;
}

.collapse-group .events-collapse-header:has(> div > a[aria-expanded="true"]){
  background-color: rgb(0 57 255 / 10%);
  transition: all .3s ease-in-out;
}

.list-group-striped .list-group-item:nth-child(even) {
  background-color: rgba(var(--lev-primary-rgb), .03)
}

.list-group-item-action:focus, .list-group-item-action:hover{
    z-index: 1;
    color: rgba(var(--lev-primary-rgb), 1);
    background-color: rgba(var(--lev-secondary-rgb), .1) !important;
    transition: all .1s ease-in-out;
}

.list-group-item-action .visualize-button, .list-group-item-action .visualize-button{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  transition: all .1s ease-in-out;
}

.list-group-item-action:focus .visualize-button, .list-group-item-action:hover .visualize-button{ gap: 1.5rem; transition: all .1s ease-in-out }

.vagas-collapse{
  border-left-width: 5px;
  border-left-style: solid;
  border-image: linear-gradient(to right, var(--lev-secondary), var(--lev-dark)) 1;
}

.collapse-group .vagas-collapse-header:has(> div > a[aria-expanded="true"]) .fa-chevron-down{
  rotate: 180deg;
  transition: all .3s ease-in-out;
}

.collapse-group .vagas-collapse-header:has(> div > a[aria-expanded="false"]) .fa-chevron-down{
  rotate: 0deg;
  transition: all .3s ease-in-out;
}

.collapse-group .vagas-collapse-header i{
  color: var(--lev-secondary);
  transition: all .3s ease-in-out;
}

.collapse-group .vagas-collapse-header:has(> div > a[aria-expanded="false"]){
  background-color: #fff;
  transition: all .3s ease-in-out;
}

.collapse-group .vagas-collapse-header:has(> div > a[aria-expanded="true"]){
  background-color: rgb(0 57 255 / 10%);
  transition: all .3s ease-in-out;
}

.icone-mostrar {
  transform: translate(-50px, -50%);
}

.event-card-body::after{
  content:"";
  position:absolute;
  width:100%;
  height:16px;
  background-color:#fff;
  top:-1.5rem;
  left:0;
  border-top-left-radius:1.5rem;
  border-top-right-radius:1.5rem;
}

.vaga-card p:last-of-type{
  margin-bottom: 0;
}

.rocket{
  left:calc(0px - 3vw)
}

@media (max-width: 991.98px) {
  .rocket{
      left: 4rem !important;
  }
}

.bg-gradient-primary{
  background-image: linear-gradient(
    45deg,
    rgba(var(--lev-dark-rgb), 100%) 0%,
    rgba(var(--lev-primary-rgb), 100%) 50%,
    rgba(var(--lev-secondary-rgb), 65%) 100%
  );
}

.card-gradient {
  position: relative;
  border: none;
}

.card-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 0.5rem;
  padding: 2px;
  background: -moz-linear-gradient(
      45deg,
      #f09433 0%,
      #e6683c 25%,
      #dc2743 50%,
      #cc2366 75%,
      #bc1888 100%
    )
    border-box;
  background: -webkit-linear-gradient(
      45deg,
      #f09433 0%,
      #e6683c 25%,
      #dc2743 50%,
      #cc2366 75%,
      #bc1888 100%
    )
    border-box;
    background-image: linear-gradient(
      45deg,
      hsl(227deg 78% 17%) 0%,
      hsl(226deg 72% 22%) 11%,
      hsl(225deg 69% 26%) 22%,
      hsl(223deg 68% 31%) 33%,
      hsl(221deg 68% 35%) 44%,
      hsl(220deg 70% 39%) 56%,
      hsl(218deg 73% 43%) 67%,
      hsl(216deg 77% 47%) 78%,
      hsl(213deg 83% 49%) 89%,
      hsl(210deg 98% 50%) 100%
    );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.partner-col img{
  filter: grayscale(1);
  opacity: .5;
  transition: all .3s ease-in-out;
}

.partner-col:hover img{
  filter: none;
  opacity: 1;
  transition: all .3s ease-in-out }

.time-line-card{ width: clamp(250px, 100vw, 100%) }