/* Banner Component Styles */

.budi-hero__wrapper {
   background-color: #f9f6f9;
}

.budi-hero__inner {
   background-image: url('/cdn-cgi/image/anim=false,background=%23FFFFFF,fit=scale-down,format=auto,gravity=auto,metadata=copyright,onerror=redirect,quality=high,sharpen=1,slow-connection-quality=low,height=300,dpr=1/static/img/pages/start/budi-start-hero.jpg');
   background-image: image-set(
      url('/cdn-cgi/image/anim=false,background=%23FFFFFF,fit=scale-down,format=auto,gravity=auto,metadata=copyright,onerror=redirect,quality=high,sharpen=1,slow-connection-quality=low,height=300,dpr=1/static/img/pages/start/budi-start-hero.jpg') 1x,
      url('/cdn-cgi/image/anim=false,background=%23FFFFFF,fit=scale-down,format=auto,gravity=auto,metadata=copyright,onerror=redirect,quality=high,sharpen=1,slow-connection-quality=low,height=600,dpr=2/static/img/pages/start/budi-start-hero.jpg') 2x,
      url('/cdn-cgi/image/anim=false,background=%23FFFFFF,fit=scale-down,format=auto,gravity=auto,metadata=copyright,onerror=redirect,quality=high,sharpen=1,slow-connection-quality=low,height=900,dpr=3/static/img/pages/start/budi-start-hero.jpg') 3x
   );
   background-size: cover;
   background-position: center;
   padding: 48px;
   min-height: 270px;
}

.budi-hero__content {
   max-width: 640px;
}

.budi-hero__title {
   font-size: 32px;
   line-height: 1.2;
   color: #fdfdfd;
}

.budi-hero__desc {
   font-size: 14px;
   line-height: 1.15;
   color: #fdfdfd;
}

.budi-hero__search-input {
   border: 1px solid #dddcdf;
   background-color: #fdfdfd;
   padding: 8px 50px 8px 16px;
   color: #29282a;
}

.budi-hero__search-input::placeholder {
   color: #6d6c70;
}

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

/* Banner Responsive Styles */

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

@media (max-width: 1199px) {
   .budi-hero__inner {
      background-position: left;
   }
   
   .budi-hero__title {
      font-size: 32px;
   }
}

@media (max-width: 767px) {
   .budi-hero__inner {
      background-position: center;
      background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, #000 100%),
         url('/cdn-cgi/image/anim=false,background=%23FFFFFF,fit=scale-down,format=auto,gravity=auto,metadata=copyright,onerror=redirect,quality=high,sharpen=1,slow-connection-quality=low,width=768/static/img/pages/start/budi-start-hero-sm.jpg');
      background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, #000 100%), image-set(
         url('/cdn-cgi/image/anim=false,background=%23FFFFFF,fit=scale-down,format=auto,gravity=auto,metadata=copyright,onerror=redirect,quality=high,sharpen=1,slow-connection-quality=low,width=768,dpr=1/static/img/pages/start/budi-start-hero-sm.jpg') 1x,
         url('/cdn-cgi/image/anim=false,background=%23FFFFFF,fit=scale-down,format=auto,gravity=auto,metadata=copyright,onerror=redirect,quality=high,sharpen=1,slow-connection-quality=low,width=1024,dpr=2/static/img/pages/start/budi-start-hero-sm.jpg') 2x,
         url('/cdn-cgi/image/anim=false,background=%23FFFFFF,fit=scale-down,format=auto,gravity=auto,metadata=copyright,onerror=redirect,quality=high,sharpen=1,slow-connection-quality=low,width=1600,dpr=3/static/img/pages/start/budi-start-hero-sm.jpg') 3x
      );
      padding: 24px 16px;
      min-height: 170px;
   }
   
   .budi-hero__title {
      font-size: 19px;
   }
}