/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./template-parts/block-friendship/block-friendship.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
@media only screen and (min-width: 1440px) {
  .b-friend .wrapper {
    padding-right: 0; } }

.b-friend {
  position: relative; }

.b-friend__elipse-out {
  border-radius: 50%;
  position: absolute; }

.b-friend__elipse-in {
  width: 100%;
  height: 100%;
  border: 50%;
  border-radius: 50%; }

.b-friend__elipse-out--yellow {
  padding: 1.875vw;
  border: 0.26042vw dashed #93272c;
  left: 0;
  bottom: 0;
  width: 15.3125vw;
  height: 15.3125vw;
  transform: translate(-70%, 60%); }

.b-friend__elipse-in--yellow {
  width: 11.5625vw;
  height: 11.5625vw;
  background-color: #e6b938;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translate(-65%, 62%);
  z-index: -1; }

.b-friend__elipse-out--green {
  width: 22.1875vw;
  height: 22.1875vw;
  border: 0.36458vw dashed #1b5633;
  padding: 5.3125vw;
  right: 0;
  bottom: 0;
  transform: translate(50%, 50%); }

.b-friend__elipse-in--green {
  background-color: #1b5633; }

.b-frind__content-wrapper {
  max-width: 1707px;
  width: 100%;
  display: flex; }
  @media screen and (max-width: 1440px) {
    .b-frind__content-wrapper {
      flex-direction: column;
      align-items: center;
      justify-content: center; } }

.b-friend-img-wrap {
  max-width: 808px;
  width: 100%;
  position: relative;
  z-index: 1;
  transition: box-shadow 0.5s; }
  .b-friend-img-wrap img {
    max-width: 100%;
    height: auto; }

.img-desc-wrapp {
  display: flex;
  justify-content: space-between;
  padding: 35px 20px;
  background-color: #93272c;
  min-height: 142px; }

.b-friend__desc {
  width: 100%; }
  .b-friend__desc:not(:last-child) {
    margin-right: 10px; }
  @media screen and (max-width: 600px) {
    .b-friend__desc p {
      font-size: 14px; } }
  @media screen and (max-width: 600px) {
    .b-friend__desc h4 {
      font-size: 16px;
      line-height: 110%;
      margin-bottom: 10px; } }

.first-person {
  max-width: 210px; }

.sec-person {
  max-width: 275px; }

.thr-person {
  max-width: 230px; }

.b-friend-info-wrap {
  max-width: 919px;
  width: 100%;
  background-color: #f0f0f0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative; }
  @media screen and (max-width: 1440px) {
    .b-friend-info-wrap {
      max-width: 808px; } }

.b-frien__info {
  padding: 40px 217px 40px 164px;
  background-color: #f0f0f0; }
  @media screen and (max-width: 1890px) {
    .b-frien__info {
      padding: 40px 167px 40px 114px; } }
  @media screen and (max-width: 1800px) {
    .b-frien__info {
      padding: 40px 50px; } }
  @media screen and (max-width: 500px) {
    .b-frien__info {
      padding: 40px 10px; } }
  .b-frien__info h4 {
    margin-bottom: 32px; }
    @media screen and (max-width: 880px) {
      .b-frien__info h4 {
        font-size: 35px; } }
    @media screen and (max-width: 400px) {
      .b-frien__info h4 {
        font-size: 30px; } }
  .b-frien__info p {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    color: #6c6c6c; }
    @media screen and (max-width: 1640px) {
      .b-frien__info p {
        font-size: 18px; } }
    @media screen and (max-width: 1440px) {
      .b-frien__info p {
        text-align: justify; } }

.b-friend__link-wrap {
  padding: 35px 164px;
  display: flex;
  min-height: 142px;
  align-items: center;
  background-color: #93272c;
  position: relative;
  z-index: 11; }
  @media screen and (max-width: 1890px) {
    .b-friend__link-wrap {
      padding: 40px 167px 40px 114px; } }
  @media screen and (max-width: 1800px) {
    .b-friend__link-wrap {
      padding: 40px 50px; } }
  @media screen and (max-width: 500px) {
    .b-friend__link-wrap {
      padding: 40px 10px; } }
  .b-friend__link-wrap a {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #e6b938; }