/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: > 0.3%,last 10 versions,Firefox ESR,not dead
*/

html {
  box-sizing: border-box;
  background-color: var(--colorWhite);
}

:root {
  --maxWidth: 1920px;
  /*All the colors used*/
  --colorWhite: #FFF;
  --colorWhite30: #ffffff4d;
  --colorRedBackground: #B51B49;
  --colorRed2Background: #b51b49e6;
  --colorGreyBackground: #F3F3F3;
  --colorGrey2Background: #d9d9d933;
  --colorGrey3Background: #FCFCFC;
  --colorBlack: #000;
  --colorBlack2: #191919;
  --colorGrey: #282626;
  --colorGrey2: #FBFBFB;
  --colorGrey3: #0000001a;
  --colorRed: #BD3349;
  --colorRed75: #AC234AB8;
  --colorOrange: #FF8A00;
  --colorOrange2: #FF9E1E;
  --colorOrange3: #FF9101;
  --colorYellow: #FFD600;
  --colorYellow2: #FFA301;
  --colorTransparent: #ffffff00;
  --colorShadow: #00000040;
  --colorFooterLiner: #545454;
}

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

/*
  100	Thin (Hairline)
  200	Extra Light (Ultra Light)
  300	Light
  400	Normal (Regular)
  500	Medium
  600	Semi Bold (Demi Bold)
  700	Bold
  800	Extra Bold (Ultra Bold)
  900	Black (Heavy)
  950	Extra Black (Ultra Black)
  */

