/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.tk-hero__grid {
  display: grid;
  gap: 20px;
  padding-bottom: clamp(60px, calc(-19.89rem + 36.93vw), 125px); }

.tk-hero__grid {
  /*--- Dynamic padding top ---*/
  --hg-pt-MIN: 36;
  /*--- Minimum value -- will be reached on --START resolution */
  --hg-pt-MAX: 80;
  /*--- Maximum value -- will be reached on --STOP resolution */
  --hg-pt-START: 480;
  /*--- Resolution at which the value STARTS to rise */
  --hg-pt-STOP: 700;
  /*--- Resolution at which the value STOPS to rise */
  --hg-pt-COF: calc((var(--hg-pt-STOP) - var(--hg-pt-START)) / (var(--hg-pt-MAX) - var(--hg-pt-MIN)));
  /*--- Value growth factor */
  padding-top: clamp(calc(var(--hg-pt-MIN) * 1px), calc(((100vw - var(--hg-pt-START) * 1px) / var(--hg-pt-COF)) + var(--hg-pt-MIN) * 1px), calc(var(--hg-pt-MAX) * 1px)); }

.tk-hero__grid {
  /*--- Dynamic grid gap ---*/
  --hg-gg-MIN: 20;
  /*--- Minimum value -- will be reached on --START resolution */
  --hg-gg-MAX: 80;
  /*--- Maximum value -- will be reached on --STOP resolution */
  --hg-gg-START: 480;
  /*--- Resolution at which the value STARTS to rise */
  --hg-gg-STOP: 700;
  /*--- Resolution at which the value STOPS to rise */
  --hg-gg-COF: calc((var(--hg-gg-STOP) - var(--hg-gg-START)) / (var(--hg-gg-MAX) - var(--hg-gg-MIN)));
  /*--- Value growth factor */
  gap: clamp(calc(var(--hg-gg-MIN) * 1px), calc(((100vw - var(--hg-gg-START) * 1px) / var(--hg-gg-COF)) + var(--hg-gg-MIN) * 1px), calc(var(--hg-gg-MAX) * 1px)); }

.group__left {
  -ms-flex-order: 1;
      order: 1; }

.group__right {
  -ms-flex-order: 0;
      order: 0; }

.tk-hero__grid p {
  font-size: 18px;
  line-height: 29px;
  color: #808393;
  --hgp-START: 480;
  /*--- Resolution at which the value STARTS to rise */
  --hgp-STOP: 700;
  /*--- Resolution at which the value STOPS to rise */ }

.tk-hero__grid p {
  /*--- Dynamic font size ---*/
  --hgp-fz-MIN: 18;
  /*--- Minimum value -- will be reached on --START resolution */
  --hgp-fz-MAX: 20;
  /*--- Maximum value -- will be reached on --STOP resolution */
  --hgp-fz-COF: calc((var(--hgp-STOP) - var(--hgp-START)) / (var(--hgp-fz-MAX) - var(--hgp-fz-MIN)));
  /*--- Value growth factor */
  font-size: clamp(calc(var(--hgp-fz-MIN) * 1px), calc(((100vw - var(--hgp-START) * 1px) / var(--hgp-fz-COF)) + var(--hgp-fz-MIN) * 1px), calc(var(--hgp-fz-MAX) * 1px)); }

.tk-hero__grid p {
  /*--- Dynamic line height ---*/
  --hgp-lh-MIN: 29;
  /*--- Minimum value -- will be reached on --START resolution */
  --hgp-lh-MAX: 32;
  /*--- Maximum value -- will be reached on --STOP resolution */
  --hgp-lh-COF: calc((var(--hgp-STOP) - var(--hgp-START)) / (var(--hgp-lh-MAX) - var(--hgp-lh-MIN)));
  /*--- Value growth factor */
  line-height: clamp(calc(var(--hgp-lh-MIN) * 1px), calc(((100vw - var(--hgp-START) * 1px) / var(--hgp-lh-COF)) + var(--hgp-lh-MIN) * 1px), calc(var(--hgp-lh-MAX) * 1px)); }

.tk-hero__grid .wp-block-button {
  text-align: center; }

.tk-hero__grid .wp-block-button {
  /*--- Dynamic margin top ---*/
  --hgbc-mt-MIN: 40;
  /*--- Minimum value -- will be reached on --START resolution */
  --hgbc-mt-MAX: 50;
  /*--- Maximum value -- will be reached on --STOP resolution */
  --hgbc-mt-START: 480;
  /*--- Resolution at which the value STARTS to rise */
  --hgbc-mt-STOP: 700;
  /*--- Resolution at which the value STOPS to rise */
  --hgbc-mt-COF: calc((var(--hgbc-mt-STOP) - var(--hgbc-mt-START)) / (var(--hgbc-mt-MAX) - var(--hgbc-mt-MIN)));
  /*--- Value growth factor */
  margin-top: clamp(calc(var(--hgbc-mt-MIN) * 1px), calc(((100vw - var(--hgbc-mt-START) * 1px) / var(--hgbc-mt-COF)) + var(--hgbc-mt-MIN) * 1px), calc(var(--hgbc-mt-MAX) * 1px)); }

.tk-hero__grid .wp-block-button__link {
  width: 100%; }

.tk-hero__grid .wp-block-button__link {
  /*--- Dynamic width ---*/
  --hgb-mw-MIN: 320;
  /*--- Minimum value -- will be reached on --START resolution */
  --hgb-mw-MAX: 335;
  /*--- Maximum value -- will be reached on --STOP resolution */
  --hgb-mw-START: 700;
  /*--- Resolution at which the value STARTS to rise */
  --hgb-mw-STOP: 480;
  /*--- Resolution at which the value STOPS to rise */
  --hgb-mw-COF: calc((var(--hgb-mw-STOP) - var(--hgb-mw-START)) / (var(--hgb-mw-MAX) - var(--hgb-mw-MIN)));
  /*--- Value growth factor */
  max-width: clamp(calc(var(--hgb-mw-MIN) * 1px), calc(((100vw - var(--hgb-mw-START) * 1px) / var(--hgb-mw-COF)) + var(--hgb-mw-MIN) * 1px), calc(var(--hgb-mw-MAX) * 1px)); }

