@import url("https://fonts.cdnfonts.com/css/sf-pro-display");

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  text-decoration: none;
  box-sizing: border-box;
  letter-spacing: 0.4px;
}

body {
  background-color: #FAFAFA;
  position: relative;
}

header {
  width: 100%;
  height: 80px;
  border-bottom: 0.5px solid #D0D0D7;
  background-color: #fff;
  position: fixed;
  z-index: 99999;
}

.mod-nav-list {
  display: none;
}

.container {
  width: 1128px;
  margin: 0 auto;
  height: 100%;
}

.header-wrap {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}

.logo {
  width: 161px;
  height: 64px;
  background-image: url(../img/logo.svg);
  cursor: pointer;
}

.nav-list {
  display: flex;
}

.nav-list_item {
  color: #232329;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  cursor: pointer;
  transition: all 0.2s;
}

.nav-list_item:hover {
  color: #a7a7a7;
}

.nav-list_item:not(:last-child) {
  margin-right: 32px;
}

.get-ext {
  height: 56px;
  outline: none;
  border: none;
  display: flex;
  padding: 0px 12px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: #F80000;
  cursor: pointer;
  transition: all 0.2s;
}

.get-ext:hover {
  box-shadow: rgb(193 0 0) 0px 1px 6px;
}

.get-ext .icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  background-position: center;
  background-repeat: no-repeat;
}

.i-chrome {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_367_882)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32 15.9999C31.9996 19.9045 30.5715 23.6742 27.9848 26.5991C25.3981 29.524 21.8313 31.4022 17.956 31.8799L21.76 17.6839C22.0447 16.7136 22.0791 15.6871 21.86 14.6999C21.639 13.6953 21.1615 12.7651 20.474 11.9999H31.496C31.832 13.3067 32.0013 14.6507 32 15.9999ZM1.30445e-05 15.9999C-0.000162578 20.2182 1.66549 24.2659 4.63457 27.2623C7.60365 30.2588 11.6359 31.9614 15.854 31.9999L18.706 21.3579C18.248 21.5895 17.762 21.7609 17.26 21.8679C16.0948 22.121 14.8804 22.0186 13.774 21.5739C12.9873 21.2605 12.2762 20.7832 11.688 20.1739L1.26601 9.75193C0.427867 11.7282 -0.00273223 13.8533 1.30445e-05 15.9999ZM10.008 15.6659L2.21601 7.87193C3.73335 5.30109 5.9394 3.20582 8.58493 1.82282C11.2305 0.439825 14.21 -0.175772 17.187 0.0455789C20.164 0.266929 23.0198 1.3164 25.4317 3.07544C27.8436 4.83447 29.7156 7.23296 30.836 9.99993H16.132C15.272 9.97927 14.4178 10.1451 13.628 10.4859C12.6007 10.9246 11.7169 11.6424 11.077 12.5581C10.4371 13.4737 10.0668 14.5504 10.008 15.6659ZM16 19.9999C17.0609 19.9999 18.0783 19.5785 18.8284 18.8284C19.5786 18.0782 20 17.0608 20 15.9999C20 14.9391 19.5786 13.9216 18.8284 13.1715C18.0783 12.4214 17.0609 11.9999 16 11.9999C14.9391 11.9999 13.9217 12.4214 13.1716 13.1715C12.4214 13.9216 12 14.9391 12 15.9999C12 17.0608 12.4214 18.0782 13.1716 18.8284C13.9217 19.5785 14.9391 19.9999 16 19.9999Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_367_882'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.i-edge {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.9638 18.682C18.8258 18.806 18.6238 18.988 18.6238 19.3C18.6238 19.624 18.8378 19.95 19.2238 20.212C20.9778 21.438 24.2658 21.292 24.4078 21.288H24.4118C25.7458 21.288 27.0518 20.928 28.1998 20.25C29.3544 19.5745 30.3125 18.6091 30.979 17.4493C31.6456 16.2895 31.9974 14.9757 31.9998 13.638C32.0358 11.006 31.1198 9.202 30.6678 8.31L30.5878 8.15C27.9258 2.974 22.2118 0 15.9998 0C12.7068 4.6757e-06 9.494 1.01607 6.79981 2.90955C4.10563 4.80303 2.06131 7.48169 0.945801 10.58C2.9758 8.096 6.3658 6.524 9.9998 6.524C15.6598 6.524 20.0198 10.294 20.0198 16.118H20.0118V16.122C20.0118 16.798 19.6758 17.786 19.0378 18.61L19.0498 18.598C19.0225 18.6268 18.9938 18.6561 18.9638 18.682Z' fill='white'/%3E%3Cpath d='M0.0199028 15.5059C-0.0468186 18.0169 0.468636 20.5093 1.5259 22.7879C2.70968 25.3081 4.53067 27.4758 6.80887 29.0767C9.08707 30.6776 11.7436 31.6562 14.5159 31.9159C13.9724 31.7088 13.4473 31.4566 12.9459 31.1619H12.9259L12.6859 31.0119C11.4629 30.2522 10.4024 29.2577 9.5659 28.0859C8.61145 26.7796 7.95447 25.2802 7.64108 23.6931C7.32769 22.1059 7.36548 20.4694 7.7518 18.8983C8.13813 17.3273 8.86362 15.8599 9.87735 14.5991C10.8911 13.3382 12.1685 12.3145 13.6199 11.5999L13.6399 11.5919L13.6899 11.5679C14.1059 11.3719 14.9299 10.9839 16.0239 10.9979C16.2819 10.9999 16.5379 11.0219 16.7919 11.0639C16.204 10.5011 15.5345 10.0305 14.8059 9.66788L14.7859 9.65788C12.6959 8.56388 10.3979 8.52588 9.9999 8.52588C5.1199 8.52588 0.351903 11.7939 0.0199028 15.5059ZM20.5459 31.3299C20.7219 31.2759 20.8999 31.2219 21.0759 31.1619C20.8719 31.2259 20.6679 31.2819 20.4619 31.3339L20.5459 31.3299Z' fill='white'/%3E%3Cpath d='M20.4558 31.334C20.6595 31.2828 20.8616 31.2254 21.0618 31.162L21.2258 31.112C24.6697 29.9215 27.6055 27.5937 29.5498 24.512C29.6062 24.4184 29.6304 24.3089 29.6186 24.2003C29.6069 24.0917 29.5599 23.9899 29.4848 23.9105C29.4097 23.8311 29.3107 23.7785 29.2029 23.7607C29.0951 23.7429 28.9844 23.7609 28.8878 23.812C28.4578 24.036 28.0158 24.232 27.5618 24.4C26.1267 24.9342 24.6071 25.2052 23.0758 25.2C17.1618 25.2 12.0118 21.138 12.0118 15.912C12.0158 15.642 12.0458 15.376 12.1038 15.114C10.567 16.6463 9.62938 18.6781 9.46063 20.8417C9.29188 23.0054 9.90314 25.158 11.1838 26.91L11.1898 26.92C11.8198 27.802 12.6038 28.562 13.5058 29.162H13.5118L13.7998 29.342C15.5538 30.442 17.2418 31.498 20.4558 31.334Z' fill='white'/%3E%3C/svg%3E%0A");
}

