:root {
  --vh: 100%;
}
html, body {
 touch-action: manipulation; /* dokunmatik hareketleri sınırlar */
}
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
body {
  font-family: "Mulish", sans-serif;
  background: #fff;
  color: #000;
}
.app-wrapper {
  height: calc(var(--vh, 1vh) * 100);
  position: relative;
}
.page-wrapper {
  max-width: 375px;
  padding: 0 15px;
  margin: 0 auto;
}
.form-btn {
  width: 100%;
  font-size: 16px;
  font-weight: 800;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background: linear-gradient(180deg, #ed680e 0%, #fa4600 100%);
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border: none;
  outline: none;
  padding: 17px 0;
  margin: 0;
}
.splashPage .main-logo {
  width: 186px;
  height: 186px;
  margin: 0 auto;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  background: #fff;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
  gap: 14px;
  margin-bottom: 37px;
}
.splashPage .splashPage__content {
  height: calc(100% - 54px);
  position: relative;
}
.splashPage .splashPage__content .content-text {
  color: #fff;
}
.splashPage .splashPage__content .content-text span {
  font-size: 16px;
  font-weight: 600;
}
.splashPage .splashPage__content .content-text h1 {
  font-size: 35px;
  font-weight: 700;
  margin: 10px 0 0 0;
}
.splashPage .splashPage__content::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: calc(50% + 54px);
  bottom: 0;
  background: linear-gradient(180deg, #ed680e 0%, #fa4600 100%);
  z-index: -1;
  border-radius: 0 0 24px 24px;
  -moz-border-radius: 0 0 24px 24px;
  -webkit-border-radius: 0 0 24px 24px;
}
.splashPage .splashPage__footer {
  font-size: 14px;
  color: #8c8c8c;
  padding: 18px 0 15px 0;
}
.welcomePage__content {
  height: calc(100% - 54px);
  position: relative;
  border-radius: 0 0 24px 24px;
  -moz-border-radius: 0 0 24px 24px;
  -webkit-border-radius: 0 0 24px 24px;
}
.welcomePage__content .content-text {
  color: #fff;
  padding: 0 38px;
}
.welcomePage__content .content-text p {
  font-size: 20px;
  font-weight: 300;
  margin: 10px 0 0 0;
}
.welcomePage__content .content-text h1 {
  font-size: 26px;
  font-weight: 300;
  margin: 10px 0 0 0;
}
.welcomePage .welcomePage__footer {
  font-size: 14px;
  color: #8c8c8c;
  padding: 18px 0 15px 0;
}
.welcomePage .welcomeSlider {
  min-height: 100%;
}
.welcomePage .welcomeSlider .swiper-slide {
  border-radius: 0 0 24px 24px;
  -moz-border-radius: 0 0 24px 24px;
  -webkit-border-radius: 0 0 24px 24px;
}
.welcomePage .welcomeSlider .swiper-slide:first-child {
  background: linear-gradient(180deg, #ed680e 0%, #fa4600 100%);
}
.welcomePage .welcomeSlider .swiper-slide .main-logo,
.welcomePage .welcomeSlider .swiper-slide .hero-content {
  padding: 0 38px;
}
.welcomePage .welcomeSlider .swiper-slide .main-logo.owl {
  padding-top: 31px;
}
.welcomePage .welcomeSlider .swiper-slide .main-logo.owl img {
  display: block;
  max-width: 90px;
  width: 100%;
}
.welcomePage .welcomeSlider .swiper-slide .hero-content {
  background: linear-gradient(180deg, #ed680e 0%, #fa4600 100%);
  border-radius: 24px;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  padding-top: clamp(35px, calc(var(--vh) * 10), 91px);
  height: 50%;
}
@media (max-width: 389px) {
  .welcomePage .welcomeSlider .swiper-slide .hero-content {
    padding-top: 35px;
  }
}
.welcomePage .welcomeSlider .swiper-slide .hero-content p {
  font-size: clamp(20px, calc(var(--vh, 1vh) * 2.8), 24px);
  font-weight: 200;
  color: #fff;
  margin: 0;
}
@media (max-width: 389px) {
  .welcomePage .welcomeSlider .swiper-slide .hero-content p {
    font-size: 20px;
  }
}
.welcomePage .welcomeSlider .swiper-slide .hero-img {
  margin: 0 0 0 auto;
}
.welcomePage .welcomeSlider .swiper-slide .hero-img img {
  max-width: 100%;
  width: 100%;
  display: block;
  height: calc(var(--vh) * 40);
  max-height: 100%;
}
@media (max-width: 389px) {
  .welcomePage .welcomeSlider .swiper-slide .hero-img img {
    max-width: 294px;
    max-height: 255px;
  }
}
.welcomePage .welcomeSlider .swiper-slide .last-slide .content-btns {
  padding-bottom: 27px;
}
.welcomePage .welcomeSlider .swiper-slide .last-slide .content-btns button {
  border: none;
  outline: none;
  background: #fff;
  color: #f65306;
  font-size: 14px;
  font-weight: 800;
  height: 34px;
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  text-wrap: nowrap;
}
.welcomePage .welcomeSlider .swiper-slide .last-slide .content-btns button i {
  font-size: 24px;
  font-weight: 400;
}
.welcomePage .welcomeSlider .swiper-slide .last-slide .content-btns button:first-child {
  padding: 0 28px 0 11px;
}
.welcomePage .welcomeSlider .swiper-slide .last-slide .content-btns button:last-child {
  padding: 0px 22px;
}
@media (max-width: 389px) {
  .welcomePage .welcomeSlider .swiper-slide .last-slide .content-btns {
    gap: 10px !important;
  }
  .welcomePage .welcomeSlider .swiper-slide .last-slide .content-btns button {
    font-size: 12px;
  }
  .welcomePage .welcomeSlider .swiper-slide .last-slide .content-btns button:first-child {
    padding: 0 11px;
  }
}
.welcomePage .welcomeSlider .swiper-button-next,
.welcomePage .welcomeSlider .swiper-button-prev {
  opacity: 1 !important;
  top: auto !important;
  bottom: 24px;
}
.welcomePage .welcomeSlider .swiper-button-next i,
.welcomePage .welcomeSlider .swiper-button-prev i {
  font-size: 40px;
  font-weight: 300;
  color: #fff;
}
.welcomePage .welcomeSlider .swiper-button-next::after,
.welcomePage .welcomeSlider .swiper-button-prev::after {
  display: none;
}
.welcomePage .welcomeSlider .swiper-button-next {
  right: 38px;
}
.welcomePage .welcomeSlider .swiper-button-prev {
  left: 38px;
}
.welcomePage .welcomeSlider .swiper-button-prev i {
  color: #97360b;
}
.header {
  padding: 18px 20px;
}
.header__avatar {
  width: 45px;
  height: 45px;
}
.header__avatar img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  object-fit: cover;
}
.header__filter i {
  font-size: 24px;
  color: #8f8f8f;
}
.header__back button,
.header__share button {
  background: transparent;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  width: 45px;
  height: 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  outline: none;
  border: none;
}
.header__back button {
  background: rgba(84, 84, 84, 0.2);
}
.header__back button i {
  color: #6b6b6b;
  font-size: 24px;
}
.header__share button {
  background: #f45808;
}
.header__share button i {
  font-size: 24px;
  color: #fff;
}
.events .events-wrapper {
  max-width: 375px;
  padding: 0 15px 94px 15px;
  margin: 0 auto;
  gap: 14px;
}
.events__item {
  display: block;
  background: #f8f8f8;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 2px solid #f0f0f0;
  padding: 6px 8px 15px 8px;
}
.events__item--img {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  height: 148px;
  width: 100%;
}
.events__item--img img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  display: block;
  object-fit: cover;
}
.events__item--img .events-date-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  padding: 9px 20px 11px 6px;
  border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
}
.events__item--img .events-date-info span {
  font-size: 14px;
  color: #000;
  line-height: 15px;
}
.events__item--info .category {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  color: #a0a0a0;
  padding: 6px 0;
}
.events__item--info .artist-name {
  display: block;
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
  color: #000;
}
.filterModal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  display: none;
}
.filterModal .filter-blur {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 12;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(240, 98, 12, 0.85) 0%, rgba(0, 0, 0, 0.323) 100%);
}
.filterModal .filterModal-wrapper {
  position: relative;
  z-index: 13;
}
.filterModal__box--head {
  display: flex;
  align-items: center;
  justify-content: end;
}
.filterModal__box--head .filter-close-btn {
  padding: 20px 24px;
}
.filterModal__box--head .filter-close-btn i {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}
.filterModal__box--content {
  max-width: 375px;
  padding: 80px 15px 0 15px;
  width: 100%;
  margin: 0 auto;
}
.filterModal__box--content .title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 17px;
}
.navigation-bar {
  position: fixed;
  z-index: 10;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%);
  border-radius: 64px;
  -moz-border-radius: 64px;
  -webkit-border-radius: 64px;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
