/* feeling slider start */
.feeling-slider {
  margin-top: 35px;
}

.feeling-slider .slider__up {
  background-color: var(--color-blue);
  color: var(--color-white);
}

.feeling-slider .slider__up .first__text {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 40px 0px 80px 0px;
  gap: 20px;
  text-align: center;
}
.feeling-slider .slider__up .first__text.active {
  display: none;
}

.feeling-slider .slider__up .first__text a {
  align-self: flex-end;
  color: var(--color-white);
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  width: 191px;
  height: 60px;
  border: 1px solid var(--color-white);
  border-radius: 8em;
}




.feeling-slider .slider__down {
  background-color: #317ca7;
  padding: 90px 0px;
  display:block;
}
.feeling-slider .slider__down.active{
  
  display:none;
}

.feeling-slider .feeling__slider {
  display: flex;
  align-items: center;
  text-align: center;
}

.feeling-slider .feeling__slider i {
  color: var(--color-white);
  border: 1px solid var(--color-white);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.feeling-slider .feeling__slider .swiper-slide {
  padding: 13px 0px;
}
.feeling-slider .feeling__slider .swiper-slide label {
  cursor: pointer;
}
.feeling-slider .feeling__slider .swiper-slide label > * {
  pointer-events: none;
}

.feeling-slider .feeling__slider .swiper-slide input {
   display: none; 
}
.feeling-slider .feeling__slider .swiper-slide:has(input:checked) {
  background-color: #a0ddff33;
}

.feeling-slider .feeling__slider .swiper-slide img {
  height: 126px;
  width: 126px;
  margin: auto;
}
.feeling-slider .feeling__slider .swiper-slide a {
  color: var(--color-white);
}

.feeling-slider .feeling__slider .swiper-slide h5 {
  margin-top: 15px;
  color: var(--color-white);
}

.feeling-slider  .swiper .page__pagination {
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
  display: none;
}
.feeling-slider .swiper .page__pagination.active {
  display: flex;
}

.feeling-slider .swiper a {
   background: none;
   cursor: pointer;
}
.feeling-slider .swiper .more__link {
  color: var(--color-white);
}
.feeling-slider .swiper .back {
  border: 1px solid var(--color-white);
}
.feeling-slider .swiper .next {
  border: 1px solid var(--color-pink);
  background-color: var(--color-pink);
}


.feeling-slider .reason {
  display: none;
}
.feeling-slider .reason .page__pagination{
    display: flex;
  }
.feeling-slider .reason.active {
  display: block;
}
.feeling-slider .mood {
  display: block;
}
.feeling-slider .mood.active {
  display: none;
}


.feeling-slider  .swiper-wrapper+ .page__pagination .next{
  display: none;
}
.feeling-slider  .swiper-wrapper:has(input:checked)+ .page__pagination .next{
  display: inline-block;
} 

.feeling-slider .mood .swiper-wrapper + .page__pagination{
  display:flex;
  justify-content:flex-end;
}


/* feeling slider end */


.line {
  margin-top: 0;
}


@media screen and (max-width:420px){
  .feeling-slider .slider__up .first__text {
    padding: 20px 0px 30px 0px;
  }
}