.get-ext p {
  color: #fff;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.burger {
  display: none;
  width: 32px;
  height: 32px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.125 15C3.125 14.8342 3.19085 14.6753 3.30806 14.5581C3.42527 14.4408 3.58424 14.375 3.75 14.375H16.25C16.4158 14.375 16.5747 14.4408 16.6919 14.5581C16.8092 14.6753 16.875 14.8342 16.875 15C16.875 15.1658 16.8092 15.3247 16.6919 15.4419C16.5747 15.5592 16.4158 15.625 16.25 15.625H3.75C3.58424 15.625 3.42527 15.5592 3.30806 15.4419C3.19085 15.3247 3.125 15.1658 3.125 15ZM3.125 10C3.125 9.83424 3.19085 9.67527 3.30806 9.55806C3.42527 9.44085 3.58424 9.375 3.75 9.375H16.25C16.4158 9.375 16.5747 9.44085 16.6919 9.55806C16.8092 9.67527 16.875 9.83424 16.875 10C16.875 10.1658 16.8092 10.3247 16.6919 10.4419C16.5747 10.5592 16.4158 10.625 16.25 10.625H3.75C3.58424 10.625 3.42527 10.5592 3.30806 10.4419C3.19085 10.3247 3.125 10.1658 3.125 10ZM3.125 5C3.125 4.83424 3.19085 4.67527 3.30806 4.55806C3.42527 4.44085 3.58424 4.375 3.75 4.375H16.25C16.4158 4.375 16.5747 4.44085 16.6919 4.55806C16.8092 4.67527 16.875 4.83424 16.875 5C16.875 5.16576 16.8092 5.32473 16.6919 5.44194C16.5747 5.55915 16.4158 5.625 16.25 5.625H3.75C3.58424 5.625 3.42527 5.55915 3.30806 5.44194C3.19085 5.32473 3.125 5.16576 3.125 5Z' fill='%2368687B'/%3E%3C/svg%3E%0A");
}

main {
  padding-top: 80px;
}

section {
  width: 100%;
  height: 700px;
  border-bottom: 0.5px solid #D0D0D7;
}