.navigation-bar .wrapper {
  max-width: 345px;
  width: 100%;
  margin: 0 12px;
}
.navigation-bar .navigation-bar-item {
  display: block;
  background: transparent;
  border: none;
  outline: none;
  text-wrap: nowrap;
  padding: 0;
  margin: 0;
}
.navigation-bar .navigation-bar-item.received i {
  position: relative;
}
.navigation-bar .navigation-bar-item.received i::after {
  content: "";
  position: absolute;
  top: 2px;
  right: -3px;
  z-index: 2;
  background: #f15d0a;
  outline: 1px solid #fff;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
.navigation-bar .register-btn,
.navigation-bar .login-btn {
  border: 1px solid #d0d0d0;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  width: 130px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.navigation-bar .register-btn span,
.navigation-bar .login-btn span {
  font-size: 14px;
  font-weight: 700;
  color: #8b8b8b;
  display: inline-block;
}
.navigation-bar .register-btn i,
.navigation-bar .login-btn i {
  font-size: 20px;
  color: #b5b5b5;
}
.navigation-bar .home-btn {
  height: 54px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  position: relative;
}
@media (max-width: 389px) {
  .navigation-bar .home-btn {
    padding: 0 10px;
  }
}
.navigation-bar .home-btn i {
  font-size: 23px;
  color: #ee660e;
}
.navigation-bar .home-btn::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  width: 30px;
  height: 5px;
  background: #ee660e;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
}
.eventDetail-page {
  position: relative;
}
.eventDetail-page::after {
  content: "";
  position: absolute;
  background: linear-gradient(176.5deg, rgba(255, 255, 255, 0.62) 2.84%, rgba(255, 255, 255, 0) 66.22%), url(../images/eventDetail-bg.png);
  background-repeat: no-repeat;
  background-position: top center;
  filter: blur(10px);
  inset: 0;
  z-index: -1;
  opacity: 0.3;
}
.eventDetail {
  padding-bottom: 94px;
}
.eventDetail__item {
  max-width: 375px;
  margin: 0 auto;
  padding: 0 15px;
}
.eventDetail__item .events__item--img {
  max-height: 261px;
  height: 100%;
  width: 100%;
}
.eventDetail__item .events__item--img .events-date-info {
  padding: 14px 20px 12px 13px;
  z-index: 2;
}
.eventDetail__item .events__item--img .events-date-info span {
  line-height: 19px;
}
.eventDetail__item .events__item--img::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(64.45deg, #000000 5.95%, rgba(0, 0, 0, 0) 72.2%);
  z-index: 1;
}
.eventDetail__item .events__item--img .eventDetail-info {
  position: absolute;
  left: 15px;
  bottom: 60px;
  z-index: 3;
}
.eventDetail__item .events__item--img .eventDetail-info .artist-name {
  font-size: 30px;
  font-weight: 500;
  color: #fff;
  display: block;
}
.eventDetail__item .events__item--img .eventDetail-info .category {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  display: block;
}
.eventDetail__tabMenu {
  margin-top: 15px;
}
.eventDetail__tabMenu .tab-content {
  display: none;
}
.eventDetail__tabMenu--buttons {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
  gap: 7px;
  max-width: 375px;
  margin: 0 auto;
  padding: 0 15px;
}
.eventDetail__tabMenu--buttons li {
  font-size: 14px;
  font-weight: 700;
  color: #4f4f4f;
  background: #fff;
  padding: 12px;
  text-align: center;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.eventDetail__tabMenu--buttons li.active {
  background: linear-gradient(180deg, #ed680e 0%, #fa4600 100%);
  color: #fff;
}
.eventDetail__tabMenu--wrap {
  margin-top: 15px;
}
.eventDetail__tabMenu--wrap .tab-content {
  max-width: 375px;
  margin: 0 auto;
  padding: 20px;
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}
.eventDetail__tabMenu--wrap .tab-content .about-text p {
  font-size: 16px;
  color: #797979;
}
.eventDetail__tabMenu--wrap .tab-content .form-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5%;
}
.eventDetail__tabMenu--wrap .tab-content .form-btn i {
  font-size: 25px;
  color: #fff;
}
.eventDetail__tabMenu--wrap .tab-content .similar-ones .sub-title {
  font-size: 14px;
  font-weight: 700;
  color: #757373;
  text-align: center;
  margin: 20px 0;
}
.eventDetail__tabMenu--wrap .tab-content .similar-ones .similar-ones-event-item {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ececec;
}
.eventDetail__tabMenu--wrap .tab-content .similar-ones .similar-ones-event-item:last-child {
  padding: 0;
  margin: 0;
  border: none;
}
.eventDetail__tabMenu--wrap .tab-content .similar-ones .similar-ones-event-item a {
  display: block;
}
.eventDetail__tabMenu--wrap .tab-content .similar-ones .similar-ones-event-item a .event-img {
  width: 100%;
  max-height: 148px;
  height: 100%;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.eventDetail__tabMenu--wrap .tab-content .similar-ones .similar-ones-event-item a .event-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.eventDetail__tabMenu--wrap .tab-content .similar-ones .similar-ones-event-item a .event-img .date-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  padding: 10px 20px 10px 13px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
}
.eventDetail__tabMenu--wrap .tab-content .similar-ones .similar-ones-event-item a .event-img .date-info span {
  font-size: 14px;
  color: #000;
  line-height: 14px;
}
.eventDetail__tabMenu--wrap .tab-content .similar-ones .similar-ones-event-item a .event-info .category {
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  color: #a0a0a0;
  margin: 8px 0 4px 0;
}
.eventDetail__tabMenu--wrap .tab-content .similar-ones .similar-ones-event-item a .event-info .event-location {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  line-height: 20px;
}
.eventDetail__tabMenu--wrap .tab-content .ticket-lists .sub-title {
  font-size: 14px;
  color: #8a8a8a;
  text-align: center;
  margin: 0;
}
.eventDetail__tabMenu--wrap .tab-content .ticket-lists ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.eventDetail__tabMenu--wrap .tab-content .ticket-lists ul li {
  padding-bottom: 16px;
  margin-top: 33px;
  border-bottom: 1px solid #e4e4e4;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.eventDetail__tabMenu--wrap .tab-content .ticket-lists ul li:last-child {
  border: none;
  padding: 0;
}
.eventDetail__tabMenu--wrap .tab-content .ticket-lists ul li span {
  display: inline-block;
  font-size: 16px;
  color: #797979;
}
.eventDetail__tabMenu--wrap .tab-content .ticket-lists ul li button {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #fff;
  background: linear-gradient(180deg, #ed680e 0%, #fa4600 100%);
  border: none;
  outline: none;
  padding: 5px 10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.loginModal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  display: none;
}
.loginModal .blur {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 12;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(237, 104, 14, 0.8) 0%, #fa4600 100%);
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}
.loginModal .loginModal-wrapper {
  position: relative;
  z-index: 13;
}
.loginModal__box--head {
  display: flex;
  align-items: center;
  justify-content: end;
}
.loginModal__box--head .login-modal-close {
  padding: 20px 24px;
}
.loginModal__box--head .login-modal-close i {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}
.loginModal__box--content {
  max-width: 375px;
  padding: 0 15px;
  width: 100%;
  margin: 0 auto;
}
.loginModal__box--content .loginModal-slider {
  padding-bottom: 30px;
}
.loginModal__box--content .loginModal-slider .img img {
  height: calc(var(--vh) * 45);
  display: block;
  margin: 0 auto;
}
.loginModal__box--content .loginModal-slider .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0px;
  gap: 15px;
}
.loginModal__box--content .loginModal-slider .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  background: #fff;
  margin: 0;
  opacity: 1;
}
.loginModal__box--content .loginModal-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #c24d0c;
}
.loginModal__box--content .modal-desc {
  margin-top: 60px;
}
.loginModal__box--content .modal-desc p {
  font-size: 16px;
  color: #fff;
}
.loginModal__box--content .modal-desc p span {
  font-weight: 700;
}
.loginModal__box--content .modal-buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.loginModal__box--content .modal-buttons button {
  background: transparent;
  outline: none;
  border: 1px solid #fff;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  text-align: center;
  max-width: 165px;
  width: 100%;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.loginModal__box--content .modal-buttons button i {
  font-size: 19px;
  color: #fff;
}
.loginModal__box--content .modal-buttons button span {
  font-size: 16px;
  font-weight: 900;
  color: #fff;
  text-wrap: nowrap;
}
.match-btn {
  position: fixed;
  z-index: 10;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 345px;
}
.login {
  background: url(../images/login-bg.png) no-repeat;
  background-position: top center;
  background-size: contain;
}
.login__form {
  max-width: 375px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 169px;
  margin: 0 auto;
}
.login__form--head .subTitle {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
}
.login__form--head .title {
  font-size: 30px;
  font-weight: 600;
  color: #fff;
}
.login__form--body {
  padding-top: 74px;
}
.login__form--body .form-item {
  margin-top: 24px;
  position: relative;
}
.login__form--body .form-item:first-child {
  margin-top: 0;
}
.login__form--body .form-item .show-pass,
.login__form--body .form-item .hide-pass {
  font-size: 20px;
  color: #bab3b3;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  z-index: 1;
}
.login__form--body .form-item .show-pass.hide,
.login__form--body .form-item .hide-pass.hide {
  display: none;
}
.login__form--footer .forgot-pass {
  padding: 30px 0;
}
.login__form--footer .forgot-pass a {
  display: inline-block;
  font-size: 16px;
  color: #616161;
}
.login__form--footer .login-with-social {
  padding-bottom: 30px;
}
.login__form--footer .login-with-social ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.login__form--footer .login-with-social ul li a {
  width: 45px;
  height: 45px;
  color: #fff;
  font-size: 20px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.login__form--footer .login-with-social ul li:first-child a {
  background: #dc4e41;
}
.login__form--footer .login-with-social ul li:nth-child(2) a {
  background: #000;
}
.login__form--footer .login-with-social ul li:last-child a {
  background: #1a77f2;
}
.login__form .form-text {
  font-size: 14px;
  color: #4b4b4b;
  display: block;
  margin-top: 0;
}
.login__form .form-text.code {
  color: #828282;
}
.login__form .form-text.code span {
  display: inline-block;
  line-height: 16px;
}
.login__form .form-text.code span:first-child {
  padding-right: 5px;
  margin-right: 5px;
  border-right: 1px solid #828282;
}
.login__form .form-text .code-again {
  color: #f35a09;
  font-weight: 700;
}
.login__form .service-contract input[type="checkbox"] {
  display: none;
}
.login__form .service-contract label {
  position: relative;
  padding-left: 28px;
}
.login__form .service-contract label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 2px solid #000;
  background: #fff;
}
.login__form .service-contract label span {
  font-size: 14px;
  font-weight: 700;
  color: #4b4b4b;
}
.login__form .service-contract input[type="checkbox"]:checked + label::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  transform: rotate(45deg);
  width: 6px;
  height: 11px;
  border: solid #f65306;
  border-width: 0 2px 2px 0;
}
.login__form input.form-control:disabled {
  color: #6a6a6a;
}
.login__footer .footer-text {
  font-size: 16px;
  color: #4b4b4b;
  padding: 12px 0;
  line-height: 19px;
  background: #f8f8f8;
  text-align: center;
}
.login__footer .footer-text a {
  font-weight: 600;
  color: #4b4b4b;
}
.login__footer .copyright {
  font-size: 14px;
  color: #8c8c8c;
  padding: 18px 0 15px 0;
}
.set-close-btn {
  position: absolute;
  top: 27px;
  right: 22px;
  z-index: 2;
}
.set-close-btn button {
  width: 45px;
  height: 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  background: #fff;
  color: #9a9a9a;
  font-size: 17px;
  font-weight: 700;
  outline: none;
  border: none;
}
.forgotPassword,
.register,
.verification {
  position: relative;
}
.forgotPassword::before,
.register::before,
.verification::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 337px;
  border-radius: 0 0 20px 20px;
  -moz-border-radius: 0 0 20px 20px;
  -webkit-border-radius: 0 0 20px 20px;
  background: linear-gradient(180deg, #ed680e 0%, #fa4600 100%);
  z-index: -1;
}
.forgotPassword .form-item .iti,
.register .form-item .iti,
.verification .form-item .iti {
  width: 100%;
}
.forgotPassword .form-item .iti .iti__selected-country-primary .iti__flag,
.register .form-item .iti .iti__selected-country-primary .iti__flag,
.verification .form-item .iti .iti__selected-country-primary .iti__flag {
  display: none;
}
.forgotPassword .form-item .iti .iti__selected-country-primary .iti__arrow,
.register .form-item .iti .iti__selected-country-primary .iti__arrow,
.verification .form-item .iti .iti__selected-country-primary .iti__arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
}
.forgotPassword .form-item .iti .iti__selected-dial-code,
.register .form-item .iti .iti__selected-dial-code,
.verification .form-item .iti .iti__selected-dial-code {
  font-size: 25px;
  font-weight: 600;
  color: #000;
}
.forgotPassword .form-item .forgot-phone,
.register .form-item .forgot-phone,
.verification .form-item .forgot-phone {
  font-size: 25px;
  font-weight: 600;
  color: #000;
}
.forgotPassword .form-item .forgot-phone::placeholder,
.register .form-item .forgot-phone::placeholder,
.verification .form-item .forgot-phone::placeholder {
  font-size: 25px;
  font-weight: 600;
}
.forgotPassword .form-item .phone-checked,
.register .form-item .phone-checked,
.verification .form-item .phone-checked {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  z-index: 2;
}
.forgotPassword .form-item .phone-checked i,
.register .form-item .phone-checked i,
.verification .form-item .phone-checked i {
  color: #f0610b;
  font-size: 20px;
}
.register .register-help {
  display: block;
  font-size: 14px;
  color: #4b4b4b;
}
.verification-form-body input {
  font-size: 30px;
  font-weight: 600;
  color: #000;
  text-align: center;
}
.verification-form-body input::placeholder {
  font-size: 30px;
}
.rp-height .login__form--body {
  padding-top: 18px;
}
.rp-height .register::before {
  content: "";
  height: 567px;
}
.matchScreen-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  background: #fff;
  touch-action: manipulation;
}
.matchScreen-modal::before {
  content: "";
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 375px;
  width: 100%;
  height: 70%;
  background: #ee660d;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}
.matchScreen-modal .swipe {
  max-width: 375px;
  margin: 0 auto;
  padding: 12px 20px 45px 20px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}
.matchScreen-modal .swipe-cards {
  flex-grow: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  position: relative;
  width: 100%;
  height: 100%;
}
.matchScreen-modal .swipe__card {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  position: absolute;
  will-change: transform;
  transition: all 0.3s ease-in-out;
  cursor: -webkit-grab;
  cursor: grab;
}
.matchScreen-modal .swipe__card--gallery {
  width: 100%;
  height: 100%;
  pointer-events: none;
  touch-action: none;
}
.matchScreen-modal .swipe__card--head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: absolute;
  top: 20px;
  right: 10px;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: none;
}
.matchScreen-modal .swipe__card--head .modal-close,
.matchScreen-modal .swipe__card--head .modal-report {
  background: #fff;
  border: none;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  outline: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.11);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: none;
}
.matchScreen-modal .swipe__card--head .modal-close i,
.matchScreen-modal .swipe__card--head .modal-report i {
  color: #f84c03;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: none;
}
.matchScreen-modal .swipe__card--head .modal-close:last-child i,
.matchScreen-modal .swipe__card--head .modal-report:last-child i {
  font-size: 24px;
}
.matchScreen-modal .swipe__card--footer {
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 2;
  padding: 0 20px;
}
.matchScreen-modal .swipe__card--footer .footer-top .user {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: none;
}
.matchScreen-modal .swipe__card--footer .footer-top .user .verified-icon i {
  color: #ef650d;
  font-size: 20px;
}
.matchScreen-modal .swipe__card--footer .footer-top .user .user-name {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin: 0 15px 0 5px;
}
.matchScreen-modal .swipe__card--footer .footer-top .user .user-age {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.matchScreen-modal .swipe__card--footer .footer-top .user .user-info {
  text-align: start;
}
.matchScreen-modal .swipe__card--footer .footer-top .user .user-info span {
  font-size: 14px;
  color: #fff;
}
.matchScreen-modal .swipe__card--footer .footer-top .user-info-modal {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.11);
}
.matchScreen-modal .swipe__card--footer .footer-top .user-info-modal i {
  font-size: 26px;
  color: #000;
}
.matchScreen-modal .swipe .cardGallery {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}
.matchScreen-modal .swipe .cardGallery .gallery-img {
  width: 100%;
  height: 100%;
  position: relative;
  pointer-events: none;
}
.matchScreen-modal .swipe .cardGallery .gallery-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  pointer-events: none;
}
.matchScreen-modal .swipe .cardGallery .gallery-img::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 76.5%, rgba(0, 0, 0, 0.44) 86.43%, #000000 100%);
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  z-index: 1;
}
.matchScreen-modal .swipe .cardGallery .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  bottom: calc(100% - 30px);
  left: 10px;
}
.matchScreen-modal .swipe .cardGallery .swiper-pagination .swiper-pagination-bullet {
  width: 45px;
  height: 4px;
  background: rgba(255, 255, 255, 0.75);
  opacity: 1;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.matchScreen-modal .swipe .cardGallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #dc4e41;
}
.matchScreen-modal .swipe .cardGallery .swiper-button-next,
.matchScreen-modal .swipe .cardGallery .swiper-button-prev {
  pointer-events: auto;
  touch-action: auto;
  width: 60px;
  height: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
.matchScreen-modal .swipe .cardGallery .swiper-button-next::after,
.matchScreen-modal .swipe .cardGallery .swiper-button-prev::after {
  color: #fff;
  font-size: 17px;
}
.matchScreen-modal .swipe.swipe_love i.love {
  opacity: 0.8;
  transform: scale(1);
}
.matchScreen-modal .swipe.swipe_nope i.nope {
  opacity: 0.8;
  transform: scale(1);
}
.matchScreen-modal .swipe__buttons {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 3;
  padding: 0 20px;
  max-width: 335px;
  margin: 0 auto;
}
.matchScreen-modal .swipe__buttons .swipe-buttons {
  display: flex;
}
.matchScreen-modal .swipe__buttons .swipe-buttons button {
  background: #fff;
  border: none;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  width: 64px;
  height: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  outline: none;
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.11);
}
.matchScreen-modal .swipe__buttons .swipe-buttons button i {
  font-size: 30px;
}
.matchScreen-modal .swipe__buttons .swipe-buttons button.refresh i,
.matchScreen-modal .swipe__buttons .swipe-buttons button.unhappy i {
  color: #898989;
}
.matchScreen-modal .swipe__buttons .swipe-buttons button.nope i {
  color: #ee660e;
}
.matchScreen-modal .swipe__buttons .swipe-buttons button.check i {
  color: #1def3f;
}
.matchScreen-modal .swipe__buttons .finish-swipe {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  background: #fff;
  margin: 0 auto;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.11);
}
.matchScreen-modal .swipe .no-match-found {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #333333;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  width: 100%;
  padding: 65px 20px;
}
.matchScreen-modal .swipe .no-match-found i {
  font-size: 58px;
  color: #fff;
  line-height: 50px;
}
.matchScreen-modal .swipe .no-match-found h4 {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  margin: 30px 0 10px 0;
  padding: 0;
}
.matchScreen-modal .swipe .no-match-found p {
  font-size: 14px;
  color: #fff;
  margin: 0;
}
.matchScreen-modal .loaded.swipe {
  opacity: 1;
}
.matchScreen-modal .moving.swipe__card {
  transition: none;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.userDetailModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 25;
  background: #ee660d;
  overflow-x: hidden;
  min-height: 100vh;
  overflow-y: auto;
}
.userDetailModal .userDetail-bg {
  background: #fff;
  margin-top: 40px;
  border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  -webkit-border-radius: 20px 20px 0 0;
}
.userDetailModal .userDetailModal-close {
  position: absolute;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
  background: #333333;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.userDetailModal .userDetailModal-close i {
  font-size: 20px;
  color: #fff;
}
.userDetailModal-wrapper {
  max-width: 375px;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  padding: 37px 20px 0 20px;
  border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  -webkit-border-radius: 20px 20px 0 0;
  background: #fff;
}
.userDetailModal-wrapper .userDetailSlider {
  width: 100%;
  height: 446px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}
