:root {
  --delta: 10px;
  --font-family-jakarta: "Plus Jakarta Sans",
  sans-serif;
  --color-dark: #131210;
  --color-darker: #21201E;
  --color-white: #FFFFFF;
  --bs-warning-rgb: 251,
  188,
  4;
  --cells-spacing: calc(4*var(--delta));
  --container-max-width: calc((136 + 4) * var(--delta));
  --container-max-width-smaller: calc((136 + 4 - 8) * var(--delta));
  --section-block-padding: calc(11.2*var(--delta));
}
@media (max-width: 1440px) {
  :root {
    --delta: calc(100vw * 10/1440);
  }
}
@media (max-width: 768px) {
  :root {
    --delta: calc(100vw * 10/375);
  }
}
@media (max-width: 768px) {
  :root {
    --section-block-padding: calc(5*var(--delta));
  }
}

::-moz-selection {
  color: #0E0E0E;
  background-color: var(--color-white);
}

::selection {
  color: #0E0E0E;
  background-color: var(--color-white);
}

* > *:last-child {
  margin-bottom: 0px !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: rgba(255, 255, 255, 0.6);
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  color: #FFFFFF;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  display: inline-block;
  font-size: 53.3333333333%;
  margin-left: calc(0.6 * var(--delta));
  font-weight: 400;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.6);
  text-transform: none;
}

p {
  margin-bottom: calc(2 * var(--delta));
}

body {
  background-color: #131210;
  font-family: var(--font-family-jakarta);
  cursor: default;
  overflow-x: hidden;
}

a {
  transition: all 0.3s ease;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: var(--cells-spacing);
  max-width: var(--container-max-width);
}
.container > .row,
.container-lg > .row,
.container-md > .row,
.container-sm > .row,
.container-xl > .row,
.container-xxl > .row {
  --bs-gutter-x: var(--cells-spacing);
}