.welcome {
  width: 1128px;
  margin: 0 auto;
  padding-top: 289px;
  position: relative;
}

.welcome-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.popup-preview {
  width: 344px;
  height: 310px;
  background-image: url(../img/popup.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 64px;
  left: 50%;
  transform: translateX(-50%);
}

.welcome-wrap h1 {
  color: #232329;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  margin-bottom: 20px;
  text-align: center;
}

.welcome-wrap .description {
  color: #68687B;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 135%;
  margin-bottom: 20px;
}

.functions {
  padding-top: 98px;
}

.function-wrap {
  display: flex;
}

.card {
  display: flex;
  width: 360px;
  height: 503px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-radius: 24px;
  border: 0.5px solid #D0D0D7;
  background-color: #fff;
  padding: 268px 24px 24px;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: all 0.2s;
}

.card:hover {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 7px;
}

.card:not(:last-child) {
  margin-right: 24px;
}


.card.i-girl {
  background-image: url(../img/cards/girl.svg);
}

.card.i-man {
  background-image: url(../img/cards/man.svg);
}

.card.i-grand {
  background-image: url(../img/cards/grand.svg);
}

.card h3 {
  width: 100%;
  color: #232329;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  font-family: 'SF Pro Display', sans-serif;
  margin-bottom: 24px;
}

.card .description {
  color: #68687B;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.reviews {
  padding-top: 130px;
}

.reviews-wrap {
  position: relative;
  width: 100%;
  height: 448px;
  padding-top: 384px;
  overflow: hidden;
}

.reviews-list {
  display: flex;
  position: absolute;
  top: 0;
  left: -12px;
  transition: all 0.5s;
}

.reviews-list_item {
  width: 360px;
  height: 360px;
  border-radius: 24px;
  border: 0.5px solid #D0D0D7;
  background-color: #fff;
  margin: 0 12px;
  padding: 24px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  cursor: pointer;
}

.reviews-list_item:hover {
  border: 0.5px solid #4d4d4d;
}

.reviews-list_item .stars {
  width: 116px;
  height: 20px;
  background-image: url(../img/stars.svg);
  margin-bottom: 16px;
}

.reviews-list_item .text {
  color: #232329;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;

}

.reviews-list_item .autor {
  display: flex;
  margin-top: auto;
}

.reviews-list_item .autor img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 8px;
}

.reviews-list_item .autor p {
  color: #232329;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;

}

.controller {
  display: flex;
  width: fit-content;
  margin: 0 auto;
}

.controller div {
  width: 56px;
  height: 56px;
  border-radius: 8px;
  border: 0.5px solid #DFDFE4;
  background-color: #fff;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
}

.controller div:hover {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 7px;
}

.controller .left {
  margin-right: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.1925 2.05752C14.2507 2.11558 14.2969 2.18455 14.3284 2.26048C14.3599 2.33641 14.3761 2.41781 14.3761 2.50002C14.3761 2.58223 14.3599 2.66363 14.3284 2.73956C14.2969 2.81549 14.2507 2.88446 14.1925 2.94252L7.13377 10L14.1925 17.0575C14.3099 17.1749 14.3758 17.334 14.3758 17.5C14.3758 17.666 14.3099 17.8252 14.1925 17.9425C14.0752 18.0599 13.916 18.1258 13.75 18.1258C13.584 18.1258 13.4249 18.0599 13.3075 17.9425L5.80752 10.4425C5.74931 10.3845 5.70314 10.3155 5.67163 10.2396C5.64012 10.1636 5.6239 10.0822 5.6239 10C5.6239 9.91781 5.64012 9.83641 5.67163 9.76048C5.70314 9.68455 5.74931 9.61558 5.80752 9.55752L13.3075 2.05752C13.3656 1.99931 13.4345 1.95314 13.5105 1.92163C13.5864 1.89012 13.6678 1.8739 13.75 1.8739C13.8322 1.8739 13.9136 1.89012 13.9896 1.92163C14.0655 1.95314 14.1345 1.99931 14.1925 2.05752Z' fill='black'/%3E%3C/svg%3E%0A");
}

