* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family:"Rubik", sans-serif;
}

body {
  font-family: Arial, sans-serif;
  color: #333;
  max-width:90%;
  margin:0 auto;
}

.container {
  width: 80%;
  margin: auto;
  padding: 20px;
}

header {
  background-color: #003580;
  color: #fff;
  padding: 60px 0;
  text-align: center;
}

header h1 {
  font-size: 2.5em;
  margin-bottom: 10px;
}

header p {
  font-size: 1.2em;
  margin-bottom: 20px;
}

.cta-button {
  background-color: #ff9900;
  color: #fff;
  padding: 15px 30px;
  text-decoration: none;
  border-radius: 5px;
}

.benefits, .how-it-works, .join-now {
  padding: 40px 0;
}

.benefits h2, .how-it-works h2, .join-now h2 {
  text-align: center;
  margin-bottom: 30px;
}
.containerbg{margin:0px; padding:0px;background:url(https://1326173612.rsc.cdn77.org/assets/affiliateheader.jpg); background-position:cover; width:100%; height:100%;}
.benefit-item {
  text-align: center;
  margin: 20px;
}

.benefit-item h3 {
  font-size: 1.5em;
  margin-bottom: 10px;
}

.how-it-works ol {
  list-style-type: decimal;
  padding-left: 20px;
}

footer {
  background-color: #003580;
  color: #fff;
  text-align: center;
  padding: 20px 0;
}

footer a {
  color: #ff9900;
  text-decoration: none;
}

 .faq-section h2 {
      margin-bottom: 1.5rem;
	  text-decoration:underline;
    }
    .faq-item {
      margin-bottom: 1.5rem;
	  margin-left:20px;
	  margin-right:20px;
    }
    .faq-question {
      font-weight: bold;
      margin-bottom: 0.5rem;
	  font-size:24px;
    }
	.faq-answer{font-size:20px;}
	

    /* Custom How It Works Styles */
    .how-it-works-section {
      background-color: #f7f7f7;
      padding: 4rem 0;
    }
    .how-it-works-section h2 {
      margin-bottom: 2rem;
    }
    .step {
      text-align: center;
      padding: 2rem 1rem;
      transition: transform 0.3s;
    }
    .step:hover {
      transform: translateY(-5px);
    }
    .step-icon {
      font-size: 3rem;
      color: #ff5722;
      margin-bottom: 1rem;
    }
    .step-title {
      font-weight: bold;
      font-size: 1.2rem;
      margin-bottom: 0.5rem;
    }
    .step-description {
      color: #555;
    }	
	
	.carousel-caption{color:#000;font-weight:bold;}
	.carousel-caption.ccsecond{color:#fff;}
	.carousel-indicators [data-bs-target] {background-color: rgba(255, 0, 0, .7) !important;}
	
	 /* Full-width responsive header with background image */
    .header-banner {
      background-image: url('https://1326173612.rsc.cdn77.org/assets/affiliateheaderbg.png'); /* Replace with your image URL */
      background-size: cover;
      background-position: center;
      height: 300px; /* Default height for larger screens */
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      text-align: center;
      padding: 1.5rem;
    }

    /* Dark overlay box for text */
    .header-content {
      background: rgba(0, 0, 0, 0.2); /* Dark overlay for readability */
      padding: 2rem;
      border-radius: 8px;
    }

    /* Responsive text sizes */
    .header-content h1 {
      font-size: 2.5rem;
    }

    .header-content p {
      font-size: 1.25rem;
    }

    /* Adjustments for smaller screens */
    @media (max-width: 768px) {
		.chead .row{margin:0 auto; text-align:center; padding-left:0px !important;}
		    .brtx {
               height: 140px !important;
        border-radius: 2px !important;
        line-height: 30px !important;
        padding-top: 6px;
    }
      .header-banner {
        height: 400px;
        padding: 1rem;
      }

      .header-content {
        padding: 1rem;
      }

      .header-content h1 {
        font-size: 1.75rem;
      }

      .header-content p {
        font-size: 1rem;
      }
    }

    @media (max-width: 480px) {
		.earnings-card {
			height: 380px !important;
			width:100% !important;
		}
      .header-banner {
        height: 300px;
      }

      .header-content h1 {
        font-size: 1.5rem;
      }

      .header-content p {
        font-size: 0.9rem;
      }
    }
	.how-it-works-section h2{font-size: 36px;
}
	 /* Lifetime Earnings section styling */
    .lifetime-earnings {
      padding: 4rem 1.5rem;
      background-color: #e8e8e8;
      text-align: center;
	  
    }
    .lifetime-earnings h2 {
      font-size:36px;
      margin-bottom: 1rem;
    }
	.lifetime-earnings h3{
	 font-size:36px !important; }
    .earnings-summary {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 1.5rem;
      margin-top: 2rem;
    }
    .earnings-card {
     background-color: #fff;
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    height: 220px;
    width: 80%;
    font-size: 36px;
    margin: 0 auto;
	padding-top: 40px;
    }
    .earnings-card h3 {
      font-size: 1.5rem;
      margin-bottom: 0.5rem;
    }
    .earnings-card p {
      font-size: 1rem;
      color: #555;
    }	
	
	.brtx{
    line-height: 50px;
    /* text-align: right; */
    /* padding: 10px; */
    background: #FFF3E0;
    border-radius: 25px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 50px;
    /* width: 100%; */
 }
 .brtx p{text-align:center;}
 .hbf.py-5{padding-bottom:10px !important;}
 
 .chead{ 
	width: 100% !important;
    height: 70px !important;
    line-height:70px;
    background: #fefefe;
    max-width:100% !important;
    padding: 0px;
    margin: 0px;
	box-shadow: rgba(0, 0, 0, 0.07) 1.95px 1.95px 2.6px;
	z-index:10000;
	margin-bottom:10px;
	border-bottom:1px solid rgba(0,0,0,.1);
	border-left:1px solid rgba(0,0,0,.1);
	border-right:1px solid rgba(0,0,0,.1);
}
   .chead img{
    width: 215px;
    height: 48px;
    }
	
	.chead .row {
    padding-left: 10px;
}