/* line 1, ../sass/screen.scss */
.rougie-home-carousel { width: 100%; max-width: 100vw; height: fit-content; }

/* line 7, ../sass/screen.scss */
.homeSwiper .swiper-wrapper .swiper-slide { width: 100%; height: 654px !important; background-repeat: no-repeat; background-size: cover; background-position: center; padding: 80px 10px; }
@media screen and (max-width: 1024px) { /* line 7, ../sass/screen.scss */
  .homeSwiper .swiper-wrapper .swiper-slide { padding: 40px 10px; } }
@media screen and (max-width: 767px) { /* line 7, ../sass/screen.scss */
  .homeSwiper .swiper-wrapper .swiper-slide { height: 512px !important; padding: 24px 10px; } }
/* line 28, ../sass/screen.scss */
.homeSwiper .swiper-wrapper .swiper-slide .swiper-slide__content { max-width: 1140px; margin: 0 auto; width: 100%; height: 100%; display: flex; gap: 20px; flex-direction: column; justify-content: flex-end; align-items: flex-start; }
@media screen and (max-width: 1024px) { /* line 28, ../sass/screen.scss */
  .homeSwiper .swiper-wrapper .swiper-slide .swiper-slide__content { gap: 20px; } }
@media screen and (max-width: 767px) { /* line 28, ../sass/screen.scss */
  .homeSwiper .swiper-wrapper .swiper-slide .swiper-slide__content { padding: 10px 10px 48px 10px; justify-content: flex-end; align-items: center; }
  /* line 44, ../sass/screen.scss */
  .homeSwiper .swiper-wrapper .swiper-slide .swiper-slide__content h2 { width: 100% !important; text-align: center; margin: 0 0 8px 0; margin: 0; font-size: 24px !important; line-height: 28px !important; } }
/* line 64, ../sass/screen.scss */
.homeSwiper .swiper-wrapper .swiper-slide .swiper-slide__content .tag { background-color: #a90d3e; padding: 8px; border-radius: 4px; color: #fff; font-family: Poppins, sans-serif; font-size: 11px; font-style: normal; font-weight: 500; line-height: 20px; letter-spacing: 1px; text-transform: uppercase; }
/* line 78, ../sass/screen.scss */
.homeSwiper .swiper-wrapper .swiper-slide .swiper-slide__content h2 { color: #fff; font-family: Bressay; font-size: 40px; font-style: italic; font-weight: 700; line-height: 46px; margin: 0 0 12px 0; width: 554px; }
/* line 90, ../sass/screen.scss */
.homeSwiper .swiper-wrapper .swiper-slide .swiper-slide__content a { text-decoration: none; }
/* line 93, ../sass/screen.scss */
.homeSwiper .swiper-wrapper .swiper-slide .swiper-slide__content a * { transition: all 0.3s ease-in-out; }
/* line 97, ../sass/screen.scss */
.homeSwiper .swiper-wrapper .swiper-slide .swiper-slide__content a button { background-color: #fff; border: none; border-radius: 28px; color: #a90d3e; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; display: flex; justify-content: center; align-items: center; gap: 12px; padding: 8px 20px 8px 8px; }
/* line 98, ../sass/screen.scss */
.homeSwiper .swiper-wrapper .swiper-slide .swiper-slide__content a button i { background-color: #a90d3e; border-radius: 50%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; aspect-ratio: 1/1; }
@media screen and (max-width: 767px) { /* line 97, ../sass/screen.scss */
  .homeSwiper .swiper-wrapper .swiper-slide .swiper-slide__content a button { gap: 8px; } }
/* line 129, ../sass/screen.scss */
.homeSwiper .swiper-wrapper .swiper-slide .swiper-slide__content a button:hover { background-color: #A90D3E; color: #fff; cursor: pointer; }
/* line 135, ../sass/screen.scss */
.homeSwiper .swiper-wrapper .swiper-slide .swiper-slide__content a button:hover i { background-color: #7F0D31; }

/* line 144, ../sass/screen.scss */
.controls { position: absolute; right: calc((100% - 1140px)/2); bottom: 80px; width: 104px; display: flex; flex-direction: row-reverse; gap: 8px; }
@media screen and (max-width: 1024px) { /* line 144, ../sass/screen.scss */
  .controls { right: 40px; bottom: 40px; } }
@media screen and (max-width: 767px) { /* line 144, ../sass/screen.scss */
  .controls { display: none; } }
@media screen and (max-width: 1140px) { /* line 144, ../sass/screen.scss */
  .controls { right: 10px; } }
/* line 173, ../sass/screen.scss */
.controls .swiper-button-next, .controls .swiper-button-prev { position: initial !important; width: 48px; height: 48px; }
/* line 183, ../sass/screen.scss */
.controls .swiper-button-next::after, .controls .swiper-button-prev::after { content: none; font-size: 14px; color: #fff; }

/* line 194, ../sass/screen.scss */
.progressbar-text { width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; left: auto !important; top: auto !important; padding: 0 !important; margin: 0 !important; transform: none !important; }
/* line 208, ../sass/screen.scss */
.progressbar-text svg { width: 14px !important; height: 14px !important; }

/* line 214, ../sass/screen.scss */
.carousel-swiper-pagination { position: absolute; z-index: 10; bottom: 24px !important; display: flex; justify-content: center; align-items: center; gap: 4px; }
@media screen and (min-width: 767px) { /* line 214, ../sass/screen.scss */
  .carousel-swiper-pagination { display: none; } }
@media screen and (max-width: 767px) { /* line 214, ../sass/screen.scss */
  .carousel-swiper-pagination { display: flex; justify-content: center; align-items: center; }
  /* line 234, ../sass/screen.scss */
  .carousel-swiper-pagination .swiper-pagination-bullet { margin: 0 6px; width: 16px; height: 16px; background-color: #fff; border-radius: 50%; position: relative !important; }
  /* line 242, ../sass/screen.scss */
  .carousel-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #a90d3e; border: 2px solid #fff; } }