.controller .right {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.80752 2.05752C5.86558 1.99931 5.93454 1.95314 6.01048 1.92163C6.08641 1.89012 6.16781 1.8739 6.25002 1.8739C6.33223 1.8739 6.41363 1.89012 6.48956 1.92163C6.56549 1.95314 6.63446 1.99931 6.69252 2.05752L14.1925 9.55752C14.2507 9.61558 14.2969 9.68455 14.3284 9.76048C14.3599 9.83641 14.3761 9.91781 14.3761 10C14.3761 10.0822 14.3599 10.1636 14.3284 10.2396C14.2969 10.3155 14.2507 10.3845 14.1925 10.4425L6.69252 17.9425C6.57516 18.0599 6.41599 18.1258 6.25002 18.1258C6.08405 18.1258 5.92488 18.0599 5.80752 17.9425C5.69016 17.8252 5.62423 17.666 5.62423 17.5C5.62423 17.334 5.69016 17.1749 5.80752 17.0575L12.8663 10L5.80752 2.94252C5.74931 2.88446 5.70314 2.81549 5.67163 2.73956C5.64012 2.66363 5.6239 2.58223 5.6239 2.50002C5.6239 2.41781 5.64012 2.33641 5.67163 2.26048C5.70314 2.18455 5.74931 2.11558 5.80752 2.05752Z' fill='%23232329'/%3E%3C/svg%3E%0A");
}

.blockCtr {
  opacity: 0.3;
}

.faq {
  padding-top: 88px;
}

.faq-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.faq-wrap .title {
  color: #232329;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  margin-bottom: 64px;
}

.quest-block {
  width: 100%;
  height: 312px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  position: relative;
  overflow: hidden;
}

.answer-modal {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  border: 0.5px solid #D0D0D7;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: -312px;
  transition: all 0.5s;
  display: flex;
  justify-content: space-between;
  padding: 80px 100px 24px;
  flex-direction: column;
  align-items: center;
}

.answer-modal-text {
  color: #232329;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-align: center;
}

.asnwer-arrow {
  display: block;
  width: 56px;
  height: 56px;
  border-radius: 8px;
  border: 0.5px solid #DFDFE4;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  cursor: pointer;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.1925 2.05752C14.2507 2.11558 14.2969 2.18455 14.3284 2.26048C14.3599 2.33641 14.3761 2.41781 14.3761 2.50002C14.3761 2.58223 14.3599 2.66363 14.3284 2.73956C14.2969 2.81549 14.2507 2.88446 14.1925 2.94252L7.13377 10L14.1925 17.0575C14.3099 17.1749 14.3758 17.334 14.3758 17.5C14.3758 17.666 14.3099 17.8252 14.1925 17.9425C14.0752 18.0599 13.916 18.1258 13.75 18.1258C13.584 18.1258 13.4249 18.0599 13.3075 17.9425L5.80752 10.4425C5.74931 10.3845 5.70314 10.3155 5.67163 10.2396C5.64012 10.1636 5.6239 10.0822 5.6239 10C5.6239 9.91781 5.64012 9.83641 5.67163 9.76048C5.70314 9.68455 5.74931 9.61558 5.80752 9.55752L13.3075 2.05752C13.3656 1.99931 13.4345 1.95314 13.5105 1.92163C13.5864 1.89012 13.6678 1.8739 13.75 1.8739C13.8322 1.8739 13.9136 1.89012 13.9896 1.92163C14.0655 1.95314 14.1345 1.99931 14.1925 2.05752Z' fill='black'/%3E%3C/svg%3E%0A");
}

.quest-item {
  width: 360px;
  height: 88px;
  display: flex;
  align-items: center;
  padding: 24px;
  border-radius: 24px;
  border: 0.5px solid #D0D0D7;
  background-color: #fff;
  cursor: pointer;
}

.quest-item:hover {
  border: 0.5px solid #4d4d4d;
}

.quest-item .q-title {
  color: #232329;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  width: 280px;
}

.quest-item .icon {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.05752 5.8074C2.11558 5.74919 2.18455 5.70301 2.26048 5.67151C2.33641 5.64 2.41781 5.62378 2.50002 5.62378C2.58223 5.62378 2.66363 5.64 2.73956 5.67151C2.81549 5.70301 2.88446 5.74919 2.94252 5.8074L10 12.8661L17.0575 5.8074C17.1156 5.74929 17.1846 5.70319 17.2605 5.67174C17.3365 5.64029 17.4178 5.62411 17.5 5.62411C17.5822 5.62411 17.6636 5.64029 17.7395 5.67174C17.8154 5.70319 17.8844 5.74929 17.9425 5.8074C18.0006 5.86551 18.0467 5.93449 18.0782 6.01042C18.1096 6.08634 18.1258 6.16772 18.1258 6.2499C18.1258 6.33208 18.1096 6.41345 18.0782 6.48938C18.0467 6.5653 18.0006 6.63429 17.9425 6.6924L10.4425 14.1924C10.3845 14.2506 10.3155 14.2968 10.2396 14.3283C10.1636 14.3598 10.0822 14.376 10 14.376C9.91781 14.376 9.83641 14.3598 9.76048 14.3283C9.68455 14.2968 9.61558 14.2506 9.55752 14.1924L2.05752 6.6924C1.99931 6.63434 1.95314 6.56537 1.92163 6.48944C1.89012 6.41351 1.8739 6.33211 1.8739 6.2499C1.8739 6.16769 1.89012 6.08629 1.92163 6.01035C1.95314 5.93442 1.99931 5.86545 2.05752 5.8074Z' fill='%233F3F4A'/%3E%3C/svg%3E%0A");
  margin-left: auto;
  background-position: center;
  background-repeat: no-repeat;
}

