@charset "utf-8";

._home-section-meet-stars { background-color: rgb(24, 24, 27); position: relative; text-align: center; }

._home-section-meet-stars::after { background-color: rgb(38, 38, 38); bottom: 0px; content: ""; height: 86px; left: 0px; pointer-events: none; position: absolute; right: 0px; }

._home-section-meet-stars .inner { margin-left: -24px; margin-right: -24px; padding: 56px 0px 0px; }

._home-section-meet-stars .message, ._home-section-meet-stars .title { padding-left: 24px; padding-right: 24px; }

._home-section-meet-stars .title { color: rgb(255, 255, 255); font-size: 26px; font-weight: 500; letter-spacing: 0.78px; line-height: 32px; }

@media screen and (min-width: 768px) {
  ._home-section-meet-stars .title { font-size: 32px; letter-spacing: 0.96px; line-height: 40px; }
}

@media screen and (min-width: 1244px) {
  ._home-section-meet-stars .title { font-size: 40px; font-weight: 700; letter-spacing: 1.2px; line-height: 48px; }
}

._home-section-meet-stars .message { color: rgb(163, 163, 163); font-size: 14px; font-weight: 400; letter-spacing: 0.42px; line-height: 22px; margin-top: 8px; }

._home-section-meet-stars .buttons { align-items: center; flex-direction: column; gap: 16px; margin-top: 24px; }

._home-section-meet-stars .item figure { display: block; text-align: center; }

._home-section-meet-stars .item figure img { height: 256px; width: 256px; }

._home-section-meet-stars .item .info { margin-top: 8px; padding-bottom: 16px; padding-top: 16px; }

._home-section-meet-stars .item .info h4 { color: rgb(255, 255, 255); font-size: 20px; font-weight: 500; letter-spacing: 0.6px; line-height: 24px; }

@media screen and (min-width: 768px) {
  ._home-section-meet-stars .item .info h4 { font-size: 22px; letter-spacing: 0.66px; line-height: 26px; }
}

@media screen and (min-width: 1244px) {
  ._home-section-meet-stars .item .info h4 { font-size: 24px; letter-spacing: 0.72px; line-height: 32px; }
}

._home-section-meet-stars .item .info p { background: linear-gradient(90deg, rgb(201, 165, 89), rgb(255, 239, 186) 50%, rgb(201, 165, 89)) text; color: rgb(254, 231, 138); display: inline-block; font-size: 16px; font-weight: 400; letter-spacing: 0.48px; line-height: 24px; -webkit-text-fill-color: transparent; }

._home-section-meet-stars .slider-group { position: relative; }

._home-section-meet-stars .slider-buttons { display: flex; gap: 20px; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); z-index: 1; }

._home-section-meet-stars .slider-buttons .btn { position: absolute; top: 50%; transform: translateY(-50%); }

._home-section-meet-stars .slider-buttons .btn-prev { left: 24px; }

._home-section-meet-stars .slider-buttons .btn-next { right: 24px; }

._home-section-meet-stars .swiper-slide-prev figure { opacity: 0; transform: translateX(-40px); }

._home-section-meet-stars .swiper-slide-prev h4 { transform: translateX(-80px); }

._home-section-meet-stars .swiper-slide-prev p { transform: translateX(-40px); }

._home-section-meet-stars .swiper-slide-active figure { transition: opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }

._home-section-meet-stars .swiper-slide-active h4, ._home-section-meet-stars .swiper-slide-active p { transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }

._home-section-meet-stars .swiper-slide-next figure { opacity: 0; transform: translateX(40px); }

._home-section-meet-stars .swiper-slide-next h4 { transform: translateX(80px); }

._home-section-meet-stars .swiper-slide-next p { transform: translateX(40px); }

@media screen and (min-width: 768px) {
  ._home-section-meet-stars::after { clip-path: polygon(28% 0px, 100% 0px, 100% 100%, 0px 100%); height: 245px; left: 25%; right: -24px; }
  ._home-section-meet-stars .inner { margin-left: auto; margin-right: auto; position: relative; }
  ._home-section-meet-stars .message { font-size: 16px; font-weight: 400; letter-spacing: 0.48px; line-height: 24px; }
  ._home-section-meet-stars .buttons { display: flex; flex-flow: row; justify-content: center; margin-top: 32px; }
  ._home-section-meet-stars .item { align-items: flex-end; display: flex; justify-content: center; }
  ._home-section-meet-stars .item figure img { height: 269px; width: 269px; }
  ._home-section-meet-stars .item .info { margin-bottom: 32px; margin-left: -40px; }
  ._home-section-meet-stars .slider-buttons { justify-content: flex-end; left: 50%; transform: translate(-50%, -50%); }
  ._home-section-meet-stars .slider-buttons .btn { position: static; top: 0px; transform: none; }
}

@media screen and (min-width: 1244px) {
  ._home-section-meet-stars { text-align: left; }
  ._home-section-meet-stars::after { clip-path: polygon(400px 0px, 100% 0px, 100% 100%, 0px 100%); height: 100%; left: 50%; right: -24px; }
  ._home-section-meet-stars .inner { margin-left: auto; margin-right: auto; padding: 108px 0px; }
  ._home-section-meet-stars .group { max-width: 588px; }
  ._home-section-meet-stars .message, ._home-section-meet-stars .title { padding-left: 0px; padding-right: 0px; }
  ._home-section-meet-stars .message { margin-top: 12px; }
  ._home-section-meet-stars .buttons { justify-content: flex-start; }
  ._home-section-meet-stars .item figure img { height: 400px; width: 400px; }
  ._home-section-meet-stars .item .info { margin-bottom: 94px; margin-left: -56px; }
  ._home-section-meet-stars .item .info p { margin-top: 8px; }
  ._home-section-meet-stars .slider-buttons { gap: 24px; left: auto; right: 0px; top: 92px; transform: none; }
  ._home-section-meet-stars .slider-buttons .btn { height: 56px; width: 56px; }
  ._home-section-meet-stars .slider-group { bottom: 0px; position: absolute; right: 16px; width: 587px; }
}