@media only screen and (min-width: 480px) {
  .tk-hero__grid {
    text-align: center; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .tk-hero__grid {
    margin-inline: auto;
    max-width: 768px; } }

@media only screen and (min-width: 1024px) {
  .tk-hero__grid {
    grid-template-columns: 1fr 1fr;
    text-align: left;
    gap: 0; }
  .tk-hero__grid {
    /*--- Dynamic verticel paddings ---*/
    --hg-pt-MIN: 80;
    /*--- Minimum value -- will be reached on --START resolution */
    --hg-pt-MAX: 200;
    /*--- Maximum value -- will be reached on --STOP resolution */
    --hg-pt-START: 1024;
    /*--- Resolution at which the value STARTS to rise */
    --hg-pt-STOP: 1200;
    /*--- Resolution at which the value STOPS to rise */ }
  .group__left {
    -ms-flex-order: 0;
        order: 0; }
  .group__right {
    -ms-flex-order: 1;
        order: 1;
    display: -ms-flexbox;
    display: flex; }
  .tk-hero__grid p {
    --hgp-START: 1024;
    /*--- Resolution at which the value STARTS to rise */
    --hgp-STOP: 1200;
    /*--- Resolution at which the value STOPS to rise */
    /*--- Dynamic font size ---*/
    --hgp-fz-MIN: 20;
    /*--- Minimum value -- will be reached on --START resolution */
    --hgp-fz-MAX: 24;
    /*--- Maximum value -- will be reached on --STOP resolution */
    /*--- Dynamic line height ---*/
    --hgp-lh-MIN: 32;
    /*--- Minimum value -- will be reached on --START resolution */
    --hgp-lh-MAX: 34;
    /*--- Maximum value -- will be reached on --STOP resolution */ }
  .tk-hero__grid .wp-block-button {
    text-align: left; }
  .group__right .wp-block-group__inner-container {
    margin-block: auto; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.tk-features__grid {
  /*--- Dynamic vertical padding ---*/
  --wwdg-pv-MIN: 40;
  /*--- Minimum value -- will be reached on --START resolution */
  --wwdg-pv-MAX: 68;
  /*--- Maximum value -- will be reached on --STOP resolution */
  --wwdg-pv-START: 700;
  /*--- Resolution at which the value STARTS to rise */
  --wwdg-pv-STOP: 480;
  /*--- Resolution at which the value STOPS to rise */
  --wwdg-pv-COF: calc((var(--wwdg-pv-STOP) - var(--wwdg-pv-START)) / (var(--wwdg-pv-MAX) - var(--wwdg-pv-MIN)));
  /*--- Value growth factor */
  /*padding-block: clamp(calc(var(--wwdg-pv-MIN) * 1px), calc(((100vw - var(--wwdg-pv-START) * 1px) / var(--wwdg-pv-COF)) + var(--wwdg-pv-MIN) * 1px), calc(var(--wwdg-pv-MAX) * 1px));*/ }

.tk-features__grid {
  display: grid;
  gap: 0 11px; }

.tk-features h2 {
  letter-spacing: -0.02em;
  --wwd-h2-START: 480;
  /*--- Resolution at which the value STARTS to rise */
  --wwd-h2-STOP: 700;
  /*--- Resolution at which the value STOPS to rise */
  /*--- Dynamic margin bottom ---*/
  --wwd-h2-mb-MIN: 19;
  /*--- Minimum value -- will be reached on --START resolution */
  --wwd-h2-mb-MAX: 49;
  /*--- Maximum value -- will be reached on --STOP resolution */
  --wwd-h2-mb-COF: calc((var(--wwd-h2-STOP) - var(--wwd-h2-START)) / (var(--wwd-h2-mb-MAX) - var(--wwd-h2-mb-MIN)));
  /*--- Value growth factor */
  margin-bottom: clamp(calc(var(--wwd-h2-mb-MIN) * 1px), calc(((100vw - var(--wwd-h2-START) * 1px) / var(--wwd-h2-mb-COF)) + var(--wwd-h2-mb-MIN) * 1px), calc(var(--wwd-h2-mb-MAX) * 1px)); }

.tk-features__grid p {
  margin-bottom: clamp(20px, calc(0.21rem + 3.47vw), 30px); }

.tk-features__grid p:empty {
  display: none; }

.tk-features__grid > li {
  -ms-flex-order: 3;
      order: 3;
  /*--- Dynamic margin top ---*/
  --wwdl-mt-MIN: 20;
  /*--- Minimum value -- will be reached on --START resolution */
  --wwdl-mt-MAX: 48;
  /*--- Maximum value -- will be reached on --STOP resolution */
  --wwdl-mt-START: 480;
  /*--- Resolution at which the value STARTS to rise */
  --wwdl-mt-STOP: 600;
  /*--- Resolution at which the value STOPS to rise */
  --wwdl-mt-COF: calc((var(--wwdl-mt-STOP) - var(--wwdl-mt-START)) / (var(--wwdl-mt-MAX) - var(--wwdl-mt-MIN)));
  /*--- Value growth factor */
  -webkit-margin-before: clamp(calc(var(--wwdl-mt-MIN) * 1px), calc(((100vw - var(--wwdl-mt-START) * 1px) / var(--wwdl-mt-COF)) + var(--wwdl-mt-MIN) * 1px), calc(var(--wwdl-mt-MAX) * 1px));
          margin-block-start: clamp(calc(var(--wwdl-mt-MIN) * 1px), calc(((100vw - var(--wwdl-mt-START) * 1px) / var(--wwdl-mt-COF)) + var(--wwdl-mt-MIN) * 1px), calc(var(--wwdl-mt-MAX) * 1px)); }

@media only screen and (min-width: 540px) {
  .tk-features__grid > li {
    text-align: right; } }

@media only screen and (min-width: 992px) {
  .tk-features__grid {
    display: grid;
    gap: 0 30px;
    grid-template-columns: 1fr 1fr; }
  .tk-features__grid h2 {
    grid-column: span 2;
    --wwd-h2-START: 1200;
    /*--- Resolution at which the value STARTS to rise */
    --wwd-h2-STOP: 1024;
    /*--- Resolution at which the value STOPS to rise */
    /*--- Dynamic margin bottom ---*/
    --wwd-h2-mb-MIN: 28;
    /*--- Minimum value -- will be reached on --START resolution */
    --wwd-h2-mb-MAX: 49;
    /*--- Maximum value -- will be reached on --STOP resolution */ }
  .tk-features__grid p {
    grid-column: span 2; }
  .tk-features__grid > li {
    grid-column: span 2;
    -ms-flex-order: 3;
        order: 3; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.tk-features-2__item-img img {
  width: clamp(72px, calc(-4.50rem + 18.75vw), 120px);
  margin-bottom: clamp(26px, calc(1.10rem + 1.74vw), 31px); }

.tk-features-2__item-ttl {
  font-size: 18px;
  line-height: 1.4;
  color: var(--clr-primary-txt);
  margin-bottom: clamp(8px, calc(0.29rem + 0.69vw), 10px); }

.tk-features-2__grid .arrow__link a:not(:empty) {
  margin-top: 30px; }

@media screen and (max-width: 767px) {
  .tk-features-2__item:not(:last-of-type) {
    margin-bottom: 40px; } }

@media screen and (min-width: 768px) {
  .tk-features-2__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 clamp(20px, calc(-1.56rem + 5.86vw), 35px); }
  .tk-features-2__grid > h2,
  .tk-features-2__grid > p,
  .tk-features-2__grid > .arrow__link {
    grid-column: span 3; }
  .tk-features-2__grid > .arrow__link {
    display: grid;
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .tk-features-2__item {
    margin-top: clamp(2px, calc(-3.81rem + 8.20vw), 23px); }
  .tk-features-2__item-img img {
    width: auto;
    height: clamp(72px, calc(-0.75rem + 10.94vw), 100px);
    margin-bottom: clamp(31px, calc(0.25rem + 3.52vw), 40px); }
  .tk-features-2__item-ttl {
    margin-bottom: clamp(10px, calc(-0.31rem + 1.95vw), 15px); } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.wp-block-wp-gb-tk-features-item-1 {
  margin-bottom: clamp(10px, calc(-5.34rem + 9.62vw), 30px); }

.tk-features__item {
  background: var(--clr-highlight);
  border-radius: 8px;
  display: grid;
  grid-template-columns: 80px 1fr 52px;
  grid-template-areas: 'img ttl ttl' 'txt txt txt' '. . lnk';
  gap: 9px 12px;
  /*--- Dynamic padding ---*/
  --wwdi-p-MIN: 16;
  /*--- Minimum value -- will be reached on --START resolution */
  --wwdi-p-MAX: 20;
  /*--- Maximum value -- will be reached on --STOP resolution */
  --wwdi-p-START: 480;
  /*--- Resolution at which the value STARTS to rise */
  --wwdi-p-STOP: 700;
  /*--- Resolution at which the value STOPS to rise */
  --wwdi-p-COF: calc((var(--wwdi-p-STOP) - var(--wwdi-p-START)) / (var(--wwdi-p-MAX) - var(--wwdi-p-MIN)));
  /*--- Value growth factor */
  padding: clamp(calc(var(--wwdi-p-MIN) * 1px), calc(((100vw - var(--wwdi-p-START) * 1px) / var(--wwdi-p-COF)) + var(--wwdi-p-MIN) * 1px), calc(var(--wwdi-p-MAX) * 1px)); }

.tk-features__item figure {
  grid-area: img; }

.tk-features__item h3 {
  grid-area: ttl;
  -ms-flex-item-align: center;
      align-self: center; }

.tk-features__item p {
  grid-area: txt;
  margin-bottom: 0; }

.tk-features__item p:not(:last-of-type) {
  margin-bottom: 7px; }

.tk-features__item li {
  grid-area: lnk;
  justify-self: flex-end; }

@media only screen and (min-width: 600px) {
  .tk-features__item {
    grid-template-columns: 120px 1fr 52px;
    grid-template-areas: 'img ttl lnk' 'img txt lnk';
    gap: 10px; }
  .tk-features__item figure {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
  .tk-features__item li {
    -ms-flex-item-align: center;
        align-self: center;
    justify-self: center; } }

@media only screen and (min-width: 1024px) {
  .tk-features__item {
    --wwdi-p-START: 1024;
    /*--- Resolution at which the value STARTS to rise */
    --wwdi-p-STOP: 1200;
    /*--- Resolution at which the value STOPS to rise */
    /*--- Dynamic padding ---*/
    --wwdi-p-MIN: 20;
    /*--- Minimum value -- will be reached on --START resolution */
    --wwdi-p-MAX: 30;
    /*--- Maximum value -- will be reached on --STOP resolution */ } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.tk-features__item-2 {
  background: var(--clr-highlight);
  border-radius: 8px;
  display: grid;
  grid-template-columns: 33px 1fr;
  padding: clamp(20px, calc(0.21rem + 3.47vw), 30px);
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  height: 100%; }

.wp-block-wp-gb-tk-features-item-2 {
  margin-bottom: clamp(10px, calc(-5.34rem + 9.62vw), 30px); }

.tk-features__item-2 p {
  grid-column: span 1;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.03em;
  margin-bottom: 0;
  color: var(--clr-primary-txt);
  -ms-flex-item-align: center;
      align-self: center; }

.tk-features__item-2:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 11px;
  background: #315695;
  -webkit-mask: url("../image/arrow-check.svg");
          mask: url("../image/arrow-check.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
  -ms-flex-item-align: center;
      align-self: center; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.tk-features__item-3 {
  background-color: var(--clr-highlight);
  -webkit-box-shadow: 0 6.6501px 20.8148px rgba(144, 144, 144, 0.0282725), 0 2.76726px 8.66151px rgba(144, 144, 144, 0.0196802);
          box-shadow: 0 6.6501px 20.8148px rgba(144, 144, 144, 0.0282725), 0 2.76726px 8.66151px rgba(144, 144, 144, 0.0196802);
  border-radius: 8px;
  padding: clamp(20px, calc(0.21rem + 3.47vw), 30px);
  height: 100%; }

.tk-features__item-3 img {
  height: clamp(40px, calc(1.46rem + 3.47vw), 50px);
  -webkit-margin-after: clamp(16px, calc(0.58rem + 1.39vw), 20px);
          margin-block-end: clamp(16px, calc(0.58rem + 1.39vw), 20px);
  width: auto; }

.tk-features__item-3 h3 {
  font-size: clamp(18px, calc(0.92rem + 0.69vw), 20px);
  -webkit-margin-after: clamp(8px, calc(0.29rem + 0.69vw), 10px);
          margin-block-end: clamp(8px, calc(0.29rem + 0.69vw), 10px); }

@media only screen and (min-width: 768px) {
  .tk-features__item-3 img {
    height: clamp(50px, calc(-3.30rem + 13.39vw), 80px); }
  .tk-features__item-3 h3 {
    font-size: clamp(20px, calc(0.82rem + 0.89vw), 22px); } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.tk-features__item-4 img {
  height: clamp(30px, calc(-2.41rem + 8.93vw), 50px);
  -webkit-margin-after: clamp(16px, calc(0.58rem + 1.39vw), 20px);
          margin-block-end: clamp(16px, calc(0.58rem + 1.39vw), 20px);
  width: auto; }

.tk-features__item-4 h3 {
  font-size: clamp(18px, calc(0.92rem + 0.69vw), 20px);
  -webkit-margin-after: clamp(8px, calc(0.29rem + 0.69vw), 10px);
          margin-block-end: clamp(8px, calc(0.29rem + 0.69vw), 10px); }

@media only screen and (min-width: 768px) {
  .tk-features__item-4 h3 {
    font-size: clamp(20px, calc(0.82rem + 0.89vw), 22px); } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.wp-block-wp-gb-tk-features-item-5 .big-part {
  font-weight: 700;
  font-size: clamp(50px, calc(0.89rem + 4.64vw), 70px);
  line-height: 1.2;
  color: var(--clr-primary-txt);
  text-align: center;
  margin-bottom: clamp(4px, calc(-0.37rem + 2.08vw), 10px); }

.wp-block-wp-gb-tk-features-item-5 .small-part {
  font-weight: 400;
  font-size: clamp(16px, calc(0.79rem + 0.69vw), 18px);
  line-height: 1.4;
  text-align: center;
  color: var(--clr-secondary-txt); }

@media only screen and (min-width: 769px) {
  .wp-block-wp-gb-tk-features-item-5 .small-part {
    font-size: clamp(18px, calc(0.01rem + 2.32vw), 28px); } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.wp-block-wp-gb-tk-representative-section {
  /*padding-block: clamp(14px, calc(-7.99rem + 29.55vw), 79px);*/ }

.tk-representative-section h2 {
  margin-bottom: 32px; }

.tk-representative-section h3 {
  color: var(--clr-primary-txt);
  font-weight: bold;
  font-size: clamp(22px, calc(1.17rem + 0.69vw), 24px);
  line-height: 1.4;
  margin-bottom: 30px; }

.tk-representative-section p {
  margin-bottom: 42px;
  max-width: 780px; }

.tk-representative-section .arrow__link {
  margin-top: 27px; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/*<editor-fold desc="Technology Items">*/
.technology-item {
  border: 1px solid #282A31;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*border-radius: 10px;*/
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 170px;
  padding: 25px 10px; }

.technology-item img {
  max-width: 81px !important;
  margin-block: auto;
  max-height: 81px !important;
  height: auto !important; }

.technology-item span {
  margin-top: auto; }

/*</editor-fold>*/
/*<editor-fold desc="Employees Item">*/
.employee-item {
  padding: 15px 20px 15px;
  background-color: var(--clr-highlight);
  color: var(--clr-secondary-txt);
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.02);
          box-shadow: 0 10px 15px rgba(0, 0, 0, 0.02);
  border-radius: 10px; }

.employees_header {
  display: grid;
  grid-template-columns: 52px auto;
  gap: 10px;
  padding-bottom: 20px;
  -ms-flex-align: center;
      align-items: center; }

.employees_header img {
  border-radius: 50%;
  width: 52px !important;
  height: 52px !important;
  -o-object-fit: cover;
     object-fit: cover; }

.employees_title {
  font-weight: bold;
  font-size: clamp(16px, calc(0.63rem + 0.78vw), 18px);
  line-height: 26px;
  margin: 0;
  color: var(--clr-primary-txt); }

.employees_position {
  font-size: clamp(16px, calc(0.50rem + 0.78vw), 14px);
  margin-bottom: 21px;
  font-weight: bold;
  line-height: 19px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #fff;
  height: 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 5px;
  border-left: 3px solid var(--clr-accent); }

.light-mode .employees_position {
  color: #828282; }

.employees_summary {
  font-size: 16px;
  line-height: 1.6;
  max-height: 103px;
  min-height: 103px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  margin-bottom: 22px;
  /*transition: .3s all;*/
  position: relative; }

.employees_summary.open {
  max-height: auto;
  -webkit-line-clamp: 100; }

.employees_item_footer {
  display: grid;
  grid-template-columns: 1fr 101px;
  gap: 20px; }

.employees_experience,
.employees_projects {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 1.4; }

@media only screen and (min-width: 1100px) {
  .employees_experience,
  .employees_projects {
    font-size: 16px; } }

.employees_experience i,
.employees_projects i {
  font-style: normal;
  text-transform: uppercase; }

.employees_experience span,
.employees_projects span {
  font-size: clamp(32px, calc(1.25rem + 1.56vw), 36px);
  line-height: 1.2;
  font-weight: 300;
  color: var(--clr-accent);
  padding-right: 1px; }

/*</editor-fold>*/
/*<editor-fold desc="Projcts Item">*/
.project-item {
  border-radius: 8px;
  background-color: var(--clr-highlight); }

.full-shown {
  margin-bottom: clamp(48px, calc(1.24rem + 5.88vw), 80px); }

.project-item h3 {
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 34px;
  color: var(--clr-primary-txt);
  margin-bottom: clamp(8px, calc(0.29rem + 0.69vw), 10px); }

.project-item__img {
  width: 100%;
  padding-bottom: 58.3090%;
  position: relative;
  overflow: hidden;
  cursor: pointer; }

.full-shown .project-item__img {
  pointer-events: none; }

.project-item__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 8px 8px 0 0; }

.project-item:not(.full-shown) .project-item__img img {
  border-radius: 8px; }

.project-item__shadow-wrap {
  position: absolute;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), color-stop(43.28%, rgba(2, 3, 38, 0.310516)), to(rgba(3, 5, 62, 0)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(2, 3, 38, 0.310516) 43.28%, rgba(3, 5, 62, 0) 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(2, 3, 38, 0.310516) 43.28%, rgba(3, 5, 62, 0) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(2, 3, 38, 0.310516) 43.28%, rgba(3, 5, 62, 0) 100%);
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform .2s linear;
  transition: -webkit-transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
  transition: transform .2s linear, -webkit-transform .2s linear;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end; }

.project-item__shadow-wrap .project-item__tags {
  color: var(--clr-primary-txt);
  margin-bottom: 0; }

.project-item__img:hover .project-item__shadow-wrap {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }

.project-item:not(.full-shown) .project-item__img {
  border-radius: 8px; }

.project-item:not(.full-shown) .project-item__text {
  display: none; }

.project-item__text {
  padding: clamp(16px, calc(-0.46rem + 4.86vw), 30px); }

.project-item__tags {
  margin-bottom: clamp(20px, calc(-2.50rem + 7.81vw), 40px); }

.project-item .project-item__text p {
  margin-bottom: 16px;
  min-height: 330px;
  overflow: hidden; }

.project-item__info-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-top: 20px;
  padding-bottom: 12px;
  margin-bottom: -12px;
  grid-template-areas: 'a01 a03 ...' 'a02 a04 ...' '... ... ...' 'a05 a07 ...' 'a06 a08 ...' '... ... ...' 'a09 a09 ...' 'a10 a10 a10' 'a11 a11 a11';
  grid-template-rows: repeat(8, 0) auto;
  overflow: hidden;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }

.project-item__info-grid.opened {
  grid-template-rows: repeat(9, auto);
  border-top: 1px solid var(--clr-secondary-txt); }

.project-item__ttl {
  position: relative;
  margin-bottom: 3px;
  color: var(--clr-primary-txt);
  opacity: 0;
  z-index: 0; }

.project-item__descr {
  position: relative;
  opacity: 0;
  margin-bottom: 17px;
  z-index: 0; }

.project-item__info-grid.opened .project-item__ttl,
.project-item__info-grid.opened .project-item__descr {
  opacity: 1;
  z-index: 1; }

.link__more-less {
  border-bottom: 1px solid var(--clr-secondary-txt);
  padding-bottom: 18px;
  margin-bottom: -11px;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  letter-spacing: 0.03em;
  color: var(--clr-accent);
  cursor: pointer;
  -webkit-transition: color .2s linear;
  -o-transition: color .2s linear;
  transition: color .2s linear;
  position: relative;
  z-index: 2; }

.link__more-less:after {
  content: '';
  display: inline-block;
  height: 12px;
  width: 6px;
  background: var(--clr-accent);
  -webkit-mask: url("../image/arrow.svg");
          mask: url("../image/arrow.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
  position: relative;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  top: 1px;
  left: 19px;
  -webkit-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
  transition: background-color .2s linear; }

.link__more-less[data-state="less"]:after {
  top: 2px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg); }

.link__more-less:hover {
  color: var(--clr-hover); }

.link__more-less:after:hover {
  background-color: var(--clr-hover); }

@media screen and (min-width: 768px) {
  .link__more-less {
    display: none; }
  .project-item__info-grid {
    border-top: none;
    grid-template-columns: repeat(7, 1fr);
    grid-template-areas: 'a01 a03 a05 a07 ... ... ...' 'a02 a04 a06 a08 ... ... ...' '... ... ... ... ... ... ...' 'a09 a09 a09 a09 a09 a09 a09' 'a10 a10 a10 a10 a10 a10 a10';
    grid-template-rows: repeat(5, auto); }
  .project-item__ttl,
  .project-item__descr {
    opacity: 1; }
  .project-item__text {
    padding: clamp(30px, calc(-1.11rem + 4.81vw), 40px); } }

@media screen and (max-width: 1023px) {
  .project-item:not(.full-shown) .project-item__shadow-wrap {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); } }

@media screen and (min-width: 1024px) {
  .project-item.full-shown {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 10px 10px; }
  .project-item.full-shown .project-item__text {
    -ms-flex-order: 0;
        order: 0;
    border-radius: 10px 0 0 10px; }
  .project-item.full-shown .project-item__img {
    -ms-flex-order: 1;
        order: 1;
    border-radius: 0 10px 10px 0;
    padding-bottom: 0; }
  .project-item.full-shown .project-item__img img {
    border-radius: 0; }
  .project-item__info-grid {
    border-top: none;
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: 'a01 a03 a05 a07' 'a02 a04 a06 a08' '... ... ... ...' 'a09 a09 a09 a09' 'a10 a10 a10 a10';
    grid-template-rows: repeat(5, auto); } }

.arrow__link .dont_count {
  opacity: 0;
  pointer-events: none; }

/*</editor-fold>*/
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.tk_chosen_case__grid {
  display: grid;
  grid-template-rows: 400px repeat(4, auto); }

.tk_chosen_case__img_wrapp {
  position: relative;
  width: 100%;
  height: 100%;
  -ms-flex-order: 0;
      order: 0; }

.tk_chosen_case__img_wrapp img {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 8px !important; }

.tk_chosen_case__testimonial_txt,
.tk_chosen_case__testimonial_ttl {
  position: absolute;
  width: 100%;
  padding: clamp(16px, calc(-0.46rem + 4.86vw), 30px);
  bottom: 0;
  font-weight: 500; }

.tk_chosen_case__testimonial_txt {
  padding-bottom: clamp(51px, calc(1.63rem + 5.21vw), 66px);
  background: -webkit-linear-gradient(91.43deg, rgba(0, 0, 0, 0.83) 1.43%, rgba(0, 0, 0, 0) 91.11%);
  background: -o-linear-gradient(91.43deg, rgba(0, 0, 0, 0.83) 1.43%, rgba(0, 0, 0, 0) 91.11%);
  background: linear-gradient(358.57deg, rgba(0, 0, 0, 0.83) 1.43%, rgba(0, 0, 0, 0) 91.11%);
  font-size: clamp(16px, calc(0.79rem + 0.69vw), 18px);
  line-height: 1.4;
  color: var(--clr-primary-txt); }

.tk_chosen_case__upper_title {
  -ms-flex-order: 2;
      order: 2;
  font-size: 16px;
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--clr-secondary-txt);
  margin-top: 24px;
  margin-bottom: 32px; }

.tk_chosen_case__title {
  -ms-flex-order: 3;
      order: 3;
  font-weight: bold;
  font-size: clamp(28px, calc(1.33rem + 1.39vw), 32px);
  line-height: 1.2;
  letter-spacing: 0.02em;
  color: var(--clr-primary-txt);
  margin-bottom: 20px; }

.tk_chosen_case__text {
  -ms-flex-order: 4;
      order: 4; }

.tk_chosen_case__text p:not(:last-of-type) {
  margin-bottom: 10px; }

.tk_chosen_case__grid .arrow__link {
  -ms-flex-order: 5;
      order: 5;
  margin-top: 32px; }

@media screen and (min-width: 1024px) {
  .tk_chosen_case__grid {
    display: grid;
    gap: 0 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
  .tk_chosen_case__img_wrapp {
    min-height: 400px;
    height: 100%; }
  .tk_chosen_case__title {
    font-size: clamp(32px, calc(0.55rem + 2.27vw), 36px); }
  .tk_chosen_case__upper_title {
    margin-top: 0; }
  /*.tk_chosen_case__text {}*/ }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.tk-contact__grid {
  display: grid;
  grid-template-areas: 'ttl' 'form' 'text';
  gap: clamp(32px, calc(-0.50rem + 8.33vw), 56px); }

.tk-contact__heading {
  grid-area: ttl; }

.tk-contact__text {
  grid-area: text; }

.tk-contact__form-wrap {
  grid-area: form;
  border-radius: 8px;
  background-color: var(--clr-highlight);
  padding: clamp(16px, calc(-1.50rem + 8.33vw), 40px); }

.tk-contact__form-ttl {
  margin-bottom: clamp(8px, calc(-1.79rem + 7.64vw), 30px); }

.tk-contact__form-descr {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.6;
  color: var(--clr-primary-txt); }

.tk-contact__text-ttl {
  font-weight: normal;
  font-size: clamp(20px, calc(0.42rem + 2.78vw), 28px);
  line-height: 1.6;
  color: var(--clr-primary-txt);
  margin-bottom: clamp(30px, calc(0.83rem + 3.47vw), 40px); }

.tk-contact__text-list {
  counter-reset: contact; }

.tk-contact__text-list li {
  position: relative;
  padding-left: 64px;
  margin-bottom: 42px;
  letter-spacing: 0.9px;
  line-height: 1.8; }

.tk-contact__text-list li::before {
  counter-increment: contact;
  content: counter(contact);
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  display: inline-grid;
  width: 40px;
  height: 40px;
  place-content: center;
  border: 2px solid #28477C;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 80px; }

.tk-contact__text-list li:not(:last-of-type)::after {
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  top: 40px;
  right: 0;
  bottom: 0;
  left: 20px;
  border-left: 1px dashed #28477C; }

.tk-contact__grid:not(.extendable) .tk-contact__btn {
  display: none !important; }

.tk-contact__grid.closed .tk-contact__text,
.tk-contact__grid.closed .tk-contact__form-wrap {
  display: none; }

.tk-contact__grid.extendable .wp-block-button__link:after {
  content: "";
  height: 9px;
  width: 14px;
  background-color: #fff;
  -webkit-mask: url("../image/chevron-down.svg");
          mask: url("../image/chevron-down.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
  margin-left: 10px; }

.tk-contact__grid.extendable:not(.closed) .wp-block-button__link:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

@media screen and (min-width: 1024px) {
  .container .tk-contact__grid {
    grid-template-areas: 'ttl ttl' 'text form';
    -ms-flex-align: center;
        align-items: center;
    gap: 56px;
    grid-template-columns: 446px 1fr; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.tk-contact__grid {
  display: grid;
  grid-template-areas: 'form' 'text';
  gap: clamp(32px, calc(-0.50rem + 8.33vw), 56px); }

.tk-contact__text {
  grid-area: text; }

.tk-contact__form-wrap {
  grid-area: form;
  border-radius: 8px;
  background-color: var(--clr-highlight);
  padding: clamp(16px, calc(-1.50rem + 8.33vw), 40px); }

.tk-contact__form-ttl {
  margin-bottom: clamp(8px, calc(-1.79rem + 7.64vw), 30px); }

.tk-contact__form-descr {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.6;
  color: var(--clr-primary-txt); }

.tk-contact__text-ttl {
  font-weight: normal;
  font-size: clamp(20px, calc(0.42rem + 2.78vw), 28px);
  line-height: 1.6;
  color: var(--clr-primary-txt);
  margin-bottom: clamp(30px, calc(0.83rem + 3.47vw), 40px); }

.tk-contact__text-list {
  counter-reset: contact; }

.tk-contact__text-list li {
  position: relative;
  padding-left: 64px;
  margin-bottom: 42px;
  letter-spacing: 0.9px;
  line-height: 1.8; }

.tk-contact__text-list li::before {
  counter-increment: contact;
  content: counter(contact);
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  display: inline-grid;
  width: 40px;
  height: 40px;
  place-content: center;
  border: 2px solid #28477C;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 80px; }

.tk-contact__text-list li:not(:last-of-type)::after {
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  top: 40px;
  right: 0;
  bottom: 0;
  left: 20px;
  border-left: 1px dashed #28477C; }

@media screen and (min-width: 1024px) {
  .tk-contact__grid {
    grid-template-areas: 'text form';
    -ms-flex-align: center;
        align-items: center;
    gap: 56px;
    grid-template-columns: 446px 1fr; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.type-1 .text-image-1__grid-left {
  background: #33363F;
  border-radius: 10px 10px 0 0;
  padding: clamp(16px, calc(-0.46rem + 4.86vw), 30px); }

.text-image-1__grid h3 {
  font-size: clamp(28px, calc(1.33rem + 1.39vw), 32px);
  line-height: 1.2;
  margin-bottom: clamp(20px, calc(0.21rem + 3.47vw), 30px); }

.text-image-1__grid h4 {
  font-size: clamp(18px, calc(0.27rem + 1.79vw), 22px);
  -webkit-margin-after: clamp(10px, calc(-1.52rem + 4.46vw), 20px);
          margin-block-end: clamp(10px, calc(-1.52rem + 4.46vw), 20px); }

.text-image-1__grid h4:not(:first-child) {
  -webkit-margin-before: clamp(10px, calc(-6.87rem + 15.63vw), 45px);
          margin-block-start: clamp(10px, calc(-6.87rem + 15.63vw), 45px); }

.text-image-1__grid p {
  font-weight: 400;
  line-height: 160%; }

.text-image-1__grid.type-1 p {
  color: #FFFFFF;
  font-size: 18px; }

.text-image-1__grid.type-2 p {
  font-size: 16px;
  color: var(--clr-secondary-txt); }

.text-image-1__grid-right img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto; }

.type-3 .text-image-1__grid-right img {
  border-radius: 10px; }

.type-1.image-right .text-image-1__grid-right img {
  border-radius: 0 10px 10px 0 !important; }

.type-1.image-left .text-image-1__grid-right img {
  border-radius: 10px 0 0 10px !important; }

.type-2 .text-image-1__grid-right img {
  border-radius: 10px !important; }

.text-image-1__grid p:not(:last-of-type) {
  margin-bottom: clamp(10px, calc(0.10rem + 1.74vw), 15px); }

.type-1.image-left .text-image-1__grid-left {
  -ms-flex-order: 1;
      order: 1; }

.type-2,
.type-3 {
  display: grid;
  gap: 16px; }

.type-2 .text-image-1__grid-left,
.type-3 .text-image-1__grid-left {
  -ms-flex-order: 1;
      order: 1; }

.type-2 .text-image-1__grid-right,
.type-3 .text-image-1__grid-right {
  -ms-flex-order: 0;
      order: 0; }

.type-3.text-image-1__grid h3 {
  font-size: clamp(18px, calc(0.27rem + 1.79vw), 22px);
  -webkit-margin-after: clamp(8px, calc(0.07rem + 0.89vw), 10px);
          margin-block-end: clamp(8px, calc(0.07rem + 0.89vw), 10px); }

@media only screen and (min-width: 768px) {
  .type-1 .text-image-1__grid h3,
  .type-2 .text-image-1__grid h3 {
    font-size: clamp(32px, calc(1.14rem + 1.79vw), 36px); }
  .type-1.image-right .text-image-1__grid-left {
    border-radius: 10px 0 0 10px; }
  .type-1.image-left .text-image-1__grid-left {
    border-radius: 0 10px 10px 0; }
  .type-3 {
    display: grid;
    gap: clamp(20px, calc(-7.32rem + 17.86vw), 60px); }
  .type-3 .text-image-1__grid-left {
    -ms-flex-item-align: center;
        align-self: center; }
  .type-3.image-left {
    grid-template-columns: 234px 1fr; }
  .type-3.image-right {
    grid-template-columns: 1fr 234px; }
  .type-3 .text-image-1__grid-right img {
    width: 234px;
    height: 123px; } }

@media only screen and (min-width: 992px) {
  .text-image-1__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
  .type-2.text-image-1__grid {
    -ms-flex-align: center;
        align-items: center; }
  .type-2.image-left {
    grid-template-columns: 3fr 2fr; }
  .type-2.image-right {
    grid-template-columns: 15fr 16.5fr; }
  .text-image-1__grid.type-2 {
    gap: clamp(40px, calc(-6.07rem + 17.86vw), 80px); }
  .type-1.text-image-1__grid-left {
    border-radius: 10px 0 0 10px; }
  .type-1.text-image-1__grid-right img {
    border-radius: 0 10px 10px 0 !important; } }

.wp-block-wp-gb-text-image-1:not(:last-child) {
  -webkit-margin-after: clamp(20px, calc(-0.89rem + 4.46vw), 30px);
          margin-block-end: clamp(20px, calc(-0.89rem + 4.46vw), 30px); }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.step-heading {
  margin-bottom: clamp(32px, calc(1.17rem + 2.78vw), 40px); }

.step-heading p {
  color: var(--clr-primary-txt);
  font-size: clamp(14px, calc(0.46rem + 1.39vw), 18px);
  background: #28477C;
  border: 2px solid #28477C;
  border-radius: 80px;
  padding-inline: 20px;
  height: 40px;
  display: inline-grid;
  place-content: center;
  margin-bottom: 12px; }

@media only screen and (min-width: 768px) {
  .step-heading p {
    margin-bottom: 0; }
  .step-heading {
    display: grid;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    -ms-flex-align: center;
        align-items: center;
    gap: 30px;
    margin-bottom: clamp(40px, calc(-1.79rem + 8.93vw), 60px); } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.meeting-screenshot__grid {
  background: #34353D;
  border-radius: clamp(8px, calc(0.29rem + 0.69vw), 10px);
  padding-block: clamp(20px, calc(-0.83rem + 6.94vw), 40px);
  padding-inline: clamp(16px, calc(-6.08rem + 23.61vw), 84px); }

.meeting-screenshot__grid h5,
.meeting-screenshot__grid p {
  font-weight: 500;
  font-size: clamp(14px, calc(0.67rem + 0.69vw), 16px);
  line-height: 160%;
  color: var(--clr-primary-txt); }

.meeting-screenshot__grid p {
  color: var(--clr-secondary-txt); }

@media only screen and (min-width: 768px) {
  .meeting-screenshot__grid {
    border-radius: clamp(10px, calc(-1.52rem + 4.46vw), 20px);
    padding-inline: clamp(40px, calc(14.68rem + -19.64vw), 84px); }
  .meeting-screenshot__grid h5,
  .meeting-screenshot__grid p {
    font-size: clamp(16px, calc(0.57rem + 0.89vw), 18px);
    line-height: 25px; } }

.meeting-screenshot__image-left,
.meeting-screenshot__image-right {
  width: 100%;
  padding-bottom: calc(100% * (278 / 450));
  position: relative;
  margin-bottom: calc(100% * (40 / 450)); }

.meeting-screenshot__image-left figure,
.meeting-screenshot__image-left figure img,
.meeting-screenshot__image-right figure,
.meeting-screenshot__image-right figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0 !important; }

.meeting-screenshot__image-left::after,
.meeting-screenshot__image-right::after {
  content: '';
  display: block;
  height: calc(100% * (40 / 278));
  background-color: #282829;
  position: absolute;
  width: 100%;
  bottom: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  border-radius: 0 0 10px 10px;
  background-image: url(../image/meeting-screenshot-bg-1.png);
  background-position: center;
  background-repeat: no-repeat; }

.meeting-screenshot__image-left {
  grid-area: il; }

.meeting-screenshot__name-left {
  grid-area: nl; }

.meeting-screenshot__position-left {
  grid-area: pl; }

.meeting-screenshot__image-right {
  grid-area: ir; }

.meeting-screenshot__name-right {
  grid-area: nr; }

.meeting-screenshot__position-right {
  grid-area: pr; }

.meet-icons {
  grid-area: ic;
  display: grid;
  grid-template-columns: repeat(3, 40px);
  gap: 32px;
  -ms-flex-pack: center;
      justify-content: center; }

.meeting-screenshot__grid {
  display: grid; }

@media only screen and (max-width: 480px) {
  .meet-icons,
  .meeting-screenshot__name-left,
  .meeting-screenshot__position-left,
  .meeting-screenshot__name-right,
  .meeting-screenshot__position-right {
    text-align: center; }
  .meeting-screenshot__grid {
    grid-template-areas: "nl nl" "pl pl" ". ." "il il" ". ." "ic ic" ". ." "ir ir" ". ." "nr nr" "pr pr";
    grid-template-rows: auto auto 12px auto 12px auto 12px auto 12px auto auto; } }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .meet-icons {
    text-align: center; }
  .meeting-screenshot__name-left,
  .meeting-screenshot__name-right {
    text-align: left; }
  .meeting-screenshot__position-left,
  .meeting-screenshot__position-right {
    text-align: right; }
  .meeting-screenshot__grid {
    grid-template-areas: 'nl pl' '.. ..' 'il il' '.. ..' 'ic ic' '.. ..' 'ir ir' '.. ..' 'nr pr';
    grid-template-rows: auto 12px auto 12px auto 12px auto 12px auto; } }

@media only screen and (min-width: 992px) {
  .meeting-screenshot__grid {
    grid-template-areas: 'il . ic . ir' '.. . .. . ..' 'nl . .. . nr' 'pl . .. . pr';
    grid-template-columns: 1fr 40px auto 40px 1fr;
    grid-template-rows: auto 28px auto auto; }
  .meet-icons {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 60px);
    gap: 30px;
    -ms-flex-pack: center;
        justify-content: center;
    margin: auto; }
  .meet-icons img {
    width: 60px; }
  .meeting-screenshot__grid h5, .meeting-screenshot__grid p {
    text-align: center; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.items-grid_2 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px; }

.items-grid_3 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 8px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .items-grid_2, .items-grid_3 {
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(20px, calc(-0.89rem + 4.46vw), 30px); } }

@media only screen and (min-width: 992px) {
  .items-grid_2, .items-grid_3 {
    gap: clamp(20px, calc(-0.89rem + 4.46vw), 30px); }
  .items-grid_2 {
    grid-template-columns: repeat(2, 1fr); }
  .items-grid_3 {
    grid-template-columns: repeat(3, 1fr); } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.items-grid-2 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .items-grid-2 {
    gap: clamp(20px, calc(-0.89rem + 4.46vw), 30px); } }

@media only screen and (min-width: 992px) {
  .items-grid-2 {
    gap: clamp(20px, calc(-0.89rem + 4.46vw), 30px);
    grid-template-columns: repeat(3, 1fr); } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.review-item {
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.02);
          box-shadow: 0 10px 15px rgba(0, 0, 0, 0.02);
  border-radius: 8px;
  padding: clamp(20px, calc(-0.83rem + 6.94vw), 40px);
  background-color: var(--clr-highlight);
  display: grid;
  gap: clamp(12px, calc(0.44rem + 1.04vw), 15px);
  --img: clamp(44px, calc(1.08rem + 5.56vw), 60px);
  grid-template-columns: var(--img) 1fr var(--img);
  max-width: 800px;
  margin-inline: auto; }

.review-item p {
  grid-column: span 3;
  color: var(--clr-primary-txt);
  font-size: clamp(20px, calc(0.83rem + 1.39vw), 24px);
  -webkit-margin-after: clamp(36px, calc(0.79rem + 4.86vw), 50px);
          margin-block-end: clamp(36px, calc(0.79rem + 4.86vw), 50px); }

.review-item .name {
  color: var(--clr-primary-txt);
  -ms-flex-item-align: center;
      align-self: center;
  font-size: clamp(16px, calc(0.58rem + 1.39vw), 20px); }

.review-item .name > .position {
  color: var(--clr-secondary-txt); }

@media only screen and (min-width: 768px) {
  .review-item p {
    font-size: clamp(24px, calc(0.64rem + 1.79vw), 28px); } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.wp-block-wp-gb-tk-gallery {
  margin-top: clamp(32px, calc(-0.92rem + 9.72vw), 60px); }

@media screen and (min-width: 768px) {
  .wp-block-wp-gb-tk-gallery {
    margin-top: clamp(60px, calc(-0.54rem + 8.93vw), 80px); } }

.wp-block-wp-gb-tk-gallery .wp-block-gallery figure.wp-block-image {
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }

.wp-block-wp-gb-tk-gallery .wp-block-gallery figure.wp-block-image figcaption {
  position: relative;
  background: transparent;
  text-align: left;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: var(--clr-primary-txt);
  padding-inline: 0; }