@charset "UTF-8";
sup {
  font-size: 62.5%;
}

@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-Regular.ttf");
  font-weight: 400;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-Medium.ttf");
  font-weight: 500;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-Light.ttf");
  font-weight: 100;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-Bold.ttf");
  font-weight: 700;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-Light.ttf");
  font-weight: 300;
}
/*Обнуление*/
* {
  padding: 0;
  margin: 0;
  border: 0;
}

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

:focus, :active {
  outline: none;
}

a:focus, a:active {
  outline: none;
}

nav, footer, header, aside {
  display: block;
}

html, body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  overflow-x: hidden;
}

input, button, textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

i {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: 400;
}

/*--------------------*/
.header {
  font-family: Roboto;
}
.header .header__top {
  background-color: #004360;
  height: 44px;
  padding: 10px 0px 13px;
  font-size: 16px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header .header__middle {
  height: 80px;
  padding: 14px 0px;
  background-color: #fff;
  display: flex;
}
.header .header__middle .middle__left {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header .header__middle .middle__left img {
  margin-left: 40.6px;
  width: 241px;
  height: 51.95px;
}
.header .header__middle .middle__right {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header .header__middle .middle__right button {
  border: 3px solid #11BCC3;
  border-radius: 4px;
  width: 221.59px;
  height: 52px;
  font-weight: 500;
  font-size: 16px;
  margin-right: 43.195px;
  color: #11BCC3;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.header .banner {
  display: flex;
  font-family: Roboto;
  background-color: #F2F1F6;
}
.header .banner__left {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding: 50px 0 50.2px;
  margin-right: 64.5px;
}
.header .banner__wrapper {
  display: flex;
  flex-direction: column;
  max-width: 480px;
}
.header .banner__title {
  font-size: 62px;
  font-weight: 700;
  color: #354A5E;
  line-height: 70px;
}
.header .banner__subtitle {
  font-size: 43px;
  font-weight: 700;
  line-height: 57px;
  color: #59AFB3;
  display: flex;
  align-items: flex-end;
  margin-bottom: 8.8px;
}
.header .banner__subtitle img {
  margin-left: 5px;
  margin-bottom: 13px;
}
.header .banner__text {
  font-size: 18px;
  font-weight: 400;
  color: #7A7A7A;
  margin-bottom: 38.2px;
  line-height: 28px;
}
.header .banner__button {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 19.8px;
  width: 337px;
  height: 60px;
  background-color: #FF8D8F;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .banner__button i {
  font-family: "FontAwesome";
  margin-right: 5px;
}
.header .banner__impr {
  font-size: 16px;
  color: #7A7A7A;
}
.header .banner__impr span {
  color: #FF0000;
}
.header .banner__right {
  width: 100%;
  display: flex;
  padding: 31px 0px 3.3px 9.5px;
}
.header .banner__right img {
  width: 480px;
  height: 458.91px;
}

@media (min-device-width: 1025px) and (max-device-width: 1441px) {
  .header .banner__left {
    margin-right: 0px;
  }
}
@media (min-device-width: 951px) and (max-device-width: 1024px) {
  .header .banner__left {
    margin-right: 0px;
    padding: 50px 0px 50.2px 45px;
  }
  .header .banner__right {
    padding-right: 39px;
  }
}
@media (min-device-width: 768px) and (max-device-width: 950px) {
  .header__middle .middle__left.middle__left img {
    margin: 0;
  }
  .header__middle .middle__right.middle__right {
    display: none;
  }
  .header .banner__left {
    padding: 37px 0px 50px 45px;
    margin-right: 0;
  }
  .header .banner__wrapper {
    max-width: 378px;
  }
  .header .banner__title {
    font-size: 44px;
    line-height: 50px;
  }
  .header .banner__subtitle {
    font-size: 30px;
  }
  .header .banner__right {
    padding: 90px 30px 50px 0px;
    overflow-x: hidden;
  }
  .header .banner__right img {
    width: 360px;
    height: 344px;
  }
}
@media (min-device-width: 320px) and (max-device-width: 767px) {
  .header__middle .middle__left.middle__left img {
    margin: 0;
  }
  .header__middle .middle__right.middle__right {
    display: none;
  }
  .header .banner {
    flex-direction: column-reverse;
  }
  .header .banner__left {
    margin-right: 0;
    padding: 0;
    justify-content: center;
  }
  .header .banner__wrapper {
    padding: 0px 30px 38px;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
  }
  .header .banner__title {
    font-size: 35px;
    line-height: 43px;
    width: 352px;
  }
  .header .banner__subtitle {
    font-size: 23px;
  }
  .header .banner__text {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 28px;
  }
  .header .banner__button {
    max-width: 260px;
    font-size: 17px;
  }
  .header .banner__impr {
    font-size: 13px;
  }
  .header .banner__right {
    padding: 34px 45px;
    justify-content: center;
  }
  .header .banner__right img {
    width: 230px;
    height: 220px;
  }
}
.benefits {
  font-family: Roboto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.benefits__wrapper {
  padding: 33px 0px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: Roboto;
  max-width: 930px;
}
.benefits__title {
  font-size: 22px;
  font-weight: 700;
  line-height: 29px;
  color: #37495F;
  margin-bottom: 20.8px;
  text-align: center;
}
.benefits__subtitle {
  font-size: 16px;
  line-height: 21px;
  color: #7a7a7a;
  margin-bottom: 32.2px;
}
.benefits__row {
  display: flex;
  margin-bottom: 65px;
}
.benefits__item {
  width: 215px;
  height: 212px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-right: 23px;
}
.benefits__item img {
  width: 120px;
  height: 120px;
  margin-bottom: 23px;
}
.benefits__sign {
  font-size: 16px;
  line-height: 24px;
  color: #7A7A7A;
}

@media (min-device-width: 768px) and (max-device-width: 950px) {
  .benefits__wrapper {
    max-width: 100%;
    padding: 37px 45px 40px;
  }
  .benefits__subtitle {
    text-align: center;
  }
  .benefits__item {
    width: 150px;
    height: 192px;
  }
  .benefits__item img {
    width: 100px;
    height: 100px;
  }
}
@media (min-device-width: 320px) and (max-device-width: 767px) {
  .benefits__wrapper {
    width: 100%;
    padding: 40px 30px;
    text-align: center;
  }
  .benefits__row {
    flex-direction: column;
    margin-bottom: 0px;
  }
  .benefits__title {
    font-size: 20px;
  }
  .benefits__item {
    margin-right: 0;
    max-width: 250px;
    margin-bottom: 30px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.sec2 {
  max-width: 920px;
  margin-bottom: 60px;
  font-family: Roboto;
}
.sec2__row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 70px;
  gap: 31px;
}
.sec2__row .sec2__left .sec2__title_hidden {
  display: none;
  color: #37495F;
  font-size: 16px;
  line-height: 28px;
  font-weight: bold;
  margin-bottom: 28px;
  padding-left: 45px;
}
.sec2__row_reverse {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.sec2__title {
  color: #37495F;
  font-size: 16px;
  line-height: 28px;
  font-weight: bold;
  margin-bottom: 28px;
}
.sec2__text {
  color: #7A7A7A;
  font-size: 16px;
  line-height: 28px;
}

@media (min-device-width: 768px) and (max-device-width: 950px) {
  .sec2 {
    margin-bottom: 0;
  }
  .sec2__row {
    display: flex;
    gap: 0;
    padding-right: 45px;
    margin-bottom: 0;
  }
  .sec2__row .sec2__left .sec2__title_hidden {
    display: block;
    margin-top: 40px;
  }
  .sec2__row_reverse {
    display: flex;
    gap: 0;
    padding-left: 45px;
    padding-bottom: 50px;
  }
  .sec2__row_reverse .sec2__title {
    display: none;
  }
  .sec2__row_reverse .sec2__left {
    margin-left: 30px;
    margin-right: 0;
  }
  .sec2__row_reverse .sec2__left img {
    width: 369px;
    height: 353px;
  }
  .sec2__left {
    margin-right: 30px;
  }
  .sec2__left img {
    width: 369px;
    height: 308px;
  }
}
@media (min-device-width: 320px) and (max-device-width: 767px) {
  .sec2 {
    max-width: 100%;
    margin-bottom: 0px;
  }
  .sec2__row {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
  }
  .sec2__row .sec2__left img {
    width: 100%;
  }
  .sec2__row .sec2__right {
    padding: 13px 30px 0px;
  }
  .sec2__row_reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .sec2__row_reverse .sec2__left img {
    width: 100%;
  }
  .sec2__row_reverse .sec2__right {
    padding: 13px 30px 40px;
  }
}
.law {
  background-color: #F6F6F4;
  font-family: Roboto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.law__wrapper {
  display: flex;
  flex-direction: column;
  padding: 50px 0px 50.2px;
  align-items: center;
  text-align: center;
  max-width: 930px;
}
.law__title {
  font-size: 22px;
  line-height: 36px;
  color: #37495F;
  font-weight: bold;
  margin-bottom: 23px;
}
.law__subtitle {
  font-size: 16px;
  line-height: 28px;
  color: #7A7A7A;
  margin-bottom: 30px;
}
.law__button {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 19.8px;
  width: 337px;
  height: 60px;
  background-color: #FF8D8F;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}
.law__button i {
  font-family: "FontAwesome";
  margin-right: 5px;
}
.law__lable {
  font-size: 16px;
  color: #7A7A7A;
}
.law__lable span {
  color: red;
}

@media (min-device-width: 768px) and (max-device-width: 950px) {
  .law__wrapper {
    padding: 50px 45px 50.2px;
  }
}
@media (min-device-width: 320px) and (max-device-width: 767px) {
  .law__wrapper {
    padding: 40px 30px 38px;
    max-width: 100%;
  }
  .law__title {
    font-size: 20px;
  }
  .law__button {
    max-width: 260px;
    font-size: 17px;
  }
  .law__lable {
    font-size: 13px;
  }
}
.steps {
  background-color: #33495E;
  font-family: Roboto;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.steps__wrapper {
  padding: 50px 0 50.2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.steps__title {
  font-size: 34px;
  font-weight: 300;
  color: #FFFFFF;
  max-width: 630px;
  line-height: 45px;
}
.steps__underline {
  width: 210px;
  height: 3px;
  margin-bottom: 41px;
  background-image: url("../imgs/underline.png");
  background-position: left center;
  background-repeat: repeat-x;
}
.steps__row {
  display: flex;
}
.steps__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 258px;
  height: 332px;
  margin-right: 78px;
}
.steps__card:last-child {
  margin-right: 0px;
}
.steps__img {
  margin-bottom: 26.8px;
}
.steps__img img {
  width: 258px;
  height: 233.2px;
}
.steps__text {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}

.sec3 {
  padding: 34px 0px 33.2px;
  font-family: Roboto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sec3__button {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 19.8px;
  width: 337px;
  height: 60px;
  background-color: #FF8D8F;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sec3__button i {
  font-family: "FontAwesome";
  margin-right: 5px;
}
.sec3__lable {
  font-size: 16px;
  color: #7A7A7A;
}
.sec3__lable span {
  color: red;
}
.sec3__lable span {
  color: red;
}
.sec3__adv img {
  padding-top: 20px;
}
@media (min-device-width: 320px) and (max-device-width: 767px) {
  .sec3 .sec3__adv img {
    width: 100%;
    padding: 20px 10px 0px;
  }
}

@media (min-device-width: 768px) and (max-device-width: 950px) {
  .steps__wrapper {
    padding: 40px 45px 74px;
  }
  .steps__card {
    width: 206px;
    height: 284px;
    margin-right: 30px;
  }
  .steps__img img {
    width: 206px;
    height: 186px;
  }
}
@media (min-device-width: 320px) and (max-device-width: 767px) {
  .steps__wrapper {
    width: 100%;
    padding: 40px 37px;
  }
  .steps__title {
    font-size: 25px;
    line-height: 38px;
    max-width: 245px;
    margin-bottom: 6.5px;
  }
  .steps__underline {
    margin-bottom: 37px;
    width: 170px;
    background-repeat: no-repeat;
  }
  .steps__row {
    flex-direction: column;
  }
  .steps__card {
    margin-right: 0;
    margin-bottom: 40px;
  }
  .steps__text {
    line-height: 28px;
  }

  .sec3__button {
    max-width: 260px;
    font-size: 17px;
  }
  .sec3__lable {
    font-size: 15px;
  }
}
.service {
  background-color: #F6F6F4;
  font-family: Roboto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.service__wrapper {
  padding: 50px 0 50.2px;
  display: flex;
  flex-direction: column;
  text-align: center;
  max-width: 930px;
}
.service__title {
  color: #55595C;
  font-size: 34px;
  font-weight: 300;
  margin-bottom: 18.8px;
  text-transform: uppercase;
}
.service__subtitle {
  font-size: 16px;
  color: #7A7A7A;
  margin-bottom: 50.2px;
}
.service .service-1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: service1;
}
.service .service-1 .service__head {
  margin-bottom: 18px;
}
.service .service-2 {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  -ms-grid-column-span: 3;
  grid-area: service2;
  justify-self: center;
}
.service .service-2 .service__head {
  margin-bottom: 16px;
}
.service .service-2 .service__logo img {
  width: 95.4px;
}
.service .service-3 {
  -ms-grid-row: 1;
  -ms-grid-column: 9;
  -ms-grid-column-span: 3;
  grid-area: service3;
}
.service .service-3 .service__head {
  margin-bottom: 20px;
}
.service .service-4 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: service4;
  max-width: 377px;
  height: 310px;
  justify-self: flex-end;
}
.service .service-4 .service__head {
  margin-bottom: 20px;
}
.service .service-5 {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
  -ms-grid-column-span: 5;
  grid-area: service5;
  max-width: 346px;
  height: 310px;
  justify-self: flex-start;
}
.service .service-5 .service__head {
  margin-bottom: 20px;
}
.service__grid {
  display: grid;
  grid-gap: 40px;
  margin-bottom: 61px;
  grid-template-columns: repeat(6, 1fr);
  grid-template-areas: "service1 service1  service2 service2 service3 service3" "service4 service4 service4 service5 service5 service5";
}
.service__card {
  max-width: 280px;
  justify-self: center;
  display: flex;
  flex-direction: column;
  height: 310px;
}
.service__logo {
  margin-bottom: 25px;
}
.service__logo img {
  width: 110px;
  height: 110px;
}
.service__head {
  font-size: 18px;
  color: #0C0C0C;
  font-weight: 700;
  line-height: 28px;
}
.service__text {
  font-size: 16px;
  color: #7A7A7A;
  line-height: 28px;
}
.service__card2 {
  display: flex;
  flex-direction: column;
  justify-self: center;
}
.service__stars {
  margin-top: 13px;
  margin-bottom: 20px;
}
.service__stars img {
  width: 168.75px;
  height: 30px;
}
.service__rating img {
  width: 237.58px;
  height: 90px;
}

@media (min-device-width: 768px) and (max-device-width: 950px) {
  .service__wrapper {
    padding: 50px 45px;
  }
  .service__title {
    max-width: 635px;
    line-height: 50px;
  }
  .service .service-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: service1;
  }
  .service .service-1 .service__head {
    margin-bottom: 18px;
  }
  .service .service-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
    grid-area: service2;
    justify-self: center;
  }
  .service .service-2 .service__head {
    margin-bottom: 16px;
  }
  .service .service-2 .service__logo img {
    width: 95.4px;
  }
  .service .service-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
    -ms-grid-column-span: 3;
    grid-area: service3;
    margin-top: 80px;
  }
  .service .service-3 .service__head {
    margin-bottom: 20px;
  }
  .service .service-4 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-area: service4;
    max-width: 300px;
    height: 310px;
  }
  .service .service-4 .service__head {
    margin-bottom: 20px;
  }
  .service .service-5 {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5;
    grid-area: service5;
    max-width: 300px;
    height: 310px;
  }
  @media (min-device-width: 768px) and (max-device-width: 950px){
  .service .service-1 {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
  }
  .service .service-2 {
      -ms-grid-row: 1;
      -ms-grid-column: 3;
      -ms-grid-column-span: 1;
  }
  .service .service-3 {
      -ms-grid-row: 5;
      -ms-grid-column: 1;
      -ms-grid-column-span: 3;
  }
  .service .service-4 {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
  }
  .service .service-5 {
      -ms-grid-row: 3;
      -ms-grid-column: 3;
      -ms-grid-column-span: 1;
  }
  }
  .service .service-5 .service__head {
    margin-bottom: 20px;
  }
  .service__grid {
    display: grid;
    grid-gap: 40px;
    margin-bottom: 41px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "service1 service2" "service4 service5" "service3 service3";
  }
  .service__card {
    max-width: 300px;
    display: flex;
    flex-direction: column;
    height: 310px;
  }
  .service .service-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .service .service-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .service .service-3 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .service .service-4 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .service .service-5 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
}
@media (min-device-width: 320px) and (max-device-width: 767px) {
  .service__wrapper {
    max-width: 100%;
    padding: 40px 30px 50px;
    align-items: center;
  }
  .service__title {
    font-size: 25px;
    line-height: 38px;
    max-width: 230px;
  }
  .service__title span {
    display: none;
  }
  .service__subtitle {
    font-size: 15px;
  }
  .service__grid {
    display: flex;
    flex-direction: column;
    grid-gap: 0px;
    margin-bottom: 40px;
  }
  .service__stars {
    margin-top: 0px;
  }
  .service__card,
.service .service-4,
.service .service-5 {
    max-width: 100%;
    height: auto;
    margin-bottom: 40px;
  }
  .service .service-5 {
    margin-bottom: 0px;
  }
}
.product {
  font-family: Roboto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.product__wrapper {
  padding: 33px 0px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.product__title {
  font-size: 22px;
  font-weight: 700;
  color: #37495F;
  margin-bottom: 20.8px;
}
.product__subtitle {
  font-size: 16px;
  color: #7A7A7A;
  line-height: 28px;
  max-width: 747px;
  margin-bottom: 21.2px;
}
.product__subtitle span {
  color: red;
}
.product__img {
  margin-bottom: 40px;
}
.product__img img {
  width: 606px;
  height: 379px;
}
.product__button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 19.8px;
  width: 337px;
  height: 60px;
  background-color: #FF8D8F;
  text-transform: uppercase;
}
.product__button i {
  font-family: "FontAwesome";
  margin-right: 5px;
}
.product__lable {
  font-size: 16px;
  color: #7A7A7A;
}
.product__lable span {
  color: red;
}

@media (min-device-width: 768px) and (max-device-width: 950px) {
  .product__subtitle {
    max-width: 411px;
  }
}
@media (min-device-width: 951px) and (max-device-width: 1024px) {
  .product__subtitle {
    max-width: 539px;
    margin-bottom: 21px;
  }
}
@media (min-device-width: 320px) and (max-device-width: 767px) {
  .product__wrapper {
    width: 100%;
    padding: 33px 30px 49px;
  }
  .product__title {
    font-size: 20px;
    max-width: 248px;
    line-height: 30px;
  }
  .product__subtitle {
    max-width: 260px;
  }
  .product__img img {
    width: 100%;
    height: auto;
  }
  .product__button {
    max-width: 260px;
  }
  .product__lable {
    font-size: 15px;
  }
}
.review {
  font-family: Roboto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #7CCBD4;
}
.review__up {
  padding: 50px 0px 119px;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.review__title {
  font-size: 34px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 50px;
}
.review__row {
  display: flex;
  margin-bottom: 37px;
}
.review__row:last-child {
  margin-bottom: 65px;
}
.review__card {
  padding: 55px;
  margin-right: 51px;
  background: #FFFFFF;
  max-width: 525px;
  border-radius: 10px;
  text-align: left;
  position: relative;
}
.review__card:last-child {
  margin-right: 0;
}
.review__button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 19.8px;
  width: 337px;
  height: 60px;
  background-color: #FF8D8F;
  text-transform: uppercase;
}
.review__button i {
  font-family: "FontAwesome";
  margin-right: 5px;
}
.review__lable {
  font-size: 16px;
  color: #7A7A7A;
  color: #FFFFFF;
}
.review__lable span {
  color: red;
}
.review__down {
  background: #FFFFFF;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.review__wrapper {
  padding: 50px 0px;
  max-width: 930px;
  width: 930px;
  flex-direction: column;
}
.review__photo {
  float: right;
  margin-top: -130px;
}
.review__text {
  color: #37495F;
  font-size: 22px;
  line-height: 35px;
  max-width: 410px;
  margin-bottom: 34px;
}
.review__block {
  background: #88D1DA;
  width: 90px;
  height: 10px;
  margin-bottom: 40px;
}
.review__pragraph {
  max-width: 672px;
  font-size: 16px;
  color: #7A7A7A;
  line-height: 28px;
}
.review__pragraph span {
  color: red;
}

.card__qoutes {
  position: absolute;
  top: -15px;
  right: 47.6px;
}
.card__title {
  color: #37495F;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 18px;
}
.card__text {
  color: #7A7A7A;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 30px;
}
.card__bottom {
  display: flex;
  align-items: center;
}
.card__avatar {
  margin-right: 26.8px;
}
.card__bio {
  color: #37495F;
  font-size: 18px;
  font-weight: 700;
}

@media (min-device-width: 951px) and (max-device-width: 1024px) {
  .review__card {
    max-width: 444px;
  }
}
@media (min-device-width: 768px) and (max-device-width: 950px) {
  .review__up {
    padding: 47px 45px 119px;
  }
  .review__wrapper {
    padding: 50px 45px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .review__row {
    display: none;
  }
  .review__text {
    max-width: 100%;
  }
  .review__photo {
    float: none;
  }
  .review__button {
    margin-top: 40px;
  }
}
@media (min-device-width: 320px) and (max-device-width: 767px) {
  .review__up {
    padding: 40px 20px 100px;
    width: 100%;
  }
  .review__title {
    font-size: 25px;
    line-height: 38px;
    margin: 0;
    margin-bottom: 20px;
  }
  .review__row {
    display: none;
  }
  .review__button {
    margin-top: 25px;
    max-width: 260px;
    font-size: 17px;
  }
  .review__lable {
    font-size: 15px;
    margin-bottom: 39.7px;
  }
  .review__wrapper {
    max-width: 100%;
    padding: 29px 30px 40px;
  }
  .review__photo {
    float: none;
    display: flex;
    justify-content: center;
  }
  .review__photo img {
    width: 290px;
    height: 218px;
  }
  .review__block {
    display: none;
  }
}
.badge {
  font-family: Roboto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.badge__wrapper {
  padding: 0 0 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.badge__title {
  color: #37495F;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 25.8px;
}
.badge__uprow {
  display: flex;
  margin-bottom: 30px;
}
.badge__column {
  display: flex;
  flex-direction: column;
  margin-right: 103px;
}
.badge__column:last-child {
  margin-right: 0px;
}
.badge__row {
  display: flex;
  align-items: center;
  margin-bottom: 20.2px;
}
.badge__row:last-child {
  margin-bottom: 0;
}
.badge__row img {
  margin-right: 15px;
}
.badge__text {
  font-size: 18px;
  color: #7A7A7A;
}
.badge__subtitle {
  text-align: center;
  font-size: 16px;
  line-height: 25px;
  color: #7A7A7A;
  margin-bottom: 19.2px;
}
.badge__button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 19.8px;
  width: 337px;
  height: 60px;
  background-color: #FF8D8F;
  text-transform: uppercase;
  background: #11BCC3;
  margin-bottom: 40px;
}
.badge__button i {
  font-family: "FontAwesome";
  margin-right: 5px;
}
.badge__subrow {
  display: flex;
}
.badge__subrow img {
  width: 99px;
  height: 101px;
  margin-right: 60px;
}
.badge__subrow img:last-child {
  margin-right: 0;
}

@media (min-device-width: 768px) and (max-device-width: 950px) {
  .badge__wrapper {
    padding: 0 45px 40px;
    width: 100%;
  }
}
@media (min-device-width: 320px) and (max-device-width: 767px) {
  .badge__wrapper {
    padding: 0 28px 40px;
    width: 100%;
  }
  .badge__uprow {
    flex-direction: column;
  }
  .badge__column {
    margin-right: 0;
    margin-bottom: 20.2px;
  }
  .badge__subtitle p br {
    display: none;
  }
  .badge__button {
    max-width: 261px;
    font-size: 17px;
  }
  .badge__subrow {
    max-width: 261px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .badge__subrow img {
    width: 67px;
    height: 68px;
    margin-right: 30px;
  }
  .badge__subrow img:nth-child(3n) {
    margin-right: 0;
  }
}
.accordion {
  font-family: Roboto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #F6F6F4;
}
.accordion__wrapper {
  padding: 50px 0 54px;
  max-width: 930px;
}
.accordion__title {
  font-size: 34px;
  font-weight: 300;
  text-align: center;
  margin-bottom: 27px;
}
.accordion__item {
  padding: 0;
  background-color: transparent;
  color: #000;
  cursor: pointer;
  width: 100%;
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
}
.accordion__item:after {
  content: "➕";
  font-size: 14px;
  margin-left: 5px;
}
.accordion__panel {
  padding: 15px 0px;
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out;
}
.accordion__panel p {
  font-size: 16px;
  color: #7a7a7a;
  line-height: 28px;
  margin: 15px 0;
}
.accordion__bottom {
  display: flex;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
}
.accordion__white {
  height: 53px;
  width: 100%;
  background: white;
}

.active {
  color: #57BDC9;
  align-items: baseline;
}

.active:after {
  content: "";
  width: 14px;
  height: 3px;
  background-color: #57BDC9;
}

@media (min-device-width: 768px) and (max-device-width: 950px) {
  .accordion__wrapper {
    padding: 50px 45px 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .accordion__title {
    max-width: 472px;
    margin-bottom: 48px;
  }
}
@media (min-device-width: 320px) and (max-device-width: 767px) {
  .accordion__wrapper {
    padding: 40px 28px 25px 29px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .accordion__title {
    font-size: 22px;
    line-height: 29px;
  }
  .accordion__item {
    text-align: left;
    max-width: 100%;
    margin-right: 0;
  }
  .accordion__dog {
    width: 100%;
  }
}
.footer {
  font-family: Roboto;
  background: #374C61;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.footer__left {
  justify-self: flex-end;
  padding: 60px 135px 68px 0px;
}
.footer__logo img {
  width: 426.54px;
  height: 92px;
}
.footer__social {
  font-family: "FontAwesome";
  display: flex;
  justify-content: flex-end;
  color: #919CA8;
  font-size: 15px;
}
.footer__social a {
  color: #919CA8;
}
.footer__social a i {
  margin-right: 21px;
}
.footer__social a:last-child {
  margin-right: 0;
}
.footer__right {
  color: #fff;
  display: flex;
  padding: 56px 0px 64.4px 226.5px;
}
.footer__quick {
  display: flex;
  flex-direction: column;
  margin-right: 81.5px;
}
.footer__title {
  font-size: 15px;
  margin-bottom: 19px;
  text-transform: uppercase;
}
.footer .link {
  display: flex;
  margin-bottom: 12px;
}
.footer .link:last-child {
  margin-bottom: 0px;
}
.footer .link i {
  font-family: "FontAwesome";
  font-size: 14px;
  font-weight: solid;
  margin-right: 9.5px;
}
.footer .link__text {
  font-size: 14px;
  font-weight: 100;
}
.footer .link__text a {
  color: #fff;
}
.footer .payment {
  display: flex;
  flex-direction: column;
}
.footer .payment__title {
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 21px;
}

@media (min-device-width: 1025px) and (max-device-width: 1441px) {
  .footer__left {
    padding: 60px 129px 68px 0px;
  }

  .footer__right {
    padding: 56px 0px 64.4px 204.5px;
  }
}
@media (min-device-width: 951px) and (max-device-width: 1024px) {
  .footer__left {
    padding: 60px 36px 68px 0px;
  }

  .footer__right {
    padding: 56px 0px 64.4px 92px;
  }
}
@media (min-device-width: 768px) and (max-device-width: 950px) {
  .footer__left {
    padding: 30px 16px 58px 50px;
  }

  .footer__logo img {
    width: 318px;
    height: 69px;
  }

  .footer__right {
    padding: 28px 45px 39px 41px;
  }

  .footer__quick {
    margin-right: 43px;
  }
}
@media (min-device-width: 320px) and (max-device-width: 767px) {
  .footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 33px 31px 46.4px 28.5px;
  }
  .footer__left {
    padding: 0;
    margin-bottom: 26px;
  }
  .footer__logo {
    margin-bottom: 8px;
  }
  .footer__logo img {
    width: 189.54px;
    height: 40px;
  }
  .footer__right {
    padding: 0;
    width: 100%;
    justify-content: center;
  }
  .footer__quick {
    margin-right: 15px;
  }
  .footer .link__text {
    font-size: 13px;
    font-weight: 100;
  }
  .footer .payment img {
    height: 81.63px;
  }
}
.bottom {
  font-family: Roboto;
  background: #353E47;
  padding: 15px 0px 17px;
  display: flex;
  font-size: 12px;
  font-weight: 100;
  color: #7A7A7A;
}
.bottom__left {
  width: 100%;
  display: flex;
  justify-content: center;
}
.bottom__right {
  width: 100%;
  display: flex;
  justify-content: center;
}
.bottom__item {
  margin-right: 17px;
}
.bottom__item a {
  color: #7A7A7A;
}
.bottom__item:last-child {
  margin-right: 0px;
}

@media (min-device-width: 320px) and (max-device-width: 767px) {
  .bottom {
    flex-direction: column-reverse;
  }
  .bottom__right {
    margin-bottom: 8px;
  }
}