@font-face {
  font-family: "Etelka Text Pro";
  src: url(./assets/EtelkaTextPro.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Etelka Text Pro";
  src: url(./assets/EtelkaTextPro-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

summary {
  display: block;
  list-style: none;
}

.b24-form-field-agreement-link {
  color: #175ed2 !important;
}
summary::after {
  display: block;
  list-style: none;
}

summary::-webkit-details-marker {
  display: none;
}

.B1 > .BG > ._content > .butSupp > .button {
  position: relative;
  padding: 18px 24px;
  width: fit-content;
  height: fit-content;
  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #ffffff;
  background: #175ed2;
  text-decoration: none;
}
.ReqInfo .button {
  display: block;
  padding: 18px 24px;
  width: fit-content;
  height: fit-content;
  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #ffffff;
  background: #175ed2;
  text-decoration: none;
  margin-top: 10px;
}

.banner_photo {
  display: flex;
  position: absolute;
  top: -120px;
  bottom: 0;
  right: 0px;
  left: 452px;
  width: auto;
  height: 563px;
  margin-left: 180px;
}

.butSupp {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}

.dropdown-menu li:hover a {
  background-color: #eaf1ff;
}

.NoBitrix {
  display: none;
  margin-bottom: 72px;
}

.GetPrice:hover,
#GetCallback:hover,
.B1 > .BG > ._content > .button > a > span:hover,
.B5 > ._content > .__content > .Header > .Right > .btnHov:hover,
.B5 > ._content > .__content > .Header > .Right > a.btnHov:hover,
.B5
  > ._content
  > .__content
  > .Table
  > .Body
  > .Line
  > .BWrapper
  > .Button:hover,
.B1 > .BG > ._content > .butSupp > .button:hover {
  background-color: #3375e0;
  transition: 500ms;
}

#GetCallback:active,
.GetPrice:active,
.B1 > .BG > ._content > .button > a > span:active,
.B5 > ._content > .__content > .Header > .Right > .btnHov:active,
.B5 > ._content > .__content > .Header > .Right > a.btnHov:active,
.B5
  > ._content
  > .__content
  > .Table
  > .Body
  > .Line
  > .BWrapper
  > .Button:active,
.B1 > .BG > ._content > .butSupp > .button:active {
  background-color: #175ed2;
  transition: 500ms;
}

.PageTasksTitle > .TasksButtons > .TButton:hover {
  background-color: #d7e5f7;
  color: #175ed2;
}

body {
  position: relative;

  width: 100%;
  height: 100vmin;

  margin: 0;
  padding: 0;
}

body > #App {
  position: relative;

  width: 100%;
  height: fit-content;
}

.Item > a {
  text-decoration: none;
  color: #333333;
}

#App > #Content {
  position: relative;

  display: flex;
  flex-direction: column;

  width: 100%;
  height: fit-content;
}


#Content > .B1 {
  position: relative;

  display: flex;

  width: 100%;
  height: fit-content;

  margin-bottom: 48px;
}

.B1 > .BG {
  position: relative;

  width: 1424px;
  height: 563px;

  margin: 0% auto;

  background: #f4f6f7;
}

.B1 > .BG > ._content {
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  width: fit-content;
  height: fit-content;

  margin-top: 120px;
  margin-left: 142px;
}

.B1 > .BG > ._content > .Header {
  position: relative;

  width: 800px;

  margin-bottom: 16px;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 130.8%;

  text-transform: uppercase;

  color: #333333;
}

.B1 > .BG > ._content > .Desc {
  position: relative;

  margin-bottom: 48px;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 155%;

  color: #333333;
}

.B1 > .BG > ._content > .button {
  position: relative;
}

.B1 > .BG > ._content > .button > a {
  color: #ffffff;
  text-decoration: none;
}

.B1 > .BG > ._content > .button > a > span {
  position: relative;

  padding: 18px 24px;
  margin-right: 30px;
  width: fit-content;
  height: fit-content;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;

  text-transform: uppercase;

  cursor: pointer;
  background: #175ed2;
}

#Content > .B2 {
  position: relative;

  display: flex;

  width: 100%;
  height: fit-content;

  margin-bottom: 100px;
}

.B2 > ._content {
  position: relative;

  display: flex;
  flex-direction: row;
  justify-content: flex-start;

  width: 1140px;
  height: fit-content;

  padding-bottom: 14px;

  margin: 0% auto;
}

.B2 > ._content > * {
  margin-top: auto;
  margin-bottom: auto;
}

.B2 > ._content > span {
  margin-right: 48px;
}

.B2 > ._content > .Text {
  position: relative;

  display: block;

  width: 230px;
  height: fit-content;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 138%;

  text-transform: uppercase;

  color: #333333;

  flex-shrink: 0;
}

.B2 .ImagesList > img {
  position: relative;

  width: fit-content;
  height: fit-content;
}

.B2 > ._content > .SliderWrapper {
  position: relative;

  width: calc(100% - 230px - 48px);
  height: fit-content;
}

#Content > .B3 {
  position: relative;

  display: flex;

  width: 100%;
  height: fit-content;

  margin-bottom: 100px;
}

.B3 > ._content {
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  width: 1140px;
  height: fit-content;

  margin: 0% auto;
}

.B3 > ._content > .Header {
  position: relative;

  width: 470px;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 125%;

  text-transform: uppercase;

  color: #333333;

  margin-bottom: 32px;
}

.B3 > ._content > .List {
  position: relative;

  display: flex;
  flex-direction: row;
  justify-content: center;

  width: 100%;

  column-gap: 20px;
}

