/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/block-how-become-friend/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
body .wp-block-blocks-albertlikhanov-block-how-become-friend {
  margin: 0;
  max-width: 100% !important;
  width: 100%;
  background-color: #fef8f4;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend {
  display: flex;
  justify-content: center;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container {
  width: 1200px;
  padding: 90px 20px;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .heading {
  font-family: "Garamond", sans-serif;
  font-size: 52px;
  font-weight: 600;
  color: #142048;
  text-align: center;
  line-height: 1;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .top-middle-text-wrapper {
  background-color: #F9EDDF;
  padding: 30px 60px;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  width: 810px;
  margin: 60px auto 0;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .top-middle-text-wrapper .top-middle-text {
  font-family: "Gilroy", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #232127;
  line-height: 1.4;
  text-align: center;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .img-wrapper {
  width: 100%;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .img-wrapper .img {
  width: 100%;
  height: 550px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 20px;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .text-block-wrapper {
  display: flex;
  gap: 30px;
  margin-top: 60px;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .text-block-wrapper .left-text {
  width: 100%;
  padding: 40px 50px;
  background-color: #FCF3E8;
  border-radius: 20px;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .text-block-wrapper .left-text .icon-heading-wrapper {
  display: flex;
  gap: 20px;
  align-items: center;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .text-block-wrapper .left-text .icon-heading-wrapper .icon-wrapper {
  width: 50px;
  height: auto;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .text-block-wrapper .left-text .icon-heading-wrapper .icon-wrapper .icon-img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .text-block-wrapper .left-text .icon-heading-wrapper .heading-left-text {
  font-family: "Garamond", sans-serif;
  font-size: 26px;
  font-weight: 400;
  color: #142048;
  line-height: 1.2;
  text-transform: uppercase;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .text-block-wrapper .left-text hr {
  border: none;
  background-color: #BBB4AC;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 100%;
  height: 1px;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .text-block-wrapper .left-text .text {
  font-family: "Gilroy", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #232127;
  line-height: 1.4;
  margin-bottom: 15px;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .text-block-wrapper .left-text .text:last-child {
  margin-bottom: 0;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .text-block-wrapper .right-text {
  width: 100%;
  padding: 30px;
  position: relative;
  background-color: #FCF3E8;
  border-radius: 20px;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .text-block-wrapper .right-text .text {
  font-family: "Gilroy", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #232127;
  line-height: 1.4;
  margin-bottom: 15px;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .text-block-wrapper .right-text .text:last-child {
  margin-bottom: 0;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .middle-text-wrapper {
  width: 560px;
  margin: 60px auto 0;
  background: linear-gradient(45deg, #0F1428 0%, #2844A1 100%);
  padding: 20px 40px;
  border-radius: 20px;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .middle-text-wrapper .middle-text {
  font-family: "Gilroy", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 1.4;
  text-align: center;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .status-wrapper {
  margin-top: 60px;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .status-wrapper .status-wrapper-heading {
  font-family: "Garamond", sans-serif;
  font-size: 52px;
  font-weight: 600;
  color: #142048;
  text-align: center;
  line-height: 1;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .status-wrapper .status-list {
  margin-top: 60px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .status-wrapper .status-list .status-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .status-wrapper .status-list .status-item .status-icon-wrapper {
  width: 160px;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .status-wrapper .status-list .status-item .status-icon-wrapper .status-icon-img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .status-wrapper .status-list .status-item .status-text {
  font-family: "Garamond", sans-serif;
  font-size: 30px;
  font-weight: 600;
  color: #142048;
  line-height: 1;
  text-align: center;
  margin-top: 10px;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .btn-wrapper {
  margin-top: 60px;
  display: flex;
  justify-content: center;
  width: 100%;
}
body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .btn-wrapper .button {
  background: linear-gradient(45deg, #0095FF 0%, #5BBBFF 100%);
  box-shadow: 0 3px 0 #0A99FF;
  border: none;
  border-radius: 10px;
  color: #fff;
  font-family: "Gilroy", sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 16px 75px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

@media (max-width: 1200px) {
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container {
    width: 768px;
    padding: 60px 20px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .heading {
    font-size: 32px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .top-middle-text-wrapper {
    padding: 30px;
    width: 680px;
    margin: 30px auto 0;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .top-middle-text-wrapper .top-middle-text {
    font-size: 16px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .img-wrapper .img {
    height: 350px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .text-block-wrapper {
    flex-direction: column;
    margin-top: 30px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .text-block-wrapper .left-text {
    padding: 30px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .middle-text-wrapper {
    margin: 30px auto 0;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .status-wrapper {
    margin-top: 30px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .status-wrapper .status-wrapper-heading {
    font-size: 32px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .status-wrapper .status-list {
    margin-top: 30px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .status-wrapper .status-list .status-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .status-wrapper .status-list .status-item .status-icon-wrapper {
    width: 120px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .status-wrapper .status-list .status-item .status-text {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container {
    width: 320px;
    padding: 30px 10px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .heading {
    font-size: 26px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .top-middle-text-wrapper {
    padding: 15px;
    width: 260px;
    margin: 20px auto 0;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .top-middle-text-wrapper .top-middle-text {
    font-size: 14px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .img-wrapper .img {
    height: 160px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .text-block-wrapper {
    gap: 20px;
    margin-top: 20px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .text-block-wrapper .left-text {
    padding: 20px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .text-block-wrapper .left-text .icon-heading-wrapper .heading-left-text {
    font-size: 20px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .text-block-wrapper .left-text .text {
    font-size: 14px;
    margin-bottom: 10px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .text-block-wrapper .right-text {
    padding: 20px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .text-block-wrapper .right-text .text {
    font-size: 14px;
    margin-bottom: 10px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .middle-text-wrapper {
    width: 100%;
    margin: 20px 0 0;
    padding: 20px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .middle-text-wrapper .middle-text {
    font-size: 14px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .status-wrapper {
    margin-top: 20px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .status-wrapper .status-wrapper-heading {
    font-size: 26px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .status-wrapper .status-list {
    margin-top: 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .status-wrapper .status-list .status-item .status-text {
    font-size: 22px;
  }
  body .wp-block-blocks-albertlikhanov-block-how-become-friend .block-how-become-friend .container .btn-wrapper {
    margin-top: 30px;
  }
}

/*# sourceMappingURL=style-index.css.map*/