input,
textarea,
button {
  outline: none;
  font: inherit;
}

/*css variables*/
:root {
  --muted: #999;
  --dark: #222;
  --basic: #555;
  --light-basic: #666;
  --white: #ffffff;
  --black: #000000;
  --orange: #ff8652;
  --yellow: #ffe177; /* old */
  --yellow: #fcde77;
  --light-blue: #f7f8f9;
  --dark-blue: #242741;
  --green: #2cbe15;

  --title-color: #242426;
  --grey-black-color: #333338;
  --text-color: #48494d;
  --second-text-color: #555558;
  --secondary-color: #989aa0;
  --grey: #727479;
  --white: #ffffff;
  --blue: #3761e9;
  --blue-hover: #1c4ade;
  --blue-bg: #13299f;
  --blue-shade-1: #436fff;
  --blue-shade-2: #5b7fff;
  --blue-shade-3: #5a92dc;
  --marine: #57b6b6;
  --ocher: #e2aa79;
  --firebrick: #e79482;
  --spring-leaves: #62ac53;
  --lavender: #9aa3e6;
  --light-green: #f0f8ff;
  --grey-transparent: rgba(55, 97, 233, 0.12);
  --grey-shade-1: #f1f4ff;
  --grey-shade-2: #eff5fd;
  --grey-shade-3: #f4f6f8;
  --grey-shade-4: #cacdd0;
  --grey-shade-5: #e7ebf4;
  --grey-shade-6: #f8f9fd;
  --grey-shade-7: #dcddde;
  --grey-shade-8: #ededed;
  --grey-shade-9: #9ca5b0;
  --grey-shade-10: #c8cfd9;
  --grey-shade-11: #f4f6f9;
  --grey-shade-12: #e1e9fa;
  --grey-shade-13: #8c94a7;
  --faded-rose: #fceff0;
  --stroke: #e9edf1;
  --light-grey-bg: linear-gradient(0deg, #f7f7fb, #f7f7fb), #f8f9fd; /* old */
  --light-grey-bg: #f7f7fb;
  --box-shadow-color: rgba(0, 0, 0, 0.08);

  --maxwidth-gap: 40px;
  --maxwidth: 1304px;

  --color-base_hue: 226;
  --color-base_saturation: 84%;
  --color-base_lightness: 60%;
  --color-base: hsl(var(--color-base_hue), var(--color-base_saturation), var(--color-base_lightness));

  --color-second_hue: 216;
  --color-second_saturation: 96%;
  --color-second_lightness: 69%;
  --color-second: hsl(var(--color-second_hue), var(--color-second_saturation), var(--color-second_lightness));

  --fs-base: 16px;
  --line_height-diff: 7px;
  --fs-28: clamp(1.5rem, 2vw, 1.75rem);
  --fs-24: clamp(1.25rem, 2vw, 1.5rem);
  --fs-22: clamp(1.1875rem, 2vw, 1.375rem);
  --fs-20: clamp(1.0625rem, 2vw, 1.25rem);
  --fs-18: clamp(1rem, 2vw, 1.125rem);
  --fs-17: 1.0625rem;
  --fs-16: 1rem;
  --fs-15: 0.9375rem;
  --fs-14: 0.875rem;
  --fs-13: 0.8125rem;
  --fs-12: 0.75rem;

  --round-50: 50px;
  --round-16: 16px;
  --round-12: 12px;
  --round-8: 8px;
  --round-6: 6px;
  --round-4: 4px;
  --round-3: 3px;
  --round-2: 2px;
  --round-1: 1px;

  --fs-28-line-height: 1.58;
  --fs-24-line-height: 1.42;
  --fs-22-line-height: 1.45;
  --fs-20-line-height: 1.5;
  --fs-18-line-height: 1.56;
  --fs-16-line-height: 1.62;
  --fs-15-line-height: 1.6;
  --fs-14-line-height: 1.57;
  --fs-13-line-height: 1.54;
  --fs-12-line-height: 1.5;

  --g1: 0.25rem;
  --g2: 0.5rem;
  --g3: 0.75rem;
  --g4: 1rem;
  --g5-desktop: 1.25rem;
  --g5-mobile: 1rem;
  --g6-desktop: 1.5rem;
  --g6-mobile: 1.25rem;
  --g7-desktop: 1.75rem;
  --g7-mobile: 1.5rem;
  --g8-desktop: 2rem;
  --g8-mobile: 1.75rem;
  --g9-desktop: 2.5rem;
  --g9-mobile: 2rem;
  --g10-desktop: 3rem;
  --g10-mobile: 2rem;
  --g11-desktop: 3.5rem;
  --g11-mobile: 2.5rem;
  --g12-desktop: 4rem;
  --g12-mobile: 2.5rem;
  --g13-desktop: 5rem;
  --g13-mobile: 3rem;
  --g14-desktop: 5.5rem;
  --g14-mobile: 3.5rem;
  --h1-desktop: 2.75rem;
  --h1-mobile: 2rem;
  --h1-line-height: 1.36;
  --h2-desktop: 2.125rem;
  --h2-mobile: 1.75rem; /* old */
  --h2-mobile: 1.25rem;
  --h2-line-height: 1.29;
  --h3-desktop: 1.75rem;
  --h3-mobile: 1.5rem; /* old */
  --h3-mobile: 1.125rem;
  --h3-line-height: 1.36;
  --h4-desktop: 1.5rem;
  --h4-mobile: 1.25rem; /* old */
  --h4-mobile: 1rem;
  --h4-line-height: 1.42;
  --h5-desktop: 1.25rem;
  --h5-mobile: 1.125rem; /* old */
  --h5-mobile: 1rem;
  --h5-line-height: 1.5;
  --large-text-desktop: 1.375rem;
  --large-text-mobile: 1.125rem;
  --large-text-line-height: 1.45;
  --medium-text-desktop: 1.125rem;
  --medium-text-mobile: 1rem;
  --medium-text-line-height: 1.56;
  --regular-text: 1rem;
  --regular-text-line-height: 1.62;
  --small-text: 0.9375rem;
  --small-text-line-height: 1.6;
  --mini-text: 0.875rem;
  --mini-text-line-height: 1.57;
  --micro-text: 0.8125rem;
  --micro-text-line-height: 1.54;
  --nano-text: 0.75rem;
  --nano-text-line-height: 1.5;
  font-size: var(--fs-base);

  --submenu-transition-duration: 0.1s;
  --modal-transition-duration: 0.4s;
}

hr {
  border-top: solid 1px var(--grey-shade-5);
}

.sticky {
  --top: 0;
  position: sticky;
  top: var(--top);
}

.sticky--40 {
  --top: 2.5rem;
}

@media (max-width: 991px) {
  .sticky {
    position: static;
    top: unset;
  }
}

/**/

/*flex*/
.d-flex {
  display: flex;
  flex-wrap: wrap;
}

.flex-no-wrap {
  flex-wrap: nowrap;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.align-items-center {
  align-items: center;
}

.align-items-start {
  align-items: flex-start;
}

.align-items-end {
  align-items: flex-end;
}

.justify-content-center {
  justify-content: center;
}

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

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

.flex-no-wrap {
  flex-wrap: nowrap;
}

.flex-column {
  flex-direction: column;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.gap {
  --gap: 0;
  gap: var(--gap);
}

.gap--40 {
  --gap: clamp(1rem, 3vw, 2.5rem);
}

.gap--32 {
	--gap: clamp(1.5rem, 2vw, 2rem);
}

.gap--24 {
  --gap: clamp(1.25rem, 1.5vw, 1.5rem);
}

.gap--20 {
  --gap: 1.25rem;
}

.gap--16 {
  --gap: 1rem;
}

.gap--12 {
  --gap: 0.75rem;
}

.gap--8 {
  --gap: 0.5rem;
}

.gap--6 {
  --gap: 0.375rem;
}

.gap--4 {
  --gap: 0.25rem;
}

.flex-order {
  order: 0;
}
.flex-order-1 {
  order: 1;
}

/**/

/*fonts*/
.fs {
  line-height: 1.5;
}

.fs-60 {
  font-size: clamp(2rem, 6vw, 3.75rem);
  line-height: 1.17;
}

.fs-50 {
  font-size: clamp(1.4rem, 1.009rem + 1.84vw, 3.3333rem);
  line-height: 1.2;
}

.fs-28 {
  font-size: var(--fs-28);
  line-height: var(--fs-28-line-height);
}

.fs-24 {
  font-size: var(--fs-24);
  line-height: var(--fs-24-line-height);
}

.fs-22 {
  font-size: var(--fs-22);
  line-height: var(--fs-22-line-height);
}

.fs-20 {
  font-size: var(--fs-20);
  line-height: var(--fs-20-line-height);
}

.fs-18 {
  font-size: var(--fs-18);
  line-height: var(--fs-18-line-height);
}

.fs-17 {
  font-size: var(--fs-17);
}

.fs-16 {
  font-size: var(--fs-16);
  line-height: var(--fs-16-line-height);
}

.fs-15 {
  font-size: var(--fs-15);
  line-height: var(--fs-15-line-height);
}

.fs-14 {
  font-size: var(--fs-14);
  line-height: var(--fs-14-line-height);
}

.fs-13 {
  font-size: var(--fs-13);
  line-height: var(--fs-13-line-height);
}

.fs-12 {
  font-size: var(--fs-12);
  line-height: var(--fs-12-line-height);
}

/**/

.lh-19 {
  line-height: 1.3333;
}

/*headings*/
h1 {
  font-size: 6em;
  font-size: clamp(1.3333rem, 1.009rem + 4vw, 6rem);
  color: var(--dark);
  line-height: 1.1111;
  margin: 12px 0px 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline;
  vertical-align: middle;
}

.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
  font-weight: 500;
  color: var(--title-color);
}

h2,
h3,
h4,
h5 {
  margin: 2rem 0 1rem 0;
}

.h1 {
  font-size: clamp(var(--h1-mobile), 5vw, var(--h1-desktop));
  line-height: var(--h1-line-height);
}

.h2,
h2 {
  font-size: clamp(var(--h2-mobile), 3vw, var(--h2-desktop));
  line-height: var(--h2-line-height);
}

.h3,
h3 {
  font-size: clamp(var(--h3-mobile), 3vw, var(--h3-desktop));
  line-height: var(--h3-line-height);
}

.h4,
h4 {
  font-size: clamp(var(--h4-mobile), 2vw, var(--h4-desktop));
  line-height: var(--h4-line-height);
}

.h5,
h5 {
  font-size: clamp(var(--h5-mobile), 2vw, var(--h5-desktop));
  line-height: var(--h5-line-height);
}

p,
ul,
ol {
  font-size: var(--fs-16);
  line-height: var(--fs-18-line-height);
  color: var(--text-color);
  margin: 1rem 0;
}

figure {
  margin: 1.25rem 0;
}

figure figcaption {
  font-size: var(--fs-14);
  line-height: var(--fs-14-line-height);
  margin-top: 0.625rem;
  color: var(--text-color);
}

ol {
  padding-left: 1.25rem;
}

ul {
  list-style: none;
  padding-left: 0;
}

ul > li {
  position: relative;
  padding-left: 1.25rem;
}

ul > li::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 12px;
  left: 0;
  background-color: var(--text-color);
  border-radius: 50%;
}

ul li:not(:last-of-type),
ol li:not(:last-of-type) {
  margin-bottom: 0.5rem;
}

figure {
  margin: clamp(var(--g7-mobile), 3vw, var(--g7-desktop)) 0;
}

/**/

/*btns*/

.btn {
  color: var(--white);
  background-color: var(--blue);
  padding: 0.5rem 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: var(--mini-text);
  line-height: var(--mini-text-line-height);
  font-weight: 600;
  cursor: pointer;
}

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

.btn.btn-default {
  background-color: hsl(var(--color-base_hue), var(--color-base_saturation), var(--color-base_lightness));
  border-color: hsl(var(--color-base_hue), var(--color-base_saturation), var(--color-base_lightness));
  color: #ffffff;
}

.btn.btn-bordered {
  border-color: hsla(var(--color-base_hue), var(--color-base_saturation), var(--color-base_lightness), 0.35);
}

.btn.btn-bordered:not(:hover) {
  background: transparent;
  color: var(--color-base);
}

.btn-default:hover {
  --color-base_saturation: 97%;
  --color-base_lightness: 64%;
}

.btn.btn--secondary {
  background-color: var(--grey-transparent);
  color: var(--blue);
}

.btn.btn--glass {
  color: var(--white);
  background-color: color-mix(in oklab, var(--white) 12%, transparent);
}

.btn.btn--transparent {
  color: var(--blue);
  border: 1px solid var(--blue);
  background-color: transparent;
}

@media (any-hover: hover) {
  .btn:hover,
  .btn.btn--secondary:hover,
  .btn.btn--transparent:hover {
    background-color: var(--blue-hover);
    border-color: var(--blue-hover);
    color: var(--white);
  }
}

.btn.btn-lg {
  padding: 0.75rem 1.5rem;
  font-size: var(--fs-16);
  line-height: 1.5;
}

.btn.btn-xlg {
  padding: 0.75rem 1.57rem;
  gap: clamp(0.75rem, 2vw, 1rem);
  font-size: clamp(var(--medium-text-mobile), 2vw, var(--medium-text-desktop));
  line-height: var(--medium-text-line-height);
}

.btn.btn-md {
  padding: 0.688rem 1.188rem;
  font-size: 1rem;
  line-height: 1.5;
}

.btn.btn-sm {
  gap: 0.5rem;
  padding: 0.4375rem 0.9375rem;
  font-size: var(--micro-text);
  line-height: var(--micro-text-line-height);
}

.btn.btn-gradient {
  background: linear-gradient(
    90deg,
    hsl(var(--color-base_hue), var(--color-base_saturation), var(--color-base_lightness)) 0%,
    hsl(var(--color-second_hue), var(--color-second_saturation), var(--color-second_lightness)) 56.91%,
    #9ac8ff 117.5%
  );
  border: none;
}

.btn.btn-gradient:hover {
  --color-base_saturation: 97%;
  --color-base_lightness: 64%;
  --color-second_saturation: 98%;
  --color-second_lightness: 74%;
}

.btn.btn-transparent-white {
  color: #fff;
  background: transparent;
  border-color: var(--white);
}

.btn.btn-transparent-white:hover {
  background: #fff;
  color: var(--color-base);
}

.btn.btn-w-arrow .svg {
  display: inline-block;
  margin-left: 8px;
}

.btn.btn--inline {
  --pt-button: 0;
  --pb-button: 0;
  --pr-button: 0;
  --pl-button: 0;
  background-color: transparent;
  font-size: var(--fs-15);
  padding: 0;
  font-weight: 500;
  border: 0;
}

/**/

/*link*/
a,
a:hover,
a:focus {
  text-decoration: none;
}

a,
.colored-link,
.colored {
  color: var(--color-base);
}

a:hover,
.dark-link,
.colored-link:hover {
  color: var(--dark);
}

.dark-link use {
  fill: var(--dark);
}

.dark-link:hover:not(.loading) {
  color: var(--color-base);
}

.dark-link:hover:not(.loading) use {
  fill: var(--color-base);
}

.dark-link-stroke use {
	stroke: var(--dark);
}

.dark-link-stroke:hover use {
	stroke: var(--color-base);
}

.muted-link {
  color: var(--muted);
}

.muted-link use {
  fill: #777;
}

.muted-link:hover {
  color: var(--color-base);
}

.muted-link:hover use {
  fill: var(--color-base);
}

.light-basic > a {
  color: var(--light-basic);
}

.light-basic:hover > a {
  color: var(--color-base);
}

.basic-link {
  color: var(--basic);
}

.basic-link:hover {
  color: var(--color-base);
}

a.color-light:hover {
  opacity: 0.7;
  color: #fff;
}

/**/

/*margins*/
.mr-10 {
  margin-right: 10px;
}

/**/

/*rounds*/
.rounded {
  --round: 100%;
  border-radius: var(--round);
}

.rounded.rounded--pill-shape {
  --round: 100vw;
}

.rounded.rounded--50 {
  --round: var(--round-50);
}

.rounded.rounded--16 {
  --round: var(--round-16);
}

.rounded.rounded--12 {
  --round: var(--round-12);
}

.rounded.rounded--8 {
  --round: var(--round-8);
}

.rounded.rounded--6 {
  --round: var(--round-6);
}

.rounded.rounded--4 {
  --round: var(--round-4);
}

.rounded.rounded--3 {
  --round: var(--round-3);
}

.rounded.rounded--2 {
  --round: var(--round-2);
}

.rounded.rounded--1 {
  --round: var(--round-1);
}

/**/

/*other*/
.text-right {
  text-align: right;
}

.muted {
  color: var(--muted);
}

.dark {
  color: var(--dark);
}

.light-basic {
  color: var(--light-basic);
}

.color-light {
  color: #fff;
}

.description-text {
  color: #727479;
}

.f-bold {
  font-weight: bold;
}

.f-500 {
  font-weight: 500;
}

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

.overflow-hidden {
  overflow: hidden;
}

/**/

/*image*/
img {
  vertical-align: top;
  border-style: none;
  max-width: 100%;
}

.img-responsive {
  max-width: 100%;
  height: auto;
}

.wide-image {
  border-radius: 12px;
  overflow: hidden;
}

/**/

/*text*/
.text-center {
  text-align: center;
}

.text-line-through {
  text-decoration: line-through;
}

.text-gradient {
  background: linear-gradient(
    90deg,
    hsl(var(--color-base_hue), var(--color-base_saturation), var(--color-base_lightness)) 0%,
    hsl(var(--color-second_hue), var(--color-second_saturation), var(--color-second_lightness)) 56.91%,
    #9ac8ff 117.5%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/**/

/*positions*/
.pos-absolute {
  position: absolute;
}

.inset {
  --inset: 0;
  inset: var(--inset);
}
/**/

@media (max-width: 767px) {
  :root {
    --maxwidth-gap: 20px;
  }
}

/*margins & paddings */
.mt-fluid-16 {
  margin-top: clamp(0.25rem, 1vw, 1rem);
}

.mt-auto {
  margin-top: auto;
}

.m-auto {
  margin: auto;
}

.mt-0 {
  margin-top: 0;
}

.mt-1 {
  margin-top: var(--g1);
}

.mt-2 {
  margin-top: var(--g2);
}

.mt-3 {
  margin-top: var(--g3);
}

.mt-4 {
  margin-top: var(--g4);
}

.mt-5 {
  margin-top: clamp(var(--g5-mobile), 2vw, var(--g5-desktop));
}

.mt-6 {
  margin-top: clamp(var(--g6-mobile), 2vw, var(--g6-desktop));
}

.mt-7 {
  margin-top: clamp(var(--g7-mobile), 3vw, var(--g7-desktop));
}

.mt-8 {
  margin-top: clamp(var(--g8-mobile), 3vw, var(--g8-desktop));
}

.mt-9 {
  margin-top: clamp(var(--g9-mobile), 5vw, var(--g9-desktop));
}

.mt-10 {
  margin-top: clamp(var(--g10-mobile), 6vw, var(--g10-desktop));
}

.mt-11 {
  margin-top: clamp(var(--g11-mobile), 6vw, var(--g11-desktop));
}

.mt-12 {
  margin-top: clamp(var(--g12-mobile), 6vw, var(--g12-desktop));
}

.mt-13 {
  margin-top: clamp(var(--g13-mobile), 10vw, var(--g13-desktop));
}

.mt-14 {
  margin-top: clamp(var(--g14-mobile), 10vw, var(--g14-desktop));
}

.mb-auto {
  margin-bottom: auto;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-1 {
  margin-bottom: var(--g1);
}

.mb-2 {
  margin-bottom: var(--g2);
}

.mb-3 {
  margin-bottom: var(--g3);
}

.mb-4 {
  margin-bottom: var(--g4);
}

.mb-5 {
  margin-bottom: clamp(var(--g5-mobile), 2vw, var(--g5-desktop));
}

.mb-6 {
  margin-bottom: clamp(var(--g6-mobile), 2vw, var(--g6-desktop));
}

.mb-7 {
  margin-bottom: clamp(var(--g7-mobile), 3vw, var(--g7-desktop));
}

.mb-8 {
  margin-bottom: clamp(var(--g8-mobile), 3vw, var(--g8-desktop));
}

.mb-9 {
  margin-bottom: clamp(var(--g9-mobile), 5vw, var(--g9-desktop));
}

.mb-10 {
  margin-bottom: clamp(var(--g10-mobile), 6vw, var(--g10-desktop));
}

.mb-11 {
  margin-bottom: clamp(var(--g11-mobile), 6vw, var(--g11-desktop));
}

.mb-12 {
  margin-bottom: clamp(var(--g12-mobile), 6vw, var(--g12-desktop));
}

.mb-13 {
  margin-bottom: clamp(var(--g13-mobile), 10vw, var(--g13-desktop));
}

.mb-14 {
  margin-bottom: clamp(var(--g14-mobile), 10vw, var(--g14-desktop));
}

.pr-60 {
  padding-right: 60px;
}

.pt-0 {
  padding-top: 0;
}

.pt-1 {
  padding-top: var(--g1);
}

.pt-2 {
  padding-top: var(--g2);
}

.pt-3 {
  padding-top: var(--g3);
}

.pt-4 {
  padding-top: var(--g4);
}

.pt-5 {
  padding-top: clamp(var(--g5-mobile), 2vw, var(--g5-desktop));
}

.pt-6 {
  padding-top: clamp(var(--g6-mobile), 2vw, var(--g6-desktop));
}

.pt-7 {
  padding-top: clamp(var(--g7-mobile), 3vw, var(--g7-desktop));
}

.pt-8 {
  padding-top: clamp(var(--g8-mobile), 3vw, var(--g8-desktop));
}

.pt-9 {
  padding-top: clamp(var(--g9-mobile), 5vw, var(--g9-desktop));
}

.pt-10 {
  padding-top: clamp(var(--g10-mobile), 6vw, var(--g10-desktop));
}

.pt-11 {
  padding-top: clamp(var(--g11-mobile), 6vw, var(--g11-desktop));
}

.pt-12 {
  padding-top: clamp(var(--g12-mobile), 6vw, var(--g12-desktop));
}

.pt-13 {
  padding-top: clamp(var(--g13-mobile), 10vw, var(--g13-desktop));
}

.pt-14 {
  padding-top: clamp(var(--g14-mobile), 10vw, var(--g14-desktop));
}

.pb-0 {
  padding-bottom: 0;
}

.pb-1 {
  padding-bottom: var(--g1);
}

.pb-2 {
  padding-bottom: var(--g2);
}

.pb-3 {
  padding-bottom: var(--g3);
}

.pb-4 {
  padding-bottom: var(--g4);
}

.pb-5 {
  padding-bottom: clamp(var(--g5-mobile), 2vw, var(--g5-desktop));
}

.pb-6 {
  padding-bottom: clamp(var(--g6-mobile), 2vw, var(--g6-desktop));
}

.pb-7 {
  padding-bottom: clamp(var(--g7-mobile), 3vw, var(--g7-desktop));
}

.pb-8 {
  padding-bottom: clamp(var(--g8-mobile), 3vw, var(--g8-desktop));
}

.pb-9 {
  padding-bottom: clamp(var(--g9-mobile), 5vw, var(--g9-desktop));
}

.pb-10 {
  padding-bottom: clamp(var(--g10-mobile), 6vw, var(--g10-desktop));
}

.pb-11 {
  padding-bottom: clamp(var(--g11-mobile), 6vw, var(--g11-desktop));
}

.pb-12 {
  padding-bottom: clamp(var(--g12-mobile), 6vw, var(--g12-desktop));
}

.pb-13 {
  padding-bottom: clamp(var(--g13-mobile), 10vw, var(--g13-desktop));
}

.pb-14 {
  padding-bottom: clamp(var(--g14-mobile), 10vw, var(--g14-desktop));
}

.dash {
  background-color: var(--secondary-color);
  width: 16px;
  height: 2px;
  display: inline-block;
}

.centered {
  text-align: center;
}

.text-align-right {
  text-align: right;
}

.text-align-left {
  text-align: left;
}

.no-wrap {
  white-space: nowrap;
}

.max-width-small {
  max-width: 568px;
}

.max-width-600 {
  max-width: 600px;
}

.max-width-776 {
  max-width: 776px;
}

.max-width-808 {
  max-width: 808px;
}

@media (min-width: 992px) {
	.max-width-808-to-992 {
		max-width: 808px;
	}
}

.bold {
  font-weight: 500;
}

.strong {
  font-weight: 600;
}

.title-color {
  color: var(--title-color);
}

.grey-black-color {
  color: var(--grey-black-color);
}

.text-color {
  color: var(--text-color);
}

.second-text-color {
  color: var(--second-text-color);
}

.secondary-color {
  color: var(--secondary-color);
}

.white-color {
  color: var(--white);
}

.blue-color {
  color: var(--blue);
}

.grey-color {
  color: var(--grey);
}

.green-color {
  color: var(--green);
}

.anchor-link {
  position: relative;
}

.anchor-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px dotted var(--color-base);
}

@media (any-hover: hover) {
  .anchor-link:hover::after {
    border-color: var(--dark);
  }
}

.bg-light-green {
  background-color: var(--light-green);
}

.bg-light-grey {
  background: var(--light-grey-bg);
}

.border-bottom {
  border-bottom: 1px solid var(--stroke);
}

.border-top {
  border-top: 1px solid var(--stroke);
}

.link {
  color: var(--blue);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

@media (any-hover: hover) {
  .link:hover {
    color: var(--title-color);
  }

  .link:hover svg path {
    stroke: var(--title-color);
  }
}

table.no-border {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}

table.table {
  width: 100%;
  border-radius: 3px;
  overflow: hidden;
  margin: 31px 0 40px;
  border-bottom: 1px solid #f1f1f1;
  border-collapse: collapse;
  border-spacing: 0;
  border-radius: 3px;
}
table.table tbody tr:first-of-type td,
table.table1 tbody tr:first-of-type td {
  border-top: 1px solid #f1f1f1;
}
table.table tr:last-of-type td {
  border-bottom: 2px solid #f1f1f1;
}
table.table > thead > tr > th,
table.table > tbody > tr > th,
table.table > tfoot > tr > th,
table.table > thead > tr > td,
table.table > tbody > tr > td,
table.table > tfoot > tr > td {
  padding: 14px 20px 15px;
  border: none;
  border-bottom: 1px solid #f1f1f1;
}
table.table > thead > tr > th,
table.table > thead > tr > td {
  background: #a5abb5;
  color: #fff;
}
table.table > tbody > tr:hover,
table.table1 > tbody > tr:hover,
table.table-striped > tbody > tr:hover {
  background: #f8f9fb;
}
table.table:not(.table-bordered) > tbody > tr:hover td:first-of-type {
  padding-left: 19px;
  border-left: 1px solid #f1f1f1;
}
table.table:not(.table-bordered) > tbody > tr:hover td:last-of-type {
  padding-right: 19px;
  border-right: 2px solid #f1f1f1;
}

table.table-striped {
  width: 100%;
}
table.table > thead > tr > th,
table.table > tbody > tr > th,
table.table > tfoot > tr > th {
  color: white;
}
table.table td {
  background: none;
}
table.table-striped tbody td,
table.table-striped thead td,
table.table-striped tbody tr {
  background: none;
}
table.table td,
table.tabl e-striped td {
  border-bottom: 1px solid #ecf2f4;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background: none;
}
table.table1 {
  width: 100%;
  margin: 31px 0 40px;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-radius: 3px;
  overflow: hidden;
}
table.table1 tbody {
  border: 2px solid #f1f1f1;
  border-top: none;
}
h5 + table.table1 {
  margin: 33px 0 44px;
  border-radius: 3px;
  overflow: hidden;
}
table.table1 tbody td {
  padding: 15px 21px;
  border-bottom: 1px solid #ecf2f4;
  border-left: none;
  border-right: none;
  vertical-align: top;
}
table.table1 > thead > tr > th,
table.table1 > thead > tr > td,
table.table > thead > tr > th,
table.table > thead > tr > td {
  padding: 11px 21px;
  background: #a5abb5;
  color: #fff;
  font-size: 0.8667em;
  font-weight: normal;
}
table.table p {
  margin: 0;
}

@media (max-width: 767px) {
  .mobile-scroll {
    display: flex !important;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 var(--maxwidth-gap);
  }

  .mobile-scroll--2 .mobile-scroll__item {
    width: 312px !important;
    flex: 0 0 312px !important;
  }

  .mobile-scroll--3 .mobile-scroll__item {
    width: 210px !important;
    flex: 0 0 210px !important;
  }

  .mobile-scroll__item.mobile-scroll__item--double-width {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-height: 312px;
  }
}

.full-width {
  width: 100%;
}