.B3 > ._content > .List > .Card {
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: center;

  min-width: 20%;
  width: 100%;

  background: #ffffff;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}

.B3 > ._content > .List > .Card > img {
  position: relative;

  width: fit-content;

  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.B3 > ._content > .List > .Card > .Text {
  position: relative;

  width: fit-content;

  padding-left: 48px;
  padding-right: 48px;

  margin-top: 32px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 138%;

  text-align: center;
  text-transform: uppercase;

  color: #333333;
}

#Content > .B4 {
  position: relative;

  display: flex;

  width: 100%;
  height: fit-content;

  margin-bottom: 100px;
}

.B4 > ._content {
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  width: 1140px;
  height: fit-content;

  margin: 0% auto;
}

.B4 > ._content > .Header {
  position: relative;

  width: 470px;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 125%;

  text-transform: uppercase;

  color: #333333;

  margin-bottom: 32px;
}

.B4 > ._content > .List {
  position: relative;

  display: grid;
  grid-template-columns: 1fr 1fr;

  width: 100%;

  gap: 20px;
}

.B4 > ._content > .List > .Card {
  position: relative;

  display: flex;
  flex-direction: row;

  width: auto;

  background: #f6f9ff;
}

.B4 > ._content > .List > .Card > img {
  position: relative;

  margin-top: 24px;
  margin-left: 24px;
  margin-right: 24px;

  width: fit-content;
  height: fit-content;
}

.B4 > ._content > .List > .Card > div {
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.B4 > ._content > .List > .Card > div > .Header {
  position: relative;

  margin-right: 24px;
  margin-bottom: 8px;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 138%;

  text-transform: uppercase;

  color: #333333;
}

.B4 > ._content > .List > .Card > div > .Desc {
  position: relative;

  margin-right: 24px;
  margin-bottom: 24px;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 155%;

  color: #333333;
}

.RowCardsSpinner::-webkit-scrollbar {
  height: 16px;
  background-color: #ffffff00;
}

.RowCardsSpinner::-webkit-scrollbar-thumb {
  height: 7px;
  background-color: #3375e0a6;
  border: 5px solid transparent;
  border-radius: 100px;
  background-clip: content-box;
}

.B4 > ._content > .List > .Card > div > .Tip {
  position: relative;

  margin-top: 24px;
  margin-bottom: 8px;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 138.8%;
  text-transform: uppercase;
  text-align: left;
}

#Content > .B5 {
  position: relative;

  display: flex;

  width: 100%;
  height: fit-content;

  margin-bottom: 90px;

  background: #175ed2;
}

.B5 > ._content {
  position: relative;

  width: 1370px;
  height: fit-content;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  margin: 70px auto 90px auto;
}

.B5 > ._content > .__content {
  position: relative;

  padding: 72px 115px 0px 115px;

  width: auto;
  height: fit-content;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  background-color: white;
}

.B5 > ._content > .__content > .Header {
  position: relative;

  width: 100%;
  height: fit-content;

  display: flex;
  flex-direction: row;
  justify-content: space-between;

  margin-bottom: 30px;

  background: url("./assets/icons/dotted.svg");
  background-size: 409px auto;
  background-repeat: no-repeat;
  background-position: 60% 50%;
}

.B5 > ._content > .__content > .Header > * {
  position: relative;

  width: fit-content;
  height: fit-content;

  display: flex;
  flex-direction: column;
}

.B5 > ._content > .__content > .Header > .Left {
  justify-content: flex-start;
}

.B5 > ._content > .__content > .Header > .Right {
  justify-content: flex-end;
}

.B5 > ._content > .__content > .Header > .Left > span:nth-child(1) {
  position: relative;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 125%;

  margin-bottom: 16px;

  text-transform: uppercase;

  color: #333333;
}

.B5 > ._content > .__content > .Header > .Left > span:nth-child(2) {
  position: relative;

  width: 440px;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 155%;

  color: #333333;
}

.B5 > ._content > .__content > .Header > .Right > span {
  position: relative;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 155%;

  color: #333333;

  margin-bottom: 16px;
}

.B5 > ._content > .__content > .Header > .Right > .PageSupportTitle {
  position: relative;
  cursor: pointer;
  padding: 13.5px 0px;
  margin-left: auto;
  margin-right: 0;
  width: fit-content;
  height: fit-content;
  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  background: #ffffff;
  color: #ffffff;
}

.B5 > ._content > .__content > .Header > .Right > div,
.B5 > ._content > .__content > .Header > .Right > div > a {
  position: relative;
  cursor: pointer;
  padding: 13.5px 20px;
  margin-left: auto;
  margin-right: 0;
  width: fit-content;
  height: fit-content;
  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  background: #175ed2;
  color: #ffffff;
  text-decoration: none;
}

.B5 > ._content > .__content > .Table {
  position: relative;

  display: flex;
  flex-direction: column;

  width: auto;
  height: fit-content;
}

.B5 > ._content > .__content > .Table > .Header {
  position: relative;

  display: grid;
  grid-template-columns: 40% 20% 20% 20%;

  justify-content: center;
  justify-items: center;

  width: 100%;
  height: fit-content;

  background-color: #f4f6f7;
}

.B5 > ._content > .__content > .Table > .Header > span {
  position: relative;

  display: block;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 138%;

  text-align: center;
  text-transform: uppercase;

  color: #333333;
}

.B5 > ._content > .__content > .Table > .Header > span:nth-child(1) {
  width: 100%;
  flex-shrink: 0;

  margin-left: 40px;
}

.B5 > ._content > .__content > .Table > .Header > span:not(:nth-child(1)) {
  width: 100%;
  padding: 20px;
}

.B5 > ._content > .__content > .Table > .Body {
  position: relative;

  display: flex;
  flex-direction: column;

  width: 100%;
  height: fit-content;
}

.B5 > ._content > .__content > .Table > .Body > .Line {
  position: relative;

  display: grid;
  grid-template-columns: 40% 20% 20% 20%;

  justify-content: center;

  width: 100%;
  height: fit-content;
}

.B5
  > ._content
  > .__content
  > .Table
  > .Body
  > .Line.PLine
  > span:nth-child(1) {
  position: relative;
  width: auto;
  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 138%;
  text-align: left;
  margin-left: 20px;
  color: #333333;
}

.B5
  > ._content
  > .__content
  > .Table
  > .Body
  > .Line.PLine
  > span:not(:nth-child(1)) {
  position: relative;

  width: auto;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 155%;

  text-align: center;
  padding: 20px;

  color: #333333;
}

.B5 > ._content > .__content > .Table > .Body > .Line > span:nth-child(1) {
  position: relative;

  width: auto;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 155%;

  text-align: left;

  color: #333333;

  margin-left: 20px;
}

.B5
  > ._content
  > .__content
  > .Table
  > .Body
  > .Line
  > span:not(:nth-child(1)) {
  position: relative;
  width: auto;
  height: auto;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 155%;
  text-align: center;
  padding: 20px;
  color: #333333;
}

.Line:hover {
  background: #f6f9ff;
}

.B5 > ._content > .__content > .Table > .Body > .Line,
.B5 > ._content > .__content > .Table > .Header {
  align-items: center;
}

.B5 > ._content > .__content > .Table > .Body > .Line:not(:nth-last-child(1)) {
  border-bottom: 1px solid rgba(51, 51, 51, 0.15);
}

.B5 > ._content > .__content > .Table > .Body > .Line > .BWrapper {
  display: flex;
  position: relative;
  /* width: 100%; */
  justify-content: center;
  padding: 24px 0px 30px 0px;
}

.B5 > ._content > .__content > .Table > .Body > .Line > .BWrapper > .Button {
  display: flex;
  position: relative;
  cursor: pointer;
  width: 100%;
  height: fit-content;
  padding: 13.5px 0px;
  margin: 4px;
  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #ffffff;
  background: #175ed2;
  justify-content: center;
}

.B5 > ._content > .__content > .MobileTable {
  display: none;
  flex-direction: column;
  row-gap: 24px;
}

.B5>._content>.__content>.MobileTable>.MobileCardsTable

/* ,.B5 > ._content > .__content > .MobileTable > .MobileCardsTable > .MobileCardsTable  */ {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  padding: 24px;
}

.B5
  > ._content
  > .__content
  > .MobileTable
  > .MobileCardsTable
  > .MobileCardsHeader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.B5
  > ._content
  > .__content
  > .MobileTable
  > .MobileCardsTable
  > .MobileCardsHeader
  > .CardMTextHeader
  > .MCardsHeader {
  color: #175ed2;
  text-transform: uppercase;
}

.B5 > ._content > .__content > .MobileTable > .MobileCardsTable > .MobOneCard,
.B5
  > ._content
  > .__content
  > .MobileTable
  > .MobileCardsTable
  > .MobileCardsTable
  > .MobOneCard {
  display: flex;
  margin-top: 20px;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 18px;
}

.B5
  > ._content
  > .__content
  > .MobileTable
  > .MobileCardsTable
  > .MobileCardsHeader
  > .CardMTextHeader {
  display: flex;
  position: relative;
  flex-direction: row;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.B5
  > ._content
  > .__content
  > .MobileTable
  > .MobileCardsTable
  > .MobileCardsTable
  > .MobileCardsHeader
  > .CardMTextHeader {
  margin-top: 16px;
}

.B5
  > ._content
  > .__content
  > .MobileTable
  > .MobileCardsTable
  > .MobOneCard
  > .CardMText,
.B5
  > ._content
  > .__content
  > .MobileTable
  > .MobileCardsTable
  > .MobileCardsTable
  > .MobOneCard
  > .CardMText {
  display: flex;
  position: relative;

  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;

  font-size: 15px;
  font-weight: 600;
}

.B5
  > ._content
  > .__content
  > .MobileTable
  > .MobileCardsTable
  > .MobOneCard
  > .CardMText
  > .TextWidthMob,
.B5
  > ._content
  > .__content
  > .MobileTable
  > .MobileCardsTable
  > .MobileCardsTable
  > .MobOneCard
  > .CardMText
  > .TextWidthMob {
  color: #333333;
  width: 45%;
  letter-spacing: -0.1px;
}

.B5
  > ._content
  > .__content
  > .MobileTable
  > .MobileCardsTable
  > .MobOneCard
  > .CardMText
  > .NotWorking,
.B5
  > ._content
  > .__content
  > .MobileTable
  > .MobileCardsTable
  > .MobileCardsTable
  > .MobOneCard
  > .CardMText
  > .NotWorking {
  color: #949494;
}

.B5
  > ._content
  > .__content
  > .MobileTable
  > .MobileCardsTable
  > .MobOneCard
  > .BWrapper,
.B5
  > ._content
  > .__content
  > .MobileTable
  > .MobileCardsTable
  > .MobileCardsTable
  > .MobOneCard
  > .BWrapper {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

.B5
  > ._content
  > .__content
  > .MobileTable
  > .MobileCardsTable
  > .MobOneCard
  > .BWrapper
  > .Button,
.B5
  > ._content
  > .__content
  > .MobileTable
  > .MobileCardsTable
  > .MobileCardsTable
  > .MobOneCard
  > .BWrapper
  > .Button {
  position: relative;
  padding: 14px 20px;
  width: fit-content;
  height: fit-content;
  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 17px;
  text-transform: uppercase;
  color: #ffffff;
  background: #175ed2;
  text-decoration: none;
}

/* .B5 > ._content > .__content > .MobileTable > .MobileCardsTable > .MobileCardsTable > .MobileCardsHeader > .CardMTextHeader {} */
.B5
  > ._content
  > .__content
  > .MobileTable
  > .MobileCardsTable
  > .MobileCardsHeader
  img {
  position: relative;
  width: 16px;
  height: 16px;
  rotate: -180deg;
}

.B5 > ._content > .__content > .Header > .Right > .checkboxes {
  background-color: #fff;
}

.B5 > ._content > .__content > .Header > .Right > .checkboxes > .box {
  display: flex;
  flex-direction: row;
}

.B5 > ._content > .__content > .Header > .Right > .checkboxes > .box > .item {
  display: flex;
  flex-direction: row;
  color: #333333;
  padding: 8px 16px;
  align-items: center;
}

/* toggle-pill-color */
.B5
  > ._content
  > .__content
  > .Header
  > .Right
  > .checkboxes
  > .box
  > .item
  > .toggle-pill-dark
  input[type="checkbox"] {
  display: none;
}

.B5
  > ._content
  > .__content
  > .Header
  > .Right
  > .checkboxes
  > .box
  > .item
  > .toggle-pill-dark
  input[type="checkbox"]
  + label {
  display: block;
  position: relative;
  width: 46px;
  height: 23px;
  margin-right: 12px;
  border-radius: 1em;
  background: #d8e4ff;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
}

.B5
  > ._content
  > .__content
  > .Header
  > .Right
  > .checkboxes
  > .box
  > .item
  > .toggle-pill-dark
  input[type="checkbox"]
  + label:before {
  content: "";
  display: block;
  width: 1.5em;
  height: 1.5em;
  background: #f6f9ff;
  left: 0px;
  top: 1px;
  border-radius: 1em;
  position: absolute;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.B5
  > ._content
  > .__content
  > .Header
  > .Right
  > .checkboxes
  > .box
  > .item
  > .toggle-pill-dark
  input[type="checkbox"]:checked
  + label:before {
  background: #175ed2;
  box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.2);
  left: 1.7em;
  -webkit-transform: rotate(295deg);
  transform: rotate(295deg);
}

/* toggle-pill-dark end */
.TextCase {
  text-transform: none;
}

.B5 > ._content > .__content > .Header > .Right > .ButtonHelp {
  position: relative;

  cursor: pointer;

  padding: 13.5px 20px;

  margin-left: auto;
  margin-right: 0;

  width: fit-content;
  height: fit-content;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;

  text-transform: uppercase;

  background: #175ed2;

  color: #ffffff;
}

.B5
  > ._content
  > .__content
  > .MobileTable
  > .MobileCardsTable
  > .MobileCardsHeader
  > .CardMTextHeader
  > .MCardsCoast {
  font-size: 12px;
  font-weight: 500;
  color: #7f7f7f;
}

.PageSupportTitle {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}

.PageSupportTitle > .SupportButtons {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 8px;
  /* justify-content: center; */
  align-items: stretch;
}

.SupportButtons > .TButton {
  display: flex;
  position: relative;
  cursor: pointer;
  padding: 8px 11px;
  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 155%;
  color: #333333;
  border: 1px solid #d7e5f7;
  background: #ffffff;
  text-decoration: none;
  text-align: center;
  align-items: center;
}

.PageSupportTitle > .SupportButtons > .TButton.TBActive {
  display: flex;
  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 155%;
  color: #175ed2;
  background: #d7e5f7;
  border: 0px solid transparent;
  text-align: center;
  align-items: center;
}

.BText {
  color: #175ed2;
}

.HText:hover {
  color: #175ed2;
  transition: 0.1s;
}

#Content > .B6 {
  position: relative;

  display: flex;

  width: 100%;
  height: fit-content;

  margin-bottom: 100px;
}

.B6 > ._content {
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  width: 1140px;
  height: fit-content;

  margin: 0% auto;
}

.B6 > ._content > .Header {
  position: relative;

  width: 463px;
  height: fit-content;

  margin-bottom: 32px;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 125%;

  text-transform: uppercase;

  color: #333333;
}

.B6 > ._content > .Advantages {
  position: relative;

  width: 100%;
  height: fit-content;

  display: flex;
  flex-direction: row;
  justify-content: space-between;

  column-gap: 24px;
}

.B6 > ._content > .Advantages > * {
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  row-gap: 20px;

  width: 100%;
  height: fit-content;
}

.B6 > ._content > .Advantages > * > div {
  position: relative;

  display: flex;
  flex-direction: row;
  justify-content: flex-start;

  width: 100%;
  height: fit-content;
}

.B6 > ._content > .Advantages > * > div > img {
  position: relative;

  width: fit-content;
  height: fit-content;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 25px;
}

.B6 > ._content > .Advantages > * > div > span {
  position: relative;

  min-height: 56px;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 155%;
  width: auto;
  color: var(--2, #333);
  margin-left: 15px;
}

.B6 > ._content > .Advantages > .Left {
  display: flex;
  flex-direction: column;
}

.B6 > ._content > .Advantages > .Right > .AboutImgBanner > .TextImageContent {
  display: inline-flex;
  width: fit-content;
  padding: 10px;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 15px;

  gap: 10px;
  background: var(--3, #fff);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.06);
  top: -60px;
  /* margin: auto; */
}

.B6 > ._content > .Advantages > .Right > .AboutImgBanner {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 16px;
}

.B6 > ._content > .Advantages > .Right > .AboutImgBanner > img {
  position: relative;
  width: 463px;
  height: fit-content;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

.B6 > ._content > .Advantages > .Left > .AboutText {
  display: flex;
  flex-direction: column;
}

.B6 > ._content > .Advantages > .Left > .parent {
  position: relative;

  display: flex;
  flex-direction: row;
  justify-content: flex-start;

  width: 100%;
  height: fit-content;
}

.B6 > ._content > .Advantages > .Left > .parent > .Col1 > span {
  display: flex;
  position: relative;
  padding: 0%;
  margin: -4px 0px;
}

.B6 > ._content > .Advantages > .Left > .parent > .Col2 > span {
  display: flex;
  position: relative;
  padding: 0%;
  margin: -4px 0px;
}

.B6 > ._content > .Advantages > .Left > .parent > .Col1 {
  position: relative;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 155%;

  color: #949494;
}

.B6 > ._content > .Advantages > .Left > .parent > .Col2 {
  position: relative;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 155%;

  color: #333333;
  margin-left: 32px;
}

.B6 > ._content > .Advantages > .Left > .ContactCol > .DownInfo {
  display: flex;
  flex-direction: row;
  margin-bottom: 24px;
}

.B6 > ._content > .Advantages > .Left > .ContactCol > .UpInfo {
  display: flex;
  flex-direction: row;
  margin-bottom: 24px;
}

.B6 > ._content > .Advantages > .Left > .ContactCol > .DownInfo > .SRow {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 840px;
  width: auto;
  padding: 0 10px;
}

.B6 > ._content > .Advantages > .Left > .ContactCol > .UpInfo > .FRow {
  display: flex;

  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;

  max-width: 840px;
  height: 130px;
  padding: 0px 10px;
}

.B6 > ._content > .Advantages > .Left > .ContactCol > .DownInfo > .ReqName,
.B6 > ._content > .Advantages > .Left > .ContactCol > .UpInfo > .ReqName {
  display: flex;
  position: relative;
  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 155%;
  width: 100%;
  max-width: 230px;
  color: #949494;
  padding: 0px 10px;
  justify-content: flex-start;
}

.B6
  > ._content
  > .Advantages
  > .Left
  > .ContactCol
  > .DownInfo
  > .SRow
  > .ReqInfo,
.B6
  > ._content
  > .Advantages
  > .Left
  > .ContactCol
  > .UpInfo
  > .FRow
  > .ReqInfo {
  display: flex;
  flex-direction: column;
  position: relative;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 180%;

  color: #333333;
}

.B6
  > ._content
  > .Advantages
  > .Left
  > .ContactCol
  > .UpInfo
  > .FRow
  > .ReqInfo
  > .Right {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.B6
  > ._content
  > .Advantages
  > .Left
  > .ContactCol
  > .UpInfo
  > .FRow
  > .ReqInfo
  > .Right
  > a
  > .Icon {
  display: flex;
  background-color: #f6f9ff;
  border-radius: 50px;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
}

iframe {
  border: 0;
  width: auto;
  max-width: 100%;
}

.Callback {
  position: relative;

  width: auto;
  height: fit-content;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  padding: 48px;

  background: #eaf1ff;
  overflow: hidden;
}

.Callback > .Left,
.Callback > .Right {
  position: relative;

  display: flex;
  flex-direction: column;

  width: fit-content;
  height: 100%;

  z-index: 2;
}

.Callback > .Left {
  margin-bottom: 32px;
}

.Callback > .Left > .Head {
  position: relative;

  width: 492px;

  margin-bottom: 8px;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 125%;

  /* or 40px */
  text-transform: uppercase;

  /* 2 */
  color: #333333;
}

.Callback > .Left > .Desc {
  position: relative;

  width: 492px;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 155%;

  /* or 23px */

  /* 2 */
  color: #333333;
}

.Callback > .Right > .Title {
  position: relative;

  margin-bottom: 8px;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;

  color: #949494;
}

.Callback > .Right > .Desc {
  position: relative;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 155%;

  color: #949494;
}

.Underline {
  border-bottom: 1px solid #949494;
}

.Callback > .Right > .PAndAction {
  position: relative;

  display: flex;
  flex-direction: row;

  width: fit-content;
  height: fit-content;

  margin-bottom: 12px;
}

.Callback > .Right > .PAndAction > * {
  margin-top: auto;
  margin-bottom: auto;
}

.BGPaper {
  position: absolute;
  bottom: 0;
  z-index: 1;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  height: 245px;
  right: 0;
}

.BGStockPhoto {
  position: absolute;
  bottom: 0;
  z-index: 1;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  height: 384px;
  right: 0;
}

.BGIcons {
  z-index: 0;

  width: auto;
  height: 160px;

  background-size: auto;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

.i1 {
  position: absolute;
  bottom: 125px;
  right: 280px;
}

.i2 {
  position: absolute;
  bottom: 70px;
  right: 50px;
}

.i3 {
  position: absolute;
  bottom: -30px;
  right: 360px;
}

#KPhone {
  position: relative;

  width: 318px;

  height: fit-content;

  margin-right: 20px;

  padding: 12px 16px;

  border: 1px solid #d8e4ff;
}

#GetCallback {
  position: relative;

  cursor: pointer;

  display: flex;
  flex-direction: row;

  width: fit-content;
  height: fit-content;

  padding: 13.5px 20px;

  background: #175ed2;
}

#GetCallback > img {
  position: relative;

  width: 16px;
  height: 16px;

  margin-right: 12px;
}

#GetCallback > span {
  position: relative;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;

  text-transform: uppercase;

  color: #ffffff;
}

#Content > .B7 {
  position: relative;

  display: flex;

  width: 100%;
  height: fit-content;

  margin-bottom: 100px;
}

.B7 > ._content {
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  width: 1140px;
  height: fit-content;

  margin: 0% auto;
}

.B7 > ._content > .Header {
  position: relative;

  width: 463px;

  margin-bottom: 32px;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 125%;

  text-transform: uppercase;

  color: #333333;
}

.B7 > ._content > .FAQList {
  position: relative;

  width: 100%;
  height: fit-content;

  margin-bottom: 64px;

  display: flex;
  flex-direction: column;

  row-gap: 20px;
  z-index: 1;
}

.B7 > ._content > .FAQList > .FAQCard {
  position: relative;

  width: auto;
  height: fit-content;

  display: flex;
  flex-direction: row;
  justify-content: space-between;

  padding: 33px 48px;

  border: 1px solid rgba(51, 51, 51, 0.15);

  cursor: pointer;
}

.B7 > ._content > .FAQList > .FAQCard > * {
  position: relative;

  width: fit-content;
  height: fit-content;

  margin: auto 0;

  display: flex;
  flex-direction: column;
}

.B7 > ._content > .FAQList > .FAQCard > .Text > .Head {
  position: relative;

  width: 609px;
  height: fit-content;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 138%;

  text-transform: uppercase;

  color: #333333;
}

.B7 > ._content > .FAQList > .FAQCard > .Text > .Desc {
  position: relative;

  display: none;

  width: 609px;
  height: fit-content;

  margin-top: 8px;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 155%;

  color: #333333;
}

.B7 > ._content > .FAQList > .FAQCard > .BWrapper {
  width: 40px;
  height: 40px;

  border-radius: 100%;

  background: transparent;
}

.B7 > ._content > .FAQList > .FAQCard > .BWrapper > img {
  margin: auto;
}

.B7 > ._content > .FAQList > .FAQCard > .BWrapper > .Minus {
  display: none;
}

.B7 > ._content > .FAQList > .FAQCard.Opened {
  border: 1px solid #175ed2;
}

.B7 > ._content > .FAQList > .FAQCard.Opened > .BWrapper {
  background: #175ed2;
}

.B7 > ._content > .FAQList > .FAQCard.Opened > .BWrapper > .Minus {
  display: block;
}

.B7 > ._content > .FAQList > .FAQCard.Opened > .BWrapper > .Plus {
  display: none;
}

.B7 > ._content > .FAQList > .FAQCard.Opened > .Text > .Desc {
  display: block;
}

#Content > .B8 {
  position: relative;

  display: flex;

  width: 100%;
  height: fit-content;

  margin-bottom: 100px;
}

.B8 > ._content {
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  width: 1140px;
  height: fit-content;

  margin: 0% auto;
}

.B8 > ._content > .Header {
  position: relative;

  width: 463px;

  margin-bottom: 32px;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 125%;
  text-transform: uppercase;
  color: #333333;
}

.B8SCard {
  position: relative;
  width: fit-content !important;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 32px 24px !important;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
}

.B8SCard > .Head {
  position: relative;
  display: block;
  width: 320px;
  height: fit-content;
  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 138%;
  text-transform: uppercase;
  color: #333333;
  margin-bottom: 8px;
}

.B8SCard > .Body {
  position: relative;
  display: block;
  margin-bottom: 24px;
  width: 320px;
  height: fit-content;
  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 155%;
  color: rgba(51, 51, 51, 0.8);
}

.B8SCard > .Button {
  position: relative;
  cursor: pointer;
  width: fit-content;
  height: fit-content;
  padding: 14px 20px;
  border: 1px solid rgba(51, 51, 51, 0.15);
  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #333333;
}

#tns1-ow {
  position: relative;
}

