/* OriginYun homepage hero: light SaaS layout with selectable real product offers. */
@media(min-width:768px){
  .banner .banner-container{height:510px!important;background:#edf6ff!important;overflow:visible;}
  .banner .banner-text{margin-top:115px!important;margin-left:310px!important;width:43%!important;}
  #banner .banner-text-pc{max-width:530px;padding:0!important;}
  #banner .banner-text-pc .banner-title{font-size:42px!important;line-height:54px!important;color:#172c4f!important;}
  #banner .banner-text-pc p{max-width:470px;font-size:16px!important;line-height:25px!important;color:#59708c!important;}
  .banner .carousel-indicator-wrapper{left:310px!important;right:auto!important;width:auto!important;bottom:42px!important;text-align:left!important;}
  .banner .carousel-indicator span{width:28px!important;background:rgba(23,105,224,.24)!important;}
  .banner .carousel-indicator-active span{background:#1769e0!important;}
  .oy-hero-offers{position:absolute;z-index:9;left:max(24px,calc((100% - 1280px)/2));top:44px;width:264px;padding:10px;border-radius:16px;background:rgba(255,255,255,.80);box-shadow:0 18px 42px rgba(26,83,145,.14);backdrop-filter:blur(16px);}
  .oy-hero-offer{display:block;padding:17px 16px;margin:2px 0;border-radius:11px;color:#243754;text-decoration:none;transition:.2s ease;}
  .oy-hero-offer:hover,.oy-hero-offer.is-active{background:#fff;box-shadow:0 8px 22px rgba(31,88,150,.11);}
  .oy-hero-offer.is-active{box-shadow:inset 3px 0 #1769e0,0 8px 22px rgba(31,88,150,.11);}
  .oy-hero-offer strong{display:block;font-size:16px;line-height:23px;font-weight:650;}
  .oy-hero-offer.is-active strong{color:#1769e0;}
  .oy-hero-offer span{display:block;margin-top:4px;font-size:12px;color:#71839c;line-height:18px;}
  .events-wrapper{transform:translateY(-22px)!important;border:0!important;border-radius:14px!important;box-shadow:0 14px 36px rgba(31,76,128,.11)!important;}
  .events-container .event-item{min-height:84px!important;padding-top:16px!important;padding-bottom:16px!important;}
  .events-container .event-title{font-size:15px!important;}.events-container .event-desc{font-size:12px!important;line-height:18px!important;}
}
@media(max-width:767px){
  .banner .banner-container{background:#eef7ff!important;}
  .events-wrapper{margin-top:0!important;}
}