@font-face {
  font-family: "Inter";
  src: local("Inter-Medium"), url("../fonts/Inter-Medium.woff2") format("woff2"), url("../fonts/Inter-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: local("Inter-Regular"), url("../fonts/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: local("Inter-Bold"), url("../fonts/Inter-Bold.woff2") format("woff2"), url("../fonts/Inter-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: local("Inter-Light"), url("../fonts/Inter-Light.woff2") format("woff2"), url("../fonts/Inter-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: local("Inter-MediumItalic"), url("../fonts/Inter-MediumItalic.woff2") format("woff2"), url("../fonts/Inter-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: local("Inter-SemiBold"), url("../fonts/Inter-SemiBold.woff2") format("woff2"), url("../fonts/Inter-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Epilogue";
  src: local("Epilogue-Bold"), url("../fonts/Epilogue-Bold.woff2") format("woff2"), url("../fonts/Epilogue-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Epilogue";
  src: local("Epilogue-Medium"), url("../fonts/Epilogue-Medium.woff2") format("woff2"), url("../fonts/Epilogue-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Epilogue";
  src: local("Epilogue-MediumItalic"), url("../fonts/Epilogue-MediumItalic.woff2") format("woff2"), url("../fonts/Epilogue-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Epilogue";
  src: local("Epilogue-Regular"), url("../fonts/Epilogue-Regular.woff2") format("woff2"), url("../fonts/Epilogue-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Epilogue";
  src: local("Epilogue-SemiBold"), url("../fonts/Epilogue-SemiBold.woff2") format("woff2"), url("../fonts/Epilogue-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica";
  src: local("Helvetica-Regular"), url("../fonts/Helvetica.woff2") format("woff2"), url("../fonts/Helvetica.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica";
  src: local("Helvetica-Bold"), url("../fonts/Helvetica-Bold.woff2") format("woff2"), url("../fonts/Helvetica-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica";
  src: local("Helvetica-Light"), url("../fonts/Helvetica-Light.woff2") format("woff2"), url("../fonts/Helvetica-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

img {
  max-width: 100%;
}

picture {
  display: contents;
}

a {
  color: inherit;
  text-decoration: none;
  line-height: 0;
  outline: none;
}

li {
  list-style: none;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

body {
  min-width: 375px;
  font-family: "Inter", "Epilogue", "Helvetica", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

button {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
  outline: none;
}

input,
textarea {
  outline: none;
  border: none;
}

h1 {
  display: none;
}

.container {
  max-width: var(--maxWidth);
  width: 100%;
  padding: 140px 160px;
  margin: 0 auto;
  overflow: hidden;
}

.flex {
  display: flex;
}

.socials {
  gap: 15px;
  padding-top: 3px;
}

.contacts {
  gap: 21px;
  color: var(--colorWhite);
  font-family: Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.contacts__item {
  padding-top: 4px;
  padding-bottom: 5px;
}

.contacts__item:not(:last-child) {
  padding-right: 35px;
  border-right: 1px solid var(--colorWhite);
}

.resources {
  padding: 18px;
  color: var(--colorRed);
  font-family: Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  border: 2px solid var(--colorRed);
  border-radius: 8px;
  visibility: hidden;
  display: none;
}

.basic {
  position: relative;
  padding: 18.5px 23px;
  color: var(--colorWhite);
  font-family: Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  background: linear-gradient(78deg, var(--colorOrange) -3.15%, var(--colorYellow) 113.57%);
  border-radius: 10px;
  z-index: 1;
  display: table;
}

.basic::before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(78deg, var(--colorYellow) -3.15%, var(--colorOrange) 113.57%);
  border-radius: 10px;
  z-index: -1;
  transition: opacity 0.5s linear;
  opacity: 0;
}

.basic:hover::before {
  opacity: 1;
}


.h2 {
  color: var(--colorGrey);
  text-align: center;
  font-family: Epilogue;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

.colorH2 {
  color: var(--colorYellow2);
}

.heart {
  display: inline-block;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}

.descr {
  color: var(--colorBlack);
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 145.833%;
}

.phrase {
  color: var(--colorBlack);
  font-family: Inter;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 33px;
}

.colorLetter {
  color: var(--colorRedBackground);
}

.h3 {
  color: var(--colorGrey);
  text-align: center;
  font-family: Epilogue;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}

.descr_item {
  color: var(--colorGrey);
  text-align: center;
  font-family: Inter;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 122.727%;
}

.img {
  display: block;
  margin: 0 auto;
  margin-bottom: 44px;
}

.items {
  justify-content: space-between;
  gap: 32px;
  --elements: 3;
  width: 100%;
}

.item {
  align-items: center;
  padding-top: 28px;
  padding-bottom: 30px;
  color: var(--colorWhite);
  font-family: Epilogue;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 137.5%;
}

.link {
  vertical-align: middle;
}

.icon {
  margin-right: 3px;
  vertical-align: middle;
}

.btns {
  gap: 25px;
  margin-right: 17px;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.underline {
  text-decoration: underline;
}

.italic {
  font-style: italic;
}

.h4 {
  margin-bottom: 10px;
  text-align: center;
  color: var(--colorWhite);
  text-align: center;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120.833%;
}

.visible_btn {
  visibility: hidden;
  display: none;
}

/*header*/
.header {
  background: linear-gradient(var(--colorRedBackground) 32%, var(--colorWhite) 32%);
}

.header__top {
  margin-bottom: 30px;
  justify-content: space-between;
  align-items: center;
}

.container_header {
  flex-direction: column;
  padding: 12px 94px 20px 122px;
}

.header__bottom {
  justify-content: space-between;
  align-items: center;
}

/*offer*/
.offer {
  background: linear-gradient(var(--colorTransparent) 81.7%, var(--colorRedBackground) 81.7%), -webkit-image-set(url(../img/fond1.webp) type("image/webp"), url(../img/fond1.jpg) type("image/jpg"))  right top / contain no-repeat;
  background: linear-gradient(var(--colorTransparent) 81.7%, var(--colorRedBackground) 81.7%), image-set(url(../img/fond1.webp) type("image/webp"), url(../img/fond1.jpg) type("image/jpg"))  right top / contain no-repeat;
}

.container_offer {
  padding: 180px 220px 30px 220px;
}

.offer__top {
  padding-right: calc(var(--maxWidth) / 2.7);
  margin-bottom: 265px;
}

.h2_offer {
  margin-bottom: 16px;
  display: block;
  text-align: left;
  color: var(--colorBlack);
  text-shadow: 0px 4px 4px var(--colorShadow);
  font-family: Epilogue;
  font-size: 64px;
  font-style: normal;
  font-weight: 600;
  line-height: 115.625%;
}

.descr_offer {
  margin-bottom: 50px;
}

.basic_offer {
  margin-bottom: 50px;
}

.item_healthcare {
  background: url("../img/healthcare.svg") left center / contain no-repeat;
}

.item_verification {
  background: url("../img/verification.svg") left center / contain no-repeat;
}

.item_traffic {
  background: url("../img/traffic.svg") left center / contain no-repeat;
}

.icon_healthcare {
  margin-right: 33px;
}

.icon_verification {
  margin-right: 32px;
}

.icon_traffic {
  margin-right: 40px;
}

.colorH2_offer {
  text-shadow: -2px -1px var(--colorBlack), 2px -1px var(--colorBlack), 2px 3px var(--colorBlack), -2px 3px var(--colorBlack), 1px 7px 3px var(--colorShadow);
}

.item_offer:nth-child(2) {
  border-right: 1px solid var(--colorWhite);
  border-left: 1px solid var(--colorWhite);
  flex-basis: 39%;
  justify-content: center;
}

/*benefits*/
.descr_benefits {
  padding: 0 12.12% 0 11.15%;
  margin-bottom: 65px;
  text-align: center;
  line-height: 144.7%;
}

.h2_benefits {
  margin-bottom: 20px;
  padding-right: 10px;
}

.items_benefits {
  margin-left: -5px;
  justify-content: space-evenly;
  margin-bottom: 70px;
  gap: 0;
}

.item_benefits {
  width: 25.1%;
}

.h3_benefits {
  margin-bottom: 20px;
}

.basic_benefits {
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
  margin: 0 auto;
}

.benefits_resources {
  background-color: var(--colorRedBackground);
}

.h2_benefits__resources {
  color: var(--colorWhite);
}

.descr_benefits__resources {
  color: var(--colorWhite);
}

.items_benefits__resources {
  margin-left: 0;
}

.item_benefits__resources {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}

.img_benefits__resources {
  padding-top: 35px;
  border: 5px solid var(--colorWhite);
  border-radius: 3%;
  background-color: var(--colorWhite);
}

.h3_benefits__resources {
  padding: 0 20px;
}

.items_submigration__resources {
  padding: 0 20px;
  margin-bottom: 20px;
}

.basic_benefits__resources {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.resources_top {
  border-radius: 3%;
  background-color: var(--colorWhite);
}

/*causes*/
.causes {
  background: linear-gradient(90deg, var(--colorWhite) 31.3%, var(--colorRedBackground) 31.3%);
}

.container_causes {
  padding: 96px 210px;
  gap: 42px;
  align-items: center;
}

.h2_causes {
  margin-bottom: 20px;
  text-align: left;
  color: var(--colorWhite);
  font-family: Epilogue;
  font-size: 44px;
  font-style: normal;
  font-weight: 600;
  line-height: 54px;
  text-transform: capitalize;
}

.colorH2_causes {
  font-weight: 500;
}

.descr_causes {
  margin-bottom: 20px;
  color: var(--colorWhite);
  font-family: Inter;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 122.727%;
}

.descr_causes_bottom {
  margin-bottom: 33px;
}

.h3_causes {
  margin-bottom: 15px;
  text-align: left;
  color: var(--colorWhite);
  font-family: Epilogue;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: lowercase;
}

.items_causes {
  margin-bottom: 54px;
}


.item_causes {
  display: list-item;
  padding: 0;
  width: 100%;
  color: var(--colorWhite);
  font-family: Inter;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 154.545%;
}

.item_causes::before {
  content: "•";
}

/*diagram*/
.container_diagram {
  padding: 133px 160px 92px 160px;
  flex-direction: column;
}

.diagram__top {
  margin-bottom: 70px;
  justify-content: space-between;
  align-items: center;
}

.diagram__left {
  width: 55%;
}

.diagram__right {
  flex-direction: column;
  align-items: flex-start;
  width: 17%;
}

.diagram__right_visible {
  visibility: hidden;
  display: none;
}

.h2_diagram {
  margin-bottom: 5px;
  text-align: left;
  text-transform: capitalize;
}

.phrase_diagram {
  margin-bottom: 25px;
  display: inline-block;
}

.basic_diagram {
  margin-bottom: 5px;
}

.descr_diagram {
  font-size: 22px;
}

.img_diagram {
  max-width: 70%;
}

/*plan*/
.plan {
  background: linear-gradient(var(--colorRed75) 50%, var(--colorRed75) 50%), -webkit-image-set(url(../img/fond3.webp) type("image/webp"), url(../img/fond3.jpg) type("image/jpg")) center center / cover no-repeat;
  background: linear-gradient(var(--colorRed75) 50%, var(--colorRed75) 50%), image-set(url(../img/fond3.webp) type("image/webp"), url(../img/fond3.jpg) type("image/jpg")) center center / cover no-repeat;
}

.container_plan {
  padding: 82px 160px 64px 160px;
  flex-direction: column;
  align-items: center;
}

.h2_plan {
  margin-bottom: 20px;
  width: 65%;
  color: var(--colorWhite);
}

.plan__main {
  padding: 48px 0;
  margin-bottom: 27px;
  min-height: 880px;
  background: url(../img/snake.svg) center center / contain no-repeat;
  flex-direction: column;
}

.items_top {
  justify-content: flex-start;
}

.items_top .item_plan:nth-child(1) {
  margin-left: 4.8%;
  margin-right: 29.5%;
}

.items_plan {
  justify-content: space-evenly;
  margin-top: 100px;
  margin-bottom: 100px;
  align-items: center;
}

.items_plan .item_plan:nth-child(2) {
  margin-bottom: 15px;
}

.items_bottom {
  justify-content: flex-end;
}

.items_bottom .item_plan:nth-child(2) {
  margin-right: 4.8%;
  margin-left: 29.5%;
}

.item_plan {
  padding: 0;
  width: calc(100% / 4 - 41px * 3);
}

.h3_plan {
  margin-bottom: 18px;
  text-transform: capitalize;
  font-size: 26px;
  font-weight: 600;
  color: var(--colorWhite);
}

.h3_plan:nth-child(2n) {
  margin-bottom: 0;
}

.img_plan {
  margin-bottom: 0;
}

.img_planBottom {
  margin-bottom: 28px;
}

.descr_plan {
  text-align: center;
  line-height: 121%;
  color: var(--colorWhite);
}

.plan__bottom {
  padding-top: 52px;
  flex-direction: column;
  align-items: center;
  width: 92.5%;
  border-top: 1px solid var(--colorWhite30);
}

.phrase_plan {
  padding-bottom: 50px;
  color: var(--colorWhite);
  font-family: Inter;
  font-size: 24px;
  font-style: italic;
  font-weight: 500;
  line-height: 120.833%;
  border-bottom: 1px solid var(--colorWhite30);
}

/*research*/
.container_research {
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.descr_research {
  margin-bottom: 60px;
  max-width: 50%;
  text-align: center;
  color: var(--colorGrey);
  font-family: Inter;
  font-size: 23px;
  font-style: normal;
  font-weight: 400;
  line-height: 126.087%;
}

.items_research {
  gap: 50px;
}

.item_research {
  padding: 90px 49px 75px 49px;
  color: var(--colorBlack);
  text-align: center;
  background-color: var(--colorGrey2);
  width: calc(100% / 3);
  color: #000;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 129.167%;
  border-bottom: 2px solid var(--colorOrange2);
}

/*compare*/
.compare {
  background-color: var(--colorGrey3Background);
}

.container_compare {
  padding: 130px 160px;
  justify-content: space-between;
}

.compare__left {
  padding-top: 52px;
  max-width: 28%;
}

.h2_compare {
  margin-bottom: 60px;
  text-align: left;
  color: var(--colorGrey);
  font-family: Epilogue;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}

.compare__right {
  max-width: 67.5%;
}

.compare__traditional,
.compare__360 {
  width: calc(100% / 2);
}

.phrase_compare {
  margin-bottom: 30px;
  display: block;
  color: var(--colorGrey);
  font-family: Epilogue;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  text-transform: capitalize;
}

.items_compare {
  background-color: var(--colorWhite);
}

.h3_compare {
  padding: 53px 68px;
  color: var(--colorWhite);
  font-family: Inter;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.h3_traditional {
  padding: 51px 75px 52px 24px;
  border-radius: 10px 0px 0px 0px;
  background-color: var(--colorRedBackground);
}

.h3_360 {
  padding: 56px 90px 47px 33px;
  border-radius: 0px 10px 0px 0px;
  background: linear-gradient(78deg, var(--colorOrange) -3.15%, var(--colorYellow) 113.57%);
}

.h4_compare {
  max-width: 75%;
  margin-bottom: 22px;
  color: var(--colorGrey);
  font-family: Epilogue;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: left;
}

.item_compare:not(:first-child) .h4_compare {
  max-width: 100%;
}

.compare__360 .item_compare:nth-child(1) .h4_compare {
  margin-bottom: 40px;
  max-width: 80%;
}

.item_compare {
  padding: 57px 20px 20px 40px;
  min-height: 281px;
  border: 1px solid var(--colorGrey3);
}

.item_compare:nth-child(2) {
  padding: 74px 20px 20px 40px;
  min-height: 267px;
}

.item_compare:nth-child(3) {
  padding: 85px 20px 20px 40px;
  min-height: 336px;
}

.compare__360 .item_compare:nth-child(1) {
  padding: 66px 20px 20px 40px;
}

.compare__360 .item_compare:nth-child(3) {
  padding: 85px 20px 20px 47px;
}

.item_subcompare {
  padding: 0;
  color: var(--colorGrey);
  font-family: Inter;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 190.909%;
}

.item_subcompare::before {
  margin-right: 15px;
  content: " ";
  background: url("../img/no.svg") center center / cover no-repeat;
  display: block;
  height: 23px;
  width: 23px;
  float: left;
  position: relative;
  top: 7px;
}

.compare__360 .item_subcompare::before {
  content: " ";
  background: url("../img/yes.svg") center center / cover no-repeat;
}

/*migration*/
.migration {
  background-color: var(--colorRedBackground);
}

.container_migration {
  padding: 120px 160px 108px;
  flex-direction: column;
}

.h2_migration {
  margin-bottom: 50px;
  text-transform: capitalize;
  color: var(--colorWhite);
}

.descr_migration {
  text-align: center;
  font-family: Inter;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 168.182%;
}

.items_migration {
  gap: 80px;
  margin-bottom: 59px;
}

.item_migration {
  padding: 85px 40px;
  background-color: var(--colorWhite);
  border-radius: 20px;
  flex-direction: column;
  max-width: calc((100% - 80px * 2) / 3);
}

.item_submigration {
  padding: 0;
  color: var(--colorGrey);
  font-family: Inter;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 168.182%;
}

.item_submigration::before {
  content: "•";
}

.img_migration {
  margin: 0;
  margin-bottom: 30px;
}

.item_migration:nth-child(2) .img_migration {
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
  margin-bottom: 11px;
}

.h3_migration {
  margin-bottom: 10px;
  color: var(--colorGrey);
  font-family: Epilogue;
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: 164.706%;
}

.basic_migration {
  margin: 0 auto;
}

/*founder*/
.container_founder {
  padding: 120px 160px 128px;
}

.founder__subcontainer {
  gap: 12px;
  background: linear-gradient(90deg, var(--colorRedBackground) 3.75%, var(--colorWhite) 3.75%);
}

.founder__left {
  margin-right: 30px;
  width: 6.5%;
  background-color: var(--colorRedBackground);
}

.img_founder {
  margin-bottom: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

.h2_founder {
  margin-bottom: 35px;
  text-align: left;
}

.founder__content {
  width: 54%;
  flex-direction: column;
  justify-content: center;
}

.descr_founder {
  margin-bottom: 24px;
  color: var(--colorGrey);
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%;
}

.descr_italic {
  margin-bottom: 31px;
  color: var(--colorGrey);
  font-family: Epilogue;
  font-size: 20px;
  font-style: italic;
  font-weight: 500;
  line-height: 115%;
}

.descr_bold {
  margin-bottom: 30px;
  font-weight: 600;
}

.hide {
  display: none;
}

.hide+label~div {
  display: none;
}

.hide+label {
  padding: 0;
  color: var(--colorOrange3);
  cursor: pointer;
  display: inline-block;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 115%;
}

.hide:checked+label {
  color: var(--colorRed2Background);
  border-bottom: 0;
}

.hide:checked+label+div {
  display: block;
  padding: 10px 0;
  color: var(--colorGrey);
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%;
}

/*contactUs*/
.contactUs {
  background: url(../img/contactUs.svg) 89.2% bottom / 29% no-repeat, linear-gradient(104deg, var(--colorGreyBackground) 55.8%, var(--colorRedBackground) 44.2%);
}

.container_contactUs {
  padding: 125px 160px 118px;
}

.h2_contactUS {
  margin-bottom: 30px;
  text-transform: capitalize;
  text-align: left;
}

.descr_contactUs {
  margin-bottom: 20px;
  width: 48%;
  color: var(--colorGrey);
  font-family: Inter;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 122.727%;
}

.descr_contactUs_last {
  margin-bottom: 50px;
}

/*questions*/
.container_questions {
  padding: 130px 160px 103px;
}

.h2_questions {
  margin-bottom: 71px;
  text-transform: capitalize;
}

.acor-container .acor-body {
  width: 85%;
  height: 0;
  color: var(--colorGrey);
  padding: 0 61px;
  box-sizing: border-box;
  transition: color 0.5s, padding 0.5s;
  overflow: hidden;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 155%;
}

.acor-container .acor-body p {
  margin: 0 0 10px;
}

.acor-container label {
  cursor: pointer;
  background-color: var(--colorGrey2Background);
  display: block;
  padding: 31px 28px 26px 60px;
  width: 100%;
  color: var(--colorGrey);
  font-weight: 500;
  box-sizing: border-box;
  z-index: 100;
  font-family: Epilogue;
  font-size: 20px;
  font-style: normal;
  line-height: 115%;
  margin: 0 0 26px;
  transition: color .35s;
}

.acor-container label:hover {
  color: var(--colorGrey);
}

.acor-container input {
  display: none;
}

.acor-container label:before {
  margin-right: 15px;
  content: " ";
  background: url("../img/plus_black.svg") center center / cover no-repeat;
  display: block;
  height: 30px;
  width: 30px;
  float: right;
  position: relative;
  top: -4px;
}

.acor-container input:checked+label {
  background-color: var(--colorRedBackground);
  color: var(--colorWhite);
}

.acor-container input:checked+label:before {
  background: url("../img/plus.svg") center center / cover no-repeat;
}

.acor-container input:checked+label+.acor-body {
  height: auto;
  color: var(--colorGrey);
  padding: 5px 61px 59px;
}

/*quiz*/
.quiz {
  background-color: var(--colorRedBackground);
}

.container_quiz {
  flex-direction: column;
  padding: 132px 160px 100px;
}

.h2_quiz {
  margin: 0 auto;
  margin-bottom: 20px;
  width: 50%;
  text-transform: capitalize;
  color: var(--colorWhite);
  text-align: center;
  font-family: Epilogue;
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: 144%;
}

.descr_quiz {
  margin-bottom: 51px;
  text-transform: capitalize;
  color: var(--colorWhite);
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 112.5%;
  text-align: center;
}

.basic_quiz {
  margin: 0 auto;
  padding: 18.5px 34px;
}

/*matrix*/
.matrix__content {
  justify-content: center;
  max-width: 60%;
  flex-direction: column;
  align-items: flex-start;
}

.subcontainer {
  padding: 52px 58px;
  gap: 68px;
  background: linear-gradient(90deg, var(--colorRedBackground) 19%, var(--colorGreyBackground) 17.8% 98.8%, var(--colorRedBackground) 91.2%);
}

.container_matrix {
  padding: 130px 160px 140px;
}

.img_matrix {
  -o-object-fit: contain;
     object-fit: contain;
}

.h2_matrix {
  margin-top: 15px;
  margin-bottom: 34px;
  text-align: left;
  color: var(--colorBlack2);
  font-family: Epilogue;
  font-size: 44px;
  font-style: normal;
  font-weight: 600;
  line-height: 122.727%;
}

.h3_matrix {
  margin-bottom: 10px;
  color: var(--colorBlack);
  font-family: Epilogue;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.matrix__content .h3_matrix:last-child {
  margin-bottom: 13px;
}

.item_matrix {
  padding: 0;
  color: var(--colorBlack);
  font-family: Inter;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 154.545%;
}

.items_key .item_matrix::before {
  content: "•";
}

.items_steps .item_matrix {
  list-style: decimal;
}

.items_key {
  margin-bottom: 40px;
}

.items_steps {
  padding-left: 25px;
  margin-bottom: 24px;
}

/*get*/
.get {
  background-color: var(--colorRedBackground);
}

.container_get {
  justify-content: space-between;
  padding: 81px 160px;
  align-items: center;
}

.h2_get {
  color: var(--colorWhite);
  font-family: Epilogue;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.basic_get {
  margin-right: 15px;
}

/*footer*/
.footer {
  background-color: var(--colorGrey);
}

.hr {
  margin: 0;
  margin-bottom: 26px;
  border: none;
  width: 110vw;
  height: 1px;
  background-color: var(--colorFooterLiner);
  -webkit-transform: translateX(-10%);
          transform: translateX(-10%);
}

.container_footer {
  padding: 90px 160px 30px;
}

.descr_footer {
  color: var(--colorWhite);
  font-family: Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 160%;
  text-transform: capitalize;
}

.footer__top {
  justify-content: space-between;
  margin-bottom: 90px;
}

.footer__bottom {
  justify-content: space-between;
}

.logo_footer {
  display: block;
  margin-bottom: 20px;
}

.footer__left {
  max-width: 23.5%;
}

.item_footer {
  padding: 14px 0;
  color: var(--colorWhite);
  font-family: Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.contacts_footer {
  flex-direction: column;
  width: 100%;
  gap: 29px;
}

.footer__right {
  flex-direction: column;
  align-items: self-start;
}

.contacts__item_footer {
  padding: 0;
  color: var(--colorWhite);
  font-family: Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.contacts__item_footer:not(:last-child) {
  border: none;
  padding: 0;
}

.footer__center {
  margin-top: 15px;
  width: 28%;
  align-content: flex-end;
}

.footer__right {
  margin-top: 30px;
  width: 13.5%;
  gap: 35px;
}

.icon_footer {
  margin-right: 15px;
}

.navigation {
  gap: 35px;
}

.footer__copyright {
  color: var(--colorWhite);
  font-family: Helvetica;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%;
}

.footer__made {
  align-items: center;
  gap: 7px;
  color: var(--colorWhite);
  font-family: Helvetica;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

/* Базовые стили слоя затемнения и модального окна  */
.overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  visibility: hidden;
  /* фон затемнения */
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  position: fixed; /* фиксированное поцизионирование */
  cursor: default; /* тип курсара */
  transition: opacity .5s;
  }
  .overlay:target {
  visibility: visible;
  opacity: 1;
  }
  .is-image {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display:block;
  margin: 10%;
  width: 100%;
  height: auto;
  /* скругление углов встроенных картинок */
  border-radius: 4px;
  }
  /* встроенные элементы м-медиа, фреймы */
  embed, iframe {
  top: 0;
  right: 0;
  bottom: 0; 
  left: 0; 
  display:block;
  margin: auto;
  min-width: 320px;
  max-width: 600px;
  width: 100%;
  }
  .popup h1 { /* заголовок 1 */
  color: #008000;
  text-align: left;
  text-shadow: 0 1px 3px rgba(0,0,0,.3);
  font:24px 'Trebuchet MS', Helvetica, sans-serif;
  font-weight: bold;
  }
  .popup h2 { /* заголовок 2 */
  color: #008000;
  text-align: left;
  text-shadow: 0 1px 3px rgba(0,0,0,.3);
  font:22px 'Trebuchet MS', Helvetica, sans-serif;
  }
  /*** Формируем стили модального окна ***/
  .popup {
  top: 0;
  right: 0;
  left: 0;
  font-size: 14px;
  z-index: 10;
  display: block;
  visibility: hidden;
  margin: 0 auto;
  width: 90%;
  min-width: 320px;
  max-width: 600px;
  /* фиксированное позиционирование, окно стабильно при прокрутке */
  position: fixed;
  padding: 15px;
  border: 1px solid #383838;
  /* скругление углов */
  border-radius: 4px;
  background-color: #FFFFFF;
  /* внешняя тень блока */
  -ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
  -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8);
  /* полная прозрачность окна, появление при клике */
  opacity: 0;
  /* эффект перехода (появление) */
  transition: all ease .5s;
  }
  /* активируем появление окна и затемнение фона */
  .overlay:target+.popup {
  top: 20%; /* положение окна от верха страницы при появлении */
  visibility: visible;
  opacity: 1; /* убираем прозрачность */
  }
  /* формируем кнопку закрытия */
  .close {
  position: absolute;
  top: -10px;
  right: -10px;padding: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 15px;
  background-color: rgba(61, 61, 61, 0.8);
  box-shadow: 0px 0px 10px #000;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  line-height: 20px;
  /* задаём значения и эффект перехода при наведении */
  transition: all ease .8s;
  }
  .close:before {
  color: rgba(255, 255, 255, 0.9);
  content: "X";
  text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
  font-size: 12px;
  }
  .close:hover {
  background-color: rgba(252, 20, 0, 0.8);
  /* крутим кнопку при наведении */
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);    
  }
  /* опционально при добавлении вложений */
  .popup p, .popup div {
  margin-bottom: 10px;
  }