/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url(./fonts/circe-rounded/stylesheet.css);
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  background: #0a0a0a;
  color: #ffffff;
  font-family: "Circe Rounded", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 300;
  line-height: 1.25;
}

a {
  text-decoration: none;
  color: inherit;
}

.page {
  min-height: 100vh;
  min-height: 100svh;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  padding-left: 16px;
  padding-right: 16px;
  gap: 20px;
}
.page::before, .page::after {
  content: "";
  flex-grow: 1;
  min-height: 40px;
}

.container {
  width: 100%;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.text-red {
  color: #ff0025;
}
.text-yellow {
  color: #f6e400;
}
.text-light {
  color: #dddddd;
}

.card {
  border-radius: 20px;
  padding: 40px 20px;
  background: #161718;
  margin: 20px 0;
}
.card:first-child {
  margin-top: 0;
}
.card:last-child {
  margin-bottom: 0;
}
.card-black {
  background: #030303;
}

.btn {
  padding: 20px 56px 16px;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid transparent;
  position: relative;
  transition: 0.15s;
}
.btn::after {
  content: "";
  position: absolute;
  inset: 0;
  border: inherit;
  border-radius: inherit;
}
.btn:hover, .btn:focus {
  transition: 0.15s;
}
.btn:hover::after, .btn:focus::after {
  transform: scale(1.08, 1.5);
  opacity: 0;
  transition: 0.35s;
}
.btn-primary {
  background: #f6e400;
  border-color: #f6e400;
  color: #161718;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: rgb(220.5, 204.3658536585, 0);
}

.hero__title {
  font-size: 34px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 16px;
}
.hero__subtitle {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}
.hero__benefits {
  margin-top: 48px;
  display: grid;
  gap: 32px;
}
.hero__benefits-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hero__benefits-item::before {
  content: "";
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='39' viewBox='0 0 40 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1465 5.48926C18.0445 2.72533 21.9555 2.72532 22.8535 5.48926L23.4336 7.27441C24.6385 10.9826 28.0941 13.4932 31.9932 13.4932H33.8701C36.7761 13.4934 37.9839 17.2128 35.6328 18.9209L34.1143 20.0234C30.96 22.3152 29.64 26.3778 30.8447 30.0859L31.4248 31.8711C32.3229 34.635 29.1597 36.9338 26.8086 35.2256L25.29 34.1221C22.1357 31.8303 17.8643 31.8303 14.71 34.1221L13.1914 35.2256C10.8403 36.9338 7.67714 34.635 8.5752 31.8711L9.15527 30.0859C10.36 26.3778 9.04002 22.3152 5.88574 20.0234L4.36719 18.9209C2.01612 17.2127 3.22392 13.4934 6.12988 13.4932H8.00684C11.9059 13.4932 15.3615 10.9826 16.5664 7.27441L17.1465 5.48926Z' stroke='white' stroke-width='6'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 16px;
}
.hero__benefits-item-text {
  font-size: 16px;
  text-align: center;
}
.hero__btn {
  margin-top: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .hero__benefits {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .hero__title {
    font-size: 48px;
  }
  .hero__subtitle {
    font-size: 24px;
  }
  .hero__btn .btn {
    width: 375px;
  }
}

.footer__links-title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 24px;
}
.footer__links-list {
  display: grid;
  grid-gap: 0.5em;
  font-size: 12px;
}
.footer__partners {
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px 4px;
}
.footer__partners img {
  width: 64px;
  height: 64px;
}
.footer__descr {
  color: #7b7979;
  font-size: 10px;
  text-align: center;
}
@media (max-width: 767px) {
  .footer__partners {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-around;
    gap: 10px 32px;
  }
}
@media (min-width: 768px) {
  .footer__links-list {
    display: flex;
    justify-content: space-between;
  }
  .footer__partners {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .footer__descr {
    font-size: 12px;
  }
  .footer__descr-card {
    padding: unset;
    background: unset;
  }
}