.hero {background:url(../img/background/background-clube1.webp) no-repeat center center/cover; height: 100vh;
display: flex; align-items: center; justify-content: flex-start; padding: 0 10%; color: white;}
.hero-text { text-align:center;}
.hero-text p {font-family:Rubik-ExtraBold; text-transform:uppercase; font-size:35px; color:#fff;   text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.8);}
.btn-slidepub {position:relative; width:220px;margin-left:-110px; left:50%; font-size:17px; height:50px; line-height:50px; text-align:center; font-family:Montserrat-Regular;  color:#fff !important; background:#002AFF; border-radius:7px; margin-top:50px;  }
.hero-text a{ text-decoration:none; color:#fff;}
.hero-text img{ position:relative; width:250px; height:40px;}

.logo-clube-aubach{ position:relative; margin-top:60px; width:94%; height:0 auto;}
.logo-clube-aubach img{ position:relative; width:220px; height:40px; left:50%; margin-left:-110px;}

.container-apresentacaopub{ position:relative; width:94%; height:0 auto; border:0px solid red; margin-top:80px;}

 

  .container-apresentacao-clube{text-align:center;}
  .container-apresentacao-clube li{ list-style:none; display:block; font-family:Rubik-Regular; font-size:21px; color:#000; line-height:30px; margin-top:15px;}   
    .container-apresentacao-clube li p1{ position:relative; top:-15px; font-family:Montserrat-Medium; font-size:27px;  color:#002AFF;} 
	.container-apresentacao-clube li p2{position:relative; top:-15px; font-family:Montserrat-Medium; font-size:27px;  color:#002AFF;} 
   
   
        .container-opcoes-clube{ position:relative; width:96%; height:0 auto; border:0px solid red;}
	 .opcao-clube{ position:relative; margin-top:35px;  padding:25px; border:1px solid #ccc; background:#fff; color:#fff;  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05), 
              0 1px 8px rgba(0, 0, 0, 0.19);}
	 .lista-opcoes{ text-align:center;}
	 .lista-opcoes img{ position:absolute; right:20px; width:30px; height:30px; top:40px;}
	 .opcao-clube li{ list-style:none; display:block; color:#333; line-height:30px; }
     .opcao-clube li p1{ font-family:Rubik-Bold; font-size:20px; color:#00665E;}
	 .opcao-clube li p2{font-family:Rubik-Bold; font-size:22px;}
   
   
.title-beneficios{position:relative; top:-15px; font-family:Montserrat-Medium; font-size:27px;  color:#002AFF; text-align:center;}

.benefits, .how-it-works, .clients, .testimonials, .contact {
  padding: 60px 10%;
  background: #fff;
}

.benefits h2, .how-it-works h2, .clients h2, .testimonials h2, .contact h2 {
  text-align: center;
  margin-bottom: 40px;
  font-size: 2rem;
  color: #333;
}

.benefit-cards {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 20px;
}

.card {
  background: #f3f3f3;
  padding: 30px;
  flex: 1; 
  min-width: 220px;
  max-width: 300px;
  border-radius: 10px; font-size:17px;
  text-align: center; color:#111; font-family:Montserrat-Medium;
}

.card i {
  font-size: 2rem;
  color: #ff5a00;
  margin-bottom: 10px;
}


.container_duvida{ position:relative; width:94%; height:0 auto; margin-top:110px;  border:0px solid red;}

.accordioninformacao{position:relative; top:10px; padding-bottom:35px; width: 100%; max-width: 100%; margin: 0px 0px 0px; list-style-type: none; }
.accordioninformacao .link_accinfor { cursor: pointer; display: block; padding: 22px 15px 15px 10px; color:#333; font-family:Montserrat-Medium;font-size: 17px; font-weight: normal;   position: relative; background: url(../img/icons/arrow-down1.png) no-repeat right ; }
.accordioninformacao .link_accinfor:hover{background:#000 url(../img/icons/arrow-stand1.png) no-repeat right;   color:#fff;}
.accordioninformacao li:last-child .link_accinfor { border-bottom: 0; }
.accordioninformacao li.open .link_accinfor {  color:#888; text-decoration:none;background:#002AFF url(../img/icons/arrow-up1.png) no-repeat right;  color:#fff; }
.submenu_accinf { display: none; background:#f9f9f9;font-size: 12px;margin: 0;  padding: 0; list-style-type: none;}
.submenu_accinf li { border-bottom:1px solid #ddd; display: block;text-decoration: none;color:#222; padding: 30px; font-family:Montserrat-Regular;font-size:17px; line-height:25px; height:0 auto; padding-left: 30px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;transition: all 0.25s ease; }

.container-btn{ position:relative; width:100%; height:300px; border:0px solid red;}
.btn-anuncio{position:relative; width:220px;margin-left:-110px; left:50%; font-size:17px; height:50px; line-height:50px; text-align:center; font-family:Rubik-Regular;  color:#00665E; background:#CEDC00; border-radius:7px; margin-top:50px;  }
.container-btn p { position:relative; text-align:center; margin-top:50px;   font-family:Montserrat-Medium; font-size:27px;  color:#002AFF;}


.mor ul{ position:relative; margin-top:70px; text-align:center;}
.mor p{font-family:Montserrat-Medium; font-size:27px;  color:#002AFF;}
.mor li{ list-style:none; display:block; font-family:Montserrat-Regular; margin-top:10px; font-size:20px;}


   :root {
      --primary: #4f46e5;
      --secondary: #6366f1;
      --bg: #f9fafb;
      --text: #111827;
      --card-bg: #ffffff;
      --card-shadow: rgba(0, 0, 0, 0.1);
    }
	


    .steps-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 20px;
      max-width: 1200px;
      margin: 0 auto;
    }

    .step { position:relative; top:40px;
      background-color: var(--card-bg);
      padding: 30px 20px;
      border-radius: 12px;
      box-shadow: 0 4px 10px var(--card-shadow);
      transition: transform 0.2s ease;
	  
    }

    .step:hover {
      transform: translateY(-5px);
    }

    .step-number {
      font-size: 1.5rem;
      font-weight: bold;
      color: var(--secondary);
      margin-bottom: 10px; font-family:Montserrat-bold;
    }

    .step-title {
      font-size: 1.2rem;
      margin-bottom: 10px;  font-family:Montserrat-medium;
	  color:#002AFF;
    }

    .step-description {
      font-size: 1.1rem;
      color: #333; font-family:Montserrat-regular;
    }
	
	
	



    @media (max-width: 600px) {


      .step {
        padding: 20px 15px;
      }
    }


@media (max-width:952px) {
	.container_duvida{ width:98%; } .accordioninformacao .link_accinfor {padding: 22px 30px 15px 10px;}
	
	.lista-opcoes{ text-align:left;}
	
}

@media (max-width:770px) {
.how-it-works ol {
  max-width: 94%;
}

.hero {
background-position: 40% center; 

}