#tns1-mw {
  display: flex;
  position: relative;
  z-index: 10;
  min-height: 265px;
}

.tns-nav {
  display: none !important;
}

.tns-controls {
  position: absolute !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: calc(100% - 14px);
  top: 14px;
}

.tns-controls > button {
  position: relative;
  margin: auto 0%;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(191, 191, 191, 0.2);
  filter: drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.05));
  background: url("./assets/icons/RightArrow.svg");
  background-size: 6px 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff;
}

.tns-controls > button:nth-child(1) {
  rotate: -180deg;
  left: -22px;
}

.tns-controls > button:nth-child(2) {
  right: -22px;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.B1 > .BG > .ExtraDesktopBlocks {
  position: absolute;

  display: flex;
  flex-direction: row;
  gap: 20px;

  bottom: -24px;
  left: 142px;
}

.B1 > .BG > .ExtraDesktopBlocks > .Block {
  position: relative;

  padding: 24px;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  gap: 10px;

  background-color: #fff;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.06);
}

.B1 > .BG > .ExtraDesktopBlocks > .Block > .title {
  font-family: "Etelka Text Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130.5%;
}

.B1 > .BG > .ExtraDesktopBlocks > .Block > .desc {
  position: relative;

  width: 183px;

  font-family: "Etelka Text Pro";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
}

.B1 > .BG > .ExtraDesktopBlocks > .Block > .LineOnHead {
  position: absolute;

  top: -2px;

  width: 70px;
  height: 4px;

  background-color: #d8e4ff;
}

.B1 > .BG > .ExtraSignature {
  position: absolute;

  padding: 10px;

  display: flex;
  flex-direction: column;
  gap: 8px;

  bottom: 40px;
  right: 40px;

  background-color: white;
}

.B1 > .BG > .ExtraSignature > span {
  font-family: "Etelka Text Pro";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
}

.B8SCardWrapper > .B8SCard > .Button > a {
  text-decoration: none;
  color: unset;
}

.b24-form-state-container .b24-form-success {
  background-color: #e6f3ff !important;
}

.B6 > ._content > .About {
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  column-gap: 24px;
  margin-bottom: 64px;
}

.B6 > ._content > .About > .Left {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.B6 > ._content > .About > * {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 20px;
  width: 100%;
  height: fit-content;
}

.B6 > ._content > .About > .Left > .AboutText {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.B6 > ._content > .About > * > div {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  height: fit-content;
  flex-wrap: nowrap;
}

.B6 > ._content > .About > .Left > .AboutImgBanner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 463px;
  height: auto;
  margin-left: 16px;
}

.B6 > ._content > .About > .Left > .AboutImgBanner > img {
  position: relative;
  width: 463px;
  height: fit-content;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

.B6 > ._content > .About > .Left > .AboutImgBanner > .TextImageContent {
  display: inline-flex;
  width: fit-content;
  padding: 10px;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 15px;
  gap: 10px;
  background: var(--3, #fff);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.06);
  top: -60px;
}

.B6 > ._content > .About > * > div > span {
  position: relative;
  min-height: 56px;
  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 155%;
  width: 654px;
  color: var(--2, #333);
}

.B6 > ._content > .Advantages > .Left > .ContactCol {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: fit-content;
}

img.tns-item.loaded.tns-complete {
  width: auto;
  height: 40px;
}

.tns-controls > button:nth-child(1) {
  rotate: -180deg;
  left: -22px;
  z-index: 1;
}

.tns-controls > button:nth-child(2) {
  right: -22px;
  z-index: 1;
}

#Content > .B9 {
  position: relative;

  display: flex;

  width: 100%;
  height: fit-content;

  margin-bottom: 100px;
}

.B9 > ._content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 1140px;
  height: fit-content;
  margin: 0% auto;
}

.B9 > ._content > .B9LineCards {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: nowrap;
  align-items: center;
}

.B9 > ._content > .B9LineCards > .B9Left {
  display: flex;
  flex-direction: row;
  gap: 60px;
  flex-wrap: nowrap;
  flex: 1 1 auto;
}

.B9 > ._content > .B9LineCards > .B9Left > .B9CardFType {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-wrap: nowrap;
  font-size: 14px;
  width: 185px;
}

.B9 > ._content > .B9LineCards > .B9CardBG {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: nowrap;
  background-color: #f6f9ff;
  padding: 24px;
  width: 220px;
  font-size: 14px;
}

.B9 > ._content > .B9LineCards > .B9Left > .B9CardFType > span,
.B9 > ._content > .B9LineCards > .B9CardBG > span {
  position: relative;
  font-family: "Etelka Text Pro";
  color: #333333;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
}

.B9 > ._content > .B9LineCards > .B9Left > .B9CardFType > h4.TitleText {
  position: relative;
  font-family: "Etelka Text Pro";
  color: #333333;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 138%;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

.B9 > ._content > .B9LineCards > .B9CardBG > .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 14px 20px;
  width: 100%;
  white-space: nowrap;
  height: 44px;
  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #ffffff;
  background: #175ed2;
  text-decoration: none;
}

.B9 > ._content > .B9LineCards > .B9CardBG > .buttonNoBG {
  display: inline-flex;
  align-items: center;
  font-family: "Etelka Text Pro";
  width: 100%;
  white-space: nowrap;
  height: 44px;
  justify-content: center;
  padding: 14px 20px;
  line-height: 17px;
  position: relative;
  border: 1px solid #3333331a;
  box-sizing: border-box;
  color: #333333;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
}

#Content > .B11 {
  position: relative;

  display: flex;

  width: 100%;
  height: fit-content;

  margin-bottom: 100px;
}

.B11 > ._content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 1140px;
  height: fit-content;
  margin: 0% auto;
}

.B11 > ._content > .B11VideoCard {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: flex-start;
  margin-left: -10px;
  margin-right: -10px;
  flex-wrap: wrap;
}

.B11 > ._content > .B11VideoCard > .B11Left {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-right: 0px;
  width: 100%;
  max-width: 50%;
  padding: 0 10px;
}

.B11 > ._content > .B11VideoCard > .B11Left > span {
  display: flex;
  position: relative;
  max-width: 440px;
}

.B11 > ._content > .B11VideoCard > .B11right {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  max-width: 50%;
  padding: 0 10px;
}

.Video {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 8/5 !important;
}

.B11 > ._content > .B11VideoCard > .B11Left > h2.TitleText,
.B10 > ._content > .B10SertCard > .B10UpNav > h2.TitleText {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  text-transform: uppercase;
  position: relative;
  font-family: "Etelka Text Pro";
  color: #333333;
  margin: 0;
  padding: 0;
}

#Content > .B10Block > .B10 {
  position: relative;

  display: flex;

  width: 100%;
  height: fit-content;

  margin-bottom: 24px;
}