.quest-item .answer {
  display: none;
}

.stats {
  padding-top: 211px;
}

.stats-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.stats-logo {
  width: 161px;
  height: 64px;
  background-image: url(../img/logo.svg);
}

.stats-title {
  color: #232329;
  text-align: center;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  margin-bottom: 20px;
}

.stats-desc {
  color: #68687B;
  text-align: center;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 135%;
  margin-bottom: 40px;
}

footer {
  padding-top: 44px;
  background-color: #111;
}

.footer-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-logo {
  width: 161px;
  height: 64px;
  background-image: url(../img/logo-footer.svg);
}

.fotter-list {
  display: flex;
}

.fotter-list_item {
  color: #fff;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  cursor: pointer;
}

.fotter-list_item:hover {
  color: #797979;
}

.fotter-list_item:not(:last-child) {
  margin-right: 32px;
}

.copyright {
  color: #D0D0D7;
  text-align: center;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  width: 100%;
  height: 82px;
  border-top: 0.5px solid #68687B;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 28px;
}

/* uninstal page */

.un-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.un-logo {
  display: block;
  width: 137px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/logo.svg);
  cursor: pointer;
  margin-top: 40px;
  margin-bottom: 20px;
}

.un-wrap h1 {
  color: #232329;
  text-align: center;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 3px;
  margin-bottom: 27px;
}

.un-wrap button {
  margin-bottom: 30px;
}

.un-wrap h4 {
  color: #232329;
  text-align: center;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 135%;
  margin-bottom: 24px;
}

.un-wrap .form {
  width: 552px;
  height: 336px;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 24px;
  border: 1px solid #ffffff00;
}

.form-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 48px;
  padding: 0 16px;
}

.form-item:not(:last-child) {
  border-bottom: 0.5px solid #DFDFE4;
}

.form-item input {
  margin-right: 16px;
  cursor: pointer;
}

.form-item p {
  color: #232329;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.form-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 168px;
  border-radius: 8px;
  background-color: #FECCCC;
  color: #F80000;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  cursor: pointer;
  transition: all 0.2s;
}

.form-btn:hover {
  box-shadow: #ff6464 0px 1px 6px;
}

.thank-message {
  display: none;
  font-family: 'SF Pro Display', sans-serif;
  color: #232329;
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
  line-height: 9;
  align-items: center;
}

.thank-message img {
  margin-left: 30px;
}

/* about us page */

.ab-welcome-wraper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ab-welcome-wraper .img {
  width: 344px;
  height: 310px;
  position: absolute;
  top: 64px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/about-us.png);
  z-index: -9999;
}

.ab-welcome-wraper .img .mask {
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgb(250 250 250) 30%, rgb(250 250 250 / 0%) 40%);
}

.ab-welcome-wraper h1 {
  color: #232329;
  text-align: center;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  margin-top: 280px;
  margin-bottom: 20px;
}

.ab-welcome-wraper .description {
  color: #68687B;
  text-align: center;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 135%;
  margin-bottom: 32px;
}

.ab-welcome-wraper a {
  width: 127px;
  height: 56px;
  border-radius: 8px;
  background-color: #F80000;
  color: #FFF;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ab-text {
  height: auto !important;
}

.ab-text-wrap {
  width: 744px;
  margin: 0 auto;
  padding: 88px 0;
}

.ab-text-wrap p {
  color: #232329;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 24px;
}

