body {
  background: #0F0F0F;
  color: #fff;
}

h1,
h2 {
  line-height: 100%;
}

img {
  border-radius: 6px;
}

p {
  line-height: 120%;
}

section {
  padding: 40px 0;
}

body header .header-nav {
  gap: 60px;
}
body header .header-nav li {
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
}

/*masterskillgames-banner*/
.masterskillgames-banner .wrapper {
  display: flex;
  gap: 20px;
}
.masterskillgames-banner .wrapper div {
  border-radius: 6px;
  background: var(--red, linear-gradient(0deg, #000 0%, #FF3F28 100%));
  padding: 40px 20px;
}
.masterskillgames-banner .wrapper div h1 {
  margin-bottom: 30px;
}

/*masterskillgames-about-us*/
.masterskillgames-about-us .wrapper {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.masterskillgames-about-us .wrapper .games-item {
  border-radius: 6px;
  border: 1px solid var(--red-stroke, #FA3E28);
  background: var(--red, linear-gradient(0deg, #000 0%, #FF3F28 100%));
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/*masterskillgames-our-games*/
.masterskillgames-our-games .wrapper {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.masterskillgames-our-games .wrapper .games-item {
  border-radius: 6px;
  border: 1px solid var(--red-stroke, #FA3E28);
  background: var(--red, linear-gradient(0deg, #000 0%, #FF3F28 100%));
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/*masterskillgames-faq*/
.masterskillgames-faq .wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.masterskillgames-faq .wrapper .item-faq {
  border-radius: 6px;
  border: 1px solid var(--red-stroke, #FA3E28);
  background: var(--red, linear-gradient(0deg, #000 0%, #FF3F28 100%));
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

/*masterskillgames-reviews*/
.masterskillgames-reviews .wrapper {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.masterskillgames-reviews .wrapper .reviews-item {
  border-radius: 6px;
  border: 1px solid var(--red-stroke, #FA3E28);
  background: var(--red, linear-gradient(0deg, #000 0%, #FF3F28 100%));
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  text-align: center;
}
.masterskillgames-reviews .wrapper .reviews-item div {
  display: flex;
  gap: 5px;
  margin: 12px 0 20px;
}
.masterskillgames-reviews .wrapper .reviews-item div span {
  background: url("/masterskillgames-img/masterskillgames-icon-star.webp") no-repeat;
  display: block;
  width: 20px;
  height: 20px;
}
.masterskillgames-reviews .wrapper .reviews-item h3 {
  font-size: 20px;
}
.masterskillgames-reviews .wrapper .reviews-item p {
  font-size: 16px;
  font-weight: normal;
}

/*masterskillgames-contact-form*/
.masterskillgames-contact-form .wrapper {
  display: flex;
  gap: 20px;
}
.masterskillgames-contact-form .wrapper p {
  margin-bottom: 20px;
}
.masterskillgames-contact-form .wrapper div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.masterskillgames-contact-form .wrapper form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.masterskillgames-contact-form .wrapper form input::placeholder {
  font-size: 16px;
  text-transform: uppercase;
}
.masterskillgames-contact-form .wrapper form button {
  margin-top: 10px;
}

/*masterskillgames-game-card*/
.masterskillgames-game-card .container {
  padding: 20px;
  border-radius: 6px;
  border: 1px solid var(--red-stroke, #FA3E28);
}
.masterskillgames-game-card .wrapper {
  display: flex;
  gap: 20px;
}
.masterskillgames-game-card .wrapper img {
  max-width: 295px;
}
.masterskillgames-game-card .wrapper div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.masterskillgames-game-card .wrapper div span {
  font-size: 20px;
  text-transform: uppercase;
}
.masterskillgames-game-card .wrapper div h1 {
  margin: 10px 0 30px 0;
  color: #FA3E28;
}
.masterskillgames-game-card .wrapper div p {
  font-size: 16px;
}
.masterskillgames-game-card h2 {
  font-size: 20px;
  margin: 40px 0 20px 0;
}
.masterskillgames-game-card .blocks-download {
  display: flex;
  gap: 20px;
}
.masterskillgames-game-card .blocks-download div {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  background: var(--red, linear-gradient(0deg, #000 0%, #FF3F28 100%));
  padding: 16px 20px;
}
.masterskillgames-game-card .blocks-download div img {
  width: 32px;
  height: auto;
}
.masterskillgames-game-card .blocks-download div p {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
}
.masterskillgames-game-card .blocks-download div .rate {
  display: flex;
  gap: 5px;
}
.masterskillgames-game-card .blocks-download div .rate span {
  background: url("/masterskillgames-img/masterskillgames-icon-star.webp") no-repeat;
  display: block;
  width: 20px;
  height: 20px;
}

/*masterskillgames-qr*/
.masterskillgames-qr .wrapper {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.masterskillgames-qr .wrapper div {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.masterskillgames-qr .wrapper div ul li {
  font-size: 16px;
  list-style: disc;
  margin-left: 20px;
  margin: 5px 0;
  max-width: 600px;
}
.masterskillgames-qr .wrapper .block-qr {
  flex-direction: row;
  gap: 40px;
}
.masterskillgames-qr .wrapper .block-qr img {
  width: 100%;
  max-width: 200px;
  height: auto;
}

/*masterskillgames-advantages*/
.masterskillgames-advantages .slider_one ul {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 991px) {
  .masterskillgames-advantages .slider_one ul {
    gap: unset;
    flex-wrap: unset;
    justify-content: unset;
  }
}
.masterskillgames-advantages .slider_one ul .swiper-slide {
  flex-shrink: unset;
  width: max-content;
}
@media (max-width: 991px) {
  .masterskillgames-advantages .slider_one ul .swiper-slide {
    flex-shrink: 0;
    width: unset;
  }
}
.masterskillgames-advantages .slider_one ul .swiper-slide img {
  border-radius: 6px;
}

/*footer*/
footer {
  background: #282828;
}
footer .wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
footer .wrapper div p {
  width: 100%;
  max-width: 420px;
  font-size: 18px;
  font-weight: normal;
}
footer .wrapper div a {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  text-decoration: underline;
  margin-top: 14px;
}
footer .wrapper div a:hover {
  text-decoration: unset;
}
footer .wrapper div div {
  margin-top: 14px;
  display: flex;
  gap: 10px;
}
footer .wrapper div div a img {
  width: 32px;
  height: 32px;
}

/*# sourceMappingURL=masterskillgames-main.css.map */