.budi-campaign-header {
    background-color: #f9f6f9;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: stretch;
}

.budi-campaign-header--light .budi-campaign-header__title,
.budi-campaign-header--light .budi-campaign-header__subtitle,
.budi-campaign-header--light .budi-campaign-header__content h3 {
    color: #fff;
}

.budi-campaign-header--dark {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%), #f4f3ef;
}

.budi-campaign-header--dark .budi-campaign-header__title,
.budi-campaign-header--dark .budi-campaign-header__subtitle,
.budi-campaign-header--dark .budi-campaign-header__content h3 {
    color: var(--neutral-black);
}

.budi-campaign-header .container {
    display: flex;
    flex: 1;
}
/* Background video */
.budi-campaign-header__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    pointer-events: none;
}

/* Overlay above video, below content */
.budi-campaign-header__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.budi-campaign-header__video--mobile {
    display: none;
}

/* Hero thumbnail image */
.budi-campaign-header__hero-thumb {
    top: 0;
    right: -36px;
    width: 970px;
    z-index: 0;
    pointer-events: none;
}

.budi-campaign-header__wrapper {
   padding: 48px;
   min-height: 270px;
   flex: 1;
   background-position: center;
   background-size: cover;
   overflow: hidden;
}

.budi-campaign-header__content {
   max-width: 795px;
   flex: 1;
}

.budi-campaign-header__hero-img {
   display: flex;
   align-items: center;
   justify-content: center;
   flex: 0 0 auto;
}

.budi-campaign-header__hero-img img {
   max-width: 100%;
   height: auto;
}

/* Layout Classes */
.budi-campaign-header--layout-large {
   min-height: 537px;
}

.budi-campaign-header--layout-large {
   min-height: 400px;
}

.budi-campaign-header--layout-tall {
   min-height: 650px;
}

/* Desktop defaults */
.budi-campaign-header--layout-standard {
   min-height: 350px;
}

.budi-campaign-header--layout-compact {
   min-height: 270px;
}

.budi-campaign-header__subtitle {
   font-size: 24px;
   line-height: 1.2;
}

.budi-campaign-header__title {
   font-size: 40px;
   line-height: 1.2;
}

.budi-campaign-header__search-input {
   border: 1px solid var(--neutral-400);
   background-color: var(--neutral-100);
   padding: 8px 50px 8px 16px;
   color: var(--neutral-black);
}

.budi-campaign-header__search-input::placeholder {
   color: var(--neutral-800);
}

.budi-campaign-header__search-btn {
   width: 31px;
   height: 31px;
   background-color: var(--primary);
   border: 0;
   color: #fff;
   right: 6px;
}

@media (max-width: 991px) {
    .hero-wrapper {
        flex-wrap: wrap !important;
    }

	.budi-campaign-header__content {
		width: 100% !important;
	}

	.budi-campaign-header__hero-img {
		width: 100% !important;
		margin-bottom: 2rem;
		justify-content: center;
        flex: 0.75;
	}
}

@media (max-width: 767px) {
	.budi-campaign-header--light .budi-campaign-header__title,
	.budi-campaign-header--light .budi-campaign-header__subtitle,
	.budi-campaign-header--light .budi-campaign-header__content h3 {
		color: #fff;
	}

	.budi-campaign-header__hero-img {
		display: none;
	}
}

@media (max-width: 1599px) {
    .budi-campaign-header .container {
        max-width: 100%;
        padding-inline: 0;
    }

    .budi-campaign-header .container .hero-wrapper {
        max-width: 1352px;
        width: 100%;
        margin: 0 auto;
    }

   .budi-campaign-header__hero-thumb {
      width: 750px;
      right: -120px;
   }
}

@media (max-width: 1199px) {
   .budi-campaign-header__wrapper {
      padding: 48px 32px;
      min-height: 317px;
   }

   .budi-campaign-header__hero-thumb {
      width: 526px;
      right: -24px;
      top: 18px;
   }

   .budi-campaign-header--layout-large {
      min-height: 450px;
   }

   .budi-campaign-header--layout-standard {
      min-height: 350px;
   }

   .budi-campaign-header--layout-tall {
      min-height: 500px;
   }
}

@media (max-width: 991px) {
   .budi-campaign-header__subtitle {
      font-size: 20px;
   }

   .budi-campaign-header__title {
      font-size: 28px;
   }

   .budi-campaign-header__hero-thumb {
      width: 440px;
   }
}

@media (max-width: 767px) {
   .budi-campaign-header__wrapper {
      padding: 48px 16px;
      min-height: 252px;
   }

   .budi-campaign-header__subtitle {
      font-size: 18px;
   }

   .budi-campaign-header__title {
      font-size: 24px;
   }

    .budi-campaign-header__video--desktop {
        display: none;
    }

    .budi-campaign-header__video--mobile {
        display: block;
    }

    .budi-campaign-header__hero-thumb {
        width: 265px;
        top: auto;
        bottom: 0;
        right: 0;
    }

    img.budi-campaign-header__hero-thumb.v2 {
        width: 100px;
        object-position: 20%;
    }

    .budi-campaign-header__content {
        max-width: 100%;
    }

    .budi-campaign-header__content .budi-theme-btn {
        width: 100% !important;
        justify-content: center;
        display: flex;
    }

    .budi-buy__grp-btn {
        flex-direction: column;
        text-align: center;
    }

    .budi-buy__grp-btn .budi-theme-btn {
        width: 100% !important;
        justify-content: center;
        display: flex;
    }

    .budi-campaign-header--layout-standard {
        min-height: 300px;
    }

    .budi-campaign-header--layout-compact {
        min-height: 250px;
    }

    .budi-campaign-header--layout-tall {
        min-height: 350px;
    }
}