.B10 > ._content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 1140px;
  height: fit-content;
  margin: 0% auto;
}

.B10 > ._content > .B10SertCard {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 24px;
}

.B10 > ._content > .B10SertCard > .B10UpNav {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.B10 > ._content > .B10SertCard > .B10UpNav > .B10NavCert {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}

.B10 > ._content > .B10SertCard > .B10DNav {
  display: flex;

  flex-direction: row;
  justify-content: space-between;

  width: 100%;
  gap: 20px;

  overflow-y: hidden;

  max-height: 360px;
  max-width: 1140px;
}

.B10NavCert > .PageTasksTitle > .TasksButtons {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.B4-Component {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0px 20px;
  width: 100%;
  max-width: 1140px;
  margin: 0% auto;
  margin-bottom: 100px;
}

.RowCardsSpinner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  overflow-y: hidden;
  gap: 20px;
}

.RowCardsSpinner img {
  height: 300px;
  width: 100%;
}

.RowCardsSpinner::-webkit-scrollbar {
  height: 16px;
  background-color: #ffffff00;
}

.RowCardsSpinner::-webkit-scrollbar-thumb {
  height: 7px;
  background-color: #3375e0a6;
  border: 5px solid transparent;
  border-radius: 100px;
  background-clip: content-box;
}

.PageTasksTitle > .TasksButtons > .TButton {
  display: flex;
  position: relative;
  cursor: pointer;
  padding: 8px 11px;
  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 155%;
  color: #333333;
  border: 1px solid #d7e5f7;
  background: #ffffff;
  text-decoration: none;
  text-align: center;
  align-items: center;

  transition: 0.5s;
}

.PageTasksTitle > .TasksButtons > .TButton.TBActive {
  color: #175ed2;
  background: #d7e5f7;
  border: 1px solid transparent;
}

.NoFullScreenView {
  display: flex;
}

.B10QualCert {
  display: flex;
  align-items: center;
}

.noViewElement {
  display: none;
}

.B10QualCert > img {
  height: 50px;
  margin-right: 20px;
  box-shadow: 4px 4px 10px 0px #33333330;
  user-select: none;
}

/* Новые стили */

.section_head h2 {
  color: #333;
  font-family: "Etelka Text Pro";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  /* 40px */
  text-transform: uppercase;

  margin-bottom: 0px;
}

.recomend_block .recomend_block_wrap {
  margin-top: 24px;
  position: relative;
}

.sw_btns .swiper-button-prev svg,
.sw_btns .swiper-button-next svg {
  width: auto;
  height: auto;
}

.sw_btns .swiper-button-prev {
  display: flex;
  width: 44px;
  height: 44px;
  margin: 0px;
  padding: 0px;
  left: -22px;

  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.05);

  transition: 0.3s;
}