.ab-text-wrap .list-title {
  color: #232329;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}

.ab-text-wrap ul {
  list-style-type: disc;
  padding-left: 25px;
}

.ab-text-wrap ul li {
  display: list-item;
}

.ab-text-wrap ul li p {
  color: #232329;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.ab-text-wrap ul li p span {
  color: #232329;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  margin-right: 5px;
}

.list-title.privacy,
.list-title.terms {
  margin-bottom: 0;
  line-height: 150%;
}

.list-title-small {
  color: #232329;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.term-desc {
  margin-bottom: 0 !important
}

.terms-list {
  color: #232329;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 24px;
}


.welcome-text-wrap {
  width: 744px;
  margin: 0 auto;
  padding: 48px 0;
}

.welcome-text-wrap p {
  color: #232329;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 24px;
}

.welcome-text-wrap .list-title {
  color: #232329;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 0;
}


.welcome-text-wrap ul {
  list-style-type: disc;
  padding-left: 25px;
  margin-bottom: 24px;
}

.welcome-text-wrap ol {
  padding-left: 25px;
  margin-bottom: 24px;
}

.welcome-text-wrap ol li,
.welcome-text-wrap ul li {
  display: list-item;
}

.welcome-text-wrap ol li p,
.welcome-text-wrap ul li p {
  color: #232329;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 0;
}

.welcome-text-wrap ol li p span,
.welcome-text-wrap ul li p span {
  color: #232329;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  margin-right: 5px;
}

.img-welcome-page {
  width: 344px;
  height: 310px;
  position: absolute;
  top: 64px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/welcome-img.png);
  z-index: -9999;
}

.ab-welcome-wraper .img-welcome-page .mask {
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgb(250 250 250) 30%, rgba(250 250 250/ 0%) 40%);
}

.mail-link-in-text {
  color: #232329;
  text-decoration: underline;
}