.userDetailModal-wrapper .userDetailSlider .slider-img {
  height: 100%;
  position: relative;
}
.userDetailModal-wrapper .userDetailSlider .slider-img img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  object-fit: cover;
}
.userDetailModal-wrapper .userDetailSlider .slider-img::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 76.5%, rgba(0, 0, 0, 0.44) 86.43%, #000000 100%);
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  z-index: 1;
}
.userDetailModal-wrapper .userDetailSlider .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  bottom: calc(100% - 30px);
  left: 10px;
}
.userDetailModal-wrapper .userDetailSlider .swiper-pagination .swiper-pagination-bullet {
  width: 45px;
  height: 4px;
  background: rgba(255, 255, 255, 0.75);
  opacity: 1;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.userDetailModal-wrapper .userDetailSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #dc4e41;
}
.userDetailModal-wrapper .userDetailSlider .swiper-button-next,
.userDetailModal-wrapper .userDetailSlider .swiper-button-prev {
  pointer-events: auto;
  touch-action: auto;
  width: 60px;
  height: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
.userDetailModal-wrapper .userDetailSlider .swiper-button-next::after,
.userDetailModal-wrapper .userDetailSlider .swiper-button-prev::after {
  color: #fff;
  font-size: 17px;
}
.userDetailModal__user {
  margin-top: -28px;
  position: relative;
  z-index: 15;
}
.userDetailModal__user .user-avatar {
  width: 56px;
  height: 56px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  margin: 0 auto;
}
.userDetailModal__user .user-avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border: 3px solid #fff;
}
.userDetailModal__user .user-name {
  gap: 5px;
}
.userDetailModal__user .user-name .verified-icon i {
  font-size: 20px;
  color: #f74e04;
}
.userDetailModal__user .user-name span {
  font-size: 20px;
  font-weight: 700;
  color: #262626;
}
.userDetailModal__user .user-job {
  font-size: 14px;
  color: #686868;
  text-align: center;
}
.userDetailModal__user .user-info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: #f3f3f3;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  width: 100%;
  padding: 8px;
  margin-top: 16px;
}
.userDetailModal__user .user-info span {
  font-size: 12px;
  color: #262626;
}
.userDetailModal__user .user-text {
  margin: 11px 0 28px 0;
}
.userDetailModal__user .user-text p {
  font-size: 12px;
  color: #646464;
  margin: 0;
  text-align: center;
}
.userDetailModal__user .user-events .events-box {
  max-height: 330px;
  height: 100%;
  overflow-y: auto;
  padding-right: 10px;
}
.userDetailModal__user .user-events .events-box::-webkit-scrollbar {
  width: 5px;
}
.userDetailModal__user .user-events .events-box::-webkit-scrollbar-track {
  background: #ffffff;
}
.userDetailModal__user .user-events .events-box::-webkit-scrollbar-thumb {
  background-color: #ee660e;
  border-radius: 10px;
  border: 0px solid #ffffff;
}
.userDetailModal__user .user-events .events-title {
  font-size: 12px;
  color: #6a6a6a;
  margin-bottom: 10px;
}
.userDetailModal__user .user-events .event-item {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ececec;
}
.userDetailModal__user .user-events .event-item:last-child {
  margin-bottom: 0;
  border: none;
}
.userDetailModal__user .user-events .event-item .img {
  width: 60px;
  height: 60px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.userDetailModal__user .user-events .event-item .img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  object-fit: cover;
}
.userDetailModal__user .user-events .event-item .content .city {
  font-size: 10px;
  color: #000;
  line-height: 14px;
}
.userDetailModal__user .user-events .event-item .content .artist {
  font-size: 18px;
  color: #000;
  font-weight: 500;
  line-height: 18px;
  margin-top: 6px;
}
.userDetailModal__user .user-events .event-item .content .date span {
  font-size: 10px;
  color: #838383;
  line-height: 14px;
}
.userDetailModal__user .user-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 16px 0 32px 0;
}
.userDetailModal__user .user-buttons button {
  background: #fff;
  outline: none;
  border: none;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.11);
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 155px;
  width: 100%;
  height: 51px;
  gap: 10px;
}
.userDetailModal__user .user-buttons button i {
  font-size: 20px;
}
.userDetailModal__user .user-buttons button:first-child i {
  color: #000;
}
.userDetailModal__user .user-buttons button:last-child i {
  color: #f45808;
}
.userDetailModal__user .user-buttons button span {
  font-size: 12px;
  font-weight: 700;
  color: #5c5c5c;
  text-wrap: nowrap;
}
.userDetailModal__user .user-footer {
  padding-bottom: 20px;
}
.userDetailModal__user .user-footer p {
  font-size: 10px;
  color: #646464;
}
.invites-page .header__title h2,
.message-page .header__title h2,
.profile-page .header__title h2 {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  margin: 0;
}
.invites-page .header__notification .dropdown .dropdown-toggle,
.message-page .header__notification .dropdown .dropdown-toggle,
.profile-page .header__notification .dropdown .dropdown-toggle {
  border: none;
  outline: none;
  background: none;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.invites-page .header__notification .dropdown .dropdown-toggle::after,
.message-page .header__notification .dropdown .dropdown-toggle::after,
.profile-page .header__notification .dropdown .dropdown-toggle::after {
  display: none;
}
.invites-page .header__notification .dropdown .dropdown-toggle.received::before,
.message-page .header__notification .dropdown .dropdown-toggle.received::before,
.profile-page .header__notification .dropdown .dropdown-toggle.received::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  background: #f15d0a;
  top: 2px;
  right: 5px;
  z-index: 6;
  outline: 1px solid #fff;
}
.invites-page .header__notification .dropdown .dropdown-toggle i,
.message-page .header__notification .dropdown .dropdown-toggle i,
.profile-page .header__notification .dropdown .dropdown-toggle i {
  font-size: 26px;
  color: #8f8f8f;
}
.invites-event .invites-wrapper {
  padding-bottom: 94px;
}
.invites-event .invites-wrapper .events__item {
  padding: 0;
  border: none;
  background: transparent;
  padding-bottom: 15px;
  margin-bottom: 12px;
  border-bottom: 1px solid #ececec;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
.invites-event .invites-wrapper .events__item--info .dropdown .dropdown-toggle {
  background: none;
  outline: none;
  border: none;
  width: 24px;
  height: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.invites-event .invites-wrapper .events__item--info .dropdown .dropdown-toggle i {
  font-size: 16px;
  color: #000;
}
.invites-event .invites-wrapper .events__item--info .dropdown .dropdown-toggle::after {
  display: none;
}
.invites-event .invites-wrapper .events__item--img .events-match-user {
  position: absolute;
  top: 20px;
  right: 15px;
  width: 38px;
  height: 38px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  z-index: 6;
  outline: none;
  border: none;
}
.invites-event .invites-wrapper .events__item--img .events-match-user span {
  font-size: 14px;
  font-weight: 900;
  color: #000;
}
.invites-event .invites-wrapper .events__item--img .events-match-user .icon {
  display: block;
  position: absolute;
  top: -13px;
  right: -9px;
  z-index: 7;
  outline: none;
  border: none;
  background: linear-gradient(180deg, #ed680e 0%, #fa4600 100%);
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  width: 25px;
  height: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.invites-event .invites-wrapper .events__item--img .events-match-user .icon i {
  color: #fff;
  font-size: 15px;
}
.banner {
  margin-bottom: 12px;
  text-align: center;
}
.banner a {
  display: block;
  overflow: hidden;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  height: 148px;
  width: 100%;
}
.banner a img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.banner p {
  margin: 0;
  margin-top: 7px;
  font-size: 10px;
  color: #af9f9f;
}
.banner.small a {
  height: 81px;
}
.navigation-bar.loginned {
  max-width: 375px;
  width: 100%;
  padding: 0 25px;
  margin: 0 auto;
}
.navigation-bar.loginned .wrapper {
  margin: 0;
}
.navigation-bar.loginned .wrapper .navigation-bar-item {
  width: 30px;
  height: 54px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.navigation-bar.loginned .wrapper .navigation-bar-item i {
  font-size: 24px;
  color: #9f9f9f;
}
.navigation-bar.loginned .wrapper .navigation-bar-item.active i {
  color: #ee660e;
}
.navigation-bar.loginned .wrapper .navigation-bar-item.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  background: #ee660e;
}
.invites-open-side .invites-wrapper {
  padding-bottom: 94px;
}
.invites-open-side .invites-wrapper .open-side-top {
  padding-bottom: 10px;
}
.invites-open-side .invites-wrapper .open-side-top .category {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  color: #a0a0a0;
  padding: 6px 0;
}
.invites-open-side .invites-wrapper .open-side-top .artist-name {
  display: block;
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
  color: #000;
}
.invites-open-side .invites-wrapper .open-side-top .dropdown .dropdown-toggle {
  border: none;
  outline: none;
  background: none;
  padding: 0;
  width: 24px;
  height: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.invites-open-side .invites-wrapper .open-side-top .dropdown .dropdown-toggle::after {
  display: none;
}
.invites-open-side .invites-wrapper .open-side-top .events-match-user {
  position: relative;
  width: 38px;
  height: 38px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  z-index: 6;
  outline: none;
  border: none;
}
.invites-open-side .invites-wrapper .open-side-top .events-match-user span {
  font-size: 14px;
  font-weight: 900;
  color: #000;
}
.invites-open-side .invites-wrapper .open-side-top .events-match-user .icon {
  display: block;
  position: absolute;
  top: -13px;
  right: -9px;
  z-index: 7;
  outline: none;
  border: none;
  background: linear-gradient(180deg, #ed680e 0%, #fa4600 100%);
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  width: 25px;
  height: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.invites-open-side .invites-wrapper .open-side-top .events-match-user .icon i {
  color: #fff;
  font-size: 15px;
}
.invites-open-side .invites-wrapper .open-side-top-text {
  font-size: 12px;
  color: #5a5a5a;
  font-weight: 500;
  margin-top: 15px;
  line-height: 15px;
}
.invites-open-side .invites-wrapper .open-side-body-user {
  overflow: hidden;
  position: relative;
  border-top: 1px solid #ececec;
}
.invites-open-side .invites-wrapper .open-side-body-user:last-child {
  border-bottom: 1px solid #ececec;
}
.invites-open-side .invites-wrapper .open-side-body-user .user-avatar {
  width: 65px;
  height: 65px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  margin-right: 24px;
}
.invites-open-side .invites-wrapper .open-side-body-user .user-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  object-fit: cover;
  display: block;
}
.invites-open-side .invites-wrapper .open-side-body-user .user-info {
  padding: 15px 24px 15px 0;
}
.invites-open-side .invites-wrapper .open-side-body-user .user-info .user-name {
  display: flex;
  align-items: center;
  gap: 5px;
  line-height: 23px;
}
.invites-open-side .invites-wrapper .open-side-body-user .user-info .user-name span {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  display: inline-block;
  text-wrap: nowrap;
}
.invites-open-side .invites-wrapper .open-side-body-user .user-info .user-name .verified-icon i {
  font-size: 22px;
  color: #ee660e;
  display: block;
}
.invites-open-side .invites-wrapper .open-side-body-user .user-info .event-info {
  color: #717171;
}
.invites-open-side .invites-wrapper .open-side-body-user .user-info .event-info .artist-name {
  font-size: 14px;
}
.invites-open-side .invites-wrapper .open-side-body-user .user-info .event-info .city {
  font-size: 12px;
}
.invites-open-side .invites-wrapper .open-side-body-user .user-match {
  display: none;
  align-items: center;
  gap: 20px;
  min-width: 180px;
  flex-shrink: 0;
  padding-left: 12px;
}
.invites-open-side .invites-wrapper .open-side-body-user .user-match button {
  outline: none;
  background: #fff;
  border: none;
  width: 47px;
  height: 47px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
.invites-open-side .invites-wrapper .open-side-body-user .user-match button:first-child,
.invites-open-side .invites-wrapper .open-side-body-user .user-match button:last-child {
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.11);
}
.invites-open-side .invites-wrapper .open-side-body-user .user-match button i {
  font-size: 24px;
  display: block;
  line-height: 24px;
}
.invites-open-side .invites-wrapper .open-side-body-user .user-match button.nope i {
  color: #ee660e;
}
.invites-open-side .invites-wrapper .open-side-body-user .user-match button.unhappy {
  background-color: #ececec;
}
.invites-open-side .invites-wrapper .open-side-body-user .user-match button.unhappy i {
  color: #898989;
}
.invites-open-side .invites-wrapper .open-side-body-user .user-match button.love i {
  color: #0eee32;
}
.invites-open-side .invites-wrapper .open-side-body-user .toggle-slide-btn {
  width: 32px;
  height: 72px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background: #f1f1f1;
  margin: 0 0 0 auto;
}
.invites-open-side .invites-wrapper .open-side-body-user .toggle-slide-btn i {
  font-size: 28px;
  color: #000;
}
.invites-open-side .invites-wrapper .open-side-body-user .slide-wrapper {
  transform: translateX(0px);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit--moz-transition: all 0.2s ease-in-out;
}
.invites-open-side .invites-wrapper .open-side-body-user.slide-active .user-match {
  display: flex;
}
.invites-open-side .invites-wrapper .open-side-body-user.slide-active .user-info {
  border-right: 1px solid #e1e1e1;
}
.invites-open-side .invites-wrapper .open-side-body-user.slide-active .slide-wrapper {
  transform: translateX(-74px);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit--moz-transition: all 0.2s ease-in-out;
}

.message-page.message-details .header__avatar {
  width: 40px;
  height: 40px;
}
.message-page.message-details .header .back {
  width: 35px;
  height: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.message-page.message-details .header .back i {
  font-size: 27px;
  color: #000;
  display: block;
}
.message-page.message-details .header__notification {
  margin: 0 0 0 auto;
}
.message-page.message-details .header__notification .dropdown-toggle i {
  color: #000;
}
.message-page.message-details .header__title .verified-icon i {
  font-size: 22px;
  color: #ee660e;
  display: block;
}
.messageList-wrapper,
.messageDetails-wrapper {
  padding-bottom: 94px;
}
.messageList__box--item {
  padding: 15px 0;
  border-bottom: 1px solid #ececec;
}
.messageList__box--item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.messageList__box--item .user-avatar {
  width: 65px;
  height: 65px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  margin-right: 24px;
}
.messageList__box--item .user-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  object-fit: cover;
  display: block;
}
.messageList__box--item .user-info .user-name {
  display: flex;
  align-items: center;
  gap: 5px;
  line-height: 23px;
}
.messageList__box--item .user-info .user-name span {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  display: inline-block;
  text-wrap: nowrap;
}
.messageList__box--item .user-info .user-name .verified-icon i {
  font-size: 22px;
  color: #ee660e;
  display: block;
}
.messageList__box--item .user-info .event-info {
  color: #717171;
}
.messageList__box--item .user-info .event-info .artist-name {
  font-size: 14px;
}
.messageList__box--item .user-info .event-info .city {
  font-size: 12px;
}
.messageList__box--item .user-more {
  margin: 0 0 0 auto;
}
.messageList__box--item .user-more .dropdown-toggle {
  width: 24px;
  height: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.messageList__box--item .user-more .dropdown-toggle::after {
  display: none;
}
.messageList__box--item .user-more .dropdown-toggle i {
  font-size: 24px;
  color: #000;
  display: block;
}
.messageList__box--item .user-more .notice {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  background: #f15d0a;
  margin-right: 15px;
}
.messageList__box .banner.small {
  border-bottom: 1px solid #ececec;
  margin: 0;
  padding: 15px 0;
}
.messageDetails__event {
  font-size: 14px;
  color: #717171;
  line-height: 19px;
  background: #f3f3f3;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 6px 12px;
}
.messageDetails__event .share {
  display: inline-block;
}
.messageDetails__event .share i {
  color: #000;
  font-size: 16px;
  display: block;
}
.messageDetails__box {
  overflow-y: auto;
}
.messageDetails__box--scroll {
  height: calc((var(--vh, 1vh) * 100) - 163px);
  margin-top: 25px;
}
.messageDetails__box--scroll .user {
  display: flex;
  gap: 14px;
  margin-top: 29px;
}
.messageDetails__box--scroll .user:first-child {
  margin-top: 0;
}
.messageDetails__box--scroll .user:last-child {
  padding-bottom: 76px;
}
.messageDetails__box--scroll .user .user-avatar {
  min-width: 40px;
  height: 40px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
.messageDetails__box--scroll .user .user-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  object-fit: cover;
}
.messageDetails__box--scroll .user .user-chat {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: start;
  width: 100%;
}
.messageDetails__box--scroll .user .user-chat .date {
  font-size: 12px;
  color: #4a4a4a;
  line-height: 15px;
}
.messageDetails__box--scroll .user .user-chat .message {
  font-size: 14px;
  line-height: 18px;
  color: #000;
}
.messageDetails__box--scroll .user.user-right {
  justify-content: flex-end;
}
.messageDetails__box--scroll .user.user-right .user-avatar {
  order: 2;
}
.messageDetails__box--scroll .user.user-right .user-chat {
  order: 1;
  align-items: flex-end;
}
.messageDetails__box--scroll .user.user-right .user-chat .message {
  padding: 10px 17px;
  margin-top: 7px;
  background: #ececec;
  color: #0a0a0a;
  border-radius: 20px 20px 6px 20px;
  -moz-border-radius: 20px 20px 6px 20px;
  -webkit-border-radius: 20px 20px 6px 20px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
}
.messageDetails__box--scroll .user.user-right .user-chat .delete-message {
  padding: 10px 17px;
  margin-top: 7px;
  background: #3e3e3e;
  color: #fff;
  border-radius: 20px 20px 6px 20px;
  -moz-border-radius: 20px 20px 6px 20px;
  -webkit-border-radius: 20px 20px 6px 20px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  font-size:14px;
}

.message-bar {
  position: fixed;
  z-index: 10;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%);
  border-radius: 64px;
  -moz-border-radius: 64px;
  -webkit-border-radius: 64px;
  background: #fff;
  max-width: 345px;
  width: 100%;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
.message-bar .wrapper {
  position: relative;
}
.message-bar .wrapper textarea {
  border-radius: 65px;
  -moz-border-radius: 65px;
  -webkit-border-radius: 65px;
  resize: none;
  padding: 18px 50px 18px 24px;
  font-size: 14px;
  color: #000;
  max-height: 140px;
  overflow-y: auto;
  border: none;
}
.message-bar .wrapper textarea::placeholder {
  font-size: 14px;
  color: #858585;
}
.message-bar .wrapper textarea::-webkit-scrollbar {
  display: none;
}
.message-bar .wrapper textarea.active {
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}
.message-bar .wrapper button {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 2;
  width: 36px;
  height: 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  background: #ee660e;
  border: none;
  outline: none;
  padding: 0;
}
.message-bar .wrapper button i {
  color: #fff;
  font-size: 16px;
  display: block;
}
.profile-page .header .back {
  width: 35px;
  height: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.profile-page .header .back i {
  font-size: 23px;
  color: #000;
}
.profileMain-wrapper {
  padding-bottom: 94px;
}
.profileMain__avatar {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  padding: 15px;
}
.profileMain__avatar .profile-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 5px dashed #f0620c;
  border-radius: 50%;
  box-sizing: border-box;
  mask: conic-gradient(#000 0deg, transparent 0deg 360deg);
  -webkit-mask: conic-gradient(#000 0deg, transparent 0deg 360deg);
  transition: mask 0.4s linear, -webkit-mask 0.4s linear;
}
.profileMain__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.profileMain__userName {
  margin-top: 12px;
}
.profileMain__userName span {
  display: block;
  font-size: 24px;
  font-weight: 500;
  color: #000;
  line-height: 27px;
}
.profileMain__userName .verified-icon i {
  color: #ef650d;
  font-size: 24px;
}
.profileMain__settings {
  margin-top: 14px;
}
.profileMain__settings--item {
  text-align: center;
}
.profileMain__settings--item span {
  font-size: 14px;
  color: #000;
  display: inline-block;
  margin-top: 7px;
}
.profileMain__settings--item a {
  color: #9c9c9c;
  font-size: 25px;
  width: 85px;
  height: 85px;
  background: #fff;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.profileMain__settings--item:hover a {
  color: #fff;
  background: linear-gradient(180deg, #ed680e 0%, #fa4600 100%);
}
.profileMain__settings--item:nth-child(2) {
  margin-top: 25px;
}
.profileMain__support {
  margin-top: 25px;
}
.profileMain__support .support-btn i {
  font-size: 25px;
  font-weight: 300;
}
.profileMain__premium {
  padding: 13px 10px 13px 16px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  margin-top: 25px;
  box-shadow: 0px 0px 75px rgba(0, 0, 0, 0.08);
}
.profileMain__premium .text span {
  font-size: 18px;
  font-weight: 500;
  color: #000;
}
.profileMain__premium .text span b {
  font-weight: 900;
  color: #f0610c;
}
.profileMain__premium .text p {
  font-size: 12px;
  margin: 0;
  color: #000;
}
.profileMain__premium .form-btn {
  padding: 9px 14px;
  display: inline-block;
  line-height: 15px;
  width: auto;
}
.profileMain__premium .form-btn span {
  font-size: 12px;
  text-wrap: nowrap;
}
.profileSettings .profile_slider {
  width: 100%;
  height: 100%;
}
.profileSettings .profile_slider .swiper-slide {
  padding: 0 15px;
}
.profileSettings .profile_slider .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  bottom: 20px;
}
.profileSettings .profile_slider .swiper-pagination .swiper-pagination-bullet {
  display: block;
  margin: 0;
  width: 21px;
  height: 6px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  background: #d9d9d9;
  opacity: 1;
}
.profileSettings .profile_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ee660e;
}
.profileSettings__box {
  max-width: 345px;
  margin: 0 auto 50px auto;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background: #fff;
  box-shadow: 0px 0px 75px rgba(0, 0, 0, 0.08);
  padding: 14px 12px;
}
.profileSettings__box .top .title {
  font-size: 18px;
  font-weight: 500;
  color: #000;
}
.profileSettings__box .top .title span {
  font-weight: 900;
  color: #f0610c;
}
.profileSettings__box .top p {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
}
.profileSettings__box .top .form-btn {
  padding: 9px 14px;
  display: inline-block;
  line-height: 15px;
  width: auto;
}
.profileSettings__box .top .form-btn span {
  font-size: 12px;
  text-wrap: nowrap;
}
.profileSettings__box .content {
  margin-top: 25px;
}
.profileSettings__box .content .open .item span,
.profileSettings__box .content .close .item span {
  font-size: 12px;
  color: #000;
}
.profileSettings__box .content .open .item i {
  color: #2ab927;
}
.profileSettings__box .content .close .item i {
  color: #c8c8c8;
}
.profileSettings__box .progress {
  margin-top: 15px;
  height: 6px;
  background: #d9d9d9;
}
.profileSettings__box .progress-bar {
  background: #f84e04;
}
.profileSettings__content {
  margin-top: 30px;
}
.profileSettings__content--title {
  font-size: 14px;
  font-weight: 700;
  color: #6a6a6a;
  line-height: 20px;
}
.profileSettings__content--item {
  margin-top: 13px;
  border: 1px solid #eaeaea;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
  padding: 14px 12px 14px 16px;
}
.profileSettings__content--item .title,
.profileSettings__content--item .form-check-label {
  font-size: 14px;
  font-weight: 500;
  color: #6a6a6a;
}
.profileSettings__content--item .form-check-input:checked {
  background-color: #ee660e;
  border-color: #ee660e;
}
.profileSettings__content--item .form-check-input:focus {
  box-shadow: none;
}
.profileSettings__content--item .form-switch .form-check-input {
  width: 25px;
}
.profileSettings__content--item .form-check-input {
  margin: 0;
}
.profileSettings__content--item .form-check {
  padding: 0;
  margin: 0;
}
.profileSettings__content--item .icon i {
  font-size: 20px;
  color: #bab3b3;
}
.profileSettings__content--item .form-select {
  border: none;
  outline: none;
  padding: 0;
  box-shadow: none;
}
.profileSettings__content .event-modal {
  background: linear-gradient(180deg, #ed680e 0%, #fa4600 100%);
  margin-top: 10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 7px 12px 8px 16px;
}
.profileSettings__content .event-modal p {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #fff;
}
.profileSettings__content .event-modal .icon {
  height: 25px;
  width: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.profileSettings__content .event-modal .icon i {
  font-size: 20px;
  color: #fff;
  display: block;
}
.profileSettings__logout .logout {
  background: linear-gradient(180deg, #ed680e 0%, #fa4600 100%);
  padding: 10px 12px 10px 16px;
  margin-top: 32px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  outline: none;
  border: none;
}
.profileSettings__logout .logout .icon {
  height: 22px;
  width: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.profileSettings__logout .logout .icon i {
  font-size: 20px;
  color: #fff;
  display: block;
  font-weight: 200;
}
.profileSettings__logout .logout span {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  display: inline-block;
  line-height: 18px;
}
.profileSettings__logout .delete-account {
  outline: none;
  padding: 8px 16px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background: #fff;
  border: 1px solid #eaeaea;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);
}
.profileSettings__logout .delete-account .icon {
  height: 22px;
  width: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.profileSettings__logout .delete-account .icon i {
  font-size: 20px;
  color: #d4c5c5;
  display: block;
  font-weight: 200;
}
.profileSettings__logout .delete-account span {
  font-size: 14px;
  font-weight: 500;
  color: #7e7272;
  display: inline-block;
  line-height: 18px;
}
.profileSettings__uploadAvatars {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.profileSettings__uploadAvatars .avatar-item {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1 / 1.4;
  cursor: pointer;
  border: 4px solid transparent;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit--moz-transition: all 0.2s ease-in-out;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 4px;
}
.profileSettings__uploadAvatars .avatar-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.profileSettings__uploadAvatars .avatar-item .remove-btn {
  position: absolute;
  bottom: 10px;
  right: 12px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background: #fff;
  width: 35px;
  height: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.profileSettings__uploadAvatars .avatar-item .remove-btn i {
  font-size: 20px;
  font-weight: 300;
  color: #000;
  display: block;
}
.profileSettings__uploadAvatars .avatar-item .set-avatar {
  position: absolute;
  bottom: 10px;
  left: 12px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background: #f94a02;
  width: 35px;
  height: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.profileSettings__uploadAvatars .avatar-item .set-avatar i {
  font-size: 20px;
  font-weight: 300;
  color: #fff;
  display: block;
}
.profileSettings__uploadAvatars .avatar-item.profile-avatar-selected {
  border-color: #f94a02;
}
.profileSettings__uploadAvatars .avatar-item.profile-avatar-selected .remove-btn {
  display: none;
}
.profileSettings__uploadAvatars .avatar-item.profile-avatar-selected .set-avatar {
  display: none;
}
.profileSettings__uploadBtn {
  text-align: center;
}
.profileSettings__uploadBtn button {
  background-color: #f75400;
  color: white;
  padding: 14px 30px;
  font-weight: bold;
  font-size: 16px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}
.profileSettings__verifyAccount {
  margin-top: 14px;
}
.profileSettings__verifyAccount a {
  display: block;
  background: linear-gradient(180deg, #ed680e 0%, #fa4600 100%);
  color: #fff;
  padding: 10px 16px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.profileSettings__verifyAccount a span {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}
.profileSettings__verifyAccount a i {
  width: 20px;
  height: 20px;
  font-size: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.profileSettings__form--title {
  font-size: 14px;
  font-weight: 700;
  color: #6a6a6a;
  line-height: 20px;
}
.profileSettings__form--item {
  position: relative;
}
.profileSettings__form--item .note {
  font-size: 12px;
  color: #7a7a7a;
  font-weight: 500;
  display: inline-block;
  padding-left: 20px;
  position: relative;
  margin-top: 10px;
}
.profileSettings__form--item .note::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 4px;
  height: 4px;
  background: #7a7a7a;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  transform: translateY(-50%);
}
.profileSettings__form--item textarea {
  resize: none;
}
.profileSettings__form--item .birthdate-label {
  display: none;
  background: #fff;
  padding: 7px 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  z-index: 2;
  font-size: 16px;
  font-weight: 500;
  color: #6a6a6a;
}
@media (max-width: 991px) {
  .profileSettings__form--item .birthdate-label {
    display: block;
  }
}
.profileSettings__form--item .birthdate-label.active {
  display: none;
}
.profileSettings__form--footer .form-btn {
  padding: 10px 14px;
}
.profileSettings__form--footer .form-btn span {
  font-size: 14px;
  line-height: 18px;
}
.profileSettings__form--footer .form-btn i {
  width: 22px;
  height: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 300;
}
.profileSettings__form--emailVerify {
  margin-top: 15px;
}
.profileSettings__form--emailVerify .profileSettings__form--item input[type="email"] {
  border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  box-shadow: none;
}
.profileSettings__form--emailVerify .verify-code button {
  width: 100%;
  border: none;
  outline: none;
  border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  background: linear-gradient(180deg, #ed680e 0%, #fa4600 100%);
  color: #fff;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-align: start;
}
.profileSettings-footer {
  margin-top: 20px;
}
.profileSettings-footer .copyright,
.profileSettings-footer .app-version {
  color: #8c8c8c;
}
.profileSettings-footer .copyright {
  font-size: 14px;
}
.profileSettings-footer .app-version {
  font-size: 12px;
}
.security__title {
  font-size: 20px;
  font-weight: 500;
  color: #6a6a6a;
  line-height: 21px;
}
.security__info p {
  font-size: 13px;
  color: #827070;
  line-height: 20px;
  margin: 0;
}
.security__content--title {
  font-size: 14px;
  font-weight: 700;
  color: #6a6a6a;
  line-height: 20px;
  margin-top: 36px;
}
.security__content--blocked {
  max-height: 280px;
  overflow-y: auto;
}
.security__content--blocked::-webkit-scrollbar {
  width: 5px;
}
.security__content--blocked::-webkit-scrollbar-track {
  background: #ffffff;
}
.security__content--blocked::-webkit-scrollbar-thumb {
  background-color: #ee660e;
  border-radius: 10px;
  border: 0px solid #ffffff;
}
.security__content--blocked .blocked-user {
  padding: 11px 0 17px 0;
  border-bottom: 1px solid #ececec;
}
.security__content--blocked .blocked-user:last-child {
  border: none;
}
.security__content--blocked .blocked-user .img {
  width: 65px;
  height: 65px;
  margin-right: 24px;
}
.security__content--blocked .blocked-user .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
.security__content--blocked .blocked-user .user-info .name {
  font-size: 18px;
  font-weight: 700;
  color: #4a4a4a;
  line-height: 23px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.security__content--blocked .blocked-user .user-info .name .verified-icon i {
  color: #ef650d;
  font-size: 20px;
  font-weight: 300;
}
.security__content--blocked .blocked-user .user-info .artist-name {
  font-size: 14px;
  color: #717171;
}
.security__content--blocked .blocked-user .user-info .city {
  color: #717171;
  font-size: 12px;
}
.security__content--blocked .blocked-user .more {
  margin: 0 0 0 auto;
}
.security__content--blocked .blocked-user .more .dropdown-toggle::after {
  display: none;
}
.security__content--blocked .blocked-user .more .dropdown-toggle i {
  font-size: 24px;
}
.security__content--contact a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #eaeaea;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  margin-top: 13px;
  padding: 8px 11px 8px 14px;
}
.security__content--contact a span {
  font-size: 14px;
  font-weight: 500;
  color: #7e7272;
}
.security__content--contact a i {
  font-size: 24px;
  color: #d4c5c5;
  width: 24px;
  height: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.notification__title {
  font-size: 20px;
  font-weight: 500;
  color: #6a6a6a;
  line-height: 21px;
}
.notification__content--item {
  border: 1px solid #eaeaea;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  margin: 16px 0;
  display: block;
}
.notification__content--item .notification-top {
  font-size: 14px;
  font-weight: 500;
  color: #575454;
  padding: 10px 15px;
  border-bottom: 1px solid #eaeaea;
  line-height: 20px;
  display: block;
}
.notification__content--item .notification-body {
  border-bottom: 1px solid #eaeaea;
  padding: 10px 16px;
  display: block;
}
.notification__content--item .notification-body p {
  font-size: 13px;
  font-weight: 500;
  color: #575454;
  line-height: 22px;
  margin: 0;
}
.notification__content--item .notification-footer {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #575454;
  padding: 4px 16px;
  line-height: 22px;
}
.profile-page .header__close button {
  background: none;
  outline: none;
  border: none;
  width: 30px;
  height: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.profile-page .header__close button i {
  font-size: 25px;
  color: #ef640d;
}
.profile-page .header__close button:last-child i {
  color: #9a9a9a;
}
.packageSlider__top {
  max-width: 375px;
  padding: 0 15px;
  margin: 0 auto;
}
.packageSlider__top--title {
  position: relative;
  padding: 17px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background: #fff;
  font-size: 22px;
  font-weight: 500;
  color: #000;
  box-shadow: 0px 0px 48px rgba(0, 0, 0, 0.1);
  padding-left: 69px;
}
.packageSlider__top--title span {
  font-weight: 800;
  color: #f0610c;
}
.packageSlider .swiper-button-next,
.packageSlider .swiper-button-prev {
  width: 30px;
  height: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 1;
  background: #ef640d;
  margin-top: 0;
  top: 16px;
  position: relative;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.packageSlider .swiper-button-next i,
.packageSlider .swiper-button-prev i {
  color: #fff;
}
.packageSlider .swiper-button-next::after,
.packageSlider .swiper-button-prev::after {
  display: none;
}
.packageSlider .swiper-button-next.swiper-button-disabled,
.packageSlider .swiper-button-prev.swiper-button-disabled {
  background: #d0d0d0;
}
.packageSlider .swiper-button-next {
  right: 15px;
}
.packageSlider .swiper-button-prev {
  left: 15px;
}
.packageSlider__content {
  max-width: 375px;
  padding: 0 15px;
  margin: 30px auto 0 auto;
}
.packageSlider__content ul {
  padding: 36px 20px 86px 20px;
  border: 3px solid #f0610b;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background: #fff;
  margin: 0;
  list-style: none;
}
.packageSlider__content ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 18px;
}
.packageSlider__content ul li span {
  font-size: 15px;
  font-weight: 500;
  color: #000;
}
.packageSlider__content ul li i {
  width: 24px;
  height: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}
.packageSlider__content ul li:last-child {
  padding: 0;
}
.packageSlider__content ul li.available i {
  color: #2ab927;
}
.packageSlider__content ul li.unusable i {
  color: #c8c8c8;
}
.packageSlider__prices {
  max-width: 375px;
  padding: 0 15px;
  margin: -40px auto 0 auto;
}
.packageSlider__prices--item label {
  width: 82px;
  height: 128px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background: #fff;
  box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.09);
  cursor: pointer;
  touch-action: none;
  user-select: none;
}
.packageSlider__prices--item label .date {
  font-size: 15px;
  font-weight: 500;
  color: #000;
  text-align: center;
}
.packageSlider__prices--item label .date span {
  font-size: 30px;
  display: block;
}
.packageSlider__prices--item .priceRadioInput {
  display: none;
}
.packageSlider__prices--item .priceRadioInput:checked + label {
  background: linear-gradient(180deg, #ed680e 0%, #fa4600 100%);
}
.packageSlider__prices--item .priceRadioInput:checked + label .date,
.packageSlider__prices--item .priceRadioInput:checked + label .price {
  color: #fff;
}
.packageSlider__prices--item:hover label {
  background: linear-gradient(180deg, #ed680e 0%, #fa4600 100%);
}
.packageSlider__prices--item:hover label .date,
.packageSlider__prices--item:hover label .price {
  color: #fff;
}
.packageSlider__footer {
  max-width: 375px;
  padding: 0 15px;
  margin: 0 auto;
}
.packageSlider__footer--text {
  text-align: center;
  margin: 30px 0 15px 0;
}
.packageSlider__footer--text p {
  font-size: 14px;
  color: #7b6b6b;
  margin: 0;
}
.packageSlider__footer--img {
  margin-top: 17px;
}
.packageSlider__footer--img img {
  max-width: 273px;
  width: 100%;
  margin: 0 auto;
  display: block;
}
.packageSlider .swiper-buttons {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  max-width: 375px;
  padding: 0 15px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: row-reverse;
}
.userPackagesModal {
  background: linear-gradient(180deg, #ef630c 0%, rgba(0, 0, 0, 0.8) 100%);
}
.userPackagesModal .modal-content {
  background: transparent;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.userPackagesModal .modal-content .modal-body {
  padding: 0;
}
.userPackagesModal .premiumPackages__header {
  max-width: 375px;
  padding: 0 15px;
  margin: 20px auto 40px auto;
}
.userPackagesModal .premiumPackages__header .modal-title {
  font-size: 17px;
  font-weight: 500;
  color: #fff;
}
.userPackagesModal .premiumPackages__header .ticket {
  width: 38px;
  height: 38px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
  outline: none;
  border: none;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.userPackagesModal .premiumPackages__header .ticket i {
  font-size: 20px;
  color: #ef640d;
}
.userPackagesModal .premiumPackages__header .btn-close {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  background: none;
  padding: 0;
  margin: 0;
  width: 25px;
  height: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 1;
}
.userPackagesModal .packageSlider__footer--text p {
  color: #fff;
}
.maintenance-page {
  position: relative;
}
.maintenance-page::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: linear-gradient(180deg, #ed680e 0%, #fa4600 100%);
  height: 90px;
  border-radius: 0 0 24px 24px;
  -moz-border-radius: 0 0 24px 24px;
  -webkit-border-radius: 0 0 24px 24px;
}
.maintenance-page .header {
  padding: 0;
}
.maintenance-page .header__logo {
  width: 122px;
  height: 122px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  background: #fff;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
  margin-top: 33px;
}
.maintenance-page .maintenance__img {
  max-width: 250px;
  margin: 20px auto 0 auto;
}
.maintenance-page .maintenance__img img {
  width: 100%;
  display: block;
}
.maintenance-page .maintenance__title {
  margin-top: 20px;
}
.maintenance-page .maintenance__title h1 {
  font-size: 18px;
  font-weight: 700;
  color: #f15f0a;
  margin: 0;
}
.maintenance-page .maintenance__text {
  margin-top: 20px;
}
.maintenance-page .maintenance__text p {
  font-size: 15px;
  font-weight: 500;
  color: #434343;
}
.maintenance-page .maintenance__text--subTitle {
  color: #857e7e;
  font-size: 12px;
  font-weight: 500;
}
.maintenance-page .maintenance__footer--info {
  text-align: center;
  padding: 17px;
  border: 1px solid #c6c6c6;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  margin-top: 14px;
}
.maintenance-page .maintenance__footer--info span {
  font-size: 16px;
  font-weight: 900;
  color: #757575;
  display: inline-block;
  line-height: 19px;
}
.maintenance-page .maintenance__footer--copyright {
  color: #8c8c8c;
  font-size: 12px;
  font-weight: 500;
  margin-top: 30px;
}
.ban-page .maintenance__text--subTitle {
  font-size: 15px;
  font-weight: 800;
  color: #434343;
}
.payment-page::before {
  display: none;
}
.payment-page .maintenance__title h1 {
  font-size: 36px;
  font-weight: 700;
}
.payment-page .maintenance__text {
  margin-top: 40px;
}
.payment-page .maintenance__text p {
  font-size: 17px;
}
.payment-page .maintenance__footer--info {
  border-color: #f35908;
}
.payment-page .maintenance__footer--info i {
  color: #f35908;
}
.payment-page .maintenance__footer--iyzico {
  margin-top: 20px;
}
.payment-page .maintenance__footer--iyzico img {
  max-width: 273px;
  width: 100%;
  display: block;
  margin: 0 auto;
}
.matchedModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 28;
  background: rgb(233 102 24);
  overflow-x: hidden;
  min-height: 100vh;
  overflow-y: auto;
}
.matchedModal-wrapper {
  max-width: 375px;
  padding: 0 15px;
  margin: 0 auto;
}
.matchedModal-bg {
  position: relative;
  width: 100%;
  max-height: calc(var(--vh) * 40);
  height: 100%;
}
.matchedModal-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #ee640c -2.09%, rgba(0, 0, 0, 0) 100%);
}
.matchedModal-bg img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.matchedModal__body--content {
  position: relative;
  z-index: 5;
  max-width: 300px;
  padding: 0 20px 45px 20px;
  margin-top: -115px;
  margin-left: auto;
  margin-right: auto;
  background: linear-gradient(180deg, #ed670e 0%, #f84901 100%);
  box-shadow: 0px 4px 25.2px 9px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  animation-duration: 1s;
}
.matchedModal__body--content .user-images {
  transform: translateY(-33px);
  margin-bottom: -33px;
}
.matchedModal__body--content .user-images .user {
  width: 84px;
  height: 84px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  padding: 6px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.matchedModal__body--content .user-images .user .profile-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 5px dashed #ff9c5e;
  border-radius: 50%;
}
.matchedModal__body--content .user-images .user img {
  max-width: 60px;
  width: 100%;
  display: block;
  object-fit: cover;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
.matchedModal__body--content .user-images .user.user1 {
  animation-delay: 0.7s;
  animation-duration: 0.5s;
}
.matchedModal__body--content .user-images .user.user1 .profile-bar {
  animation: profile-bar-rotate1 7s linear infinite;
  border-color: #fff5ee;
}
.matchedModal__body--content .user-images .user.user2 {
  animation-delay: 0.7s;
  animation-duration: 0.5s;
}
.matchedModal__body--content .user-images .user.user2 .profile-bar {
  animation: profile-bar-rotate2 7s linear infinite;
  border-color: #ff9c5e;
}
.matchedModal__body--content .content-title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin-top: 30px;
  line-height: 23px;
}
.matchedModal__body--content .content-text {
  margin-top: 18px;
}
.matchedModal__body--content .content-text p {
  font-size: 14px;
  color: #fff;
}
.matchedModal__body--content .content-text p span {
  font-weight: 900;
}
.matchedModal__body .content-btn {
  max-width: 300px;
  margin: 22px auto 0 auto;
}
.matchedModal__body .content-btn button {
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px;
}
.matchedModal__body .content-btn button i {
  font-weight: 300;
  font-size: 22px;
}
.matchedModal__body .content-btn button span {
  line-height: 19px;
}
.matchedModal__footer {
  margin-top: 40px;
  padding-bottom: 40px;
}
.matchedModal__footer .matchedModal-close {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  animation-delay: 0.6s;
}
.matchedModal__footer .matchedModal-close i {
  font-size: 20px;
  color: #f84c03;
  font-weight: 700;
}
@keyframes profile-bar-rotate1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes profile-bar-rotate2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
.animate--slow {
  animation-duration: 0.8s;
}

.lm-toast-position {
  position: fixed !important;
  bottom: 80px !important;   /* aşağıdan 60px yukarıda */
  left: 50% !important;      /* yatayda ortala */
  transform: translateX(-50%); /* sadece yatayda kaydır */
  margin: 0;
}

.message-delete-btn {
  border: none;
  width: 35px;
  height: 35px;
  margin: 8px;
}