.sw_btns .swiper-button-next {
  display: flex;
  width: 44px;
  height: 44px;
  margin: 0px;
  padding: 0px;
  right: -22px;

  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.05);

  transition: 0.3s;
}

.sw_btns .swiper-button-prev.swiper-button-lock,
.sw_btns .swiper-button-next.swiper-button-lock {
  display: none;
}

.sw_btns > div::after {
  display: none;
}

.recomend_block .sw_recomend {
  overflow: visible;
  clip-path: inset(-100% -12px -100% -12px);
}

.sw_recomend .swiper-slide {
  display: flex;
  flex-direction: column;
  padding: 32px 24px;
  height: auto;
  background: #fff;

  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.06);
}

.sw_recomend .swiper-slide h3 {
  margin-bottom: 0px;

  color: #333;
  font-family: "Etelka Text Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 138%;
  text-transform: uppercase;
}

.sw_recomend .swiper-slide .text_rec {
  margin-top: 18px;
}

.sw_recomend .swiper-slide .text_rec,
.sw_recomend .swiper-slide .text_rec p {
  color: rgba(51, 51, 51, 0.8);

  /* text */
  font-family: "Etelka Text Pro";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
  /* 23.25px */

  margin-bottom: 0px;
}

.sw_recomend .swiper-slide .btn_rec_block {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex: 1 1 auto;

  margin-top: 24px;
}

