/* Style for the banner section */
.subPage-Banner {
  /* background-image: url("../images/main-banner.jpg"); Replace with your banner image URL */
  background-color: var(--dark-purple);
  background-size: cover; /* Adjust the background image size */
  background-position: center center; /* Center the background image */
  min-height: 300px; /* Adjust the minimum height to control the banner's height */
  color: #fff; /* Text color for breadcrumbs */
  display: flex;
  align-items: center;
}

/* Style for the breadcrumb navigation */
.breadcrumb {
  background-color: transparent; /* Make the breadcrumbs background transparent */
  font-size: 18px; /* Adjust the font size */
}

.breadcrumb-item a {
  color: var(--white-color);
  text-decoration: none;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "›"; /* Breadcrumb separator character */
  padding: 0 8px; /* Adjust the spacing between breadcrumbs */
}

/* Style for the active (last) breadcrumb item */
.breadcrumb-item.active {
  color: #fff; /* Text color for the active breadcrumb */
}

/* Affiliate Section Started */
.affiliate-section {
  padding: 80px 0px 80px 0px;
}

.affiliate-section p.affiliate-brand-text {
  line-height: 1.9;
}
/* Affiliate Section Ended */

/* Brand Mockup Section Started */
.brand-mockup-section {
  background-color: #f3f3f3;
  padding: 80px 0px 80px 0px;
}
/* Brand Mockup Section Ended */

/* Perks Brand Ambassador Section Started */
.perks-section {
  background-color: var(--purple);
  padding: 80px 0px 80px 0px;
}

.perks-section h1 {
  color: var(--white-color);
}

.perks-section .affiliate-perks-text p {
  color: var(--white-color);
  line-height: 1.8;
}

.perks-section .brandAmbassador-Container {
  overflow: hidden;
  position: relative;
}

.perks-section .brandAmbassador-row {
  display: flex;
  transition: transform 0.3s ease-in-out;
}
/* Perks Brand Ambassador Section Ended */

/* Brand Ambassador Services Section Started */
section.ourServices-Section.brandAmbassador-Services {
  background-color: var(--white-color);
  /* padding: 80px 0px 80px 0px; */
}

section.ourServices-Section.brandAmbassador-Services h1 {
  color: var(--blue-color);
}

.brandAmbassador-Services button.signUp-Today {
  background-color: var(--purple);
  border: none;
  border-radius: 7px;
  color: var(--white-color);
  font-weight: 400;
  padding: 8px 15px 8px 15px;
  width: 100%;
}

.brandAmbassador-Services button.signUp-Today:hover {
  background-color: var(--gold);
}
/* Brand Ambassador Services Section Ended */

/* Brand Ambassador Visitors Section Started */
.visitors-details-section {
  background-color: #f5f5f5;
  padding: 80px 0px 80px 0px;
}

.visitors-details-section .wrapness-Visitors .bg-color {
  background-color: var(--purple);
  border-radius: 12px;
}
/* Brand Ambassador Visitors Section Ended */

/* Social Media Section Started */
.social-media-section {
  background-color: var(--purple);
  padding: 40px 0px 40px 0px;
}

.social-media-section .socialMedia-Content h1 {
  color: var(--white-color);
}

.social-media-section .socialMedia-Content p.social-media-text {
  color: var(--white-color);
  line-height: 1.9;
}

.social-media-section .socialMedia-Content .footer-social-link {
  padding-left: 12px;
}

.social-media-section .socialMedia-Content .footer-social-link li {
  list-style: none;
}

.social-media-section
  .socialMedia-Content
  .footer-social-link
  a
  i.fa-facebook-f {
  background-color: #3b5998; /* Facebook background color */
}

.social-media-section .socialMedia-Content .footer-social-link a i.fa-twitter {
  background-color: #55acee; /* Twitter background color */
}

.social-media-section .footer-social-link a i.fa-linkedin-in {
  background-color: #0976b4; /* LinkedIn background color */
}

.socialMedia-Content .footer-social-link a i.fa-instagram {
  background-color: #b7242a; /* Instagram background color */
}
/* Social Media Section Ended */

/* Affiliate Company Partners Logo Started */
.company-partners-section.affiliate-partners-section button.prev-btn,
.company-partners-section.affiliate-partners-section button.next-btn {
  top: 40%;
}
/* Affiliate Company Partners Logo Ended */

/* How It Works Section Started */
.how-it-works-section {
  padding: 80px 0px 80px 0px;
}

.how-it-works-section .how-it-works-text p {
  line-height: 1.9;
}

.how-it-works-section .howWorks-Card {
  border-radius: 12px;
}

.how-it-works-section .service-button a {
  color: var(--dark-ocean);
  text-decoration: none;
}

.how-it-works-section .service-button a i {
  margin-left: 10px;
}

.affiliate-section .perksDetails-Content {
  padding-top: 30px;
}
/* How It Works Section Ended */

@media (min-width: 768px) {
}

@media (min-width: 992px) {
  .how-it-works-section .col-lg-4.howWorks-Column {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .affiliate-section .perksDetails-Content {
    padding-left: 30px;
    padding-top: unset;
  }

  .perks-section .gal-item .box {
    height: 350px;
  }

  .how-it-works-section .col-lg-4.howWorks-Column {
    width: 33.33333333%;
  }
}