/* Campaign Header Component Styles */

.budi-campaign-header {
    background-color: #f9f6f9;
}
/* Background video */
.budi-campaign-header__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    pointer-events: none;
}

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

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

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

.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;
}

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

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

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

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

@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;
    }
}