.sw_recomend .swiper-slide .btn_rec_block .btn_rec {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 13px 19px;
  border: 1px solid rgba(51, 51, 51, 0.1);

  color: #333;

  /* меню */
  font-family: "Etelka Text Pro";
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  text-decoration: none;

  transition: 0.5s;
}

.sw_recomend .swiper-slide .btn_rec_block .btn_rec:hover {
  border-color: #175ed2;
  color: #175ed2;
}

body {
  overflow-x: clip;
}

.recomend_block {
  overflow: visible !important;
}

.sw_btns .swiper-button-next.swiper-button-disabled,
.sw_btns .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

.sw_port_image .swiper-slide {
  display: flex;
  flex-direction: column;
  row-gap: 9px;
  outline: none;
  border: none;
}

.sw_port_image .swiper-slide:focus-visible {
  outline: none;
  border: none;
}

.sw_port_image .swiper-slide .image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  aspect-ratio: 28/17;
}

.sw_port_image .swiper-slide .image img {
  max-width: 100%;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sw_port_image .swiper-slide h3 {
  max-width: 465px;

  color: #333;
  font-family: "Etelka Text Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
}

.portfoli_image_wrap {
  position: relative;
}

.portfoli_image_block {
  margin-top: 100px;
  margin-bottom: 20px;
}

.swiper_cerf_container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 1140px;
  margin: 0% auto;
  margin-bottom: 100px;
}