.btn {
  --bs-btn-padding-x: calc(2*var(--delta));
  --bs-btn-padding-y: calc(1.3*var(--delta));
  --bs-btn-font-family: var(--font-family-jakarta);
  --bs-btn-font-size: calc(1.6*var(--delta));
  --bs-btn-font-weight: 600;
  --bs-btn-line-height: calc(24/16);
  --bs-btn-border-width: 1px;
  --bs-btn-border-radius: calc(1.4*var(--delta));
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: none;
}
.btn.btn-less-round {
  --bs-btn-border-radius: calc(.8*var(--delta));
}
.btn.btn-have-arrow {
  text-align: left;
  --bs-btn-padding-x: calc(1.8*var(--delta));
  padding-right: calc(4.2 * var(--delta));
  position: relative;
}
.btn.btn-have-arrow:after {
  content: "";
  display: block;
  position: absolute;
  right: var(--bs-btn-padding-x);
  top: 50%;
  transform: translateY(-50%);
  width: calc(2.4 * var(--delta));
  height: calc(2.4 * var(--delta));
  background-image: url("./../images/arrow-right-dark.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.btn.btn-have-arrow.btn-dark:after {
  background-image: url("./../images/arrow-right-light.svg");
}
.btn.btn-link-arrow {
  color: #FFFFFF !important;
  padding: 0px;
  text-decoration: none !important;
}
.btn.btn-link-arrow:after {
  content: "";
  display: inline-block;
  width: calc(2.4 * var(--delta));
  height: calc(2.4 * var(--delta));
  margin-left: calc(0.8 * var(--delta));
  background-image: url("./../images/arrow-up-right.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: sub;
  transition: all 0.3s ease;
}
.btn.btn-link-arrow:hover:after {
  transform: translateX(calc(0.3 * var(--delta))) translateY(calc(0px - 0.3 * var(--delta)));
}
.btn.btn-dark {
  --bs-btn-color: #FFFFFF;
  --bs-btn-bg: #181818;
  --bs-btn-border-color: #181818;
}
.btn.btn-light {
  --bs-btn-color: #131313;
  --bs-btn-bg: #FFFFFF;
  --bs-btn-border-color: #FFFFFF;
}
.btn.btn-outline-light {
  --bs-btn-color: #FFFFFF;
  --bs-btn-border-color: #FFFFFF;
  --bs-btn-hover-color: #131313;
  --bs-btn-active-color: #131313;
  --bs-btn-active-bg: #FFFFFF;
  --bs-btn-active-border-color: #FFFFFF;
}

.badge {
  padding: calc(0.5 * var(--delta)) calc(1.2 * var(--delta));
  font-size: calc(1.2 * var(--delta));
  font-weight: 600;
  line-height: 1;
  border-radius: calc(1.1 * var(--delta)) !important;
}
.badge.badge-pricing-label {
  padding: calc(0.3 * var(--delta)) calc(1.8 * var(--delta));
  border: solid 1px red;
  font-weight: 600;
  font-size: calc(1.4 * var(--delta));
  line-height: 1.4;
  border-radius: calc(1.4 * var(--delta)) !important;
}
.badge.badge-pricing-label.secondary {
  border-color: rgba(255, 255, 255, 0.1);
  background-color: #373634;
  color: #FFFFFF;
}
.badge.badge-pricing-label.warning {
  border-color: RGB(var(--bs-warning-rgb));
  background-color: RGB(var(--bs-warning-rgb));
  color: #32302C;
}

.text-bg-warning {
  color: #131313 !important;
}

body.admin-bar header {
  top: 32px;
}
@media (max-width: 768px) {
  body.admin-bar header {
    top: 46px;
  }
}

header {
  position: fixed;
  left: 0px;
  top: 0px;
  padding-block: calc(1.8 * var(--delta));
  padding-bottom: 0px;
  width: 100%;
  z-index: 1000;
  -webkit-backdrop-filter: blur(calc(0.8 * var(--delta)));
          backdrop-filter: blur(calc(0.8 * var(--delta)));
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  header {
    padding-block: 0px;
    background-color: var(--color-darker);
  }
}
@media (min-width: 769px) {
  header.body-scrolled:is(.scrolling-down) {
    transform: translateY(-100%);
  }
}
header .content-wrap {
  margin-inline: auto;
  background-color: var(--color-darker);
  padding: calc(1.2 * var(--delta));
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  header .content-wrap {
    padding-inline: 0px;
  }
}
header .content-wrap > .right-part > .menus-container {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  header .content-wrap > .right-part > .menus-container {
    display: block;
    position: fixed;
    left: 0px;
    width: 100%;
    top: calc(6.4 * var(--delta));
    height: calc(100vh - 6.4 * var(--delta));
    overflow: auto;
    background-color: var(--color-darker);
    padding-inline: calc(0.5 * var(--cells-spacing));
    transition: all 0.3s ease;
  }
  header .content-wrap > .right-part > .menus-container:not(.hamburg-menu-opened) {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
  }
}
header .content-wrap > .right-part > .menus-container > .menu-header-container {
  margin-right: calc(6.8 * var(--delta));
}
@media (max-width: 768px) {
  header .content-wrap > .right-part > .menus-container > .menu-header-container {
    margin-right: 0px;
    max-height: calc(100vh - 12.8 * var(--delta) - 4 * var(--delta) - 2 * var(--delta));
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: calc(2 * var(--delta));
    padding-top: calc(2 * var(--delta));
  }
}
header .content-wrap > .right-part > .menus-container > .menu-header-container ul {
  margin: 0px;
  padding: 0px;
}
header .content-wrap > .right-part > .menus-container > .menu-header-container li {
  display: block;
}
header .content-wrap > .right-part > .menus-container > .menu-header-container li a {
  font-weight: 600;
  font-family: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  padding: calc(0.6 * var(--delta)) calc(0.8 * var(--delta));
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu {
    display: block;
  }
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item {
  position: relative;
  margin-right: calc(3.2 * var(--delta));
  padding-block: calc(0.8 * var(--delta));
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item:not(.menu-item-has-children) .mobile-clicking-area {
  display: none;
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item:not(.menu-item-has-children) > a:after {
  display: none !important;
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item .mobile-clicking-area {
  display: block;
  position: absolute;
  right: 0px;
  top: calc(1.8 * var(--delta) + 0.8 * var(--delta));
  transform: translateY(-50%);
  height: calc(3.6 * var(--delta));
  width: calc(4 * var(--delta));
}
@media (min-width: 769px) {
  header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item .mobile-clicking-area {
    display: none !important;
  }
}
@media (max-width: 768px) {
  header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item {
    margin-right: 0px;
  }
  header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > a {
    width: 100%;
    justify-content: space-between;
  }
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item:last-child {
  margin-right: 0px;
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item:nth-child(2) > .sub-menu- {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: all !important;
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > a {
  display: flex;
  align-items: center;
  border-radius: calc(1.8 * var(--delta)) !important;
}
@media (max-width: 768px) {
  header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > a {
    margin-bottom: calc(0.5 * var(--delta));
  }
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > a:after {
  display: block;
  content: "";
  width: calc(2.4 * var(--delta));
  height: calc(2.4 * var(--delta));
  background-image: url("../images/chevron-down-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: calc(0.8 * var(--delta));
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item:has(.mobile-clicking-area.clicked) > .sub-menu {
    visibility: visible;
    opacity: 1;
  }
  header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item:has(.mobile-clicking-area.clicked) > a {
    background-color: #FFFFFF;
    color: #131210;
  }
  header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item:has(.mobile-clicking-area.clicked) > a:after {
    transform: rotate(180deg);
  }
  header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item:has(.mobile-clicking-area.clicked) > a:after {
    background-image: url("./../images/chevron-down-dark.svg");
  }
  header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item:has(.mobile-clicking-area.clicked) > .sub-menu {
    display: block !important;
  }
}
@media (min-width: 769px) {
  header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item:hover > .sub-menu, header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item:not(.menu-item-has-children):has(a[aria-current=page]) > .sub-menu {
    visibility: visible;
    opacity: 1;
  }
  header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item:hover > a, header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item:not(.menu-item-has-children):has(a[aria-current=page]) > a {
    background-color: #FFFFFF;
    color: #131210;
  }
  header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item:hover > a:after, header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item:not(.menu-item-has-children):has(a[aria-current=page]) > a:after {
    transform: rotate(180deg);
  }
  header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item:hover > a:after, header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item:not(.menu-item-has-children):has(a[aria-current=page]) > a:after {
    background-image: url("./../images/chevron-down-dark.svg");
  }
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item:not(:hover) > .sub-menu {
  pointer-events: none;
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > .sub-menu {
  position: absolute;
  top: 100%;
  /*&:before{
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    bottom: 100%;
    width: 100%;
    height: calc(.8*var(--delta));
    // background-color: red;
  }*/
  left: 0px;
  min-width: 100%;
  z-index: 10001;
  /*padding-inline: calc(1*var(--delta));
  padding-block: calc(1*var(--delta));
  padding-top: calc(2*var(--delta));*/
  padding: calc(1.8 * var(--delta));
  background-color: #21201E;
  border: solid 1px rgba(255, 255, 255, 0.1);
  border-radius: calc(1.8 * var(--delta)) !important;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > .sub-menu {
    position: static;
  }
}
@media (max-width: 768px) {
  header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > .sub-menu {
    visibility: visible;
    opacity: 1;
    display: none !important;
  }
}
@media (max-width: 768px) {
  header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > .sub-menu {
    display: block;
  }
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > .sub-menu > li {
  margin-right: calc(1.2 * var(--delta));
}
@media (max-width: 768px) {
  header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > .sub-menu > li {
    margin-right: 0px;
    margin-bottom: calc(1.2 * var(--delta));
  }
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > .sub-menu > li:last-child {
  margin-right: 0px;
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > .sub-menu > li.icon-for-lawyers > a:after {
  background-image: url("./../images/icon-for-lawyers.svg");
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > .sub-menu > li.icon-for-pricing > a:after {
  background-image: url("./../images/icon-for-pricing.svg");
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > .sub-menu > li.icon-for-security > a:after {
  background-image: url("./../images/icon-for-security.svg");
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > .sub-menu > li.icon-for-blog > a:after {
  background-image: url("./../images/icon-for-block.svg");
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > .sub-menu > li.icon-for-case-studies > a:after {
  background-image: url("./../images/icon-for-case-studies.svg");
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > .sub-menu > li.icon-for-about > a:after {
  background-image: url("./../images/icon-for-about-us.svg");
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > .sub-menu > li.icon-for-contact > a:after {
  background-image: url("./../images/icon-for-contact.svg");
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > .sub-menu > li > a {
  white-space: nowrap;
  padding-block: calc(0.5 * var(--delta));
  padding-left: calc(6.4 * var(--delta));
  position: relative;
  min-height: calc(4.8 * var(--delta));
  display: flex;
  align-items: center;
  min-width: calc(16.8 * var(--delta));
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > .sub-menu > li > a:hover {
  opacity: 0.7;
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > .sub-menu > li > a:before, header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > .sub-menu > li > a:after {
  content: "";
  position: absolute;
  left: 0px;
  width: calc(4.8 * var(--delta));
  height: calc(4.8 * var(--delta));
  top: calc(50% - 2.4 * var(--delta));
  background-position: center;
  background-repeat: no-repeat;
  background-position: center;
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > .sub-menu > li > a:before {
  background-size: contain;
  background-image: url("./../images/icon-circle-grid-background.svg");
}
header .content-wrap > .right-part > .menus-container > .menu-header-container > .menu > .menu-item > .sub-menu > li > a:after {
  background-size: calc(1.92 * var(--delta)) calc(1.92 * var(--delta));
}
header .content-wrap > .right-part > .menus-container > .buttons-container {
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  header .content-wrap > .right-part > .menus-container > .buttons-container .btn {
    width: 100%;
    display: block;
  }
}
header .content-wrap > .right-part > .menus-container > .buttons-container:before {
  content: "";
  display: block;
  left: calc(0px - 3.4 * var(--delta) - 0.5 * var(--delta));
  border-left: solid 1px rgba(255, 255, 255, 0.7);
  height: calc(2.6 * var(--delta));
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
@media (max-width: 768px) {
  header .content-wrap > .right-part > .menus-container > .buttons-container:before {
    display: none;
  }
}

a[href="#hamburg"] {
  display: none;
  border-radius: calc(1 * var(--delta)) !important;
  --hamburg-width: calc(5*var(--delta));
  --hamburg-height: calc(4*var(--delta));
  --hamburg-space-between-lines: calc(1*var(--delta));
  --hamburg-space-x: calc(1*var(--delta));
  --hamburg-line-width: 3px;
  width: var(--hamburg-width);
  height: var(--hamburg-height);
  position: relative;
}
a[href="#hamburg"].hamburg-menu-opened {
  background-color: #131210;
}
a[href="#hamburg"].hamburg-menu-opened > span {
  top: calc(50% - 0.5 * var(--hamburg-line-width)) !important;
}
a[href="#hamburg"].hamburg-menu-opened > span:first-child {
  transform: rotate(-45deg);
}
a[href="#hamburg"].hamburg-menu-opened > span:last-child {
  transform: rotate(45deg);
}
@media (max-width: 768px) {
  a[href="#hamburg"] {
    display: block;
  }
}
a[href="#hamburg"] > span {
  position: absolute;
  display: block;
  left: var(--hamburg-space-between-lines);
  width: calc(100% - 2 * var(--hamburg-space-between-lines));
  height: var(--hamburg-line-width);
  background-color: #FFFFFF;
  transition: all 0.3s ease;
}
a[href="#hamburg"] > span:first-child {
  top: calc(50% - var(--hamburg-line-width) - 0.5 * var(--hamburg-space-between-lines));
}
a[href="#hamburg"] > span:last-child {
  top: calc(50% + 0.5 * var(--hamburg-space-between-lines));
}

.main-link {
  display: block;
  width: calc(9.2 * var(--delta));
}
.main-link > img {
  display: block;
  width: 100%;
}

.application-hero {
  padding-top: calc(16.7 * var(--delta));
  padding-bottom: calc(20 * var(--delta));
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("./../images/lines-circles.svg");
  position: relative;
  background-color: #131210;
}
@media (max-width: 768px) {
  .application-hero {
    padding-top: calc(11 * var(--delta));
    padding-bottom: calc(11 * var(--delta));
  }
}
.application-hero:after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: calc(58.2 * var(--delta));
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e0e0e+0,0e0e0e+100&0+2,1+100 */
  background: linear-gradient(to bottom, rgba(14, 14, 14, 0) 0%, rgba(14, 14, 14, 0) 2%, rgb(14, 14, 14) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  pointer-events: none;
}
.application-hero h1 {
  max-width: calc(86 * var(--delta));
  margin-inline: auto;
  text-align: center;
  margin-bottom: calc(10.5 * var(--delta));
  color: #FFFFFF;
  /*font-weight: 500;
  font-size: calc(6.4*var(--delta));
  line-height: 1.1;
  text-transform: capitalize;*/
  font-weight: 500;
  font-size: calc(6.4 * var(--delta));
  line-height: 1.1;
  text-transform: capitalize;
}
@media (max-width: 768px) {
  .application-hero h1 {
    margin-bottom: calc(6 * var(--delta));
  }
}
@media (max-width: 768px) {
  .application-hero h1 {
    font-size: calc(3.5 * var(--delta));
  }
}
.application-hero .phone-wrap {
  position: relative;
}
.application-hero .phone-wrap .paragraph {
  position: absolute;
  left: 0px;
  top: calc(5.5 * var(--delta));
  width: 100%;
  max-width: calc(39 * var(--delta));
}
@media (max-width: 768px) {
  .application-hero .phone-wrap .paragraph {
    position: static;
    text-align: center;
    max-width: 100%;
  }
}
.application-hero .paragraph {
  /*color: rgba(255, 255, 255, 0.8);
  font-weight: 400;
  font-size: calc(1.6*var(--delta));
  line-height: calc(24/16);*/
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
.application-hero .stone-iphone-app-model {
  width: calc(57.4 * var(--delta));
  margin-inline: auto;
  position: relative;
  padding-bottom: calc(12.5 * var(--delta));
}
@media (max-width: 768px) {
  .application-hero .stone-iphone-app-model {
    width: 100%;
    padding-bottom: calc(8 * var(--delta));
    margin-bottom: calc(6 * var(--delta));
  }
}
.application-hero .stone-iphone-app-model > img {
  display: block;
}
.application-hero .stone-iphone-app-model > .stone {
  position: absolute;
  left: 0px;
  width: 100%;
  bottom: 0px;
}
.application-hero .stone-iphone-app-model > .phone-application {
  margin-inline: auto;
  width: calc(28 * var(--delta));
  position: relative;
}
@media (max-width: 768px) {
  .application-hero .stone-iphone-app-model > .phone-application {
    width: calc(24 * var(--delta));
    width: calc(16 * var(--delta));
  }
}

.x3-panels-top-title {
  padding-bottom: var(--section-block-padding);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e0e0e+0,131210+100 */
  background: linear-gradient(to bottom, rgb(14, 14, 14) 0%, rgb(19, 18, 16) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.x3-panels-top-title h2 {
  font-weight: 500;
  font-size: calc(4.8 * var(--delta));
  line-height: 1.3;
  text-transform: capitalize;
  margin-bottom: calc(4.8 * var(--delta));
}
@media (max-width: 768px) {
  .x3-panels-top-title h2 {
    font-size: calc(2.8 * var(--delta));
  }
}
.x3-panels-top-title .grid-panels {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: calc(3.2 * var(--delta)) calc(3.2 * var(--delta));
}
@media (max-width: 768px) {
  .x3-panels-top-title .grid-panels {
    grid-template-columns: 1fr;
  }
}
.x3-panels-top-title .grid-panels > .gpanel {
  --gp-panel-side-padding: calc(3.2*var(--delta));
  --gp-panel-background-color: rgba(33, 32, 30, 1);
  background-color: var(--gp-panel-background-color);
  height: calc(52 * var(--delta));
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.x3-panels-top-title .grid-panels > .gpanel.darker {
  --gp-panel-background-color: rgba(19, 18, 16, 1);
}
.x3-panels-top-title .grid-panels > .gpanel:after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: var(--gp-panel-side-padding);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,1e5799+100&1+0,0+100 */
  background: linear-gradient(to bottom, var(--gp-panel-background-color) 0%, rgba(33, 32, 30, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.x3-panels-top-title .grid-panels > .gpanel > .image-holder {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.x3-panels-top-title .grid-panels > .gpanel > .image-holder > img {
  position: absolute;
  width: calc(100% - 3 * var(--gp-panel-side-padding));
  left: calc(1.5 * var(--gp-panel-side-padding));
  top: 0px;
  height: 100%;
  object-fit: contain !important;
  object-position: center top !important;
  -o-object-fit: contain !important;
  -o-object-position: center top !important;
}
@media (max-width: 768px) {
  .x3-panels-top-title .grid-panels > .gpanel > .image-holder > img {
    width: 100%;
    left: 0px;
  }
}
.x3-panels-top-title .grid-panels > .gpanel .content-holder {
  position: relative;
  padding: var(--gp-panel-side-padding);
  background-color: var(--gp-panel-background-color);
}
.x3-panels-top-title .grid-panels > .gpanel .content-holder:before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 100%;
  width: 100%;
  height: var(--gp-panel-side-padding);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,1e5799+100&1+0,0+100 */
  background: linear-gradient(to top, var(--gp-panel-background-color) 0%, rgba(33, 32, 30, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.x3-panels-top-title .grid-panels > .gpanel .content-holder h4 {
  font-weight: 500;
  font-size: calc(3 * var(--delta));
  line-height: 1.3;
  text-transform: capitalize;
  margin-bottom: calc(1.6 * var(--delta));
  color: #FFFFFF;
}
@media (max-width: 768px) {
  .x3-panels-top-title .grid-panels > .gpanel .content-holder h4 {
    font-size: calc(2.2 * var(--delta));
  }
}
.x3-panels-top-title .grid-panels > .gpanel .content-holder p {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: calc(3.2 * var(--delta));
}

.how-it-works {
  padding-block: var(--section-block-padding);
}
.how-it-works .col-lg-12 {
  /*display: flex;
  align-items: flex-start;
  justify-content: space-between;*/
}
.how-it-works .col-lg-12 > .left-content {
  width: calc(64.5 * var(--delta));
  margin-bottom: calc(6.4 * var(--delta));
}
@media (max-width: 768px) {
  .how-it-works .col-lg-12 > .left-content {
    width: 100%;
  }
}
.how-it-works .col-lg-12 > .left-content h3 {
  font-weight: 500;
  font-size: calc(4.8 * var(--delta));
  line-height: 1.3;
  text-transform: capitalize;
  margin-bottom: calc(2.4 * var(--delta));
}
@media (max-width: 768px) {
  .how-it-works .col-lg-12 > .left-content h3 {
    font-size: calc(2.8 * var(--delta));
  }
}
.how-it-works .col-lg-12 > .left-content p {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
.how-it-works .col-lg-12 > .right-content {
  width: 100%;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 1fr;
  gap: calc(3.2 * var(--delta)) calc(3.2 * var(--delta));
}
@media (max-width: 768px) {
  .how-it-works .col-lg-12 > .right-content {
    grid-template-columns: 1fr;
    gap: calc(5 * var(--delta)) calc(3.2 * var(--delta));
  }
}
.how-it-works .col-lg-12 > .right-content > .how-it-works-item:last-child:after {
  display: none !important;
}

.how-it-works-item {
  position: relative;
}
.how-it-works-item:after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  top: calc(100% + 4.5 * var(--delta));
}
.how-it-works-item .icon-circle {
  margin-bottom: calc(2.6 * var(--delta));
}
.how-it-works-item .content h4 {
  font-weight: 500;
  font-size: calc(3 * var(--delta));
  line-height: 1.3;
  text-transform: capitalize;
  color: #FFFFFF;
  margin-bottom: calc(1.4 * var(--delta));
}
@media (max-width: 768px) {
  .how-it-works-item .content h4 {
    font-size: calc(2.2 * var(--delta));
  }
}
.how-it-works-item .content p {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  color: #FFFFFF;
}

.icon-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(6 * var(--delta));
  height: calc(6 * var(--delta));
  background-image: url("./../images/icon-circle-grid-background.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.icon-circle > img {
  display: block;
  width: calc(2.4 * var(--delta));
  height: calc(2.4 * var(--delta));
}

.smart-secure {
  padding-top: var(--section-block-padding);
  padding-bottom: calc(14.2 * var(--delta));
}
@media (max-width: 768px) {
  .smart-secure {
    padding-bottom: var(--section-block-padding);
  }
}
.smart-secure .container {
  max-width: var(--container-max-width-smaller);
}
.smart-secure .col-lg-12 {
  display: flex;
  align-items: flex-start;
  align-items: stretch;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .smart-secure .col-lg-12 {
    display: block;
  }
}
.smart-secure .col-lg-12 > .left-content {
  width: calc(52.8 * var(--delta));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .smart-secure .col-lg-12 > .left-content {
    width: 100%;
    margin-bottom: var(--section-block-padding);
  }
}
.smart-secure .col-lg-12 > .left-content > * {
  width: 100%;
}
.smart-secure .col-lg-12 > .left-content > .iphone {
  position: relative;
  padding-bottom: calc(4.3 * var(--delta));
}
.smart-secure .col-lg-12 > .left-content > .iphone > .the-effect {
  position: absolute;
  width: 100%;
  height: calc(50 * var(--delta));
  left: 0px;
  bottom: 0px;
  border-radius: calc(4 * var(--delta)) !important;
  object-fit: cover !important;
  object-position: center !important;
  -o-object-fit: cover !important;
  -o-object-position: center !important;
}
@media (max-width: 768px) {
  .smart-secure .col-lg-12 > .left-content > .iphone > .the-effect {
    height: calc(25 * var(--delta));
  }
}
.smart-secure .col-lg-12 > .left-content > .iphone > .the-phone {
  display: block;
  margin-inline: auto;
  width: calc(35.9 * var(--delta));
  height: auto;
  position: relative;
}
@media (max-width: 768px) {
  .smart-secure .col-lg-12 > .left-content > .iphone > .the-phone {
    width: 100%;
    width: 70%;
  }
}
.smart-secure .col-lg-12 > .right-content {
  width: calc(64.5 * var(--delta));
}
@media (max-width: 768px) {
  .smart-secure .col-lg-12 > .right-content {
    width: 100%;
  }
}
.smart-secure .col-lg-12 > .right-content > .content {
  margin-bottom: calc(4.8 * var(--delta));
}
.smart-secure .col-lg-12 > .right-content > .content h3 {
  font-weight: 500;
  font-size: calc(6.4 * var(--delta));
  line-height: 1.1;
  text-transform: capitalize;
  margin-bottom: calc(2.4 * var(--delta));
}
@media (max-width: 768px) {
  .smart-secure .col-lg-12 > .right-content > .content h3 {
    font-size: calc(3.5 * var(--delta));
  }
}
.smart-secure .col-lg-12 > .right-content > .content p {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
.smart-secure .col-lg-12 > .right-content > .grid-icons {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 1fr;
  gap: calc(4.8 * var(--delta)) calc(4.5 * var(--delta));
}
@media (max-width: 768px) {
  .smart-secure .col-lg-12 > .right-content > .grid-icons {
    grid-template-columns: 1fr;
  }
}
.smart-secure .col-lg-12 > .right-content > .grid-icons > .grid-panel-item > .icon-circle {
  margin-bottom: calc(2.6 * var(--delta));
}
.smart-secure .col-lg-12 > .right-content > .grid-icons > .grid-panel-item h4 {
  font-weight: 500;
  font-size: calc(3 * var(--delta));
  line-height: 1.3;
  text-transform: capitalize;
  color: #FFFFFF;
  margin-bottom: calc(1.4 * var(--delta));
}
@media (max-width: 768px) {
  .smart-secure .col-lg-12 > .right-content > .grid-icons > .grid-panel-item h4 {
    font-size: calc(2.2 * var(--delta));
  }
}
.smart-secure .col-lg-12 > .right-content > .grid-icons > .grid-panel-item p {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  color: #FFFFFF;
}

.pricing-plans {
  padding-block: var(--section-block-padding);
}
.pricing-plans .container {
  max-width: var(--container-max-width-smaller);
}
.pricing-plans .heading-content {
  margin-bottom: calc(4.8 * var(--delta));
  text-align: center;
}
.pricing-plans .heading-content > h3 {
  font-weight: 500;
  font-size: calc(6.4 * var(--delta));
  line-height: 1.1;
  text-transform: capitalize;
  margin-bottom: calc(2.4 * var(--delta));
}
@media (max-width: 768px) {
  .pricing-plans .heading-content > h3 {
    font-size: calc(3.5 * var(--delta));
  }
}
.pricing-plans .heading-content > p {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}

.buttons-toolbar-centered {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: calc(4.8 * var(--delta));
}
.buttons-toolbar-centered > .btn-group {
  background-color: #4C4C4C;
  padding: calc(0.7 * var(--delta)) calc(0.6 * var(--delta));
  border-radius: calc(2.5 * var(--delta)) !important;
}
.buttons-toolbar-centered > .btn-group > .btn {
  border-radius: calc(1.8 * var(--delta)) !important;
  font-size: calc(1.4 * var(--delta));
  line-height: 1.4;
  padding-block: calc(0.8 * var(--delta));
}
.buttons-toolbar-centered > .btn-group > .btn.btn-outline-light {
  border: none;
}
.buttons-toolbar-centered > .btn-group > .btn > .badge {
  margin-left: calc(0.8 * var(--delta));
}

.pricing-panels {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: calc(3.6 * var(--delta)) calc(3.6 * var(--delta));
  --pp-heading-wrapper-bg: #0F0F0F;
}
@media (max-width: 768px) {
  .pricing-panels {
    grid-template-columns: 1fr;
  }
}
.pricing-panels > .pricing-panel > .heading-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: calc(1.2 * var(--delta)) calc(1.4 * var(--delta));
  background-color: var(--pp-heading-wrapper-bg);
}
.pricing-panels > .pricing-panel > .heading-wrapper > .icon-circle {
  margin-right: calc(1.2 * var(--delta));
}
.pricing-panels > .pricing-panel > .heading-wrapper > h4 {
  margin: 0px;
  font-size: calc(2 * var(--delta));
  line-height: 1.1;
  font-weight: 500;
  color: #FFFFFF;
}
.pricing-panels > .pricing-panel > .content-wrapper {
  padding: calc(1.8 * var(--delta));
  background-color: #21201E;
}
.pricing-panels > .pricing-panel > .content-wrapper.light {
  background-color: #FFFFFF;
}
.pricing-panels > .pricing-panel > .content-wrapper.light h3 small {
  color: rgba(50, 48, 44, 0.6);
}
.pricing-panels > .pricing-panel > .content-wrapper.light h3,
.pricing-panels > .pricing-panel > .content-wrapper.light p,
.pricing-panels > .pricing-panel > .content-wrapper.light ul,
.pricing-panels > .pricing-panel > .content-wrapper.light li {
  color: #32302C;
}
.pricing-panels > .pricing-panel > .content-wrapper.light ul li:before {
  background-image: url("./../images/check-circle-dark.svg");
}
.pricing-panels > .pricing-panel > .content-wrapper.light hr {
  border-color: rgba(50, 48, 44, 0.5);
}
.pricing-panels > .pricing-panel > .content-wrapper .badge {
  margin-bottom: calc(1.6 * var(--delta));
}
.pricing-panels > .pricing-panel > .content-wrapper h3 {
  font-weight: 500;
  font-size: calc(3 * var(--delta));
  line-height: 1.3;
  text-transform: capitalize;
  color: #FFFFFF;
  margin-bottom: calc(1.6 * var(--delta));
}
@media (max-width: 768px) {
  .pricing-panels > .pricing-panel > .content-wrapper h3 {
    font-size: calc(2.2 * var(--delta));
  }
}
.pricing-panels > .pricing-panel > .content-wrapper hr {
  margin-bottom: calc(1.6 * var(--delta));
  border: none;
  background-color: transparent;
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}
.pricing-panels > .pricing-panel > .content-wrapper p {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  color: #FFFFFF;
  margin-bottom: calc(1.4 * var(--delta));
}
.pricing-panels > .pricing-panel > .content-wrapper ul {
  margin: 0px;
  padding: 0px;
  margin-bottom: calc(4.8 * var(--delta));
}
.pricing-panels > .pricing-panel > .content-wrapper ul li {
  display: block;
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  color: #FFFFFF;
  /*display: flex;
  align-items: center;
  justify-content: flex-start;*/
  margin-bottom: calc(1.4 * var(--delta));
  position: relative;
  padding-left: calc(3.6 * var(--delta));
}
.pricing-panels > .pricing-panel > .content-wrapper ul li:before {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: calc(2.4 * var(--delta));
  height: calc(2.4 * var(--delta));
  border-radius: 50% !important;
  background-image: url("./../images/check-circle-white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.buttons-to-the-application {
  padding-block: var(--section-block-padding);
  overflow-x: hidden;
}
.buttons-to-the-application .container {
  max-width: var(--container-max-width-smaller);
}
.buttons-to-the-application .col-lg-12 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .buttons-to-the-application .col-lg-12 {
    display: block;
  }
}
.buttons-to-the-application .col-lg-12 > .left-content {
  width: calc(64 * var(--delta));
}
@media (max-width: 768px) {
  .buttons-to-the-application .col-lg-12 > .left-content {
    width: 100%;
    margin-bottom: var(--section-block-padding);
  }
}
.buttons-to-the-application .col-lg-12 > .left-content .content {
  margin-bottom: calc(6.8 * var(--delta));
}
.buttons-to-the-application .col-lg-12 > .left-content .content h3 {
  font-weight: 500;
  font-size: calc(6.4 * var(--delta));
  line-height: 1.1;
  text-transform: capitalize;
  margin-bottom: calc(2.4 * var(--delta));
}
@media (max-width: 768px) {
  .buttons-to-the-application .col-lg-12 > .left-content .content h3 {
    font-size: calc(3.5 * var(--delta));
  }
}
.buttons-to-the-application .col-lg-12 > .left-content .content p {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
.buttons-to-the-application .col-lg-12 > .right-phones {
  width: calc(58.3 * var(--delta));
  position: relative;
  /*width: calc(58.3*var(--delta));

  position: relative;

  >img {
    display: block;

    &.base {
      width: 100%;
      height: calc(52.6*var(--delta));
      @include radius(calc(4*var(--delta)));
      @include object-fit(cover, center);
    }

    &.phone {
      position: absolute;

      &.phone-1 {
        width: calc(26.5*var(--delta));
        height: calc(38.8*var(--delta));
        left: 45%;
        top: -8%;
      }

      &.phone-2 {
        width: calc(23.1*var(--delta));
        height: calc(38.5*var(--delta));
        left: 30%;
        bottom: -8%;
      }
    }
  }*/
}
@media (max-width: 768px) {
  .buttons-to-the-application .col-lg-12 > .right-phones {
    width: 100%;
  }
}
.buttons-to-the-application .col-lg-12 > .right-phones > img {
  display: block;
}
.buttons-to-the-application .col-lg-12 > .right-phones > img.base {
  width: 100%;
  height: calc(52.6 * var(--delta));
  border-radius: calc(4 * var(--delta)) !important;
  object-fit: cover !important;
  object-position: center !important;
  -o-object-fit: cover !important;
  -o-object-position: center !important;
}
@media (max-width: 768px) {
  .buttons-to-the-application .col-lg-12 > .right-phones > img.base {
    height: calc(40 * var(--delta));
  }
}
.buttons-to-the-application .col-lg-12 > .right-phones > img.phone {
  position: absolute;
}
.buttons-to-the-application .col-lg-12 > .right-phones > img.phone.phone-1 {
  width: calc(26.5 * var(--delta));
  height: calc(38.8 * var(--delta));
  left: 45%;
  top: -8%;
}
@media (max-width: 768px) {
  .buttons-to-the-application .col-lg-12 > .right-phones > img.phone.phone-1 {
    width: calc(20 * var(--delta));
    height: calc(32 * var(--delta));
    left: 40%;
    top: -8%;
  }
}
.buttons-to-the-application .col-lg-12 > .right-phones > img.phone.phone-2 {
  width: calc(23.1 * var(--delta));
  height: calc(38.5 * var(--delta));
  left: 30%;
  bottom: -8%;
}
@media (max-width: 768px) {
  .buttons-to-the-application .col-lg-12 > .right-phones > img.phone.phone-2 {
    width: calc(20 * var(--delta));
    height: calc(32 * var(--delta));
    left: 7%;
    bottom: -4%;
  }
}
.buttons-to-the-application .col-lg-12 > .right-phones > img.phone.x2-phones {
  width: calc(35 * var(--delta));
  height: auto;
  position: absolute;
  left: 60%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 768px) {
  .buttons-to-the-application .col-lg-12 > .right-phones > img.phone.x2-phones {
    width: calc(25 * var(--delta));
    left: 55%;
  }
}

.badges-application {
  padding: 0px;
  margin: 0px;
  display: flex;
  align-items: center;
}
.badges-application > li {
  display: block;
  margin-right: calc(1.2 * var(--delta));
}
.badges-application > li > a {
  display: block;
}
.badges-application > li > a > img {
  display: block;
  width: auto;
  height: calc(5.2 * var(--delta));
}

footer {
  padding-top: var(--section-block-padding);
  padding-bottom: calc(3.2 * var(--delta));
  position: relative;
  max-width: calc(144 * var(--delta));
  margin-inline: auto;
}
@media (max-width: 768px) {
  footer {
    overflow-x: hidden;
  }
}
footer .container {
  max-width: var(--container-max-width-smaller);
}
footer .container > .row {
  margin-bottom: calc(13 * var(--delta));
}
footer > * {
  position: relative;
}
footer:before {
  content: "";
  display: block;
  width: calc(45.5 * var(--delta));
  height: calc(12.2 * var(--delta));
  background-image: url("./../images/KODA-footer.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: calc(0px - 1 * var(--delta));
  bottom: calc(3.2 * var(--delta));
}
@media (max-width: 768px) {
  footer:before {
    width: 90%;
    background-size: 100% auto;
    background-position: right bottom;
  }
}
footer .col-lg-12 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 768px) {
  footer .col-lg-12 {
    display: block;
  }
}
footer .col-lg-12 > .left-content {
  width: calc(32 * var(--delta));
}
@media (max-width: 768px) {
  footer .col-lg-12 > .left-content {
    width: 100%;
    margin-bottom: var(--section-block-padding);
  }
}
footer .main-link {
  margin-bottom: calc(2.4 * var(--delta));
}
footer .paragraph-copyright {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  font-size: calc(1.4 * var(--delta));
  line-height: calc(2 * var(--delta));
}
footer .footer-navigation {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0px;
  margin: 0px;
}
@media (max-width: 768px) {
  footer .footer-navigation {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr 1fr;
    gap: calc(6 * var(--delta)) calc(3.2 * var(--delta));
  }
}
footer .footer-navigation > li {
  display: block;
  min-width: calc(15.3 * var(--delta));
  margin-right: calc(3.2 * var(--delta));
}
@media (max-width: 768px) {
  footer .footer-navigation > li {
    min-width: 0px;
    margin-right: 0px;
  }
}
footer .footer-navigation > li:last-child {
  margin-right: 0px;
}
footer .footer-navigation > li > h6 {
  margin-bottom: calc(2.4 * var(--delta));
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
  font-size: calc(1.4 * var(--delta));
  line-height: 1.25;
}
footer .footer-navigation > li > .menu {
  padding: 0px;
  margin: 0px;
}
footer .footer-navigation > li > .menu > li {
  display: block;
  margin-bottom: calc(1.6 * var(--delta));
}
footer .footer-navigation > li > .menu > li > a {
  display: inline-block;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 600;
  padding-right: calc(3.2 * var(--delta));
  position: relative;
}
footer .footer-navigation > li > .menu > li > a:after {
  content: "";
  display: block;
  width: calc(2.4 * var(--delta));
  height: calc(2.4 * var(--delta));
  background-image: url("./../images/chevron-right-white.svg");
  position: absolute;
  right: 0px;
  top: calc(50% - 1.2 * var(--delta));
  transition: all 0.3s ease;
}
footer .footer-navigation > li > .menu > li > a:hover:after {
  transform: translateX(calc(0.5 * var(--delta)));
}
@media (max-width: 768px) {
  footer .copyright-row .col-lg-12 {
    display: flex !important;
    justify-content: space-between;
  }
  footer .copyright-row .col-lg-12 > * {
    width: 50% !important;
    margin-bottom: 0px !important;
  }
  footer .copyright-row .col-lg-12 .right-content {
    display: flex;
    justify-content: flex-end;
  }
}

.mc4wp-form label {
  display: block;
  width: 100%;
}
.mc4wp-form input[type=email] {
  display: block;
  width: 100%;
  border: none;
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  background-color: transparent;
  outline: none;
  color: #FFFFFF;
  padding-block: calc(1.2 * var(--delta));
  border-radius: 0 !important;
  border-bottom: solid 1px #FFFFFF;
  margin-bottom: calc(1.2 * var(--delta));
}
.mc4wp-form input[type=email]::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.mc4wp-form input[type=email]::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.mc4wp-form .mc4wp-alert {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
.mc4wp-form .mc4wp-alert.mc4wp-error {
  color: RGB(var(--bs-warning-rgb));
}
.mc4wp-form .mc4wp-response {
  margin-top: calc(2 * var(--delta));
}

.subscribe-button {
  border: none;
  background-color: transparent;
  text-align: left;
  color: #FFFFFF;
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 600;
  padding: 0px;
  padding-right: calc(4.2 * var(--delta));
  position: relative;
}
.subscribe-button:after {
  content: "";
  display: block;
  width: calc(3 * var(--delta));
  height: calc(3 * var(--delta));
  background-image: url("./../images/circle-arrow-right-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.btn-back-to-top {
  border: none;
  background-color: transparent;
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  font-size: calc(1.4 * var(--delta));
  line-height: calc(2 * var(--delta));
  text-align: left;
  position: relative;
  padding-right: calc(2.4 * var(--delta));
}
.btn-back-to-top:after {
  content: "";
  display: block;
  width: calc(1.7 * var(--delta));
  height: calc(1.7 * var(--delta));
  background-image: url("./../images/chevron-up-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: calc(0px - 0.4 * var(--delta));
  bottom: 0px;
}

.page-grid-2025 {
  padding-top: calc(11 * var(--delta));
  padding-block: var(--section-block-padding);
  padding-top: calc(18 * var(--delta));
}
@media (max-width: 768px) {
  .page-grid-2025 {
    padding-top: calc(11 * var(--delta));
  }
}
.page-grid-2025 .content {
  margin-bottom: calc(4.8 * var(--delta));
  max-width: calc(93 * var(--delta));
}
.page-grid-2025 .content h1 {
  font-weight: 500;
  font-size: calc(4.8 * var(--delta));
  line-height: 1.3;
  text-transform: capitalize;
  margin-bottom: calc(1.2 * var(--delta));
}
@media (max-width: 768px) {
  .page-grid-2025 .content h1 {
    font-size: calc(2.8 * var(--delta));
  }
}
.page-grid-2025 .content p {
  color: rgba(255, 255, 255, 0.8);
  font-size: calc(2 * var(--delta));
  line-height: 1.4;
}
.page-grid-2025 .grids-wrap {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media (max-width: 768px) {
  .page-grid-2025 .grids-wrap {
    display: block;
  }
}
.page-grid-2025 .grids-wrap > .left-grid {
  width: calc(63 * var(--delta));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .page-grid-2025 .grids-wrap > .left-grid {
    width: 100%;
    margin-bottom: var(--section-block-padding);
  }
}
.page-grid-2025 .grids-wrap > .left-grid > .grid-item {
  width: 100%;
  padding: calc(3.4 * var(--delta)) calc(3.2 * var(--delta));
  margin-bottom: calc(3.2 * var(--delta));
  background-color: rgba(33, 32, 30, 0.4);
  border-left: solid 4px #4C4C4C;
}
.page-grid-2025 .grids-wrap > .left-grid > .grid-item > .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(1.2 * var(--delta));
}
.page-grid-2025 .grids-wrap > .left-grid > .grid-item > .heading h4 {
  width: calc(100% - 6 * var(--delta) - 1 * var(--delta));
  font-weight: 500;
  font-size: calc(3 * var(--delta));
  line-height: 1.3;
  text-transform: capitalize;
  color: #FFFFFF;
}
@media (max-width: 768px) {
  .page-grid-2025 .grids-wrap > .left-grid > .grid-item > .heading h4 {
    font-size: calc(2.2 * var(--delta));
  }
}
.page-grid-2025 .grids-wrap > .left-grid > .grid-item > p {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
.page-grid-2025 .grids-wrap > .right-grid {
  width: calc(69.7 * var(--delta));
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 1fr;
  gap: calc(3.2 * var(--delta)) calc(3.2 * var(--delta));
}
@media (max-width: 768px) {
  .page-grid-2025 .grids-wrap > .right-grid {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .page-grid-2025 .grids-wrap > .right-grid {
    grid-template-columns: 1fr;
  }
}
.page-grid-2025 .grids-wrap > .right-grid > .right-grid-item-percents {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: calc(3.2 * var(--delta));
  background-color: #21201E;
}
.page-grid-2025 .grids-wrap > .right-grid > .right-grid-item-percents > .icon-holder {
  width: calc(6.4 * var(--delta));
  margin-bottom: calc(3.2 * var(--delta));
}
.page-grid-2025 .grids-wrap > .right-grid > .right-grid-item-percents > .icon-holder > img {
  display: block;
  width: 100%;
  height: calc(6.4 * var(--delta));
  object-fit: contain !important;
  object-position: center !important;
  -o-object-fit: contain !important;
  -o-object-position: center !important;
}
.page-grid-2025 .grids-wrap > .right-grid > .right-grid-item-percents > .number {
  margin-bottom: calc(1.2 * var(--delta));
  font-size: calc(4 * var(--delta));
  font-weight: 500;
  line-height: 1.1;
  color: #FFFFFF;
}
.page-grid-2025 .grids-wrap > .right-grid > .right-grid-item-percents > p {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}

.hero-with-phones {
  padding-top: calc(24.5 * var(--delta));
  padding-bottom: var(--section-block-padding);
}
@media (max-width: 768px) {
  .hero-with-phones {
    padding-top: calc(12 * var(--delta));
  }
}
.hero-with-phones .col-lg-12 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .hero-with-phones .col-lg-12 {
    display: block;
  }
}
.hero-with-phones .content {
  max-width: calc(85.7 * var(--delta));
}
@media (max-width: 768px) {
  .hero-with-phones .content {
    margin-bottom: var(--section-block-padding);
  }
}
.hero-with-phones .content h1 {
  font-weight: 500;
  font-size: calc(6.4 * var(--delta));
  line-height: 1.1;
  text-transform: capitalize;
}
@media (max-width: 768px) {
  .hero-with-phones .content h1 {
    font-size: calc(3.5 * var(--delta));
  }
}
.hero-with-phones .right-phones {
  width: calc(58.3 * var(--delta));
  position: relative;
  height: calc(52.6 * var(--delta));
}
@media (max-width: 768px) {
  .hero-with-phones .right-phones {
    width: 100%;
  }
}
.hero-with-phones .right-phones > img {
  display: block;
}
.hero-with-phones .right-phones > img.base {
  width: 100%;
  height: calc(52.6 * var(--delta));
  border-radius: calc(4 * var(--delta)) !important;
  object-fit: cover !important;
  object-position: center !important;
  -o-object-fit: cover !important;
  -o-object-position: center !important;
}
@media (max-width: 768px) {
  .hero-with-phones .right-phones > img.base {
    height: calc(40 * var(--delta));
  }
}
.hero-with-phones .right-phones > img.phone {
  position: absolute;
}
.hero-with-phones .right-phones > img.phone.phone-1 {
  width: calc(26.5 * var(--delta));
  height: calc(38.8 * var(--delta));
  left: 45%;
  top: -8%;
}
@media (max-width: 768px) {
  .hero-with-phones .right-phones > img.phone.phone-1 {
    width: calc(20 * var(--delta));
    height: calc(32 * var(--delta));
    left: 40%;
    top: -8%;
  }
}
.hero-with-phones .right-phones > img.phone.phone-2 {
  width: calc(23.1 * var(--delta));
  height: calc(38.5 * var(--delta));
  left: 30%;
  bottom: -8%;
}
@media (max-width: 768px) {
  .hero-with-phones .right-phones > img.phone.phone-2 {
    width: calc(20 * var(--delta));
    height: calc(32 * var(--delta));
    left: 7%;
    bottom: -4%;
  }
}
.hero-with-phones .right-phones > img.phone.x2-phones {
  width: calc(35 * var(--delta));
  height: auto;
  position: absolute;
  left: 60%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 768px) {
  .hero-with-phones .right-phones > img.phone.x2-phones {
    width: calc(25 * var(--delta));
    left: 55%;
  }
}
@media (max-width: 768px) {
  .hero-with-phones .right-phones {
    height: calc(35 * var(--delta));
  }
}
@media (min-width: 769px) {
  .hero-with-phones .right-phones {
    transform: translateX(calc(0px - 8 * var(--delta))) translateY(calc(0px + 6 * var(--delta)));
  }
}

.slider-problems {
  padding-block: var(--section-block-padding);
}
.slider-problems .col-lg-12 {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .slider-problems .col-lg-12 {
    display: block;
  }
  .slider-problems .col-lg-12 > * {
    width: 100% !important;
    margin-bottom: var(--section-block-padding);
  }
}
.slider-problems .contenent-pagination > h3 {
  font-weight: 500;
  font-size: calc(4.8 * var(--delta));
  line-height: 1.3;
  text-transform: capitalize;
  color: #FFFFFF;
  margin-bottom: calc(2.4 * var(--delta));
}
@media (max-width: 768px) {
  .slider-problems .contenent-pagination > h3 {
    font-size: calc(2.8 * var(--delta));
  }
}
@media (max-width: 768px) {
  .slider-problems .contenent-pagination > h3 {
    text-align: center;
  }
}
@media (max-width: 768px) {
  .slider-problems .contenent-pagination > .pagination-wrap {
    text-align: center;
  }
}
.slider-problems .contenent-pagination > .pagination-wrap > .swiper-pagination-bullet {
  background-color: rgba(255, 255, 255, 0.4);
  height: calc(0.6 * var(--delta));
  width: calc(2 * var(--delta));
  border-radius: calc(0.3 * var(--delta)) !important;
  margin-right: calc(0.6 * var(--delta));
  transition: all 0.3s ease;
}
.slider-problems .contenent-pagination > .pagination-wrap > .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #FFFFFF;
  width: calc(4.2 * var(--delta));
}
.slider-problems .slider-wrap {
  width: 100%;
  max-width: calc(67.5 * var(--delta));
}
.slider-problems .slider-wrap .swiper-slide {
  padding-block: calc(4.9 * var(--delta));
}
@media (max-width: 768px) {
  .slider-problems .slider-wrap .swiper-slide {
    padding-block: 0px;
  }
}
.slider-problems .slider-wrap .swiper-slide:not(.swiper-slide-active) {
  opacity: 0 !important;
  pointer-events: none;
}
.slider-problems .slider-wrap .swiper-slide .content-wrap {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  width: calc(100% - 1 * var(--delta));
}
.slider-problems .slider-wrap .swiper-slide .content-wrap > * {
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .slider-problems .slider-wrap .swiper-slide .content-wrap > * {
    text-align: center !important;
    width: 100%;
  }
}
.slider-problems .slider-wrap .swiper-slide .content-wrap .icon-circle {
  margin-bottom: calc(2.6 * var(--delta));
}
.slider-problems .slider-wrap .swiper-slide .content-wrap h3 {
  color: #FFFFFF;
  font-weight: 500;
  font-size: calc(3 * var(--delta));
  line-height: 1.3;
  text-transform: capitalize;
  margin-bottom: calc(1.2 * var(--delta));
  /*@media(max-width: $mobile-size){
    text-align: center;
  }*/
}
@media (max-width: 768px) {
  .slider-problems .slider-wrap .swiper-slide .content-wrap h3 {
    font-size: calc(2.2 * var(--delta));
  }
}
.slider-problems .slider-wrap .swiper-slide .content-wrap p {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
.slider-problems .slider-wrap .swiper-slide .content-wrap .illustration {
  width: calc(36.6 * var(--delta));
  height: calc(20 * var(--delta));
  position: absolute;
  right: calc(0px - 1 * var(--delta));
  top: calc(0px - 5 * var(--delta));
  z-index: 1;
}
@media (max-width: 768px) {
  .slider-problems .slider-wrap .swiper-slide .content-wrap .illustration {
    right: 0px;
    top: 0px;
    width: 100%;
    height: calc(15 * var(--delta));
    position: static;
    margin-bottom: calc(3 * var(--delta));
  }
}
.slider-problems .slider-wrap .swiper-slide .content-wrap .illustration > img {
  display: block;
  object-fit: contain !important;
  object-position: right top !important;
  -o-object-fit: contain !important;
  -o-object-position: right top !important;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .slider-problems .slider-wrap .swiper-slide .content-wrap .illustration > img {
    object-fit: contain !important;
    object-position: center !important;
    -o-object-fit: contain !important;
    -o-object-position: center !important;
  }
}

.solutions {
  padding-block: var(--section-block-padding);
}
.solutions .container {
  max-width: var(--container-max-width-smaller);
}
.solutions .title {
  font-weight: 500;
  font-size: calc(6.4 * var(--delta));
  line-height: 1.1;
  text-transform: capitalize;
  color: #FFFFFF;
  margin-bottom: calc(6.8 * var(--delta));
}
@media (max-width: 768px) {
  .solutions .title {
    font-size: calc(3.5 * var(--delta));
  }
}
.solutions .grid-solutions {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: calc(4.8 * var(--delta)) calc(4.8 * var(--delta));
}
@media (max-width: 768px) {
  .solutions .grid-solutions {
    grid-template-columns: 1fr;
  }
}
.solutions .grid-solutions > .item > h5 {
  font-weight: 400;
  font-size: calc(3.6 * var(--delta));
  line-height: 1.1;
  color: #FFFFFF;
  margin-bottom: calc(1.4 * var(--delta));
  text-transform: capitalize;
}
.solutions .grid-solutions > .item > p {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}

.services-image-content {
  padding-block: var(--section-block-padding);
  overflow-x: hidden;
}
.services-image-content .container {
  max-width: var(--container-max-width-smaller);
}
.services-image-content .title {
  font-weight: 500;
  font-size: calc(6.4 * var(--delta));
  line-height: 1.1;
  text-transform: capitalize;
  margin-bottom: var(--section-block-padding);
}
@media (max-width: 768px) {
  .services-image-content .title {
    font-size: calc(3.5 * var(--delta));
  }
}
.services-image-content .content-wrap > .item-image-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--section-block-padding);
}
@media (max-width: 768px) {
  .services-image-content .content-wrap > .item-image-content {
    display: block;
  }
}
.services-image-content .content-wrap > .item-image-content:nth-child(even) {
  flex-direction: row-reverse;
}
.services-image-content .content-wrap > .item-image-content > .image-holder {
  width: calc(46.7 * var(--delta));
  height: calc(31.9 * var(--delta));
  position: relative;
}
@media (max-width: 768px) {
  .services-image-content .content-wrap > .item-image-content > .image-holder {
    width: 100%;
    height: 60vw;
    margin-bottom: calc(3 * var(--delta));
  }
}
.services-image-content .content-wrap > .item-image-content > .image-holder.star-top-right::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(6 * var(--delta));
  height: calc(6 * var(--delta));
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("./../images/yellow-star.svg");
  top: calc(0px - 3 * var(--delta));
  right: calc(0px - 3 * var(--delta));
}
.services-image-content .content-wrap > .item-image-content > .image-holder.star-bottom-left::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(6 * var(--delta));
  height: calc(6 * var(--delta));
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("./../images/yellow-star.svg");
  bottom: calc(1.2 * var(--delta));
  left: calc(0px - 3 * var(--delta));
}
.services-image-content .content-wrap > .item-image-content > .image-holder.star-bottom-rright-small::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(2.8 * var(--delta));
  height: calc(2.8 * var(--delta));
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("./../images/yellow-star.svg");
  bottom: calc(1.6 * var(--delta));
  right: calc(1.6 * var(--delta));
}
.services-image-content .content-wrap > .item-image-content > .image-holder > img {
  display: block;
  width: 100%;
  height: auto;
}
.services-image-content .content-wrap > .item-image-content > .content {
  width: calc(56.1 * var(--delta));
}
@media (max-width: 768px) {
  .services-image-content .content-wrap > .item-image-content > .content {
    width: 100%;
  }
}
.services-image-content .content-wrap > .item-image-content > .content h4 {
  font-weight: 500;
  font-size: calc(3 * var(--delta));
  line-height: 1.3;
  text-transform: capitalize;
  margin-bottom: calc(2.4 * var(--delta));
  color: #FFFFFF;
}
@media (max-width: 768px) {
  .services-image-content .content-wrap > .item-image-content > .content h4 {
    font-size: calc(2.2 * var(--delta));
  }
}
.services-image-content .content-wrap > .item-image-content > .content ul {
  padding: 0px;
  margin: 0px;
  margin-bottom: calc(3.2 * var(--delta));
}
.services-image-content .content-wrap > .item-image-content > .content ul li {
  display: block;
  position: relative;
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  color: #FFFFFF;
  margin-bottom: calc(1.6 * var(--delta));
  padding-left: calc(3.6 * var(--delta));
}
.services-image-content .content-wrap > .item-image-content > .content ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: calc(2.4 * var(--delta));
  height: calc(2.4 * var(--delta));
  background-image: url("./../images/check-circle-white.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.mesurable-outcomes {
  padding-block: var(--section-block-padding);
}
.mesurable-outcomes .container {
  max-width: var(--container-max-width-smaller);
}
.mesurable-outcomes .content {
  text-align: center;
  margin-bottom: calc(4.6 * var(--delta));
}
.mesurable-outcomes .content .title {
  font-weight: 500;
  font-size: calc(6.4 * var(--delta));
  line-height: 1.1;
  text-transform: capitalize;
  margin-bottom: calc(2.4 * var(--delta));
}
@media (max-width: 768px) {
  .mesurable-outcomes .content .title {
    font-size: calc(3.5 * var(--delta));
  }
}
.mesurable-outcomes .content p {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
.mesurable-outcomes .grid-wrap {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: calc(4.8 * var(--delta)) calc(4.8 * var(--delta));
}
@media (max-width: 768px) {
  .mesurable-outcomes .grid-wrap {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .mesurable-outcomes .grid-wrap .item {
    text-align: center;
  }
}
.mesurable-outcomes .grid-wrap .item h4 {
  font-size: calc(5 * var(--delta));
  font-weight: 400;
  color: #FFFFFF;
  line-height: 1.1;
  margin-bottom: calc(1.4 * var(--delta));
}
.mesurable-outcomes .grid-wrap .item h4 small {
  display: inline-block;
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  color: #FFFFFF;
  margin-inline: 0px;
}
.mesurable-outcomes .grid-wrap .item p {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  color: #FFFFFF;
}

.get-demo-banner {
  padding-block: var(--section-block-padding);
}
@media (max-width: 768px) {
  .get-demo-banner {
    padding-top: calc(10 * var(--delta));
    overflow-x: hidden;
  }
}
.get-demo-banner .container {
  max-width: var(--container-max-width-smaller);
}
.get-demo-banner .col-lg-12 {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .get-demo-banner .col-lg-12 {
    display: block;
  }
}
.get-demo-banner .col-lg-12 > * {
  position: relative;
  z-index: 2;
}
.get-demo-banner .col-lg-12 > .the-justice {
  width: calc(35 * var(--delta));
  position: relative;
}
@media (max-width: 768px) {
  .get-demo-banner .col-lg-12 > .the-justice {
    width: 100%;
    z-index: 1;
    opacity: 0.2;
  }
}
.get-demo-banner .col-lg-12 > .the-justice > .image-holder {
  position: absolute;
  left: 0px;
  top: 50%;
  height: calc(50 * var(--delta));
  transform: translateY(-50%);
  overflow: hidden;
}
.get-demo-banner .col-lg-12 > .the-justice > .image-holder.steps-justice {
  width: 150%;
}
@media (max-width: 768px) {
  .get-demo-banner .col-lg-12 > .the-justice > .image-holder.steps-justice {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .get-demo-banner .col-lg-12 > .the-justice > .image-holder {
    height: calc(40 * var(--delta));
    transform: translateY(-30%);
    left: auto;
    right: 0px;
  }
  .get-demo-banner .col-lg-12 > .the-justice > .image-holder.steps-justice {
    transform: translateX(40%) translateY(-15%);
  }
}
.get-demo-banner .col-lg-12 > .the-justice > .image-holder > img {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  object-fit: contain !important;
  object-position: center !important;
  -o-object-fit: contain !important;
  -o-object-position: center !important;
}
.get-demo-banner .col-lg-12 > .the-justice > .image-holder:after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: calc(-1 * var(--delta));
  width: 100%;
  height: 100%;
  background-color: #131210;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#131210+0,131210+100&0+0,1+100 */
  background: linear-gradient(to bottom, rgba(19, 18, 16, 0) 0%, rgb(19, 18, 16) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.get-demo-banner .col-lg-12 > .content {
  width: calc(89.5 * var(--delta));
}
@media (max-width: 768px) {
  .get-demo-banner .col-lg-12 > .content {
    width: 100%;
  }
}
.get-demo-banner .col-lg-12 > .content h3 {
  font-weight: 500;
  font-size: calc(6.4 * var(--delta));
  line-height: 1.1;
  text-transform: capitalize;
  margin-bottom: calc(4.8 * var(--delta));
}
@media (max-width: 768px) {
  .get-demo-banner .col-lg-12 > .content h3 {
    font-size: calc(3.5 * var(--delta));
  }
}
.get-demo-banner .col-lg-12 > .content .btn {
  min-width: calc(16.6 * var(--delta));
}

.cost-of-the-document-chaos {
  padding-block: var(--section-block-padding);
  text-align: center;
}
.cost-of-the-document-chaos .container {
  max-width: var(--container-max-width-smaller);
}
.cost-of-the-document-chaos .heading-content {
  margin-bottom: calc(5.7 * var(--delta));
}
.cost-of-the-document-chaos .heading-content .title {
  font-weight: 500;
  font-size: calc(4.8 * var(--delta));
  line-height: 1.3;
  text-transform: capitalize;
  margin-bottom: calc(2.4 * var(--delta));
}
@media (max-width: 768px) {
  .cost-of-the-document-chaos .heading-content .title {
    font-size: calc(2.8 * var(--delta));
  }
}
.cost-of-the-document-chaos .heading-content p {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
.cost-of-the-document-chaos .pp-illustration {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .cost-of-the-document-chaos .pp-illustration {
    display: block;
  }
  .cost-of-the-document-chaos .pp-illustration > * {
    width: 100% !important;
  }
}
.cost-of-the-document-chaos .pp-illustration p {
  width: calc(41 * var(--delta));
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  font-size: calc(2 * var(--delta));
  line-height: 1.5;
  color: #FFFFFF;
}
.cost-of-the-document-chaos .pp-illustration .image-holder {
  width: calc(41.5 * var(--delta));
  height: calc(30.5 * var(--delta));
  position: relative;
  /*background-image: url('./../images/eclipse-container-icons.png');
  background-size: contain;
  background-position: center;
  background-attachment: fixed;*/
}
.cost-of-the-document-chaos .pp-illustration .image-holder > img {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center !important;
  -o-object-fit: contain !important;
  -o-object-position: center !important;
}

.insights-on-security {
  padding-block: var(--section-block-padding);
}
.insights-on-security .title {
  font-weight: 500;
  font-size: calc(4.8 * var(--delta));
  line-height: 1.3;
  text-transform: capitalize;
  margin-bottom: calc(6.4 * var(--delta));
}
@media (max-width: 768px) {
  .insights-on-security .title {
    font-size: calc(2.8 * var(--delta));
  }
}
.insights-on-security .grid-insights {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: calc(3.2 * var(--delta)) calc(3.2 * var(--delta));
}
@media (max-width: 768px) {
  .insights-on-security .grid-insights {
    grid-template-columns: 1fr;
  }
}
.insights-on-security .grid-insights .grid-insights-item > .illustration {
  height: calc(25.8 * var(--delta));
  position: relative;
  margin-bottom: calc(3.2 * var(--delta));
}
.insights-on-security .grid-insights .grid-insights-item > .illustration > img {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center !important;
  -o-object-fit: contain !important;
  -o-object-position: center !important;
}
.insights-on-security .grid-insights .grid-insights-item > .illustration:after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#131210+0,131210+8,131210+92,131210+100&1+0,0+9,0+93,1+100 */
  background: linear-gradient(to bottom, rgb(19, 18, 16) 0%, rgba(19, 18, 16, 0.11) 8%, rgba(19, 18, 16, 0) 9%, rgba(19, 18, 16, 0) 92%, rgba(19, 18, 16, 0) 93%, rgb(19, 18, 16) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.insights-on-security .grid-insights .grid-insights-item h4 {
  margin-bottom: calc(1.2 * var(--delta));
  font-weight: 500;
  font-size: calc(3 * var(--delta));
  line-height: 1.3;
  text-transform: capitalize;
  color: #FFFFFF;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 768px) {
  .insights-on-security .grid-insights .grid-insights-item h4 {
    font-size: calc(2.2 * var(--delta));
  }
}
.insights-on-security .grid-insights .grid-insights-item > p {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  color: #FFFFFF;
  margin-bottom: calc(1.6 * var(--delta));
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.insights-on-security .grid-insights .grid-insights-item .profile-block {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: calc(1.6 * var(--delta));
}
.insights-on-security .grid-insights .grid-insights-item .profile-block .profile-image {
  width: calc(4 * var(--delta));
  height: calc(4 * var(--delta));
  border-radius: 50% !important;
  overflow: hidden;
  position: relative;
  margin-right: calc(1.2 * var(--delta));
}
.insights-on-security .grid-insights .grid-insights-item .profile-block .profile-image > img {
  display: block;
  object-fit: cover !important;
  object-position: center !important;
  -o-object-fit: cover !important;
  -o-object-position: center !important;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.insights-on-security .grid-insights .grid-insights-item .profile-block .name-job {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
.insights-on-security .grid-insights .grid-insights-item .profile-block .name-job span {
  color: #FFFFFF;
  display: inline-block;
  margin-right: calc(0.8 * var(--delta));
}

.koda-form {
  padding-top: var(--section-block-padding);
  padding-bottom: var(--section-block-padding);
  background-color: #f6f6f6;
}
.koda-form .container {
  max-width: 100%;
}
.koda-form iframe {
  display: block;
  height: 100vh;
  width: 100%;
}

.contact-form {
  padding-block: var(--section-block-padding);
  background-image: url("./../images/lines-circles.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
.contact-form > * {
  position: relative;
  z-index: 1;
}
.contact-form:before, .contact-form:after {
  content: "";
  display: block;
  position: absolute;
  height: var(--section-block-padding);
  width: 100%;
  left: 0px;
  background-image: url("./../images/shadow.png");
  background-size: 100% 100%;
  transform-origin: center;
  z-index: 2;
  pointer-events: none;
}
@media (max-width: 768px) {
  .contact-form:before, .contact-form:after {
    background: transparent;
  }
}
.contact-form:before {
  top: 0px;
}
.contact-form:after {
  bottom: 0px;
  transform: rotate(180deg);
}
.contact-form .container {
  max-width: calc(50 * var(--delta) + var(--cells-spacing));
}

.wpcf7-form .heading {
  text-align: center;
  margin-bottom: calc(4.8 * var(--delta));
  text-align: center;
}
.wpcf7-form .heading h2 {
  font-weight: 500;
  font-size: calc(6.4 * var(--delta));
  line-height: 1.1;
  text-transform: capitalize;
  margin-bottom: calc(2.4 * var(--delta));
}
@media (max-width: 768px) {
  .wpcf7-form .heading h2 {
    font-size: calc(3.5 * var(--delta));
  }
}
.wpcf7-form .heading p {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
.wpcf7-form .form-content > p {
  margin-bottom: calc(2 * var(--delta));
  position: relative;
}
.wpcf7-form .form-content > p > label {
  display: block;
  width: 100%;
  font-size: calc(1.4 * var(--delta));
  line-height: calc(2 * var(--delta));
  font-weight: 600;
  color: #FFFFFF;
}
.wpcf7-form .form-content > p > label > br {
  display: none;
}
.wpcf7-form .form-content > p > label > .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  padding-top: calc(0.6 * var(--delta));
}
.wpcf7-form .form-content > p > label > .wpcf7-form-control-wrap > .form-control {
  padding: calc(1.4 * var(--delta)) calc(1.8 * var(--delta));
  font-size: calc(1.6 * var(--delta));
  font-weight: 400;
  line-height: 1.5;
  color: #FFFFFF;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #21201E;
  background-clip: padding-box;
  border: 1px solid #21201E;
  border-radius: 0px;
}
.wpcf7-form .form-content > p > label > .wpcf7-form-control-wrap > .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.wpcf7-form .form-content > p > label > .wpcf7-form-control-wrap > .form-control::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.wpcf7-form .form-content > p > label > .wpcf7-form-control-wrap > .form-control:focus {
  outline: none;
  box-shadow: none;
}
.wpcf7-form .form-content .wpcf7-not-valid-tip {
  font-size: calc(1.6 * var(--delta));
  margin-top: calc(0.5 * var(--delta));
}
.wpcf7-form .form-content input.btn {
  display: block;
  width: 100%;
  margin-top: calc(3.2 * var(--delta));
}
.wpcf7-form .wpcf7-response-output {
  color: #FFFFFF !important;
  border: none !important;
  margin: 0px !important;
  padding: calc(1.5 * var(--delta)) !important;
}
.wpcf7-form .wpcf7-spinner {
  width: calc(2.4 * var(--delta));
  height: calc(2.4 * var(--delta));
  margin: 0 calc(2.4 * var(--delta));
  margin: 0px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.contents {
  padding-top: calc(18.3 * var(--delta));
  padding-bottom: var(--section-block-padding);
}
@media (max-width: 768px) {
  .contents {
    padding-top: calc(10 * var(--delta));
  }
}
.contents .col-lg-12 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .contents .col-lg-12 {
    flex-direction: column-reverse;
  }
  .contents .col-lg-12 .left-content {
    margin-top: var(--section-block-padding);
  }
  .contents .col-lg-12 > * {
    width: 100% !important;
  }
}
.contents .left-content {
  width: calc(72 * var(--delta));
}
.contents .left-content > .heading {
  margin-bottom: calc(3.2 * var(--delta));
}
.contents .left-content > .heading > h1 {
  font-weight: 500;
  font-size: calc(6.4 * var(--delta));
  line-height: 1.1;
  text-transform: capitalize;
  color: #FFFFFF;
  margin-bottom: calc(1.2 * var(--delta));
}
@media (max-width: 768px) {
  .contents .left-content > .heading > h1 {
    font-size: calc(3.5 * var(--delta));
  }
}
.contents .left-content > .heading > p.last-updated {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
.contents .left-content > .page-content {
  margin-bottom: calc(4.8 * var(--delta));
}
.contents .left-content > .page-content h4,
.contents .left-content > .page-content h5 {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: calc(3.2 * var(--delta));
  text-transform: capitalize;
  max-width: calc(51 * var(--delta));
}
.contents .left-content > .page-content p {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
.contents .left-content > .page-content p a {
  color: inherit;
}
.contents .left-content > .page-content p a:hover {
  opacity: 0.5;
}
.contents .left-content > .content-items > .content-item {
  margin-bottom: calc(4.8 * var(--delta));
}
.contents .left-content > .content-items > .content-item h3,
.contents .left-content > .content-items > .content-item h4 {
  font-weight: 500;
  font-size: calc(3 * var(--delta));
  line-height: 1.3;
  text-transform: capitalize;
  color: #FFFFFF;
  margin-bottom: calc(2.4 * var(--delta));
}
@media (max-width: 768px) {
  .contents .left-content > .content-items > .content-item h3,
  .contents .left-content > .content-items > .content-item h4 {
    font-size: calc(2.2 * var(--delta));
  }
}
.contents .left-content > .content-items > .content-item p {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
.contents .left-content > .content-items > .content-item p a {
  color: inherit;
}
.contents .left-content > .content-items > .content-item p a:hover {
  opacity: 0.5;
}
.contents .left-content > .content-items > .content-item ol,
.contents .left-content > .content-items > .content-item ul {
  padding: 0px;
  padding-left: calc(2 * var(--delta));
  margin: 0px;
  margin-bottom: calc(2 * var(--delta));
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
.contents .menu-content {
  width: calc(41.7 * var(--delta));
}
.contents .menu-content h4 {
  font-weight: 500;
  font-size: calc(3 * var(--delta));
  line-height: 1.3;
  text-transform: capitalize;
  color: #FFFFFF;
  margin-bottom: calc(1.2 * var(--delta));
}
@media (max-width: 768px) {
  .contents .menu-content h4 {
    font-size: calc(2.2 * var(--delta));
  }
}
.contents .menu-content ol {
  margin: 0px;
  padding: 0px;
  padding-left: calc(2 * var(--delta));
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  counter-reset: my-counter;
}
.contents .menu-content ol > li {
  counter-increment: my-counter;
  margin-bottom: calc(1.2 * var(--delta));
  position: relative;
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  padding-left: calc(2 * var(--delta));
}
.contents .menu-content ol > li:before {
  content: counter(my-counter) ". ";
  display: block;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.contents .menu-content ol > li a {
  display: inline-block;
  text-decoration: underline;
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
.contents .menu-content ol > li a:hover {
  opacity: 0.5;
}

.contact-us {
  padding-top: calc(18.3 * var(--delta));
  padding-bottom: var(--section-block-padding);
}
@media (max-width: 768px) {
  .contact-us {
    padding-top: calc(10 * var(--delta));
  }
}
.contact-us .col-lg-12 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .contact-us .col-lg-12 {
    display: block;
  }
}
.contact-us .form-container {
  width: calc(70 * var(--delta));
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .contact-us .form-container {
    width: 100%;
  }
}
.contact-us .form-container .heading {
  text-align: left;
}
.contact-us .the-judge-illustration {
  width: calc(41.7 * var(--delta));
  width: calc(33.5 * var(--delta));
  z-index: 1;
  position: relative;
  right: calc(4.8 * var(--delta));
  top: calc(0px - 2.5 * var(--delta));
}
@media (max-width: 768px) {
  .contact-us .the-judge-illustration {
    width: 70%;
    opacity: 0.3;
    right: 0px;
    top: calc(3 * var(--delta) + 10 * var(--delta));
  }
}
@media (max-width: 768px) {
  .contact-us .the-judge-illustration {
    position: absolute;
  }
}
.contact-us .the-judge-illustration > img {
  display: block;
  width: 100%;
}
.contact-us .the-judge-illustration:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
  height: calc(24.3 * var(--delta));
  background-size: 100% 100%;
  background-position: center bottom;
  background-image: url("./../images/contact-us-shadow.png");
}

.waitlist-form {
  padding-top: calc(18.3 * var(--delta));
  padding-bottom: var(--section-block-padding);
}
@media (max-width: 768px) {
  .waitlist-form {
    padding-top: calc(10 * var(--delta));
  }
}
.waitlist-form .form-container {
  margin-inline: auto;
  max-width: calc(50 * var(--delta));
}

.about-us-hero {
  padding-top: calc(17.6 * var(--delta));
  padding-bottom: var(--section-block-padding);
}
@media (max-width: 768px) {
  .about-us-hero {
    padding-top: calc(10 * var(--delta));
  }
}
.about-us-hero .col-lg-12 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .about-us-hero .col-lg-12 {
    display: block;
  }
  .about-us-hero .col-lg-12 > * {
    width: 100% !important;
  }
}
.about-us-hero .left-content {
  width: calc(44 * var(--delta));
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: calc(26.1 * var(--delta));
}
.about-us-hero .left-content .title {
  display: none;
}
@media (max-width: 768px) {
  .about-us-hero .left-content .title {
    display: block;
    margin-bottom: calc(2.4 * var(--delta));
    font-weight: 500;
    font-size: calc(6.4 * var(--delta));
    line-height: 1.1;
    text-transform: capitalize;
    font-size: calc(7 * var(--delta)) !important;
    color: #FFFFFF;
    text-transform: uppercase;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .about-us-hero .left-content .title {
    font-size: calc(3.5 * var(--delta));
  }
}
@media (max-width: 768px) {
  .about-us-hero .left-content .title > span {
    display: block;
  }
  .about-us-hero .left-content .title > span:last-child {
    text-align: right;
  }
}
@media (max-width: 768px) {
  .about-us-hero .left-content {
    width: 100%;
    height: auto;
    margin-bottom: var(--section-block-padding);
  }
}
.about-us-hero .left-content > * {
  width: 100%;
}
.about-us-hero .left-content p {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
.about-us-hero .right-photos {
  width: calc(83.2 * var(--delta));
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: calc(2 * var(--delta)) calc(2 * var(--delta));
}
@media (max-width: 768px) {
  .about-us-hero .right-photos {
    grid-template-columns: 1fr;
    max-width: calc(26.4 * var(--delta));
    margin-inline: auto;
  }
}
.about-us-hero .right-photos > .image-content:nth-child(1) img {
  height: calc(41.3 * var(--delta));
}
.about-us-hero .right-photos > .image-content:nth-child(2) img {
  height: calc(58.4 * var(--delta));
}
.about-us-hero .right-photos > .image-content:nth-child(3) img {
  height: calc(44.4 * var(--delta));
}
.about-us-hero .right-photos > .image-content > .image-wrap {
  position: relative;
}
.about-us-hero .right-photos > .image-content > .image-wrap > img {
  display: block;
  width: 100%;
  margin-bottom: calc(2.5 * var(--delta));
  object-fit: cover !important;
  object-position: center !important;
  -o-object-fit: cover !important;
  -o-object-position: center !important;
}
.about-us-hero .right-photos > .image-content > .image-wrap p {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
.about-us-hero .right-photos > .image-content > .image-wrap h1 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  font-weight: 500;
  font-size: calc(6.4 * var(--delta));
  line-height: 1.1;
  text-transform: capitalize;
  font-size: calc(14 * var(--delta));
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .about-us-hero .right-photos > .image-content > .image-wrap h1 {
    display: none;
  }
}
@media (max-width: 768px) {
  .about-us-hero .right-photos > .image-content > .image-wrap h1 {
    font-size: calc(3.5 * var(--delta));
  }
}
.about-us-hero .right-photos > .image-content > .image-wrap h1 span {
  position: absolute;
  display: block;
  color: #FFFFFF;
}
.about-us-hero .right-photos > .image-content > .image-wrap h1 span:first-child {
  left: auto;
  right: calc(100% + 4.2 * var(--delta));
  bottom: calc(0px - 2 * var(--delta));
}
.about-us-hero .right-photos > .image-content > .image-wrap h1 span:last-child {
  left: calc(0px - 20.8 * var(--delta));
  top: calc(100% + 3.7 * var(--delta));
}

.since-banner {
  padding-block: var(--section-block-padding);
  text-align: center;
}
.since-banner .content-holder {
  max-width: calc(109.6 * var(--delta));
  margin-inline: auto;
}
.since-banner h4 {
  font-weight: 500;
  font-size: calc(3 * var(--delta));
  line-height: 1.3;
  text-transform: capitalize;
  margin-bottom: calc(2.4 * var(--delta));
}
@media (max-width: 768px) {
  .since-banner h4 {
    font-size: calc(2.2 * var(--delta));
  }
}
.since-banner h2 {
  font-weight: 500;
  font-size: calc(4.8 * var(--delta));
  line-height: 1.3;
  text-transform: capitalize;
}
@media (max-width: 768px) {
  .since-banner h2 {
    font-size: calc(2.8 * var(--delta));
  }
}

.phone-over-stone {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  padding-top: calc(16 * var(--delta));
  background-size: cover;
  background-position: center bottom;
  background: radial-gradient(circle at center, #363738, #1f1f20);
  /* 'circle at center' creates a light source in the middle. */
  /* You can change 'at center' to 'at 20% 80%' to move the light source. */
}
@media (max-width: 768px) {
  .phone-over-stone {
    padding-top: calc(10 * var(--delta));
  }
}
@media (max-size: 768px) {
  .phone-over-stone {
    padding-top: var(--section-block-padding);
  }
}
.phone-over-stone:before, .phone-over-stone:after {
  display: block;
  content: "";
  left: 0px;
  width: 100%;
  position: absolute;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  height: 20vw;
}
.phone-over-stone > * {
  position: relative;
  z-index: 2;
}
.phone-over-stone:before {
  top: 0px;
  background-image: url("./../images/shadow-upper.png");
}
.phone-over-stone:after {
  bottom: 0px;
  background-image: url("./../images/shadow-bottom.png");
  z-index: 3;
}
.phone-over-stone p {
  max-width: calc(46.3 * var(--delta));
  margin-inline: auto;
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  color: #FFFFFF;
}
.phone-over-stone .phone-stone-illsutration {
  margin-top: var(--section-block-padding);
  overflow-x: hidden;
}
.phone-over-stone .phone-stone-illsutration > img {
  display: block;
  margin-inline: auto;
  width: 100%;
  max-width: calc(113.4 * var(--delta));
  height: auto;
}
@media (max-width: 768px) {
  .phone-over-stone .phone-stone-illsutration > img {
    width: 150%;
    margin-inline: -25%;
  }
}

.our-values {
  padding-block: var(--section-block-padding);
}
.our-values .items-wrap {
  counter-reset: list-counter;
}
.our-values .items-wrap > .content-item {
  margin-bottom: calc(6.4 * var(--delta));
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
  min-height: calc(25.4 * var(--delta));
  padding-block: calc(3 * var(--delta));
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow-y: hidden;
  position: relative;
}
@media (max-width: 768px) {
  .our-values .items-wrap > .content-item {
    padding-top: var(--section-block-padding);
  }
}
@media (max-width: 768px) {
  .our-values .items-wrap > .content-item {
    display: block;
  }
  .our-values .items-wrap > .content-item > * {
    margin-bottom: calc(3 * var(--delta));
  }
}
.our-values .items-wrap > .content-item:before {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  font-size: calc(2 * var(--delta));
  line-height: 1.5;
  content: counter(list-counter, decimal-leading-zero);
  /* Increment the counter for each list item */
  counter-increment: list-counter;
}
.our-values .items-wrap > .content-item .left-content {
  position: relative;
}
.our-values .items-wrap > .content-item .left-content h4 {
  margin: 0px;
  position: relative;
  z-index: 2;
  font-weight: 500;
  font-size: calc(3 * var(--delta));
  line-height: 1.3;
  text-transform: capitalize;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .our-values .items-wrap > .content-item .left-content h4 {
    font-size: calc(2.2 * var(--delta));
  }
}
.our-values .items-wrap > .content-item .left-content img {
  display: block;
  z-index: 1;
  position: absolute;
  left: calc(100% - 2 * var(--delta));
  top: 50%;
  transform: translateY(-50%);
  object-fit: contain !important;
  object-position: center !important;
  -o-object-fit: contain !important;
  -o-object-position: center !important;
}
@media (max-width: 768px) {
  .our-values .items-wrap > .content-item .left-content img {
    top: 0px;
    left: 20%;
    width: 80% !important;
    height: auto;
    transform: translateY(0px);
    opacity: 0.3;
  }
}
.our-values .items-wrap > .content-item .left-content img.judge-1 {
  width: calc(22.4 * var(--delta));
  height: calc(14.7 * var(--delta));
}
.our-values .items-wrap > .content-item .left-content img.judge-2 {
  width: calc(24.4 * var(--delta));
  height: calc(23.9 * var(--delta));
}
.our-values .items-wrap > .content-item .left-content img.judge-3 {
  width: calc(23.7 * var(--delta));
  height: calc(22.8 * var(--delta));
  top: calc(50% + 1.5 * var(--delta));
}
.our-values .items-wrap > .content-item .right-content {
  width: 100%;
  max-width: calc(75.2 * var(--delta));
  position: relative;
}
.our-values .items-wrap > .content-item .right-content p {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}

.why-koda {
  padding-top: var(--section-block-padding);
}
.why-koda .heading {
  width: calc(64.5 * var(--delta));
}
@media (max-width: 768px) {
  .why-koda .heading {
    width: 100%;
  }
}
.why-koda .heading h3 {
  margin-bottom: calc(2.4 * var(--delta));
  font-weight: 500;
  font-size: calc(4.8 * var(--delta));
  line-height: 1.3;
  text-transform: capitalize;
}
@media (max-width: 768px) {
  .why-koda .heading h3 {
    font-size: calc(2.8 * var(--delta));
  }
}
.why-koda .heading p {
  font-weight: 400;
  font-size: calc(1.6 * var(--delta));
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
.why-koda .boxes {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: calc(-4.5 * var(--delta));
}
@media (max-width: 768px) {
  .why-koda .boxes {
    display: block;
    margin-top: var(--section-block-padding);
  }
  .why-koda .boxes > .box {
    width: calc(100% - var(--cells-spacing)) !important;
    margin-inline: auto;
    border: solid 1px rgba(255, 255, 255, 0.2) !important;
    margin-bottom: calc(3 * var(--delta));
    height: 100vw !important;
  }
}
.why-koda .boxes > .box {
  width: 33.3333%;
  border: solid 1px rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.why-koda .boxes > .box:nth-child(1) {
  height: calc(35.2 * var(--delta));
  border-right: none;
}
.why-koda .boxes > .box:nth-child(2) {
  height: calc(48.2 * var(--delta));
  border-right: none;
}
.why-koda .boxes > .box:nth-child(3) {
  height: calc(58.4 * var(--delta));
}
.why-koda .boxes > .box h3 {
  text-align: center;
  max-width: calc(36.2 * var(--delta));
  font-weight: 500;
  font-size: calc(3 * var(--delta));
  line-height: 1.3;
  text-transform: capitalize;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .why-koda .boxes > .box h3 {
    font-size: calc(2.2 * var(--delta));
  }
}/*# sourceMappingURL=style.css.map */