@media (min-device-width: 0px) and (max-device-width: 768px) {

  body {
    width: 100%;
    margin: 0 auto;
  }

  header {
    width: 100%;
    height: 56px;
  }


  .mod-nav-list {
    position: fixed;
    top: 0;
    left: 0;
    padding: 56px 16px 0;
    height: 100vh;
    width: 100vw;
    background-color: #fff;
    z-index: 99999;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }

  .mod-nav-list .nav-list {
    display: flex;
    height: 208px;
    margin-top: auto;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
  }

  .mod-nav-list .nav-list_item {
    height: 40px;
    color: #232329;
    font-family: 'SF Pro Display', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    cursor: pointer;
    transition: all 0.2s;
    margin-right: 0 !important;
    display: flex;
    align-items: center;
  }

  .mod-nav-list .get-ext {
    margin-bottom: 32px;
    width: 100%;
  }

  .container {
    width: 100%;
  }

  .header-wrap {
    justify-content: flex-start;
    padding: 4px 16px;
  }

  .logo {
    width: 121px;
    height: 48px;
    background-size: contain;
    margin-right: 4px;
  }

  .nav-list {
    display: none;
  }

  .get-ext {
    height: 48px;
    padding: 0 10px;
    margin-left: auto;
  }

  .get-ext .icon {
    width: 28px;
    height: 28px;
    background-size: contain;
  }

  .get-ext p {
    font-size: 16px;
  }

  .burger {
    display: block;
  }

  .cross {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_539_1429)'%3E%3Cpath d='M16 24.75C13.6794 24.75 11.4538 23.8281 9.81282 22.1872C8.17187 20.5462 7.25 18.3206 7.25 16C7.25 13.6794 8.17187 11.4538 9.81282 9.81282C11.4538 8.17187 13.6794 7.25 16 7.25C18.3206 7.25 20.5462 8.17187 22.1872 9.81282C23.8281 11.4538 24.75 13.6794 24.75 16C24.75 18.3206 23.8281 20.5462 22.1872 22.1872C20.5462 23.8281 18.3206 24.75 16 24.75ZM16 26C18.6522 26 21.1957 24.9464 23.0711 23.0711C24.9464 21.1957 26 18.6522 26 16C26 13.3478 24.9464 10.8043 23.0711 8.92893C21.1957 7.05357 18.6522 6 16 6C13.3478 6 10.8043 7.05357 8.92893 8.92893C7.05357 10.8043 6 13.3478 6 16C6 18.6522 7.05357 21.1957 8.92893 23.0711C10.8043 24.9464 13.3478 26 16 26Z' fill='%2368687B'/%3E%3Cpath d='M11.8074 11.8075C11.8655 11.7493 11.9344 11.7031 12.0104 11.6716C12.0863 11.6401 12.1677 11.6239 12.2499 11.6239C12.3321 11.6239 12.4135 11.6401 12.4894 11.6716C12.5654 11.7031 12.6343 11.7493 12.6924 11.8075L15.9999 15.1163L19.3074 11.8075C19.3655 11.7494 19.4345 11.7033 19.5104 11.6718C19.5863 11.6404 19.6677 11.6242 19.7499 11.6242C19.8321 11.6242 19.9135 11.6404 19.9894 11.6718C20.0653 11.7033 20.1343 11.7494 20.1924 11.8075C20.2505 11.8656 20.2966 11.9346 20.328 12.0105C20.3595 12.0864 20.3757 12.1678 20.3757 12.25C20.3757 12.3322 20.3595 12.4136 20.328 12.4895C20.2966 12.5654 20.2505 12.6344 20.1924 12.6925L16.8836 16L20.1924 19.3075C20.2505 19.3656 20.2966 19.4346 20.328 19.5105C20.3595 19.5864 20.3757 19.6678 20.3757 19.75C20.3757 19.8322 20.3595 19.9136 20.328 19.9895C20.2966 20.0654 20.2505 20.1344 20.1924 20.1925C20.1343 20.2506 20.0653 20.2967 19.9894 20.3282C19.9135 20.3596 19.8321 20.3758 19.7499 20.3758C19.6677 20.3758 19.5863 20.3596 19.5104 20.3282C19.4345 20.2967 19.3655 20.2506 19.3074 20.1925L15.9999 16.8838L12.6924 20.1925C12.6343 20.2506 12.5653 20.2967 12.4894 20.3282C12.4135 20.3596 12.3321 20.3758 12.2499 20.3758C12.1677 20.3758 12.0863 20.3596 12.0104 20.3282C11.9345 20.2967 11.8655 20.2506 11.8074 20.1925C11.7493 20.1344 11.7032 20.0654 11.6717 19.9895C11.6403 19.9136 11.6241 19.8322 11.6241 19.75C11.6241 19.6678 11.6403 19.5864 11.6717 19.5105C11.7032 19.4346 11.7493 19.3656 11.8074 19.3075L15.1161 16L11.8074 12.6925C11.7492 12.6344 11.703 12.5655 11.6715 12.4895C11.64 12.4136 11.6238 12.3322 11.6238 12.25C11.6238 12.1678 11.64 12.0864 11.6715 12.0105C11.703 11.9345 11.7492 11.8656 11.8074 11.8075Z' fill='%2368687B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_539_1429'%3E%3Crect width='20' height='20' fill='white' transform='translate(6 6)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }

  .burger.cross {
    margin-left: auto;
  }

  main {
    padding-top: 0;
  }

  section {
    height: auto;
  }

  .welcome {
    width: 100%;
    padding-top: 293px;
  }

  .welcome-wrap {
    padding: 0 16px;
  }

  .welcome-wrap .popup-preview {
    width: 328px;
    height: 296px;
    background-size: contain;
    top: 88px;
  }

  .welcome-wrap h1 {
    font-size: 28px;
    margin-bottom: 12px;
  }

  .welcome-wrap .description {
    text-align: center;
    font-size: 18px;
    margin-bottom: 16px;
  }

  .welcome-wrap .get-ext {
    padding: 0;
    width: 100%;
    margin-bottom: 32px;
  }

  .functions {
    padding-top: 32px;
  }

  .functions .container {
    width: 360px;
  }

  .function-wrap {
    flex-direction: column;
    padding: 0 16px;
  }

  .card {
    height: 415px;
    width: 100%;
    padding: 232px 16px 24px 16px;
    margin-right: 0 !important;
  }

  .card:not(:last-child) {
    margin-bottom: 16px;
  }

  .card:last-child {
    margin-bottom: 32px;
  }

  .card.i-girl {
    background-image: url(../img/cards/girl-m.svg);
  }

  .card h3 {
    font-size: 18px;
    margin-bottom: 6px;
  }

  .card .description {
    font-size: 16px;
  }

  .reviews {
    padding-top: 32px;
    height: 456px !important;
  }

  .reviews .container {
    width: 360px;
  }

  .reviews-wrap {
    height: 456px;
    padding-top: 348px;
  }

  .reviews-list {
    left: 0px;
    padding-left: 16px;
  }

  .reviews-list_item {
    width: 280px;
    height: 329px;
    padding: 16px;
    margin: 0;
  }

  .reviews-list_item:not(:last-child) {
    margin-right: 16px;
  }

  .reviews-list_item .text {
    font-size: 16px;
  }

  .faq {
    padding-top: 32px;
  }

  .faq-wrap {
    padding: 0 16px;
  }

  .faq-wrap .title {
    font-size: 24px;
    margin-bottom: 24px;
  }

  .quest-block {
    justify-content: flex-start;
    flex-direction: column;
    height: auto;
  }

  .answer-modal {
    display: none;
  }

  .mob-answer-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999999;
    background-color: #0000007d;
    align-items: center;
    justify-content: center;
  }

  .mob-answer-wrap {
    border-radius: 24px;
    border: 0.5px solid #D0D0D7;
    background-color: #fff;
    transition: all 0.5s;
    width: 328px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .mob-answer-modal-text {
    color: #232329;
    font-family: 'SF Pro Display', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
    margin-bottom: 40px;
  }

  .mob-asnwer-arrow {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 0.5px solid #DFDFE4;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: rotate(90deg);
    cursor: pointer;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.1925 2.05752C14.2507 2.11558 14.2969 2.18455 14.3284 2.26048C14.3599 2.33641 14.3761 2.41781 14.3761 2.50002C14.3761 2.58223 14.3599 2.66363 14.3284 2.73956C14.2969 2.81549 14.2507 2.88446 14.1925 2.94252L7.13377 10L14.1925 17.0575C14.3099 17.1749 14.3758 17.334 14.3758 17.5C14.3758 17.666 14.3099 17.8252 14.1925 17.9425C14.0752 18.0599 13.916 18.1258 13.75 18.1258C13.584 18.1258 13.4249 18.0599 13.3075 17.9425L5.80752 10.4425C5.74931 10.3845 5.70314 10.3155 5.67163 10.2396C5.64012 10.1636 5.6239 10.0822 5.6239 10C5.6239 9.91781 5.64012 9.83641 5.67163 9.76048C5.70314 9.68455 5.74931 9.61558 5.80752 9.55752L13.3075 2.05752C13.3656 1.99931 13.4345 1.95314 13.5105 1.92163C13.5864 1.89012 13.6678 1.8739 13.75 1.8739C13.8322 1.8739 13.9136 1.89012 13.9896 1.92163C14.0655 1.95314 14.1345 1.99931 14.1925 2.05752Z' fill='black'/%3E%3C/svg%3E%0A");
  }

  .quest-item {
    width: 100%;
    padding: 16px;
  }

  .quest-item:not(:last-child) {
    margin-bottom: 16px;
  }

  .quest-item:last-child {
    margin-bottom: 32px;
  }

  .quest-item .q-title {
    font-size: 16px;
  }

  .stats {
    padding-top: 32px;
  }

  .stats-wrap {
    padding: 0 16px;
  }

  .stats-logo {
    width: 103px;
    height: 35px;
    background-size: cover;
    margin-bottom: 16px;
  }

  .stats-title {
    font-size: 48px;
  }

  .stats-desc {
    font-size: 18px;
  }

  .stats-wrap .get-ext {
    width: 100%;
    padding: 0;
    margin-right: 0;
    margin-bottom: 32px;
  }

  footer {
    padding-top: 32px;
    background-color: #111;
  }

  .footer-wrap {
    padding: 0 16px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
  }


  .footer-logo {
    width: 121px;
    height: 48px;
    background-size: contain;
    margin-bottom: 32px;
  }

  .fotter-list {
    align-items: center;
    flex-direction: column;
    width: 126px;
    height: 208px;
    justify-content: space-between;
    margin-bottom: 32px;
  }

  .fotter-list_item {
    display: flex;
    align-items: center;
    font-size: 16px;
    height: 40px;
    margin-right: 0 !important;
  }

  .footer-wrap .get-ext {
    padding: 0;
    width: 100%;
    margin: 0;
    margin-bottom: 48px;
  }

  .ab-welcome-wraper {
    padding: 0 16px;
  }

  .ab-welcome-wraper .img {
    top: 88px;
    width: 328px;
    height: 296px;
    background-size: contain;
  }

  .ab-welcome-wraper h1 {
    margin-top: 293px;
    font-size: 28px;
    margin-bottom: 24px;
  }

  .ab-welcome-wraper .description {
    font-size: 18px;
    margin-bottom: 24px;
  }

  .ab-welcome-wraper a {
    margin-bottom: 32px;
    font-size: 16px;
    width: 100%;
  }

  .ab-text-wrap {
    width: 100%;
    padding: 32px 16px 0 16px;
  }

  .ab-text-wrap p {
    font-size: 16px;
  }

  .ab-text-wrap .list-title {
    font-size: 18px;
  }

  .ab-text-wrap ul li p {
    font-size: 16px;
  }

  .ab-text-wrap ul li p span {
    font-size: 16px;
  }

  .list-title-small {
    font-size: 16px;
  }

  .terms-list {
    font-size: 16px;
  }

  .welcome-text-wrap {
    width: 100%;
    padding: 32px 16px 0 16px;
  }

  .welcome-text-wrap p {
    font-size: 16px;
  }

  .welcome-text-wrap .list-title {
    font-size: 18px;
  }

  .welcome-text-wrap ol li p,
  .welcome-text-wrap ul li p {
    font-size: 16px;
  }

  .welcome-text-wrap ol li p span,
  .welcome-text-wrap ul li p span {
    font-size: 18px;
  }

  .img-welcome-page {
    top: 88px;
    width: 328px;
    height: 296px;
    background-size: contain;
  }

  .container.welcome-mob {
    border-bottom: 0.5px solid #D0D0D7;
  }
}