.swiper_cerf {
  max-width: 100%;
  user-select: none;
}

.swiper_cerf .swiper-slide {
  width: auto;
  max-height: 300px;
  height: 300px;
  overflow: hidden;
  border: none;
  outline: none;
}

.swiper_cerf .swiper-slide:focus-visible {
  border: none;
  outline: none;
}

.swiper_cerf .swiper-slide img {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  display: block;
}

.swiper_cerf_item.noViewSection {
  display: none;
}

.swiper_cerf .swiper-horizontal > .swiper-scrollbar,
.swiper_cerf .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: unset;
  height: 7px;
  width: 100%;
  margin-top: 7px;
  background: transparent;
  cursor: pointer;
}

.swiper_cerf .swiper-scrollbar-drag {
  height: 7px;
  background-color: #3375e0a6;
  border-radius: 100px;
}

.B10QualCert > img:last-of-type {
  margin-right: 0px;
}

#Content > .B10Block > .B10.helper_class {
  padding-left: 0px;
  padding-right: 0px;
}

.B10QualCert.noViewElement {
  margin-top: 15px;
}

.swiper_cerf_container {
  position: relative;
}

.swiper_cerf_item .swiper-button-prev::after {
  display: none;
}

.swiper_cerf_item .swiper-button-next::after {
  display: none;
}

.swiper_cerf_item .swiper-button-prev svg,
.swiper_cerf_item .swiper-button-next svg {
  width: auto;
  height: auto;
}

.swiper_cerf_item .swiper-button-prev {
  display: flex;
  width: 44px;
  height: 44px;
  padding: 0;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
  left: -23px;
  background: #fff;
    z-index: 5;
}

.swiper_cerf_item .swiper-button-next {
  display: flex;
  width: 44px;
  height: 44px;
  padding: 0;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
  right: -23px;
  background: #fff;
    z-index: 5;
}

.swiper_cerf_item {
  position: relative;
}

.recomend_block .section_head h2 {
  user-select: none;
}

.swiper-button-next,
.swiper-button-prev {
  transition: 0.5s;
}

.swiper_cerf_container .swiper-button-next.swiper-button-disabled,
.swiper_cerf_container .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

.swiper-button-next,
.swiper-button-prev {
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
}

.sw_btns .swiper-button-next,
.sw_btns .swiper-button-prev {
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
}

@media (hover: hover) {
  .swiper-button-next:hover,
  .swiper-button-prev:hover {
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.25);
  }
}

.custom_class.B6 > ._content > .About {
  margin-bottom: 0px;
}

#Content > .B5.custom_class {
  margin-bottom: 0px;
}

.B5.custom_class > ._content > .__content:last-of-type {
  padding-bottom: 72px;
}

.c_class_vac.B6 > ._content > .Advantages > * > div > span {
  margin-left: 0px;
}

.B6 > ._content > .Advantages > .Left > .parent.row {
  display: flex;
  width: 100%;
  flex-direction: column;
  row-gap: 20px;

  margin-bottom: 30px;
}

.B6 > ._content > .Advantages > .Left > .parent.row .item {
  display: flex;
  column-gap: 30px;
}

.B6 > ._content > .Advantages > .Left > .parent.row .item .ReqName {
  width: 100%;
  max-width: 300px;

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 155%;
  color: #949494;
}

.B6 > ._content > .Advantages > .Left > .parent.row .item .ReqInfo {
  width: 100%;
  max-width: calc(100% - 330px);

  font-family: "Etelka Text Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 155%;
  color: #333333;
}

@media screen and (max-width: 1399px) {
  .sw_recomend .swiper-slide {
    max-width: 368px;
  }

  .sw_btns {
    position: absolute;
    top: -68px;
    right: 0px;
    display: flex;
    align-items: center;
    column-gap: 10px;
  }

  .recomend_block .sw_recomend {
    clip-path: unset;
  }

  .sw_btns .swiper-button-prev {
    transform: unset;
    position: unset;
  }

  .sw_btns .swiper-button-next {
    transform: unset;
    position: unset;
  }

  .sw_btns .swiper-button-next.swiper-button-disabled,
  .sw_btns .swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
  }

  .swiper.sw_port_image {
    overflow: visible;
  }

  .sw_port_image .swiper-slide {
    max-width: 60%;
  }

  .B6 > ._content {
    width: 100% !important;
  }

  .portfoli_image_wrap .sw_btns {
    top: -54px;
  }

  .portfoli_image_block {
    margin-top: 60px;
  }

  .swiper_cerf_container {
    padding-left: 24px;
    padding-right: 24px;
  }

  #Content > .B10Block > .B10.helper_class {
    padding-left: 24px;
    padding-right: 24px;
  }

  .B10QualCert.noViewElement {
    margin-top: 15px;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
  }

  .B10QualCert.noViewElement > img {
    margin-right: 0px;
    height: 44px;
  }

  .B10QualCert.noViewElement > img:first-child {
    height: 44px;
  }

  .swiper_cerf_container {
    max-width: 100%;
  }

  .B10.helper_class > ._content {
    padding-left: 0px;
    padding-right: 0px;
  }

  .custom_class.B6 > ._content > .About > .Left > .AboutText > span {
    width: calc(100% - 20px);
  }

  .B5.custom_class > ._content > .__content:last-of-type {
    padding-bottom: 0px;
  }

  .B5.custom_class > ._content > .__content > .Table > .Body > .Line {
    grid-template-columns: 28% 26% 23% 23%;
  }

  .B5.custom_class > ._content > .__content > .Table > .Header {
    grid-template-columns: 28% 26% 23% 23%;
  }

  .B5.custom_class
    > ._content
    > .__content
    > .Table
    > .Header
    > span:not(:nth-child(1)) {
    padding-left: 20px;
    padding-right: 20px;
  }

  .B5.custom_class > ._content > .__content > .Header {
    background: unset;
  }

  .B6.c_class_vac > ._content > .Advantages {
    margin-bottom: 20px;
  }

  .B6.c_class_advan > ._content > .Advantages {
    margin-bottom: 0px;
  }

  .B6 > ._content > .Advantages > .Left > .parent.row {
    margin-bottom: 0px;
  }

  .info_card_block.B9 > ._content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .video_info_block.B11 > ._content {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media screen and (max-width: 991px) {
  .swiper_cerf_item .swiper-button-next,
  .swiper_cerf_item .swiper-button-prev {
    display: none;
  }

  .swiper.swiper_cerf {
    overflow: visible;
  }

  .custom_class.B6 > ._content > .About > .Left > .AboutText > span {
    width: 100%;
  }

  .custom_class.B6 > ._content > .About > .Left > .AboutImgBanner {
    margin-left: 0px;
    width: 100%;
  }

  .custom_class.B6 > ._content > .About > .Left > .AboutImgBanner {
    width: 100%;
    margin-left: 0px;
  }

  .custom_class.B6 > ._content > .About > .Left > .AboutImgBanner > img {
    margin-left: 0px;
    width: 100%;
    max-width: 100%;
  }

  #Content > .B6.custom_class {
    margin-bottom: 50px;
  }

  .B5.custom_class > ._content > .__content > .Table {
    display: none;
  }

  .B5.custom_class > ._content > .__content {
    position: relative;
    padding: 0;
    width: auto;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: transparent;
  }

  .B5.custom_class
    > ._content
    > .__content
    > .Header
    > .Left
    > span:nth-child(1) {
    width: 100%;
    font-size: 22px;
    font-family: "Etelka Text Pro";
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    text-transform: uppercase;
    margin-bottom: 16px;
    text-transform: uppercase;
    color: #fff;
  }

  .B5.custom_class
    > ._content
    > .__content
    > .Header
    > .Left
    > span:nth-child(2) {
    width: 100%;
    font-size: 15px;
    font-family: "Etelka Text Pro";
    font-style: normal;
    font-weight: 400;
    line-height: 155%;
    color: #fff;

    max-width: 767px;
  }

  .B5.custom_class > ._content > .__content > .Header > .Right {
    justify-content: flex-end;
  }

  .B5.custom_class > ._content > .__content > .Header > .Right > span {
    font-size: 18px;
    font-family: "Etelka Text Pro";
    font-style: normal;
    font-weight: 400;
    line-height: 155%;
    color: #fff;
    margin-bottom: 16px;
  }

  .B5.custom_class > ._content > .__content > .Header > .Right > div {
    position: relative;
    cursor: pointer;
    padding: 14px 20px;
    margin-left: 0;
    margin-right: 0;
    width: fit-content;
    height: fit-content;
    font-family: "Etelka Text Pro";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #175ed2;
    background: #ffffff;
  }

  .B5.custom_class > ._content > .__content > .Header > .Left {
    justify-content: flex-start;
    margin-bottom: 110px;
  }

  .B5.custom_class > ._content > .__content > .Header {
    position: relative;
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 48px;
    background: url(./assets/icons/mobile_dotted_line.svg);
    background-size: 162.568px auto;
    background-repeat: no-repeat;
    background-position: 50% 55%;
  }

  .B5.custom_class > ._content > .__content > .Header {
    background-position: 100px calc(100% - 75px);
  }

  .B5.custom_class > ._content > .__content:last-of-type .Header {
    margin-bottom: 0px;
  }

  .B5.custom_class > ._content > .__content:last-of-type {
    padding-bottom: 0px;
  }

  .advan_vac_help.B4 > ._content > .List > .Card {
    flex-direction: column;
    row-gap: 0px;
  }

  .advan_vac_help.B4 > ._content > .List > .Card > div {
    margin: 0 0 0 24px;
  }

  .info_card_block.B9 > ._content {
    padding-left: 0px;
    padding-right: 0px;
  }

  .video_info_block.B11 > ._content {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media screen and (max-width: 767px) {
  .sw_port_image {
    overflow: visible;
  }

  .section_head h2 {
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
  }

  .sw_btns .swiper-button-prev,
  .sw_btns .swiper-button-next {
    width: 25px;
    height: 25px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
  }

  .sw_btns {
    top: -52px;
    column-gap: 8px;
  }

  .sw_btns .swiper-button-next.swiper-button-disabled,
  .sw_btns .swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
  }

  .sw_btns .swiper-button-prev svg,
  .sw_btns .swiper-button-next svg {
    width: 18px;
  }

  .portfoli_image_wrap .sw_btns {
    top: -35px;
  }

  .sw_port_image .swiper-slide {
    max-width: 85%;
  }

  .portfoli_image_block {
    margin-top: 50px;
  }

  .swiper_cerf .swiper-slide {
    height: 200px;
    max-height: 200px;
  }

  .swiper_cerf_container {
    padding-left: 16px;
    padding-right: 16px;
  }

  #Content > .B10Block > .B10.helper_class {
    padding-left: 16px;
    padding-right: 16px;
  }

  .B10NavCert > .PageTasksTitle > .TasksButtons {
    width: 100%;
  }

  .PageTasksTitle > .TasksButtons > .TButton {
    width: 100%;
    max-width: 50%;
    justify-content: center;
    align-items: center;
    user-select: none;
  }

  .B10 > ._content > .B10SertCard > .B10UpNav > .B10NavCert .PageTasksTitle {
    width: 100%;
  }

  .swiper.swiper_cerf {
    overflow: visible;
  }

  .swiper_cerf_container {
    margin-bottom: 70px;
  }

  .advan_vac_help.B4 > ._content > .List > .Card > div {
    margin-left: 0px;
  }

  .B6 > ._content > .Advantages > .Left > .parent.row .item .ReqName {
    width: 100%;
    max-width: 100%;

    font-family: "Etelka Text Pro";
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 155%;
    color: #949494;
    letter-spacing: -0.1px;
  }

  .B6 > ._content > .Advantages > .Left > .parent.row .item .ReqInfo {
    width: 100%;
    max-width: 100%;

    font-family: "Etelka Text Pro";
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 155%;
    color: #333333;
  }

  .B6 > ._content > .Advantages > .Left > .parent.row .item {
    flex-direction: column;
    row-gap: 2px;
  }
}
#Content > .B4.ca_ref {
  position: relative;

  display: flex;

  width: 100%;
  height: fit-content;
  margin-top: -50px;
  margin-bottom: 50px;
}

.B4.ca_ref > ._content {
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  width: 1140px;
  height: fit-content;
  text-align: right;
  margin: 0% auto;
}
@media screen and (max-width: 480px) {
  .B10NavCert > .PageTasksTitle > .TasksButtons {
    flex-direction: column;
    row-gap: 8px;
  }

  .PageTasksTitle > .TasksButtons > .TButton {
    max-width: 100%;
  }

  .B6 > ._content > .Advantages > .Left > .ContactCol {
    align-items: flex-start;
  }
}

body .widget_cookie {
  width: 100%;
  max-width: 430px;
  padding: 20px;
  border: none;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.14);
  right: 24px;
  bottom: 26px;
  flex-direction: row;
  column-gap: 20px;
  position: fixed;
  z-index: 9999;
  background: #fff;
  transition: opacity 1.2s, transform 1.2s;
  align-items: center;
}
body .widget_cookie__text {
  padding-bottom: 0;
  font-family: "Etelka Text Pro";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
  color: rgba(51, 51, 51, 0.8);
}
body .widget_cookie a {
  text-underline-offset: 2px;
  transition: 0.4s;
}
body .widget_cookie a:hover {
  color: #175ed2;
}

body .widget_cookie__style4 .widget_cookie__btn-close-cookie {
  padding: 11px 19px;
  width: auto;
  height: auto;
  font-family: "Etelka Text Pro", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #ffffff;
  background: #175ed2;
  text-decoration: none;
  border-radius: 0;
  transition: 0.4s;
}
body .widget_cookie__style4 .widget_cookie__btn-close-cookie:hover {
  background: #3375e0;
}

@media (max-width: 1023px) {
  body .widget_cookie {
    bottom: 42px;
  }
}
@media (max-width: 767px) {
  body .widget_cookie {
    bottom: 16px;
    right: inherit;
    left: 16px;
    max-width: 215px;
    padding: 16px;
    flex-direction: column;
    row-gap: 16px;
    align-items: start;
  }
  body .widget_cookie__text {
    font-size: 12px;
  }
  body .widget_cookie__style4 .widget_cookie__btn-close-cookie {
    padding: 6px 32px;
  }
}